mirror of https://github.com/dirtbags/moth.git
Okay, new simpler style for TF6
This commit is contained in:
parent
486390551e
commit
64151ffa88
Binary file not shown.
After Width: | Height: | Size: 107 KiB |
|
@ -1,10 +1,15 @@
|
|||
/* Pallette: http://paletton.com/#uid=3360u0kkWtL00++bxKws6lGT03t */
|
||||
/*
|
||||
Light blue: #96d1e3
|
||||
Off-white blue: #b9e0ef
|
||||
Dark brown: #35170c
|
||||
Light brown: #432115
|
||||
Tan: #e1c3b8
|
||||
*/
|
||||
|
||||
@import "../fonts/maven_pro.css";
|
||||
|
||||
html {
|
||||
background: #1C1000 url(../stripes.jpg) no-repeat left bottom;
|
||||
background-size: cover;
|
||||
background: #35170c url(../brown-circles.jpg) repeat left bottom;
|
||||
min-height: 100%;
|
||||
font-family: "Maven Pro", Ubuntu, sans-serif;
|
||||
}
|
||||
|
@ -17,14 +22,12 @@ h1, h2, h3 {
|
|||
}
|
||||
|
||||
h1:first-child {
|
||||
color: #9E1336;
|
||||
background: rgba(28, 16, 0, 0.8);
|
||||
color: #96d1e3;
|
||||
background: #35170c;
|
||||
font-size: 3em;
|
||||
border-radius: 0.2em;
|
||||
padding: 0 0.3em;
|
||||
text-align: center;
|
||||
max-width: 6em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.readme, pre {
|
||||
|
@ -42,7 +45,7 @@ input {
|
|||
}
|
||||
|
||||
a {
|
||||
color: #1C1000;
|
||||
color: #432115;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
@ -126,10 +129,12 @@ nav li + li:before {
|
|||
}
|
||||
|
||||
section {
|
||||
background: #FFDAA3 url("../trident.jpg") no-repeat center;
|
||||
background: #e1c3b8;
|
||||
background-size: 100% 100%;
|
||||
color: #AD6F15;
|
||||
color: #35170c;
|
||||
max-width: 35em;
|
||||
border-radius: 0.6em;
|
||||
margin: 1em auto;
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
|
|
|
@ -20,19 +20,8 @@ window.addEventListener("load", init);
|
|||
<body>
|
||||
<h1>Tracer FIRE 6E</h1>
|
||||
|
||||
<section id="terminal">
|
||||
<div id="output"></div>
|
||||
<span id="prompt">WOPR%</span>
|
||||
<input id="cli"></input>
|
||||
</section>
|
||||
|
||||
<section id="scoreboard">
|
||||
<header>
|
||||
<h2>Scoreboard</h2>
|
||||
</header>
|
||||
<p>hello</p>
|
||||
<p>hello</p>
|
||||
<p>hello</p>
|
||||
<section>
|
||||
Here's some stuff.
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Reference in New Issue