111 lines
1.9 KiB
CSS
111 lines
1.9 KiB
CSS
|
|
BODY {
|
|
background-color:white;
|
|
font-size:12px;
|
|
font-family:sans-serif,arial;
|
|
color:blue;
|
|
}
|
|
.cell , #recover_box p{
|
|
font-size : 18px;
|
|
}
|
|
.remark {
|
|
border: solid black 1px;
|
|
font-family:sans-serif;
|
|
font-size: 9px;
|
|
color:blue;
|
|
width:200px;
|
|
padding:3px;
|
|
}
|
|
|
|
.gras {
|
|
font-size:12px;
|
|
font-family:sans-serif,arial;
|
|
color:red;
|
|
|
|
}
|
|
.input_text {
|
|
border:1px solid blue;
|
|
margin:1px;
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
font-size:16px;
|
|
font-size:1rem;
|
|
}
|
|
.button {
|
|
color:white;
|
|
font-weight: bold;
|
|
border:0px;
|
|
text-decoration:none;
|
|
font-family: helvetica,arial,sans-serif;
|
|
background-image: url("image/bg-submit2.gif");
|
|
background-repeat: repeat-x repeat-y;
|
|
background-position: left;
|
|
text-decoration:none;
|
|
font-family: helvetica,arial,sans-serif;
|
|
border-width:0px;
|
|
padding:2px 4px 2px 4px;
|
|
cursor:pointer;
|
|
margin:31px 2px 1px 2px;
|
|
-moz-border-radius:2px 2px;
|
|
border-radius:2px 2px;
|
|
font-size : 1rem;
|
|
margin-bottom: 10px;
|
|
}
|
|
.button:hover {
|
|
cursor:pointer;
|
|
background-color:white;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
background-image: url("image/bg-submit3.gif");
|
|
background-repeat: repeat-x repeat-y;
|
|
}
|
|
#logo_id {
|
|
width:19%;
|
|
}
|
|
@media only screen and (max-width : 900px) {
|
|
#alternate_browser {
|
|
display : none;
|
|
}
|
|
#logo_id {
|
|
position:absolute;
|
|
z-index:-1;
|
|
height:60%;
|
|
width:auto;
|
|
left:0px;
|
|
|
|
}
|
|
.input_text {
|
|
width:8em;
|
|
}
|
|
|
|
}
|
|
@media only screen and (min-width : 901px) {
|
|
#alternate_browser {
|
|
position:absolute;
|
|
bottom: 0px;
|
|
left:0px;
|
|
z-index: -1;
|
|
}
|
|
#logo_id {
|
|
z-index:-1;
|
|
position:absolute;
|
|
width:19%;
|
|
left:27%;
|
|
top:24.5%;
|
|
}
|
|
#login_frm {
|
|
position:absolute;
|
|
left:768px;
|
|
top:333px;
|
|
}
|
|
.input_text {
|
|
width: 24em;
|
|
width: 24rem;
|
|
}
|
|
#recover_link {
|
|
position:absolute;
|
|
margin-top:397px;
|
|
left:539px;
|
|
background-color: white;
|
|
}
|
|
}
|