moth/html/css/style.css

231 lines
3.1 KiB
CSS
Raw Normal View History

2015-04-07 16:57:00 -06:00
/*
Light blue: #96d1e3
Off-white blue: #b9e0ef
Dark brown: #35170c
Light brown: #432115
Tan: #e1c3b8
*/
2015-04-02 17:44:49 -06:00
2015-04-03 16:52:43 -06:00
@import "../fonts/maven_pro.css";
2015-04-02 17:44:49 -06:00
html {
2015-04-07 16:57:00 -06:00
background: #35170c url(../brown-circles.jpg) repeat left bottom;
2015-04-02 17:44:49 -06:00
min-height: 100%;
font-family: "Maven Pro", Ubuntu, sans-serif;
}
h1, h2, h3 {
color: #AD6F15;
font-family: "Maven Pro", Ubuntu, sans-serif;
font-weight: bold;
}
h1:first-child {
2015-04-07 16:57:00 -06:00
color: #96d1e3;
background: #35170c;
2015-04-03 16:52:43 -06:00
font-size: 3em;
2015-04-02 17:44:49 -06:00
border-radius: 0.2em;
padding: 0 0.3em;
text-align: center;
}
.readme, pre {
background-color: #FFDAA3;
border-radius: 2em;
}
input {
font-family: "Maven Pro", Ubuntu, sans-serif;
}
a {
2015-04-07 16:57:00 -06:00
color: #432115;
2015-04-02 17:44:49 -06:00
text-decoration: underline;
}
a:hover {
color: #9E1336;
}
a img {
border: 0px;
}
pre {
border: solid #ddc 2px;
padding: 0.25em;
font-family: "Ubuntu Mono", monospace;
}
2015-04-08 17:28:18 -06:00
code, kbd, samp {
2015-04-02 17:44:49 -06:00
font-family: "Ubuntu Mono", monospace;
}
th {
vertical-align: top;
text-align: center;
}
td {
vertical-align: top;
text-align: left;
}
dt {
font-weight: bold;
}
p {
line-height: 1.4em;
margin-bottom: 20px;
}
hr {
border: 1px solid #ddc;
}
#prompt {
color: #0E7450;
border-radius: 0.2em;
}
#cli {
background: rgba(14, 116, 80, 0.2);
color: #00120C;
width: 100%;
border: 0px;
padding: 0.1em 0.1em;
}
2015-04-08 17:28:18 -06:00
/**** Section ****/
section, nav {
color: #35170c;
max-width: 35em;
border-radius: 0.6em;
margin: 1em auto;
padding: 0.2em;
}
section {
background: #e1c3b8;
}
2015-04-02 17:44:49 -06:00
/*** navigation bar ***/
2015-04-08 17:28:18 -06:00
nav {
background: #b9e0ef;
}
2015-04-02 17:44:49 -06:00
nav h2 {
display: none;
}
nav ul {
list-style: none;
text-align: center;
2015-04-08 17:28:18 -06:00
padding: 0;
2015-04-02 17:44:49 -06:00
}
nav li {
display: inline;
}
nav li a {
text-transform: lowercase;
font-size: 0.9em;
}
nav li + li:before {
content: " | ";
}
2015-04-03 16:52:43 -06:00
2015-04-02 17:44:49 -06:00
/**** Terminal ****/
#terminal {
2015-04-03 16:52:43 -06:00
padding: 10px;
max-width: 35em;
margin: 1em auto;
border-radius: 1em;
2015-04-02 17:44:49 -06:00
}
#terminal #output {
max-height: 20em;
overflow-y: scroll;
}
#terminal #output::-webkit-scrollbar
{
width: 0.7em;
}
#terminal #output::-webkit-scrollbar-track
{
border-radius: 0.7em;
background-color: rgba(173, 111, 21, 0.4);
}
#terminal #output::-webkit-scrollbar-thumb
{
border-radius: 0.7em;
background-color: #FFDAA3;
border: solid rgba(173, 111, 21, 0.4) 1px;
}
2015-04-03 16:52:43 -06:00
/**** Scoreboard ****/
2015-04-02 17:44:49 -06:00
2015-04-03 16:52:43 -06:00
#scoreboard {
width: 100%;
clear: both;
background: rgba(25, 0, 6, 0.8);
border-radius: 2em;
2015-04-02 17:44:49 -06:00
}
2015-04-03 16:52:43 -06:00
#scoreboard span {
font-size: 75%;
display: inline-block;
2015-04-02 17:44:49 -06:00
margin: 0;
2015-04-03 16:52:43 -06:00
border: 0;
overflow: hidden;
height: 2.2em;
2015-04-02 17:44:49 -06:00
}
2015-04-03 16:52:43 -06:00
#scoreboard .teamname {
font-size: 133%;
color: #D84B6E;
opacity: 0.8;
position: absolute;
right: 1em;
height: 1.1em;
2015-04-02 17:44:49 -06:00
}
2015-04-03 17:02:09 -06:00
.cat0, .cat8{background-color: #a6cee3; color: black;}
.cat1, .cat9 {background-color: #1f78b4; color: white;}
.cat2, .cat10 {background-color: #b2df8a; color: black;}
2015-04-03 16:52:43 -06:00
.cat3, .cat11 {background-color: #33a02c; color: white;}
2015-04-03 17:02:09 -06:00
.cat4, .cat12 {background-color: #fb9a99; color: black;}
2015-04-03 16:52:43 -06:00
.cat5, .cat13 {background-color: #e31a1c; color: white;}
.cat6, .cat14 {background-color: #fdbf6f; color: black;}
.cat7, .cat15 {background-color: #ff7f00; color: black;}
2015-04-02 17:44:49 -06:00
2015-04-03 16:52:43 -06:00
.wide {
max-width: inherit;
2015-04-02 17:44:49 -06:00
}
2015-04-03 16:52:43 -06:00
.figure {
margin: 0.5em 1em;
float: right;
font-size: small;
text-align: center;
}