Michael Walker
10 years ago
4 changed files with 162 additions and 36 deletions
@ -0,0 +1,124 @@ |
|||||
|
body { |
||||
|
background: #0C0001; |
||||
|
color: #FF36AD; |
||||
|
font-family: monospace; |
||||
|
font-size: 11px; |
||||
|
} |
||||
|
@font-face |
||||
|
{ |
||||
|
font-family: 'lain'; |
||||
|
src: url('./fonts/nrdyyh.woff') format('woff'), |
||||
|
url('./fonts/tojcxo.TTF') format('truetype'); |
||||
|
} |
||||
|
h1 { |
||||
|
font-family: monospace, Arial; |
||||
|
font-size: 18pt; |
||||
|
text-align: center; |
||||
|
letter-spacing: 0px; |
||||
|
} |
||||
|
div.title, h1 { |
||||
|
color: #FF36AD; |
||||
|
font-family: lain, Helvetica, sans-serif; |
||||
|
} |
||||
|
header div.subtitle { |
||||
|
color: #00ff00; |
||||
|
text-align: center; |
||||
|
} |
||||
|
div.title p { |
||||
|
font-size: 13px; |
||||
|
} |
||||
|
a:link, a:visited, p.intro a.email span.name { |
||||
|
color: #00ff00; |
||||
|
text-decoration: underline; |
||||
|
font-family: monospace; |
||||
|
} |
||||
|
a:link:hover, a:visited:hover { |
||||
|
color: #00ff00; |
||||
|
font-family: monospace;; |
||||
|
text-decoration: underline overline; |
||||
|
} |
||||
|
/*@import url("/stylesheets/dark.css"); |
||||
|
body { |
||||
|
color: #CCCCCC; |
||||
|
background: #1E1E1E; |
||||
|
} |
||||
|
|
||||
|
header div.subtitle, h1 { |
||||
|
color: #32DD72; |
||||
|
} |
||||
|
*/ |
||||
|
|
||||
|
/*a:link, a:visited, p.intro a.email span.name { |
||||
|
color: #CCCCCC; |
||||
|
text-decoration: none; |
||||
|
font-family: sans-serif; |
||||
|
transition: text-shadow 0.15s ease 0s color 0.15s ease 0s; |
||||
|
}*/ |
||||
|
/*a:link:hover, a:visited:hover { |
||||
|
color: #32DD72; |
||||
|
font-family: sans-serif; |
||||
|
text-decoration: none; |
||||
|
text-shadow: 0px 0px 5px #FFF; |
||||
|
} |
||||
|
*/ |
||||
|
.box-wrap { |
||||
|
max-width: 670px; |
||||
|
min-width: 332px; |
||||
|
margin: 0px auto 30px auto; |
||||
|
overflow: auto; |
||||
|
padding: 0; |
||||
|
} |
||||
|
.box { |
||||
|
background: transparent; |
||||
|
border: 1px solid #33cccc; |
||||
|
width: 330px; |
||||
|
margin: 8px 0 0 0; |
||||
|
padding: 0; |
||||
|
-webkit-border-radius: 2px; |
||||
|
-khtml-border-radius: 2px; |
||||
|
-moz-border-radius: 2px; |
||||
|
-o-border-radius: 2px; |
||||
|
-ms-border-radius: 2px; |
||||
|
border-radius: 2px; |
||||
|
} |
||||
|
.box ul { |
||||
|
padding: 2px 15px;; |
||||
|
} |
||||
|
.box ul li { |
||||
|
list-style: none; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.box.left { |
||||
|
float: left; |
||||
|
} |
||||
|
.box.left ul { |
||||
|
text-align: center; |
||||
|
} |
||||
|
.box.right { |
||||
|
float: right; |
||||
|
} |
||||
|
.box strong { |
||||
|
color: #32DD72; |
||||
|
} |
||||
|
.box h2 { |
||||
|
padding: 3px 7px; |
||||
|
font-size: 10pt; |
||||
|
border-bottom: #33cccc 1px solid; |
||||
|
color: #00ff00; |
||||
|
background: #00080C; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
.box img { |
||||
|
float: none; |
||||
|
box-sizing: border-box; |
||||
|
|
||||
|
} |
||||
|
.box li:not(:nth-child(1)) img { |
||||
|
margin-top: 12px; |
||||
|
} |
||||
|
|
||||
|
.topbar { |
||||
|
background-color: black; |
||||
|
border-bottom: 1px solid #33cccc; |
||||
|
} |
@ -1,75 +1,79 @@ |
|||||
body { |
@import url("/stylesheets/dark.css"); |
||||
|
/*body { |
||||
color: #CCCCCC; |
color: #CCCCCC; |
||||
background: #1E1E1E; |
background: #1E1E1E; |
||||
} |
} |
||||
|
|
||||
header div.subtitle, h1 { |
header div.subtitle, h1 { |
||||
color: #CCCCCC; |
color: #32DD72; |
||||
} |
} |
||||
|
*/ |
||||
|
|
||||
a:link, a:visited, p.intro a.email span.name { |
/*a:link, a:visited, p.intro a.email span.name { |
||||
color: #CCCCCC; |
color: #CCCCCC; |
||||
text-decoration: none; |
text-decoration: none; |
||||
font-family: sans-serif; |
font-family: sans-serif; |
||||
transition: text-shadow 0.15s ease 0s color 0.15s ease 0s; |
transition: text-shadow 0.15s ease 0s color 0.15s ease 0s; |
||||
} |
}*/ |
||||
a:link:hover, a:visited:hover { |
/*a:link:hover, a:visited:hover { |
||||
color: #32DD72; |
color: #32DD72; |
||||
font-family: sans-serif; |
font-family: sans-serif; |
||||
text-decoration: none; |
text-decoration: none; |
||||
text-shadow: 0px 0px 5px #FFF; |
text-shadow: 0px 0px 5px #FFF; |
||||
} |
} |
||||
|
*/ |
||||
.box-wrap { |
.box-wrap { |
||||
max-width: 670px; |
max-width: 670px; |
||||
min-width: 332px; |
min-width: 332px; |
||||
margin: 30px auto; |
margin: 0px auto 30px auto; |
||||
overflow: auto; |
overflow: auto; |
||||
padding: 0; |
padding: 0; |
||||
} |
} |
||||
.box { |
.box { |
||||
background: white; |
background: transparent; |
||||
border: 1px solid #98E; |
border: 1px solid #555555; |
||||
width: 330px; |
width: 330px; |
||||
margin: 8px 0; |
margin: 8px 0 0 0; |
||||
padding: 0; |
padding: 0; |
||||
|
-webkit-border-radius: 2px; |
||||
|
-khtml-border-radius: 2px; |
||||
|
-moz-border-radius: 2px; |
||||
|
-o-border-radius: 2px; |
||||
|
-ms-border-radius: 2px; |
||||
|
border-radius: 2px; |
||||
} |
} |
||||
.box ul { |
.box ul { |
||||
padding: 2px 15px; |
padding: 2px 15px;; |
||||
} |
} |
||||
.box ul li { |
.box ul li { |
||||
list-style: none; |
list-style: none; |
||||
margin: 0; |
margin: 0; |
||||
} |
} |
||||
|
|
||||
.box.left { |
.box.left { |
||||
background: #333333; |
|
||||
color: #CCCCCC; |
|
||||
border: #555555 1px solid; |
|
||||
float: left; |
float: left; |
||||
} |
} |
||||
|
.box.left ul { |
||||
|
text-align: center; |
||||
|
} |
||||
.box.right { |
.box.right { |
||||
background: #333333; |
|
||||
color: #CCCCCC; |
|
||||
border: #555555 1px solid; |
|
||||
float: right; |
float: right; |
||||
} |
} |
||||
|
.box strong { |
||||
|
color: #32DD72; |
||||
|
} |
||||
.box h2 { |
.box h2 { |
||||
padding: 3px 7px; |
padding: 3px 7px; |
||||
font-size: 12pt; |
font-size: 12pt; |
||||
border: #555555 1px solid; |
border-bottom: #555555 1px solid; |
||||
} |
color: #32DD72; |
||||
.box.left h2 { |
background: #333333; |
||||
background: #333333; |
|
||||
color: #CCCCCC; |
|
||||
border: #555555 1px solid; |
|
||||
} |
|
||||
.box.right h2 { |
|
||||
background: #333333; |
|
||||
color: #CCCCCC; |
|
||||
border: #555555 1px solid; |
|
||||
} |
} |
||||
.box img { |
.box img { |
||||
float: none; |
float: none; |
||||
margin: 10px auto; |
box-sizing: border-box; |
||||
|
|
||||
|
} |
||||
|
.box li:not(:nth-child(1)) img { |
||||
|
margin-top: 12px; |
||||
} |
} |
||||
|
Loading…
Reference in new issue