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";
|
@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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue