moth/www/res/style.css

82 lines
1.3 KiB
CSS
Raw Normal View History

2016-04-04 21:45:00 -06:00
/* @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic); */
/* @import "maven_pro.css"; */
@import "lato.css";
2016-04-03 21:12:48 -06:00
html {
background: rgba(61, 50, 44, 0) url(brown-lines.jpg) no-repeat center center fixed;
background-size: cover;
color: #ccb;
height: 100%;
2016-04-04 21:45:00 -06:00
font-family: Lato;
2016-04-03 21:12:48 -06:00
}
2016-04-03 18:07:38 -06:00
2016-04-03 21:12:48 -06:00
body {
margin: 0;
height: 100%
}
.terminal {
2016-04-03 21:23:16 -06:00
background: rgba(80, 70, 60, 0.96);
2016-04-03 21:12:48 -06:00
display: inline-block;
margin: 1%;
border: solid black 0.2em;
2016-04-04 21:45:00 -06:00
border-radius: 1em 1em 0.5em 1em;
2016-04-03 21:12:48 -06:00
overflow: auto;
}
.terminal p {
padding: 0.25em 0.5em;
}
#overview, #messages {
width: 47%;
height: 20%;
}
#puzzles {
width: 24%;
height: 70%;
}
#main {
width: 70%;
height: 70%;
}
2016-04-03 21:23:16 -06:00
2016-04-04 21:45:00 -06:00
h1 {
text-align: center;
font-size: 120%;
}
a:link {
color: #13a5de;
}
#puzzles dl {
display: inline;
}
#puzzles dd {
margin: 0;
margin-left: 1em;
}
2016-04-03 21:23:16 -06:00
@media (max-width: 52em) {
#overview, #messages, #puzzles, #main {
width: 96%;
}
2016-04-04 21:45:00 -06:00
}
::-webkit-scrollbar {
width: 0.7em;
}
::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 0.5em rgba(200, 200, 200, 0.3); */
background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2);
border-radius: 1em;
}