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";
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;
}

View File

@ -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>