浏览代码

Add lainchan styles

pull/7/head
Michael Walker 9 年前
父节点
当前提交
341e6476f9
共有 30 个文件被更改,包括 1325 次插入107 次删除
  1. +214
    -0
      stylesheets/cyberpunk.css
  2. +99
    -50
      stylesheets/dark.css
  3. +223
    -0
      stylesheets/dark_purple.css
  4. +215
    -0
      stylesheets/dark_red.css
  5. +73
    -0
      stylesheets/dicksinmyass.css
  6. 二进制
      stylesheets/fonts/Fujiyama Bold Italic.ttf
  7. 二进制
      stylesheets/fonts/Fujiyama Plain.ttf
  8. 二进制
      stylesheets/fonts/Fujiyama.rar
  9. 二进制
      stylesheets/fonts/Fujiyama.ttf
  10. 二进制
      stylesheets/fonts/Fujiyama2 Plain.ttf
  11. 二进制
      stylesheets/fonts/Fujiyama2.ttf
  12. 二进制
      stylesheets/fonts/FujiyamaExtraBold Italic.ttf
  13. 二进制
      stylesheets/fonts/FujiyamaExtraBold Plain.ttf
  14. 二进制
      stylesheets/fonts/FujiyamaLight Plain.ttf
  15. 二进制
      stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf
  16. +1
    -0
      stylesheets/fonts/Futura PT.rar
  17. 二进制
      stylesheets/fonts/TR Fujiyama Bold.ttf
  18. 二进制
      stylesheets/fonts/lain.TTF
  19. 二进制
      stylesheets/fonts/nrdyyh.woff
  20. 二进制
      stylesheets/fonts/vt220.ttf
  21. 二进制
      stylesheets/img/banner_terminal_mask.png
  22. +131
    -57
      stylesheets/style.css
  23. +12
    -0
      stylesheets/svg/bannermaks.svg
  24. +73
    -0
      stylesheets/svg/blur.svg
  25. +11
    -0
      stylesheets/svg/shadow.svg
  26. +10
    -0
      stylesheets/svg/terminal.svg
  27. +12
    -0
      stylesheets/terminal2.css
  28. +153
    -0
      stylesheets/terminal_common.css
  29. +49
    -0
      stylesheets/terminal_green.css
  30. +49
    -0
      stylesheets/terminal_purple.css

+ 214
- 0
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; }
}

+ 99
- 50
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
- 0
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
- 0
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
- 0
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;
}

二进制
stylesheets/fonts/Fujiyama Bold Italic.ttf 查看文件


二进制
stylesheets/fonts/Fujiyama Plain.ttf 查看文件


二进制
stylesheets/fonts/Fujiyama.rar 查看文件


二进制
stylesheets/fonts/Fujiyama.ttf 查看文件


二进制
stylesheets/fonts/Fujiyama2 Plain.ttf 查看文件


二进制
stylesheets/fonts/Fujiyama2.ttf 查看文件


二进制
stylesheets/fonts/FujiyamaExtraBold Italic.ttf 查看文件


二进制
stylesheets/fonts/FujiyamaExtraBold Plain.ttf 查看文件


二进制
stylesheets/fonts/FujiyamaLight Plain.ttf 查看文件


二进制
stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf 查看文件


+ 1
- 0
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>

二进制
stylesheets/fonts/TR Fujiyama Bold.ttf 查看文件


二进制
stylesheets/fonts/lain.TTF 查看文件


二进制
stylesheets/fonts/nrdyyh.woff 查看文件


二进制
stylesheets/fonts/vt220.ttf 查看文件


二进制
stylesheets/img/banner_terminal_mask.png 查看文件

之前 之后
宽度: 300  |  高度: 100  |  大小: 466B

+ 131
- 57
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
- 0
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>

+ 73
- 0
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>

+ 11
- 0
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>

+ 10
- 0
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>

+ 12
- 0
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
- 0
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
- 0
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
- 0
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;
}


正在加载...
取消
保存