203 lines
3.6 KiB
CSS
203 lines
3.6 KiB
CSS
body {
|
|
color: #cae0d0;
|
|
background-color: #1d211e;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer {
|
|
color: #343B35;
|
|
}
|
|
|
|
.center {
|
|
/*width: 100; */
|
|
margin: auto;
|
|
}
|
|
|
|
.centered {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
h1 {
|
|
margin: 15px;
|
|
}
|
|
|
|
h2 {
|
|
margin: 10px;
|
|
}
|
|
|
|
h3 {
|
|
margin: 5px;
|
|
}
|
|
|
|
td {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
border-bottom: 1px solid #262B27;
|
|
}
|
|
|
|
a:link, a:visited {
|
|
color: #04AA6D;
|
|
}
|
|
a:hover {
|
|
color: #64AA6D;
|
|
}
|
|
a:active {
|
|
color: #04AA6D;
|
|
}
|
|
.infomsg , .warnmsg {
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
padding: 4px;
|
|
/*width: fit-content; min-width: 200px; max-width: 420px;*/
|
|
display: inline-block;
|
|
margin: auto;
|
|
margin-bottom: 5px;
|
|
font-weight: bold;
|
|
/*text-align: center;*/
|
|
text-decoration: none;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
.infomsg {
|
|
background: #04AA6D;
|
|
}
|
|
.warnmsg {
|
|
background: #aa4204;
|
|
}
|
|
.inputShort {
|
|
width: 42px;
|
|
}
|
|
|
|
.helpbox {
|
|
font-size: 0.8em;
|
|
}
|
|
.nav {
|
|
background: #333;
|
|
/*width: 100; */
|
|
margin: auto;
|
|
margin-bottom: 10px;
|
|
padding: 0;
|
|
position: relative;
|
|
border-radius: 3px;
|
|
display: inline-block;
|
|
text-align: left;
|
|
}
|
|
|
|
.subnav {
|
|
/*text-align: center;*/
|
|
margin: auto;
|
|
margin-bottom: 10px;
|
|
padding: 0;
|
|
position: relative;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.subnavTitle {
|
|
font-size: 1em;
|
|
/*font-weight: bold;*/
|
|
margin-top: -10px;
|
|
margin-bottom: 10px;
|
|
/*text-align: center;*/
|
|
}
|
|
.nav li {
|
|
display: inline-block;
|
|
list-style: none;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.subnav li {
|
|
background: #262B27;
|
|
list-style: none;
|
|
border-radius: 3px;
|
|
margin-bottom: 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.nav li:first-of-type {
|
|
background: #026b45;
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
.nav li a, .nav span, .subnav li a, .subnav span, .button, .button:link, input[type=button], input[type=submit],
|
|
input[type=reset], .linkForm input[type=submit] {
|
|
color: #ddd;
|
|
display: block;
|
|
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
|
|
font-size:0.8em;
|
|
padding: 10px 20px;
|
|
text-decoration: none;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.subnav li a, .subnav span {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.nav li a:hover, .subnav li a:hover, .activeNav, .button:link:hover, .button:visited:hover, input[type=button]:hover,
|
|
input[type=submit]:hover, input[type=reset]:hover, .linkForm input[type=submit]:hover {
|
|
background: #04AA6D;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.nav li a:active, .subnav li a:active {
|
|
background: #026b45;
|
|
color: #cae0d0;
|
|
}
|
|
|
|
.activeNav {
|
|
background: #444;
|
|
}
|
|
|
|
.navTime {
|
|
background: #292929;
|
|
}
|
|
|
|
.button, .button:link, .button:visited, input[type=button], input[type=submit],input[type=reset],
|
|
.linkForm input[type=submit] {
|
|
background: #026b45;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
padding: 6px 12px;
|
|
/*text-align: center;*/
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
border: none;
|
|
}
|
|
|
|
.button:link:active, .button:visited:active, input[type=button]:active, input[type=submit]:active,
|
|
input[type=reset]:active, .linkForm input[type=submit]:active {
|
|
background: #026b45;
|
|
color: #cae0d0;
|
|
}
|
|
|
|
input[type=text], input[type=date], input[type=number], input[type=password], select {
|
|
background: #cae0d0;
|
|
color: #1d211e;
|
|
border: 1px solid #026b45;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.visible {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
@media only screen and (min-width: 1820px) {
|
|
/*.center, .nav {
|
|
width: 60; min-width: 420px;
|
|
}*/
|
|
.subnav li {
|
|
display: '';
|
|
margin-bottom: 3px;
|
|
}
|
|
}
|
|
|
|
/*@media only screen and (min-width: 640px) {
|
|
|
|
}*/
|