Okay, new simpler style for TF6

This commit is contained in:
Neale Pickett 2015-04-07 16:57:00 -06:00
parent 486390551e
commit 64151ffa88
3 changed files with 17 additions and 23 deletions

BIN
html/brown-circles.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

View File

@ -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"; @import "../fonts/maven_pro.css";
html { html {
background: #1C1000 url(../stripes.jpg) no-repeat left bottom; background: #35170c url(../brown-circles.jpg) repeat left bottom;
background-size: cover;
min-height: 100%; min-height: 100%;
font-family: "Maven Pro", Ubuntu, sans-serif; font-family: "Maven Pro", Ubuntu, sans-serif;
} }
@ -17,14 +22,12 @@ h1, h2, h3 {
} }
h1:first-child { h1:first-child {
color: #9E1336; color: #96d1e3;
background: rgba(28, 16, 0, 0.8); background: #35170c;
font-size: 3em; font-size: 3em;
border-radius: 0.2em; border-radius: 0.2em;
padding: 0 0.3em; padding: 0 0.3em;
text-align: center; text-align: center;
max-width: 6em;
float: left;
} }
.readme, pre { .readme, pre {
@ -42,7 +45,7 @@ input {
} }
a { a {
color: #1C1000; color: #432115;
text-decoration: underline; text-decoration: underline;
} }
@ -126,10 +129,12 @@ nav li + li:before {
} }
section { section {
background: #FFDAA3 url("../trident.jpg") no-repeat center; background: #e1c3b8;
background-size: 100% 100%; background-size: 100% 100%;
color: #AD6F15; color: #35170c;
max-width: 35em;
border-radius: 0.6em; border-radius: 0.6em;
margin: 1em auto;
padding: 0.2em; padding: 0.2em;
} }

View File

@ -20,19 +20,8 @@ window.addEventListener("load", init);
<body> <body>
<h1>Tracer FIRE 6E</h1> <h1>Tracer FIRE 6E</h1>
<section id="terminal"> <section>
<div id="output"></div> Here's some stuff.
<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> </section>
</body> </body>
</html> </html>