118 lines
1.5 KiB
CSS
118 lines
1.5 KiB
CSS
a {
|
|
color: rgb(25, 120, 226);
|
|
}
|
|
|
|
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, select, textarea {
|
|
color: #111;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
|