mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 03:32:00 +09:00
72 lines
2.1 KiB
CSS
72 lines
2.1 KiB
CSS
@charset "utf-8";
|
|
|
|
#access{
|
|
width: 360px;
|
|
margin: 40px auto;
|
|
background-color: #f9f9f9;
|
|
border: 1px solid #d8d8d8;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
box-sizing: initial;
|
|
font-family: NanumBarunGothic, 'Malgun Gothic', Dotum, 'Apple SD Gothic Neo', AppleGothic, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
box-shadow: 0 2px 3px #eee;
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#access { width: 300px; }
|
|
}
|
|
|
|
#access .login-header { margin: 30px; padding: 0; }
|
|
#access .login-header h1 { margin: 0; padding: 0; font-size: 16px; line-height: 20px; color:#f44336; font-weight:normal; }
|
|
#access .login-header .message { border: 0; border-radius: 0; padding: 0; margin: 20px 0 0 0; }
|
|
|
|
#access .login-body { margin: 30px; padding: 0; }
|
|
#access .login-body p { margin: 0; padding: 0; }
|
|
#access .login-body form { margin: 0; padding: 0; }
|
|
#access input[type=text], #access input[type=email], #access input[type=password] {
|
|
font-family: Arial, NanumBarunGothic, 'Malgun Gothic', Dotum, 'Apple SD Gothic Neo', AppleGothic, sans-serif;
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
height: auto;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #aaa;
|
|
background: #fff;
|
|
padding: 6px;
|
|
margin-bottom: 8px;
|
|
}
|
|
#access input[type=checkbox] { margin: 0 4px 0 0; position: relative; top: 2px; }
|
|
|
|
#access .login-body .control-group { margin-bottom: 16px; }
|
|
#access .login-body a.button {
|
|
line-height: 54px;
|
|
}
|
|
#access .login-body .button {
|
|
display: block;
|
|
width: 100%;
|
|
height: 54px;
|
|
border: 0;
|
|
background-color: #444;
|
|
font-size: 16px;
|
|
font-family: inherit;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: #eee;
|
|
}
|
|
#access .login-body .button:hover,
|
|
#access .login-body .button:focus,
|
|
#access .login-body .button:active {
|
|
background-color: #222;
|
|
}
|
|
|
|
#access .login-footer {
|
|
margin: 30px;
|
|
text-align: center;
|
|
border-top: 0;
|
|
color: #888;
|
|
}
|
|
#access .login-footer>a{text-decoration:none;font-size:13px;color:#888}
|
|
#access .login-footer>a:hover,
|
|
#access .login-footer>a:active,
|
|
#access .login-footer>a:focus{text-decoration:underline}
|
|
#access .login-footer>.bar{display:inline-block;margin:0 8px;color:#aaa}
|