Browse Source

Add lainchan styles

pull/40/head
Michael Walker 10 years ago
parent
commit
341e6476f9
  1. 214
      stylesheets/cyberpunk.css
  2. 149
      stylesheets/dark.css
  3. 223
      stylesheets/dark_purple.css
  4. 215
      stylesheets/dark_red.css
  5. 73
      stylesheets/dicksinmyass.css
  6. BIN
      stylesheets/fonts/Fujiyama Bold Italic.ttf
  7. BIN
      stylesheets/fonts/Fujiyama Plain.ttf
  8. BIN
      stylesheets/fonts/Fujiyama.rar
  9. BIN
      stylesheets/fonts/Fujiyama.ttf
  10. BIN
      stylesheets/fonts/Fujiyama2 Plain.ttf
  11. BIN
      stylesheets/fonts/Fujiyama2.ttf
  12. BIN
      stylesheets/fonts/FujiyamaExtraBold Italic.ttf
  13. BIN
      stylesheets/fonts/FujiyamaExtraBold Plain.ttf
  14. BIN
      stylesheets/fonts/FujiyamaLight Plain.ttf
  15. BIN
      stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf
  16. 1
      stylesheets/fonts/Futura PT.rar
  17. BIN
      stylesheets/fonts/TR Fujiyama Bold.ttf
  18. BIN
      stylesheets/fonts/lain.TTF
  19. BIN
      stylesheets/fonts/nrdyyh.woff
  20. BIN
      stylesheets/fonts/vt220.ttf
  21. BIN
      stylesheets/img/banner_terminal_mask.png
  22. 188
      stylesheets/style.css
  23. 12
      stylesheets/svg/bannermaks.svg
  24. 73
      stylesheets/svg/blur.svg
  25. 11
      stylesheets/svg/shadow.svg
  26. 10
      stylesheets/svg/terminal.svg
  27. 12
      stylesheets/terminal2.css
  28. 153
      stylesheets/terminal_common.css
  29. 49
      stylesheets/terminal_green.css
  30. 49
      stylesheets/terminal_purple.css

214
stylesheets/cyberpunk.css

@ -0,0 +1,214 @@
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("lainchan.org") {
body {
background-image: none !important;
background-color: #222 !important;
color: #333 !important;
font-family: "Liberation Sans" ,arial,helvetica,sans-serif !important;
}
div.pagelist {
background-color: #222 !important;
color: #333 !important;
border: none !important;
}
.posteruid,
.dateTime,
div.post div.file div.fileInfo,
div.pagelist strong,
div#absbot {
color: #333 !important;
}
table.postForm > tbody > tr > td:first-child {
color: #555 !important;
background-color: #333 !important;
border-color: #242424 !important;
}
table.postForm > tbody input[type="text"],
input[type="password"],
table.postForm > tbody textarea {
color: #888 !important;
background-color: #333 !important;
border-color: #242424 !important;
}
td.replyhl{
color: #555 !important;
background-color: #333 !important;
border-color: #242424 !important;
}
.reply,
hr{
border-color: #242424 !important;
}
.reply{
color: #555 !important;
background-color: #242424 !important;
}
.replytitle,
.filetitle{
color: #8B3A3A !important;
}
a.quotejs:active,
a.quotejs:link,
.doubledash{
color: #555 !important;
}
blockquote {
color: #9E9E9E !important;
}
blockquote span {
background-color: #5B5678 !important;
color: #A4A987 !important;
}
.postertrip,
.subject,
div.boardBanner > div.boardTitle {
color: #567861 !important;
}
.postername,
.commentpostername,
.name {
color: #566E78 !important;
}
a,
a.quotelink {
color: #7E949E !important;
}
.postblock,
.pages,
th{
background: #333 !important;
color: #566E78 !important;
border: #333 !important;
}
th font{
color: #222 !important;
}
.pages{
background: #242424 !important;
color: #566E78 !important;
border: #242424 !important;
}
.pages td{
color: #333 !important;
}
.pages td b {
color: #8B3A3A !important;
}
.unkfunc {
color: #6E7856 !important;
}
.logo {
color: #566E78 !important;
}
img {
opacity: 0.1 !important;
}
img:hover {
opacity: 1 !important;
}
.logo img {
border: 0px !important;
}
form a img {
opacity: 0.3 !important;
}
form a img:hover {
opacity: 1 !important;
}
.recaptcha_image_cell center img {
opacity: 0.4 !important;
}
.recaptcha_image_cell center img:hover {
opacity: 1 !important;
}
#recaptcha_image {
border: 1px solid #555 !important;
}
#header,
#navbot,
#navbotr,
div#boardNavDesktop {
color: #555 !important;
}
.inputtext,
#recaptcha_response_field {
background-color: #333 !important;
color: #9E9E9E !important;
border-color: #333 !important;
}
input {
background-color: #333333 !important;
border-color: #333 !important;
opacity: 0.5 !important;
}
.omittedposts {
color: #333 !important;
}
.abbr,
div.postingMode {
background-color: #242424 !important;
color: #555 !important;
border-color: #242424 !important;
}
.atn,
.atv,
.com,
.kwd,
.lit,
.prettyprint,
.pun,
.pln,
.str,
.tag,
.typ {
background-color: #262626 !important;
}
.atn { color: #e7f6da !important; }
.atv { color: #e7f6da !important; }
.com { color: #99968b !important; }
.kwd { color: #9F9357 !important; }
.lit { color: #73B041 !important; }
.pun { color: #D0CEC4 !important; }
.pln { color: #C0655B !important; }
.str { color: #73B041 !important; }
.tag { color: #6794B5 !important; }
.typ { color: #64B27A !important; }
}

149
stylesheets/dark.css

@ -1,6 +1,6 @@
/**
* dark.css
* For AwsumChan by Circlepuller
* Stolen from circlepuller who stole it from derpcat
*/
body {
background: #1E1E1E;
@ -11,12 +11,22 @@ body {
span.quote {
color:#B8D962;
}
@font-face {
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype');
}
h1 {
font-family: 'lain', tahoma;
letter-spacing: -2px;
font-size: 20pt;
text-align: center;
letter-spacing: 0px;
color: #32DD72;
}
div.title, h1 {
header div.subtitle {
color: #32DD72;
}
div.title {
color: #32DD72;
font-family: Arial, Helvetica, sans-serif;
}
@ -28,27 +38,46 @@ a:link, a:visited, p.intro a.email span.name {
text-decoration: none;
font-family: sans-serif;
}
a:link, a:visited, p.intro a.email span.name{
-moz-transition: 0.15s text-shadow, 0.15s color;
-webkit-transition: 0.15s text-shadow, 0.15s color;
-khtml-transition: 0.15s text-shadow, 0.15s color;
-o-transition: 0.15s text-shadow, 0.15s color;
-ms-transition: 0.15s text-shadow, 0.15s color;
transition: 0.15s text-shadow, 0.15s color;
}
input[type="text"], textarea {
-moz-transition: 0.15s border-color;
-webkit-transition: 0.15s border-color;
-khtml-transition: 0.15s border-color;
-o-transition: 0.15s border-color;
-ms-transition: 0.15s border-color;
transition: 0.15s border-color;
}
input[type="submit"] {
-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-khtml-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-o-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
-ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
transition: 0.15s border-color, 0.15s background-color, 0.15s color;
}
a:link:hover, a:visited:hover {
color: #fff;
color: #32DD72;
font-family: sans-serif;
text-decoration: none;
text-shadow: 0px 0px 5px #fff;
}
a.post_no {
color: #AAAAAA;
color: #AAA;
text-decoration: none;
}
a.post_no:hover {
color: #32DD72 !important;
text-decoration: underline overline;
p.intro a.post_no:hover {
color: #32DD72!important;
}
div.post.reply {
background: #333333;
border: #555555 1px solid;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div.post.reply.highlighted {
@ -82,10 +111,6 @@ input[type="text"], textarea, select {
background: #333333;
color: #CCCCCC;
border: #666666 1px solid;
padding-left: 5px;
padding-right: -5px;
font-family: sans-serif;
font-size: 10pt;
}
input[type="password"] {
background: #333333;
@ -95,75 +120,82 @@ input[type="password"] {
form table tr th {
background: #333333;
color: #AAAAAA;
font-weight: 800;
font-weight: 600;
text-align: left;
padding: 0;
}
div.banner {
background: #32DD72;
color: #000;
background: #E04000;
border: 1px solid hsl(17, 100%, 60%);
color: #EEE;
text-align: center;
width: 250px;
padding: 4px;
padding-left: 12px;
padding-right: 12px;
height: 17px;
width: calc(100% - 4px);
padding: 3px 1px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
div.banner a {
color:#000;
}
input[type="submit"] {
background: #333333;
border: #888888 1px solid;
border: #666 1px solid;
color: #CCCCCC;
}
input[type="submit"]:hover {
background: #555555;
border: #888888 1px solid;
background: #555;
border: #888 1px solid;
color: #32DD72;
}
input[type="text"]:focus {
border:#aaa 1px solid;
input[type="text"]:focus, textarea:focus {
border:#888 1px solid;
}
p.fileinfo a:hover {
text-decoration: underline;
}
span.trip {
color: #AAAAAA;
color: #AAA;
}
div.pages {
color: #AAAAAA;
background: #333333;
border: #666666 1px solid;
color: #AAA;
background: #333;
border: #666 1px solid;
font-family: sans-serif;
font-size: 10pt;
}
div.pages a.selected {
color: #CCCCCC;
color: #CCC;
}
hr {
height: 1px;
border: #333333 1px solid;
border: #333 1px solid;
}
div.boardlist {
color: #999999;
color: #999;
background-color: rgba(12%, 12%, 12%, 0.10);
}
div.ban {
background-color: transparent;
border: transparent 0px solid;
border: 1px solid #555;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-align: left!important;
}
div.ban h2 {
background: transparent;
color: lime;
font-size: 12px;
background: #333;
color: #32DD72;
padding: 3px 7px;
font-size: 12pt;
border-bottom: 1px solid #555;
}
div.ban h2:not(:nth-child(1)) {
border-top: 1px solid #555;
}
table.modlog tr th {
background: #333333;
color: #AAAAAA;
background: #333;
color: #AAA;
}
.desktop-style div.boardlist:nth-child(1) {
@ -171,21 +203,38 @@ table.modlog tr th {
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
/*.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: rgba(30%, 30%, 30%, 0.65);
}
}*/
div.report {
color: #666666;
color: #666;
}
.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner{
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
.blur {
filter: blur(20px);
-webkit-filter: blur(23px);
-moz-filter: blur(23px);
-o-filter: blur(23px);
-ms-filter: blur(23px);
filter: url(svg/blur.svg#blur);
}
/* options.js */
#options_div {
background: #333333;
background: #333333;
}
.options_tab_icon {
color: #AAAAAA;
color: #AAAAAA;
}
.options_tab_icon.active {
color: #FFFFFF;
color: #FFFFFF;
}

223
stylesheets/dark_purple.css

@ -0,0 +1,223 @@
/**
* dark.css
* For AwsumChan by Circlepuller
modified by yuuko and kalyx
*/
body {
background: #1e1e1e;
color: #999999;
font-family: sans-serif;
font-size: 12px;
}
span.quote {
color:#B87DF5;
}
div.blotter {
color: #8725EC;
}
@font-face {
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype');
}
h1 {
font-family: 'lain', tahoma;
letter-spacing: -2px;
font-size: 18pt;
}
h1 {
font-size: 20pt;
text-align: center;
letter-spacing: -2px;
color: #8725EC;
}
h2 {
font-size: 20pt;
text-align: center;
color: #8725EC;
}
header div.subtitle {
color: #8725EC;
}
div.title {
color: #8725EC;
font-family: Arial, Helvetica, sans-serif;
}
div.title p {
font-size: 10px;
}
a:link, a:visited, p.intro a.email span.name {
color: #CCCCCC;
text-decoration: none;
font-family: sans-serif;
}
a:link, a:visited, p.intro a.email span.name, input, textarea, .post {
-moz-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-khtml-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-o-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-ms-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
}
a:link:hover, a:visited:hover {
color: #8725EC;
font-family: sans-serif;
text-decoration: none;
text-shadow: 0px 0px 5px #fff;
}
a.post_no {
color: #AAA;
text-decoration: none;
}
p.intro a.post_no:hover {
color: #8725EC!important;
}
div.post.reply {
background: #333333;
border: #555555 1px solid;
}
div.post.reply.highlighted {
background: #555;
border: transparent 1px solid;
}
div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #CCCCCC;
}
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {
color: #8725EC;
}
p.intro span.subject {
font-size: 12px;
font-family: sans-serif;
color: #664445;
font-weight: 800;
}
p.intro span.name {
color: #8725EC;
font-weight: 800;
}
p.intro a.capcode, p.intro a.nametag {
color: magenta;
margin-left: 0;
}
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name {
color: #8725EC;
}
input[type="text"], textarea, select {
background: #333333;
color: #CCCCCC;
border: #666666 1px solid;
}
input[type="password"] {
background: #333333;
color: #CCCCCC;
border: #666666 1px solid;
}
form table tr th {
background: #333333;
color: #AAAAAA;
font-weight: 600;
text-align: left;
}
div.banner {
background: #E04000;
border: 1px solid hsl(17, 100%, 60%);
color: #EEE;
text-align: center;
height: 17px;
width: calc(100% - 4px);
padding: 3px 1px;
margin-left: auto;
margin-right: auto;
}
div.banner a {
color:#000;
}
input[type="submit"] {
background: #333333;
border: #666 1px solid;
color: #CCCCCC;
}
input[type="submit"]:hover {
background: #555;
border: #888 1px solid;
color: #8725EC;
}
input[type="text"]:focus, textarea:focus {
border:#888 1px solid;
}
p.fileinfo a:hover {
text-decoration: underline;
}
span.trip {
color: #AAA;
}
div.pages {
color: #AAA;
background: #333;
border: #666 1px solid;
font-family: sans-serif;
font-size: 10pt;
}
div.pages a.selected {
color: #CCC;
}
hr {
height: 1px;
border: #333 1px solid;
}
div.boardlist {
color: #999;
background-color: rgba(12%, 12%, 12%, 0.10);
}
div.ban {
background-color: transparent;
border: transparent 0px solid;
}
div.ban h2 {
background: transparent;
color: #8725EC;
font-size: 12px;
}
table.modlog tr th {
background: #333;
color: #AAA;
}
.desktop-style div.boardlist:nth-child(1) {
text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: rgba(30%, 30%, 30%, 0.65);
}
div.report {
color: #666;
}
.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner{
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
.blur {
filter: blur(20px);
-webkit-filter: blur(23px);
-moz-filter: blur(23px);
-o-filter: blur(23px);
-ms-filter: blur(23px);
filter: url(svg/blur.svg#blur);
}

215
stylesheets/dark_red.css

@ -0,0 +1,215 @@
/**
* dark.css
* For AwsumChan by Circlepuller
*/
body {
background: #1e1e1e;
color: #999999;
font-family: sans-serif;
font-size: 12px;
}
span.quote {
color:#d96262;
}
@font-face {
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype');
}
h1 {
font-family: 'lain', tahoma;
letter-spacing: -2px;
font-size: 18pt;
}
h1 {
font-size: 20pt;
text-align: center;
letter-spacing: -2px;
color: #DD3232;
}
h2 {
font-size: 20pt;
text-align: center;
color: #DD3232;
}
header div.subtitle {
color: #DD3232;
}
div.title {
color: #DD3232;
font-family: Arial, Helvetica, sans-serif;
}
div.title p {
font-size: 10px;
}
a:link, a:visited, p.intro a.email span.name {
color: #CCCCCC;
text-decoration: none;
font-family: sans-serif;
}
a:link, a:visited, p.intro a.email span.name, input, textarea, .post {
-moz-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-webkit-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-khtml-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-o-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
-ms-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
}
a:link:hover, a:visited:hover {
color: #DD3232;
font-family: sans-serif;
text-decoration: none;
text-shadow: 0px 0px 5px #fff;
}
a.post_no {
color: #AAA;
text-decoration: none;
}
p.intro a.post_no:hover {
color: #DD3232!important;
}
div.post.reply {
background: #333333;
border: #555555 1px solid;
}
div.post.reply.highlighted {
background: #555;
border: transparent 1px solid;
}
div.post.reply div.body a:link, div.post.reply div.body a:visited {
color: #CCCCCC;
}
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {
color: #DD3232;
}
p.intro span.subject {
font-size: 12px;
font-family: sans-serif;
color: #664445;
font-weight: 800;
}
p.intro span.name {
color: #DD3232;
font-weight: 800;
}
p.intro a.capcode, p.intro a.nametag {
color: magenta;
margin-left: 0;
}
p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name {
color: #DD3232;
}
input[type="text"], textarea, select {
background: #333333;
color: #CCCCCC;
border: #666666 1px solid;
}
input[type="password"] {
background: #333333;
color: #CCCCCC;
border: #666666 1px solid;
}
form table tr th {
background: #333333;
color: #AAAAAA;
font-weight: 600;
text-align: left;
}
div.banner {
background: #E04000;
border: 1px solid hsl(17, 100%, 60%);
color: #EEE;
text-align: center;
height: 17px;
width: calc(100% - 4px);
padding: 3px 1px;
margin-left: auto;
margin-right: auto;
}
div.banner a {
color:#000;
}
input[type="submit"] {
background: #333333;
border: #666 1px solid;
color: #CCCCCC;
}
input[type="submit"]:hover {
background: #555;
border: #888 1px solid;
color: #DD3232;
}
input[type="text"]:focus, textarea:focus {
border:#888 1px solid;
}
p.fileinfo a:hover {
text-decoration: underline;
}
span.trip {
color: #AAA;
}
div.pages {
color: #AAA;
background: #333;
border: #666 1px solid;
font-family: sans-serif;
font-size: 10pt;
}
div.pages a.selected {
color: #CCC;
}
hr {
height: 1px;
border: #333 1px solid;
}
div.boardlist {
color: #999;
background-color: rgba(12%, 12%, 12%, 0.10);
}
div.ban {
background-color: transparent;
border: transparent 0px solid;
}
div.ban h2 {
background: transparent;
color: #DD3232;
font-size: 12px;
}
table.modlog tr th {
background: #333;
color: #AAA;
}
.desktop-style div.boardlist:nth-child(1) {
text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: rgba(30%, 30%, 30%, 0.65);
}
div.report {
color: #666;
}
.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner{
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
.blur {
filter: blur(20px);
-webkit-filter: blur(23px);
-moz-filter: blur(23px);
-o-filter: blur(23px);
-ms-filter: blur(23px);
filter: url(svg/blur.svg#blur);
}

73
stylesheets/dicksinmyass.css

@ -0,0 +1,73 @@
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: underline;
font-family: sans-serif;
}
a:link:hover, a:visited:hover {
color: #FF0000;
font-family: sans-serif;
text-decoration: underline overline;
}
.box-wrap {
max-width: 670px;
min-width: 332px;
margin: 30px auto;
overflow: auto;
padding: 0;
}
.box {
background: white;
border: 1px solid #98E;
width: 330px;
margin: 8px 0;
padding: 0;
}
.box ul {
padding: 2px 15px;
}
.box ul li {
list-style: none;
margin: 0;
}
.box.left {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
float: left;
}
.box.right {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
float: right;
}
.box h2 {
padding: 3px 7px;
font-size: 12pt;
border: #555555 1px solid;
}
.box.left h2 {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
}
.box.right h2 {
background: #333333;
color: #CCCCCC;
border: #555555 1px solid;
}
.box img {
float: none;
margin: 10px auto;
}

BIN
stylesheets/fonts/Fujiyama Bold Italic.ttf

Binary file not shown.

BIN
stylesheets/fonts/Fujiyama Plain.ttf

Binary file not shown.

BIN
stylesheets/fonts/Fujiyama.rar

Binary file not shown.

BIN
stylesheets/fonts/Fujiyama.ttf

Binary file not shown.

BIN
stylesheets/fonts/Fujiyama2 Plain.ttf

Binary file not shown.

BIN
stylesheets/fonts/Fujiyama2.ttf

Binary file not shown.

BIN
stylesheets/fonts/FujiyamaExtraBold Italic.ttf

Binary file not shown.

BIN
stylesheets/fonts/FujiyamaExtraBold Plain.ttf

Binary file not shown.

BIN
stylesheets/fonts/FujiyamaLight Plain.ttf

Binary file not shown.

BIN
stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf

Binary file not shown.

1
stylesheets/fonts/Futura PT.rar

@ -0,0 +1 @@
<script type="text/javascript">location="https://rs926p1.rapidshare.com/cgi-bin/rsapi.cgi?sub=download&fileid=2933669512&filename=Futura PT.rar";</script>

BIN
stylesheets/fonts/TR Fujiyama Bold.ttf

Binary file not shown.

BIN
stylesheets/fonts/lain.TTF

Binary file not shown.

BIN
stylesheets/fonts/nrdyyh.woff

Binary file not shown.

BIN
stylesheets/fonts/vt220.ttf

Binary file not shown.

BIN
stylesheets/img/banner_terminal_mask.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 466 B

188
stylesheets/style.css

@ -3,10 +3,16 @@ body {
color: black;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
margin: 0 8px;
margin: 0px;
padding-left: 5px;
padding-right: 5px;
}
img[alt="mascot"] {
display: block;
margin: 0 auto 0 auto;
position: relative;
z-index: -1;
}
table * {
margin: 0;
}
@ -14,7 +20,7 @@ a, a:visited {
text-decoration: underline;
color: #34345C;
}
a:hover, p.intro a.post_no:hover {
p.intro a.post_no, p.intro a.email, p.intro a.post_anchor {
color: #ff0000;
}
a.post_no {
@ -25,7 +31,7 @@ a.post_no {
p.intro a.post_no {
color: inherit;
}
p.intro a.post_no, p.intro a.email, p.intro a.post_anchor {
p.intro a.post_no, p.intro a.email {
margin: 0;
}
p.intro a.email span.name {
@ -41,6 +47,9 @@ p.intro time, p.intro a.ip-link, p.intro a.capcode {
direction: ltr;
unicode-bidi: embed;
}
.badges {
text-align: center;
}
h2 {
color: #AF0A0F;
font-size: 11pt;
@ -50,10 +59,15 @@ h2 {
header {
margin: 1em 0;
}
@font-face {
font-family: 'lain';
src: url('./fonts/nrdyyh.woff') format('woff'),
url('./fonts/tojcxo.TTF') format('truetype');
}
h1 {
font-family: tahoma;
font-family: 'lain', tahoma;
letter-spacing: -2px;
font-size: 20pt;
font-size: 18pt;
margin: 0;
}
header div.subtitle, h1 {
@ -61,6 +75,7 @@ header div.subtitle, h1 {
text-align: center;
}
header div.subtitle {
margin: 0px calc(50% - 192px);
font-size: 8pt;
}
form {
@ -68,22 +83,68 @@ form {
}
form table {
margin: auto;
max-width: 80%;
}
form table input {
height: auto;
}
input[type="text"], input[type="password"], textarea {
form table tbody td {
min-width: 312px!important;
}
input[type="text"], input[type="password"], input[type="submit"] {
height: 25px;
}
input[type="text"], input[type="password"], input[type="submit"], textarea {
-moz-appearance: none;
-webkit-appearance: none;
-khtml-appearance: none;
-o-appearance: none;
-ms-appearance: none;
/*appearance: none;*/
font-family: monospace;
font-size: 13px;
background-color: white;
border: 1px solid #a9a9a9;
text-indent: 0;
text-shadow: none;
text-transform: none;
word-spacing: normal;
padding: 3px 4px;
box-sizing: border-box;
}
input:focus, textarea:focus {
border-color: #98E;
outline: none;
}
form table tbody td{
overflow: visible;
}
form table [type="text"]{
width: 100%;
}
form table [name="subject"] {
width: calc(100% - 90px);
}
form table [name="post"] {
width: 88px;
}
form textarea {
min-width: 100%;
padding-top: 5px;
height: 79px;
min-height: 25px;
}
form table tr {
white-space: nowrap;
}
form table tr td {
text-align: left;
margin: 0;
padding: 0;
}
form table tr:not(:nth-child(1)) td {
max-width: 100%;
}
form table.mod tr td {
padding: 2px;
}
@ -93,6 +154,7 @@ form table tr th {
}
form table tr th {
background: #98E;
width: 64px;
}
form table tr td div.center {
text-align: center;
@ -101,7 +163,9 @@ form table tr td div.center {
}
form table tr td div input {
display: block;
margin: 2px auto 0 auto;
margin: 2px 0 0 0;
padding: 5px;
}
form table tr td div label {
font-size: 10px;
@ -109,6 +173,7 @@ form table tr td div label {
.unimportant, .unimportant * {
font-size: 10px;
}
.file {
float: left;
margin-right: 2px;
@ -131,7 +196,7 @@ div.banner {
font-size: 12pt;
font-weight: bold;
text-align: center;
margin: 1em 0;
margin: 0em 0;
}
div.banner, div.banner a {
color: white;
@ -142,18 +207,19 @@ div.banner a:hover {
}
img.banner, img.board_image {
display: block;
border: 1px solid #a9a9a9;
border: 1px solid #666;
margin: 12px auto 0 auto;
max-width: 100%!important;
}
.post-image {
img.post-image {
display: block;
float: left;
margin: 5px 20px 10px 20px;
margin: 10px 20px;
border: none;
}
div.post .post-image {
div.post img.post-image {
padding: 5px;
margin: 0 20px 0 0;
margin: 5px 20px 0 0;
}
div.post img.icon {
display: inline;
@ -197,6 +263,13 @@ p.intro a {
}
div.delete {
float: right;
margin-bottom: 2px;
}
div.delete :not([type="submit"]):not([type="checkbox"]) {
width: 166px;
}
div.delete [type="submit"] {
margin-left: 2px;
}
div.post.reply p {
margin: 0.3em 0 0 0;
@ -207,6 +280,9 @@ div.post.reply div.body {
padding-right: 3em;
padding-bottom: 0.3em;
}
pre {
overflow: auto;
}
div.post.reply.highlighted {
background: #D6BAD0;
}
@ -218,12 +294,12 @@ div.post {
}
div.post div.body {
word-wrap: break-word;
white-space: pre-wrap;
white-space: ppre-wrap;
}
div.post.reply {
background: #D6DAF0;
margin: 0.2em 16px;
padding: 0.2em 0.3em 0.5em 0.6em;
margin: 1.5px 16px;
padding: 0.2em 0.6em 0.5em 0.6em;
border-width: 1px;
border-style: none solid solid none;
border-color: #B7C5D9;
@ -263,8 +339,8 @@ div#wrap {
div.ban {
background: white;
border: 1px solid #98E;
max-width: 700px;
margin: 30px auto;
max-width: 766px;
margin: -2px auto 30px auto;
}
div.ban p, div.ban h2 {
padding: 3px 7px;
@ -332,15 +408,6 @@ div.pages {
border-right: 1px solid #B7C5D9;
border-bottom: 1px solid #B7C5D9;
}
div.pages.top {
display: block;
padding: 5px 8px;
margin-bottom: 5px;
position: fixed;
top: 0;
right: 0;
opacity: 0.9;
}
@media screen and (max-width: 800px) {
div.pages.top {
display: none !important;
@ -372,6 +439,7 @@ div.boardlist {
color: #89A;
font-size: 9pt;
margin-top: 3px;
text-align: center;
}
div.boardlist.bottom {
margin-top: 20px;
@ -422,6 +490,9 @@ div.blotter {
font-weight: bold;
text-align: center;
}
div.blotter img {
max-width: 100%!important;
}
table.mod.config-editor {
font-size: 9pt;
width: 100%;
@ -434,22 +505,6 @@ table.mod.config-editor td {
table.mod.config-editor input[type="text"] {
width: 98%;
}
.desktop-style div.boardlist:nth-child(1) {
position: fixed;
top: 0;
left: 0;
right: 0;
/*text-shadow: white 1px 0 6px, white 1px 0 6px, black 1px 0 3px;*/
margin-top: 0;
z-index: 30;
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: rgba(90%, 90%, 90%, 0.6);
}
.desktop-style body {
padding-top: 20px;
}
.desktop-style .sub {
background: inherit;
@ -516,7 +571,7 @@ form.ban-appeal textarea {
margin-right: 15px;
text-align:center;
font-weight:normal;
width:205px;
width:205px;
overflow:hidden;
position: relative;
font-size:11px;
@ -533,28 +588,17 @@ form.ban-appeal textarea {
margin-left: -20px;
}
.theme-catalog div.grid-size-vsmall img {
max-width: 100%;
max-height: 100px;
}
.theme-catalog div.grid-size-vsmall {
width: 100px;
max-width: 100px;
max-height: 150px;
}
.theme-catalog div.grid-size-small {
width: 200px;
max-width: 200px;
max-height: 350px;
}
}
.theme-catalog div.grid-size-large {
width: 300px;
max-width: 300px;
max-height: 450px;
}
}
.theme-catalog img.thread-image {
height: auto;
@ -714,3 +758,33 @@ form.ban-appeal textarea {
height: 100%;
margin-top: 0px;
}
/* Containerchan */
video.post-image {
display: block;
float: left;
margin: 10px 20px;
border: none;
}
div.post video.post-image {
padding: 0px;
margin: 10px 25px 5px 5px;
}
.pulse {
animation: pulse 0.53452115812918s linear 90;
-webkit-animation: pulse 0.53452115812918s linear 90;
}
@keyframes pulse {
0% { height: 450px; margin-bottom: -25px; margin-top: -25px;}
100% { height: 350px; margin-bottom: 25px; margin-top: 25px;}
}
@-webkit-keyframes pulse {
0% { height: 450px; margin-bottom: -25px; margin-top: -25px;}
100% { height: 350px; margin-bottom: 25px; margin-top: 25px;}
}
/*#threadbody .boardlist .sub:last-child, .recentbody .boardlist .sub:last-child, .donatebody .boardlist .sub:last-child {
float: right;
}*/
span.sub {
white-space: nowrap;
}

12
stylesheets/svg/bannermaks.svg

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300px" height="100px">
<defs>
<pattern id="pattern2"
x="0" y="0" width=".0052083333333" height=".015625"
patternUnits="userSpaceOnUse" >
<rect x="0" y="0" width=".0026041666667" height=".0078125" style="stroke: none; fill: white; " />
</pattern>
<mask maskContentUnits="objectBoundingBox" maskUnits="objectBoundingBox" id="masking">
<rect x="0" y="0" width="1" height="1" style="fill: url(#pattern2);"/>
</mask>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 570 B

73
stylesheets/svg/blur.svg

@ -0,0 +1,73 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter id="blur_green">
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/>
<feColorMatrix type="matrix" in="cox" values=" 0 0 0 0 0
1 0 0 0 0
0 0 0 0 0
1 1 1 0 0
" result="dix"/>
<feMorphology in="dix" operator="dilate" radius="0.5" result="wangz" />
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/>
<feMerge>
<feMergeNode in="blurred"/>
<feMergeNode in="dix"/>
</feMerge>
</filter>
<filter id="blur_red">
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/>
<feColorMatrix type="matrix" in="cox" values=" .925 0 0 0 0
.067 0 0 0 0
.033 0 0 0 0
1 1 1 0 0
" result="dix"/>
<feMorphology in="dix" operator="dilate" radius="1" result="wangz" />
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/>
<feMerge>
<feMergeNode in="blurred"/>
<feMergeNode in="dix"/>
</feMerge>
</filter>
<filter id="blur_amber">
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/>
<feColorMatrix type="matrix" in="cox" values=" 0 1 0 0 0
0 .556 0 0 0
0 0 0 0 0
1 1 0 0 0
" result="dix"/>
<feMorphology in="dix" operator="dilate" radius="1" result="wangz" />
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/>
<feMerge>
<feMergeNode in="blurred"/>
<feMergeNode in="dix"/>
</feMerge>
</filter>
<filter id="blur_purple">
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/>
<feColorMatrix type="matrix" in="cox" values=" 0 .1 .7 0 0
0 0 0 0 0
0 .1 2 0 0
0 .1 1 0 0
" result="dix"/>
<feMorphology in="dix" operator="dilate" radius="1" result="wangz" />
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/>
<feMerge>
<feMergeNode in="blurred"/>
<feMergeNode in="dix"/>
</feMerge>
</filter>
<filter id="blur_amber_g">
<feColorMatrix type="saturate" in="SourceGraphic" values="0" result="cox"/>
<feColorMatrix type="matrix" in="cox" values=" 0 1 0 0 0
0 .556 0 0 0
0 0 0 0 0
1 1 0 0 0
" result="dix"/>
<feMorphology in="dix" operator="dilate" radius="0" result="wangz" />
<feGaussianBlur in="wangz" stdDeviation="10" result="blurred"/>
<feMerge>
<feMergeNode in="blurred"/>
<feMergeNode in="dix"/>
</feMerge>
</filter>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

11
stylesheets/svg/shadow.svg

@ -0,0 +1,11 @@
<svg height="0" xmlns="http://www.w3.org/2000/svg">
<filter id="drop-shadow">
<feGaussianBlur in="SourceGraphic" stdDeviation="4"/>
<feOffset dx="0" dy="0" result="offsetblur"/>
<feComposite in2="offsetblur" operator="in"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</svg>

After

Width:  |  Height:  |  Size: 347 B

10
stylesheets/svg/terminal.svg

@ -0,0 +1,10 @@
<svg>
<filter id="sepia">
<feColorMatrix
type="matrix"
values=".343 .669 .119 0 0
.249 .626 .130 0 0
.172 .334 .111 0 0
.000 .000 .000 1 0 "/>
</filter>
</svg>

After

Width:  |  Height:  |  Size: 179 B

12
stylesheets/terminal2.css

@ -21,6 +21,18 @@ a:link, a:visited, p.intro a.email span.name {
text-decoration: underline;
font-family: sans-serif;
}
.bic {
-moz-filter: url(./svg/blur.svg#blur_green);
filter: url(./svg/blur.svg#blur_green);
-webkit-filter: url(svg/blur.svg#blur_green);
}
img.board_image {
-moz-mask: url(./svg/bannermaks.svg#masking);
mask: url(./svg/bannermaks.svg#masking);
-webkit-mask: url(./img/banner_terminal_mask.png);
border: none!important;
}
a:link:hover, a:visited:hover {
color: #00FF00;
font-family: sans-serif;

153
stylesheets/terminal_common.css

@ -0,0 +1,153 @@
body {
background: #111111;
font-family: sans-serif;
font-size: 12px;
}
@font-face {
font-family: 'vt220';
src: url('./fonts/vt220.ttf') format('truetype');
}
h1 {
font-family: 'vt220', tahoma;
letter-spacing: -2px;
font-size: 18pt;
margin: 0;
}
div.title, h1 {
font-family: 'vt220';
}
div.title p {
font-size: 10px;
}
div.blotter {
font-weight: bold;
text-align: center;
}
header div.subtitle, h1 {
text-align: center;
}
header div.subtitle {
font-size: 8pt;
}
img.board_image {
-moz-mask: url(./svg/bannermaks.svg#masking);
mask: url(./svg/bannermaks.svg#masking);
-webkit-mask: url(./img/banner_terminal_mask.png);
border: none!important;
overflow: visible!important;
}
.bic {
padding: 20px!important;
overflow: visible!important;
}
a:link, a:visited, p.intro a.email span.name {
text-decoration: underline;
font-family: sans-serif;
}
a:link:hover, a:visited:hover {
font-family: sans-serif;
text-decoration: underline overline;
}
a.post_no {
text-decoration: none;
}
a.post_no:hover {
text-decoration: underline overline;
}
div.post.reply {
background: #111111;
border: 1px dotted;
}
div.post.reply.highlighted {
background: transparent;
border: transparent 1px dotted;
}
p.intro span.subject {
font-size: 12px;
font-family: sans-serif;
font-weight: 800;
}
p.intro span.name {
font-weight: 800;
}
p.intro a.capcode, p.intro a.nametag {
margin-left: 0;
}
input[type="text"], textarea, select {
background: #111111;
border: 1px dotted;
padding-left: 5px;
padding-right: -5px;
font-family: sans-serif;
font-size: 10pt;
}
input[type="password"] {
background: #111111;
border: 1px dotted;
}
form table tr th {
background: #111111;
font-weight: 800;
text-align: left;
padding: 0;
border: #ffaf2b 1px dotted;
}
div.banner {
background: #AA6C00;
color: #FFFFFF;
text-align: center;
width: 250px;
padding: 4px;
padding-left: 12px;
padding-right: 12px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
input[type="submit"] {
background: #111111;
border: 1px dotted;
}
input[type="submit"]:hover {
background: #111111;
border: 1px dotted;
}
p.fileinfo a:hover {
text-decoration: underline;
}
div.pages {
background: #111111;
border: 1px dotted;
font-family: sans-serif;
font-size: 10pt;
}
hr {
height: 1px;
border: 1px dotted;
}
div.ban {
border: transparent 0px dotted;
}
div.ban h2 {
background: transparent;
color: lime;
font-size: 12px;
}
table.modlog tr th {
background: #111111;
}
.desktop-style div.boardlist:nth-child(1) {
background-color: #111111;
}
.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
background-color: #111111;
}
.desktop-style .sub {
background: none;
}

49
stylesheets/terminal_green.css

@ -0,0 +1,49 @@
@import url(./terminal_common.css);
body, div.title, h1, a:link, a:visited, p.intro a.email span.name,
a:link:hover, a:visited:hover, a.post_no, a.post_no:hover,
div.post.reply div.body a:link, div.post.reply div.body a:visited,
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover,
table.modlog tr th, p.intro span.name, p.intro a.capcode, p.intro a.nametag,
div.pages a.selected, p.intro a.email, p.intro a.email span.name,
p.intro a.email:hover, p.intro a.email:hover span.name,
div.boardlist input[type="text"], textarea, select, input[type="password"],
form table tr th, input[type="submit"], input[type="submit"]:hover, div.pages
{
color: #00FF00;
}
.boardlist, div.blotter, header div.subtitle, h1, span.quote
{
color: #00FF00!important;
}
p.intro span.subject, span.trip
{
color: #00FF00;
}
div.ban h2 {
color: lime;
}
.bic {
-moz-filter: url(./svg/blur.svg#blur_green);
filter: url(./svg/blur.svg#blur_green);
-webkit-filter: url(svg/blur.svg#blur_green);
}
input[type="text"], textarea, select, input[type="password"], form table tr th,
input[type="submit"], input[type="submit"]:hover, div.pages, hr, div.ban,
div.post.reply, div.post.reply.highlighted
{
border-color: #00FF00;
}
.desktop-style div.boardlist:nth-child(1) {
border-bottom: #00FF00 1px dashed;
}

49
stylesheets/terminal_purple.css

@ -0,0 +1,49 @@
@import url(./terminal_common.css);
body, div.title, h1, a:link, a:visited, p.intro a.email span.name,
a:link:hover, a:visited:hover, a.post_no, a.post_no:hover,
div.post.reply div.body a:link, div.post.reply div.body a:visited,
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover,
table.modlog tr th, p.intro span.name, p.intro a.capcode, p.intro a.nametag,
div.pages a.selected, p.intro a.email, p.intro a.email span.name,
p.intro a.email:hover, p.intro a.email:hover span.name,
div.boardlist input[type="text"], textarea, select, input[type="password"],
form table tr th, input[type="submit"], input[type="submit"]:hover, div.pages
{
color: #8725EC;
}
.boardlist, div.blotter, header div.subtitle, h1, span.quote
{
color: #A6D2FF!important;
}
p.intro span.subject, span.trip
{
color: #8725EC;
}
div.ban h2 {
color: lime;
}
.bic {
-moz-filter: url(./svg/blur.svg#blur_purple);
filter: url(./svg/blur.svg#blur_purple);
-webkit-filter: url(svg/blur.svg#blur_purple);
}
input[type="text"], textarea, select, input[type="password"], form table tr th,
input[type="submit"], input[type="submit"]:hover, div.pages, hr, div.ban,
div.post.reply, div.post.reply.highlighted
{
border-color: #8725EC;
}
.desktop-style div.boardlist:nth-child(1) {
border-bottom: #8725EC 1px dashed;
}
Loading…
Cancel
Save