Typesetter-Original-gtbu/include/css/login.css
2021-09-08 19:52:21 +02:00

162 lines
2.8 KiB
CSS

#login_container,
#browser_warning,
#javascript_warning {
font-family:
-apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial,
"Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 13px;
}
#login_container {
position: relative;
height: 100%;
background: #222;
}
#login_container a {
color: #333;
}
#login_container table {
width: 100%;
height: 100%;
}
#login_container td {
vertical-align: middle;
}
#login_container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#loginform {
position: relative;
padding: 20px;
width: 320px;
color: #444;
border-radius: 6px;
margin: 0 auto;
}
#loginform {
background-color: #ddd;
border: 1px solid rgba(255, 255, 255, 0.7);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
position: relative;
z-index: 1;
}
#loginform:before,
#loginform:after {
content: '';
position: absolute;
top: 6px;
left: 7px;
background: rgba(255, 255, 255, 0.2);
width: 100%;
height: 100%;
border-radius: 9px;
z-index: -1;
}
#loginform:before {
top: -6px;
left: -7px;
}
#loginform .login_submit {
border: 1px solid rgba(0, 0, 0, 0.4);
background: #444;
background: -webkit-linear-gradient(top, #555, #333);
background: linear-gradient(to bottom, #555, #333);
color: #fff;
font-size: 14px;
font-weight: normal;
text-shadow: 0 1px 1px #111;
padding: 5px 10px;
border-radius: 5px;
cursor: pointer;
}
#loginform .login_submit:focus {
background-color: #888;
}
#loginform p {
vertical-align: top;
padding: 0;
margin: 0 0 20px 0;
}
#loginform .login_text input {
display: block;
width: 100%;
padding: 8px;
font-size: 14px;
color: #444;
border: 1px solid #ccc;
background-color: #e5e5e5;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff;
-moz-box-shadow: 0 0 2px #fff;
box-shadow: 0 0 2px #fff;
}
#loginform .login_text:focus {
border: 1px solid #000;
background-color: #fff;
color: #111;
}
#loginform label {
font-size: 12px;
color: #555;
margin-right: 15px;
white-space: nowrap;
display: inline-block;
}
#browser_warning,
#javascript_warning {
color: #444;
padding: 20px;
background-color: #fff1a8;
}
#browser_warning h2,
#javascript_warning h2 {
font-size: 20px;
font-weight: normal;
margin: 0 0 0.4em 0;
}
#browser_warning a {
display: inline-block;
border-radius: 3px;
background: rgba(0, 0, 0, 0.075);
margin: 0 8px 8px 0;
padding: 4px 8px;
text-decoration: none;
color: #666;
}
#javascript_warning {
opacity: 0;
-webkit-animation: delay_js_warning 0.5s ease 1s 1 forwards;
animation: delay_js_warning 0.5s ease 1s 1 forwards;
}
@-webkit-keyframes delay_js_warning {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes delay_js_warning {
0% { opacity: 0; }
100% { opacity: 1; }
}