172 lines
2.6 KiB
CSS
172 lines
2.6 KiB
CSS
a {
|
|
color: rgb(25, 120, 226);
|
|
text-shadow: var(--link-shadow);
|
|
}
|
|
|
|
a:hover {
|
|
color: #9e34fd;
|
|
}
|
|
|
|
body,
|
|
legend,
|
|
nav ul li a {
|
|
background: #333;
|
|
color: #eee;
|
|
}
|
|
|
|
nav a:hover, nav li.selected a {
|
|
border-color: #fff;
|
|
}
|
|
|
|
header button {
|
|
background: transparent;
|
|
}
|
|
|
|
table {
|
|
box-shadow: none;
|
|
}
|
|
|
|
td, th {
|
|
border-color: #111;
|
|
}
|
|
|
|
thead td,
|
|
thead th {
|
|
background: #333;
|
|
color: #eee;
|
|
}
|
|
|
|
tbody > tr:nth-child(2n) {
|
|
background: #555;
|
|
color: #eee;
|
|
}
|
|
tbody > tr:nth-child(2n+1) {
|
|
background: #333;
|
|
}
|
|
|
|
footer, legend, hr {
|
|
border-color: #ddd;
|
|
}
|
|
|
|
small {
|
|
color: #fff;
|
|
}
|
|
|
|
input, input[type], select, textarea {
|
|
border-color: #bbb;
|
|
color: #bbb;
|
|
background: #333;
|
|
padding:.8em;
|
|
}
|
|
|
|
button {
|
|
background: #444;
|
|
background: linear-gradient(#666, #555, #444, #555, #666);
|
|
border-radius: 0.5em;
|
|
margin: 0;
|
|
text-transform: none;
|
|
border-color: #ddd;
|
|
color: #ddd;
|
|
}
|
|
|
|
button:hover {
|
|
background: #222;
|
|
background: linear-gradient(#444, #333, #222, #333, #444);
|
|
border-color: #ddd;
|
|
color: #ddd;
|
|
}
|
|
|
|
button:active {
|
|
background: #333;
|
|
background: linear-gradient(#333, #333);
|
|
}
|
|
|
|
.media:hover button {
|
|
background: linear-gradient(#666, #555, #444, #555, #666);
|
|
}
|
|
|
|
.media:hover button:hover {
|
|
background: linear-gradient(#444, #555, #666, #555, #444);
|
|
}
|
|
|
|
.message, .static-message {
|
|
text-shadow: var(--white-link-shadow);
|
|
}
|
|
|
|
.message.success, .static-message.success {
|
|
background: #1f8454;
|
|
border-color: #70dda9;
|
|
}
|
|
.message.error, .static-message.error {
|
|
border-color:#f3e6e6;
|
|
background: #924949;
|
|
}
|
|
.message.info, .static-message.info {
|
|
border-color: #FFFFCC;
|
|
background: #bfbe3a;
|
|
}
|
|
|
|
.invisible tr,
|
|
.invisible td,
|
|
.invisible th,
|
|
.invisible tbody > tr:nth-child(2n),
|
|
.invisible tbody > tr:nth-child(2n+1) {
|
|
background: transparent;
|
|
}
|
|
|
|
#main-nav {
|
|
border-bottom: .1rem solid #ddd;
|
|
}
|
|
|
|
.tabs,
|
|
.vertical-tabs{
|
|
background: #333;
|
|
}
|
|
|
|
.tabs > label,
|
|
.vertical-tabs .tab label {
|
|
background: #222;
|
|
border: 0;
|
|
color: #eee;
|
|
}
|
|
|
|
.vertical-tabs .tab label {
|
|
width: 100%;
|
|
}
|
|
|
|
.tabs > label:hover,
|
|
.vertical-tabs .tab > label:hover {
|
|
background: #888;
|
|
}
|
|
|
|
.tabs > label:active,
|
|
.vertical-tabs .tab > label:active {
|
|
background: #999;
|
|
}
|
|
|
|
.tabs > [type="radio"]:checked + label,
|
|
.tabs > [type="radio"]:checked + label + .content,
|
|
.vertical-tabs [type="radio"]:checked + label,
|
|
.vertical-tabs [type="radio"]:checked ~ .content {
|
|
/* border-color: #333; */
|
|
border: 0;
|
|
background: #666;
|
|
color: #eee;
|
|
}
|
|
|
|
.vertical-tabs {
|
|
background: #222;
|
|
border: 1px solid #444;
|
|
}
|
|
|
|
.vertical-tabs .tab {
|
|
background: #666;
|
|
border-bottom: 1px solid #444;
|
|
}
|
|
|
|
.streaming-logo {
|
|
-webkit-filter: drop-shadow(0 0 2px #fff);
|
|
filter: drop-shadow(0 0 2px #fff);
|
|
}
|
|
|