mirror of
https://github.com/stefanocasazza/ULib.git
synced 2025-10-12 20:27:27 +08:00
243 lines
4.0 KiB
CSS
243 lines
4.0 KiB
CSS
* {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
html, body {
|
|
height:100%;
|
|
}
|
|
|
|
body {
|
|
color:#630;
|
|
font:100.01%/1.0 helvetica,arial,sans-serif;
|
|
text-align:center;
|
|
background-color: #FFFFFF;
|
|
}
|
|
div#container {
|
|
z-index: 100;
|
|
}
|
|
div#container div#wrapper {
|
|
border:0px solid transparent;
|
|
}
|
|
span#title {
|
|
font:120.01%/2.0 helvetica,arial,sans-serif;
|
|
display:block;
|
|
color:#FFFFF1;
|
|
font-weight:bold;
|
|
padding-bottom:5px;
|
|
padding-top:5px;
|
|
border-bottom:1em solid #6698CD;
|
|
text-decoration:none;
|
|
text-align:center;
|
|
text-shadow:2px 2px 2px rgba(0, 0, 0, .25);
|
|
}
|
|
span#hint {
|
|
display:block;
|
|
color: #FFFFF1;
|
|
font-weight: bold;
|
|
margin-left: 2px;
|
|
margin-top: 2px;
|
|
padding: 10px 2px 4px;
|
|
text-shadow:2px 2px 2px rgba(0, 0, 0, .25);
|
|
}
|
|
label {
|
|
display:block;
|
|
color: #FFFFF1;
|
|
font-weight: bold;
|
|
margin-left: 2px;
|
|
margin-top: 2px;
|
|
padding: 10px 2px 4px;
|
|
text-align: justify;
|
|
text-decoration: none;
|
|
text-shadow:2px 2px 2px rgba(0, 0, 0, .25);
|
|
}
|
|
span#uid,span#pass {
|
|
display:block;
|
|
}
|
|
span#uid input,span#pass input {
|
|
margin-left: 20px;
|
|
margin-right: 2px;
|
|
margin-top: 5px;
|
|
padding-bottom: 2px;
|
|
padding-top: 2px;
|
|
width: 170px;
|
|
}
|
|
input[type=text],input[type=password]{
|
|
font-size: 1em;
|
|
}
|
|
span#submit {
|
|
display:block;
|
|
text-align: center;
|
|
margin-bottom: 6px;
|
|
margin-top: 6px;
|
|
padding:4px;
|
|
}
|
|
span#submit input {
|
|
padding:4px;
|
|
padding-left:18px;
|
|
padding-right:18px;
|
|
}
|
|
#creditsbox {
|
|
background-color:#FFFFFF;
|
|
border-right:0.1em solid #6698CD;
|
|
}
|
|
#creditsbox a {
|
|
padding: 10px 10px 4px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
text-shadow:2px 2px 2px rgba(0, 0, 0, .25);
|
|
color:#FF0000;
|
|
}
|
|
#menubox {
|
|
padding:0.5em;
|
|
background-color:transparent;
|
|
}
|
|
#menubox #menulogo {
|
|
text-align:center;
|
|
height:8em;
|
|
padding:0;
|
|
}
|
|
#menubox #menulogo img {
|
|
-ms-interpolation-mode: nearest-neighbor;
|
|
height:100%;
|
|
}
|
|
#menubox #menufirst {
|
|
display:block;
|
|
margin:3%;
|
|
height:6em;
|
|
margin-top:5%;
|
|
text-align:right;
|
|
padding-right:12%;
|
|
}
|
|
#menubox #menusecond {
|
|
display:block;
|
|
margin:3%;
|
|
height:6em;
|
|
text-align:right;
|
|
padding-right:12%;
|
|
}
|
|
#menubox #menucard {
|
|
display:block;
|
|
padding-top:3%;
|
|
margin:3%;
|
|
height:6em;
|
|
text-align:center;
|
|
padding-left:10%;
|
|
padding-right:10%;
|
|
}
|
|
#menubox #menucard #bottomcard {
|
|
display:block;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
#menubox #menucard #bottomcard strong {
|
|
display:inline-block;
|
|
position:absolute;
|
|
text-decoration:underline;
|
|
font-size:1em;
|
|
width: 68%;
|
|
top: 40%;
|
|
right:32%;
|
|
text-align:right;
|
|
height: auto;
|
|
}
|
|
#menubox #menucard #bottomcard strong:hover {
|
|
cursor:pointer;
|
|
}
|
|
#menubox #menucard #bottomcard img {
|
|
display:inline-block;
|
|
position:absolute;
|
|
width:75%;
|
|
height: auto;
|
|
top:0%;
|
|
left: 12%;
|
|
}
|
|
#menubox #menureserved {
|
|
display:block;
|
|
margin:3%;
|
|
height:4.5em;
|
|
padding:0px;
|
|
}
|
|
#menubox #menureserved #bottomreserved {
|
|
display:block;
|
|
margin:0px;
|
|
position:relative;
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
#menubox #menureserved #bottomreserved img {
|
|
display:inline-block;
|
|
position:absolute;
|
|
width:auto;
|
|
height:100%;
|
|
top:0;
|
|
left:35%;
|
|
}
|
|
#menubox button {
|
|
display:inline-block;
|
|
border: 0px solid transparent;
|
|
background-color: transparent;
|
|
width:40%;
|
|
height:100%;
|
|
}
|
|
#menubox #toprightbox {
|
|
width:95%;
|
|
}
|
|
#menubox #bottomleftbox {
|
|
width:42%;
|
|
}
|
|
#menubox #bottomrightbox {
|
|
width:56%;
|
|
}
|
|
#menubox button img {
|
|
-ms-interpolation-mode: nearest-neighbor;
|
|
display:inline-block;
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
#menubox button img:hover {
|
|
cursor: pointer;
|
|
}
|
|
#menubox #topleftbox {
|
|
margin-right:-3%;
|
|
}
|
|
#menubox #bottomleftbox {
|
|
margin-right:-4.5%;
|
|
}
|
|
#registerbox #menulogo {
|
|
text-align:center;
|
|
width:100%;
|
|
padding:0;
|
|
margin-bottom:2em;
|
|
}
|
|
#registerbox #menulogo img {
|
|
width:100%;
|
|
}
|
|
#loginbox #inside {
|
|
width:auto;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
#loginbox #menulogo {
|
|
text-align:center;
|
|
width:100%;
|
|
padding:0;
|
|
margin-bottom:2em;
|
|
}
|
|
#loginbox #inside input[type=text], #loginbox #inside input[type=password] {
|
|
width:100%;
|
|
}
|
|
#loginbox #inside #left-sidebar {
|
|
text-align:center;
|
|
}
|
|
#loginbox #menulogo img {
|
|
width:100%;
|
|
}
|
|
td.racss_label {
|
|
text-align:left;
|
|
}
|
|
#disclamer {
|
|
text-align:center;
|
|
margin-top:2em;
|
|
}
|