Add lainchan styles
This commit is contained in:
Michael Walker
parent
19c35cdae6
commit
341e6476f9
214
stylesheets/cyberpunk.css
Executable file
214
stylesheets/cyberpunk.css
Executable file
@ -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; }
|
||||
}
|
||||
143
stylesheets/dark.css
Normal file → Executable file
143
stylesheets/dark.css
Normal file → Executable file
@ -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,12 +203,28 @@ 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 */
|
||||
@ -189,3 +237,4 @@ div.report {
|
||||
.options_tab_icon.active {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
223
stylesheets/dark_purple.css
Executable file
223
stylesheets/dark_purple.css
Executable file
@ -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
Executable file
215
stylesheets/dark_red.css
Executable file
@ -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
Normal file
73
stylesheets/dicksinmyass.css
Normal file
@ -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
Executable file
BIN
stylesheets/fonts/Fujiyama Bold Italic.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/Fujiyama Plain.ttf
Executable file
BIN
stylesheets/fonts/Fujiyama Plain.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/Fujiyama.rar
Executable file
BIN
stylesheets/fonts/Fujiyama.rar
Executable file
Binary file not shown.
BIN
stylesheets/fonts/Fujiyama.ttf
Executable file
BIN
stylesheets/fonts/Fujiyama.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/Fujiyama2 Plain.ttf
Executable file
BIN
stylesheets/fonts/Fujiyama2 Plain.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/Fujiyama2.ttf
Executable file
BIN
stylesheets/fonts/Fujiyama2.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/FujiyamaExtraBold Italic.ttf
Executable file
BIN
stylesheets/fonts/FujiyamaExtraBold Italic.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/FujiyamaExtraBold Plain.ttf
Executable file
BIN
stylesheets/fonts/FujiyamaExtraBold Plain.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/FujiyamaLight Plain.ttf
Executable file
BIN
stylesheets/fonts/FujiyamaLight Plain.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf
Executable file
BIN
stylesheets/fonts/Fujiyama_ExtraBold-Normal.ttf
Executable file
Binary file not shown.
1
stylesheets/fonts/Futura PT.rar
Executable file
1
stylesheets/fonts/Futura PT.rar
Executable file
@ -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
Executable file
BIN
stylesheets/fonts/TR Fujiyama Bold.ttf
Executable file
Binary file not shown.
BIN
stylesheets/fonts/lain.TTF
Executable file
BIN
stylesheets/fonts/lain.TTF
Executable file
Binary file not shown.
BIN
stylesheets/fonts/nrdyyh.woff
Executable file
BIN
stylesheets/fonts/nrdyyh.woff
Executable file
Binary file not shown.
BIN
stylesheets/fonts/vt220.ttf
Executable file
BIN
stylesheets/fonts/vt220.ttf
Executable file
Binary file not shown.
BIN
stylesheets/img/banner_terminal_mask.png
Executable file
BIN
stylesheets/img/banner_terminal_mask.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 466 B |
182
stylesheets/style.css
Normal file → Executable file
182
stylesheets/style.css
Normal file → Executable file
@ -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;
|
||||
@ -533,17 +588,6 @@ 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;
|
||||
@ -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
Executable file
12
stylesheets/svg/bannermaks.svg
Executable file
@ -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
Executable file
73
stylesheets/svg/blur.svg
Executable file
@ -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
Executable file
11
stylesheets/svg/shadow.svg
Executable file
@ -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
Executable file
10
stylesheets/svg/terminal.svg
Executable file
@ -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
Normal file → Executable file
12
stylesheets/terminal2.css
Normal file → Executable file
@ -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
Executable file
153
stylesheets/terminal_common.css
Executable file
@ -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
Executable file
49
stylesheets/terminal_green.css
Executable file
@ -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
Executable file
49
stylesheets/terminal_purple.css
Executable file
@ -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…
Reference in New Issue
Block a user