init 4chan
This commit is contained in:
commit
c850337f1e
390 changed files with 195936 additions and 0 deletions
1725
css/0ch.css
Normal file
1725
css/0ch.css
Normal file
File diff suppressed because it is too large
Load diff
320
css/burichan.css
Normal file
320
css/burichan.css
Normal file
|
|
@ -0,0 +1,320 @@
|
|||
body {
|
||||
font-size: 12pt;
|
||||
background: #EEF2FF;
|
||||
color: #000000;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
center iframe {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
background: inherit;
|
||||
color: #34345C;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #DD0000;
|
||||
background: inherit;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
a.quotelink {
|
||||
background: inherit;
|
||||
color: #DD0000;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.logo {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
background: inherit;
|
||||
font-size: 24pt;
|
||||
color: #AF0A0F;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.postarea {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.rules {
|
||||
width: 468px;
|
||||
font-size: 10px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.rules a, .rules a:visited, .rules a:link {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.rules li {
|
||||
margin-left: 1em;
|
||||
text-indent: -1em;
|
||||
}
|
||||
|
||||
.postblock {
|
||||
background: #9988EE;
|
||||
color: #000000;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.unkfunc {
|
||||
color: #789922;
|
||||
}
|
||||
|
||||
.filesize {
|
||||
font-size: 16px;
|
||||
font-family: serif;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.filesize span, span.postername, span.filetitle, span.commentpostername {
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
|
||||
.filetitle, .replytitle {
|
||||
background: inherit;
|
||||
font-size: 18px;
|
||||
font-family: serif;
|
||||
color: #0F0C5D;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postername, .commentpostername {
|
||||
background: inherit;
|
||||
font-size: 16px;
|
||||
font-family: serif;
|
||||
color: #117743;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postertrip {
|
||||
background: inherit;
|
||||
font-size: 16px;
|
||||
font-family: serif;
|
||||
color: #228854;
|
||||
}
|
||||
|
||||
.oldpost {
|
||||
background: inherit;
|
||||
font-family: serif;
|
||||
color: #0F0C5D;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.omittedposts, .abbr {
|
||||
background: inherit;
|
||||
color: #070707;
|
||||
}
|
||||
|
||||
.reply {
|
||||
background: #D6DAF0;
|
||||
color: #000000;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.replyhl {
|
||||
background: #D6BAD0;
|
||||
color: #000000;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.doubledash {
|
||||
vertical-align: top;
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.quotejs:active, a.quotejs:link, a.quotejs:visited {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.quotejs:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tn_thread {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eef2ff;
|
||||
border: #98e 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tn_reply {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eef2ff;
|
||||
border: #98e 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.adHeadline {
|
||||
font: bold 10pt serif;
|
||||
text-decoration: underline;
|
||||
color: #00e
|
||||
}
|
||||
|
||||
.adText {
|
||||
font: normal 10pt serif;
|
||||
text-decoration: none;
|
||||
color: #000
|
||||
}
|
||||
|
||||
#ad {
|
||||
width: 120px;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
position: absolute;
|
||||
right: 150px;
|
||||
|
||||
border: 1px solid #98E;
|
||||
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#ad div {
|
||||
margin: 0;
|
||||
padding: 0.4em;
|
||||
|
||||
}
|
||||
|
||||
#ad div.ad-title {
|
||||
padding: 0em;
|
||||
background: #98E;
|
||||
color: #000;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#ad div.ad-title a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#ad div.ad-text {
|
||||
}
|
||||
|
||||
#ad div.ad-text a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#ad div.ad-text a:visited {
|
||||
}
|
||||
|
||||
.bottomAdTitle {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
background: #98E;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#bottomAd {
|
||||
height: 52px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#bottomAdOuter {
|
||||
width: 600px;
|
||||
border: 1px solid #98E;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.spoiler a.quotelink, .spoiler .unkfunc {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.exif {
|
||||
display: none;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td b {
|
||||
font-weight: 800;
|
||||
text-decoration: underline;
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
* html #header {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navtop, #navbot {
|
||||
left: 0px;
|
||||
float: left;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
#navtopr, #navbotr {
|
||||
right: 0px;
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
#footer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fstitle {
|
||||
float: left;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.recaptchatable {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.recaptcha_image_cell {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#recaptcha_response_field {
|
||||
border: 1px solid #AAA !important;
|
||||
}
|
||||
|
||||
#recaptcha_div {
|
||||
height: 107px;
|
||||
width: 442px;
|
||||
}
|
||||
|
||||
#recaptcha_challenge_field {
|
||||
width: 400px
|
||||
}
|
||||
1682
css/burichannew.css
Normal file
1682
css/burichannew.css
Normal file
File diff suppressed because it is too large
Load diff
1669
css/catalog_0ch.css
Normal file
1669
css/catalog_0ch.css
Normal file
File diff suppressed because it is too large
Load diff
1765
css/catalog_burichan_new.css
Normal file
1765
css/catalog_burichan_new.css
Normal file
File diff suppressed because it is too large
Load diff
1775
css/catalog_futaba_new.css
Normal file
1775
css/catalog_futaba_new.css
Normal file
File diff suppressed because it is too large
Load diff
396
css/catalog_mobile.css
Normal file
396
css/catalog_mobile.css
Normal file
|
|
@ -0,0 +1,396 @@
|
|||
@media only screen and (max-width: 480px) {
|
||||
body {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.party-hat { display: none; }
|
||||
|
||||
div.mobile {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.ad-plea,
|
||||
embed {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.small .thread,
|
||||
.extended-small .thread {
|
||||
width: 155px !important;
|
||||
}
|
||||
|
||||
div.boardBanner > img {
|
||||
height: 50px !important;
|
||||
margin: 5px 0 !important;
|
||||
max-width: 100% !important;
|
||||
width: 150px !important;
|
||||
}
|
||||
|
||||
.boardBanner {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
form[name="post"] {
|
||||
margin: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#threadWatcher {
|
||||
max-width: none;
|
||||
padding: 3px 0;
|
||||
top: 30px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
#twClose {
|
||||
position: relative;
|
||||
top: 0;
|
||||
margin-top: -1px;
|
||||
float: left;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#watchList {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
#postForm {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#postForm .mobile {
|
||||
display: table-row !important;
|
||||
}
|
||||
|
||||
#postForm textarea,
|
||||
#postForm input[type="text"] {
|
||||
margin-right: 0;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#postForm input[name="sub"] {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#postForm input[type="password"] {
|
||||
margin-right: 0;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
#postForm input[type="submit"] {
|
||||
margin: 0;
|
||||
padding: 2px 4px 3px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.rules {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.recaptcha_image_cell {
|
||||
width: auto !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#captchaFormPart > td > div {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
#recaptcha_table tr > td:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#recaptcha_table tr[height="73"] {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
#recaptcha_table tr > td {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#recaptcha_image {
|
||||
width: 280px !important;
|
||||
}
|
||||
|
||||
#recaptcha_response_field {
|
||||
width: 272px !important;
|
||||
margin: -1px 2px 0 3px !important;
|
||||
font-size: 10pt !important;
|
||||
}
|
||||
|
||||
#recaptcha_image > img {
|
||||
width: 280px !important;
|
||||
}
|
||||
|
||||
table#recaptcha_table > tbody > tr:first-child > td:nth-child(2) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table#recaptcha_table > tbody > tr:first-child > td:nth-child(2),
|
||||
#recaptcha_table tr > td:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toggleMsgBtn .mobile,
|
||||
#boardNavMobile {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
div#boardNavMobile,
|
||||
div#boardNavMobile select,
|
||||
div#boardNavMobile option {
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
.absbot .mobile,
|
||||
.desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#boardNavMobile {
|
||||
font: 10px arial,helvetica,sans-serif;
|
||||
overflow: hidden;
|
||||
padding: 2px 4px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.burichan_new #boardNavMobile,
|
||||
.yotsuba_b_new #boardNavMobile {
|
||||
background-color: #D6DAF0;
|
||||
border-bottom: 2px solid #B7C5D9;
|
||||
}
|
||||
|
||||
.futaba_new #boardNavMobile,
|
||||
.yotsuba_new #boardNavMobile {
|
||||
background-color: #F0E0D6;
|
||||
border-bottom: 2px solid #D9BFB7;
|
||||
}
|
||||
|
||||
.tomorrow #boardNavMobile {
|
||||
background-color: #1D1F21;
|
||||
border-bottom: 2px solid #282a2e;
|
||||
}
|
||||
|
||||
.photon #boardNavMobile {
|
||||
background-color: #ddd;
|
||||
border-bottom: 2px solid #ccc;
|
||||
}
|
||||
|
||||
.boardSelect {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.boardSelect strong {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.pageJump {
|
||||
float: right;
|
||||
font-size: 7.5pt;
|
||||
padding-right: 5px;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.boardnav .pageJump a {
|
||||
padding: 0 5px 0 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#filters {
|
||||
width: 310px !important;
|
||||
margin-left: -160px !important;
|
||||
}
|
||||
|
||||
#filters-search { display: none; }
|
||||
|
||||
.filter-boards {
|
||||
width: 30px !important;
|
||||
}
|
||||
|
||||
.filter-pattern {
|
||||
width: 90px !important;
|
||||
}
|
||||
|
||||
#theme {
|
||||
width: 310px !important;
|
||||
margin-left: -160px !important;
|
||||
}
|
||||
|
||||
#theme-css {
|
||||
width: 300px !important;
|
||||
min-width: 300px !important;
|
||||
}
|
||||
|
||||
#globalToggle {
|
||||
background-color: #FFADAD;
|
||||
background-image: url('/image/buttonfade-red.png');
|
||||
border: 1px solid #C45858;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
color: #880000;
|
||||
font-weight: bold;
|
||||
padding: 6px 10px 5px;
|
||||
text-align: center;
|
||||
font-size: 10pt;
|
||||
margin: 0 auto 10px;
|
||||
width: 200px;
|
||||
display: block !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#absbot,
|
||||
#styleSwitcher {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#bottomnav {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
#toggleMsgBtn {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#togglePostForm {
|
||||
margin: 11px 0;
|
||||
font-size: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#ctrl {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#info {
|
||||
float: none !important;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
#settings {
|
||||
line-height: 40px;
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
#ctrl hr.mobile {
|
||||
display: block !important;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ctrl-wrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.navLinks {
|
||||
display: block;
|
||||
margin-top: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navLinksBottom {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.bottomad {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.hideMobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#info .navLinks {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#search-label-bottom { display: none !important; }
|
||||
|
||||
input[type="text"], input[type="password"], textarea {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
img.topad, .topad > div, .topad a img {
|
||||
width: 300px !important;
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
img.middlead, .middlead > div, .middlead a img {
|
||||
width: 234px !important;
|
||||
height: 30px !important;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
img.bottomad, .bottomad > div, .bottomad a img {
|
||||
width: 320px !important;
|
||||
height: 40px !important;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.mobilebtn .btn-wrap {
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
font-weight: bold;
|
||||
padding: 6px 10px 5px;
|
||||
background-repeat: repeat-x;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.mobilebtn .btn-wrap .button {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.mobilebtn .btn-wrap:before,
|
||||
.mobilebtn .btn-wrap:after {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.yotsuba_b_new .mobilebtn .btn-wrap,
|
||||
.burichan_new .mobilebtn .btn-wrap {
|
||||
background-color: #D6DAF0;
|
||||
background-image: url("/image/buttonfade-blue.png");
|
||||
border: 1px solid #B7C5D9;
|
||||
color: #34345C;
|
||||
}
|
||||
|
||||
.yotsuba_new .mobilebtn .btn-wrap,
|
||||
.futaba_new .mobilebtn .btn-wrap {
|
||||
background-color: #F0E0D6;
|
||||
background-image: url("/image/buttonfade.png");
|
||||
border: 1px solid #C0A69D;
|
||||
color: #880000;
|
||||
}
|
||||
|
||||
.burichan_new .boardSelect strong,
|
||||
.yotsuba_b_new .boardSelect strong {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.tomorrow .mobilebtn .btn-wrap {
|
||||
background-color: rgb(27,28,30);
|
||||
background-image: url("/image/buttonfade-dark.png");
|
||||
background-repeat: repeat-x;
|
||||
border: 1px solid #282A2E;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.photon .mobilebtn .btn-wrap {
|
||||
background: rgb(238,238,238);
|
||||
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(224,224,224,1) 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(224,224,224,1)));
|
||||
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%);
|
||||
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(224,224,224,1) 100%);
|
||||
border: 1px solid #CCCCCC;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
1785
css/catalog_photon.css
Normal file
1785
css/catalog_photon.css
Normal file
File diff suppressed because it is too large
Load diff
1888
css/catalog_spooky.css
Normal file
1888
css/catalog_spooky.css
Normal file
File diff suppressed because it is too large
Load diff
1894
css/catalog_spooky2017.css
Normal file
1894
css/catalog_spooky2017.css
Normal file
File diff suppressed because it is too large
Load diff
1791
css/catalog_tomorrow.css
Normal file
1791
css/catalog_tomorrow.css
Normal file
File diff suppressed because it is too large
Load diff
1816
css/catalog_yotsuba_b_new.css
Normal file
1816
css/catalog_yotsuba_b_new.css
Normal file
File diff suppressed because it is too large
Load diff
1804
css/catalog_yotsuba_new.css
Normal file
1804
css/catalog_yotsuba_new.css
Normal file
File diff suppressed because it is too large
Load diff
268
css/flags.css
Normal file
268
css/flags.css
Normal file
|
|
@ -0,0 +1,268 @@
|
|||
.flag {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 11px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
background: url('//s.4cdn.org/image/flags.8.png') no-repeat;
|
||||
}
|
||||
|
||||
.flag-ad { background-position: 0 0 }
|
||||
.flag-ae { background-position: -16px 0 }
|
||||
.flag-af { background-position: -32px 0 }
|
||||
.flag-ag { background-position: -48px 0 }
|
||||
.flag-ai { background-position: -64px 0 }
|
||||
.flag-al { background-position: -80px 0 }
|
||||
.flag-am { background-position: -96px 0 }
|
||||
.flag-an { background-position: -112px 0 }
|
||||
.flag-ao { background-position: -128px 0 }
|
||||
.flag-aq { background-position: -144px 0 }
|
||||
.flag-ar { background-position: -160px 0 }
|
||||
.flag-as { background-position: -176px 0 }
|
||||
.flag-at { background-position: -192px 0 }
|
||||
.flag-au { background-position: -208px 0 }
|
||||
.flag-aw { background-position: -224px 0 }
|
||||
.flag-ax { background-position: -240px 0 }
|
||||
.flag-az { background-position: 0 -11px }
|
||||
.flag-ba { background-position: -16px -11px }
|
||||
.flag-bb { background-position: -32px -11px }
|
||||
.flag-bd { background-position: -48px -11px }
|
||||
.flag-be { background-position: -64px -11px }
|
||||
.flag-bf { background-position: -80px -11px }
|
||||
.flag-bg { background-position: -96px -11px }
|
||||
.flag-bh { background-position: -112px -11px }
|
||||
.flag-bi { background-position: -128px -11px }
|
||||
.flag-bj { background-position: -144px -11px }
|
||||
.flag-bl { background-position: -160px -11px }
|
||||
.flag-bm { background-position: -176px -11px }
|
||||
.flag-bn { background-position: -192px -11px }
|
||||
.flag-bo { background-position: -208px -11px }
|
||||
.flag-bq { background-position: -224px -11px }
|
||||
.flag-br { background-position: -240px -11px }
|
||||
.flag-bs { background-position: 0 -22px }
|
||||
.flag-bt { background-position: -16px -22px }
|
||||
.flag-bv { background-position: -32px -22px }
|
||||
.flag-bw { background-position: -48px -22px }
|
||||
.flag-by { background-position: -64px -22px }
|
||||
.flag-bz { background-position: -80px -22px }
|
||||
.flag-ca { background-position: -96px -22px }
|
||||
.flag-catalonia { background-position: -112px -22px }
|
||||
.flag-cc { background-position: -128px -22px }
|
||||
.flag-cd { background-position: -144px -22px }
|
||||
.flag-cf { background-position: -160px -22px }
|
||||
.flag-cg { background-position: -176px -22px }
|
||||
.flag-ch { background-position: -192px -22px }
|
||||
.flag-ci { background-position: -208px -22px }
|
||||
.flag-ck { background-position: -224px -22px }
|
||||
.flag-cl { background-position: -240px -22px }
|
||||
.flag-cm { background-position: 0 -33px }
|
||||
.flag-cn { background-position: -16px -33px }
|
||||
.flag-co { background-position: -32px -33px }
|
||||
.flag-cr { background-position: -48px -33px }
|
||||
.flag-cs { background-position: -64px -33px }
|
||||
.flag-cu { background-position: -80px -33px }
|
||||
.flag-cv { background-position: -96px -33px }
|
||||
.flag-cw { background-position: -112px -33px }
|
||||
.flag-cx { background-position: -128px -33px }
|
||||
.flag-cy { background-position: -144px -33px }
|
||||
.flag-cz { background-position: -160px -33px }
|
||||
.flag-de { background-position: -176px -33px }
|
||||
.flag-dj { background-position: -192px -33px }
|
||||
.flag-dk { background-position: -208px -33px }
|
||||
.flag-dm { background-position: -224px -33px }
|
||||
.flag-do { background-position: -240px -33px }
|
||||
.flag-dz { background-position: 0 -44px }
|
||||
.flag-ec { background-position: -16px -44px }
|
||||
.flag-ee { background-position: -32px -44px }
|
||||
.flag-eg { background-position: -48px -44px }
|
||||
.flag-eh { background-position: -64px -44px }
|
||||
.flag-xe { background-position: -80px -44px }
|
||||
.flag-er { background-position: -96px -44px }
|
||||
.flag-es { background-position: -112px -44px }
|
||||
.flag-et { background-position: -128px -44px }
|
||||
.flag-eu { background-position: -144px -44px }
|
||||
.flag-fam { background-position: -160px -44px }
|
||||
.flag-fi { background-position: -176px -44px }
|
||||
.flag-fj { background-position: -192px -44px }
|
||||
.flag-fk { background-position: -208px -44px }
|
||||
.flag-fm { background-position: -224px -44px }
|
||||
.flag-fo { background-position: -240px -44px }
|
||||
.flag-fr { background-position: 0 -55px }
|
||||
.flag-ga { background-position: -16px -55px }
|
||||
.flag-gb { background-position: -32px -55px }
|
||||
.flag-gd { background-position: -48px -55px }
|
||||
.flag-ge { background-position: -64px -55px }
|
||||
.flag-gf { background-position: -80px -55px }
|
||||
.flag-gg { background-position: -96px -55px }
|
||||
.flag-gh { background-position: -112px -55px }
|
||||
.flag-gi { background-position: -128px -55px }
|
||||
.flag-gl { background-position: -144px -55px }
|
||||
.flag-gm { background-position: -160px -55px }
|
||||
.flag-gn { background-position: -176px -55px }
|
||||
.flag-gp { background-position: -192px -55px }
|
||||
.flag-gq { background-position: -208px -55px }
|
||||
.flag-gr { background-position: -224px -55px }
|
||||
.flag-gs { background-position: -240px -55px }
|
||||
.flag-gt { background-position: 0 -66px }
|
||||
.flag-gu { background-position: -16px -66px }
|
||||
.flag-gw { background-position: -32px -66px }
|
||||
.flag-gy { background-position: -48px -66px }
|
||||
.flag-hk { background-position: -64px -66px }
|
||||
.flag-hm { background-position: -80px -66px }
|
||||
.flag-hn { background-position: -96px -66px }
|
||||
.flag-hr { background-position: -112px -66px }
|
||||
.flag-ht { background-position: -128px -66px }
|
||||
.flag-hu { background-position: -144px -66px }
|
||||
.flag-id { background-position: -160px -66px }
|
||||
.flag-ie { background-position: -176px -66px }
|
||||
.flag-il { background-position: -192px -66px }
|
||||
.flag-im { background-position: -208px -66px }
|
||||
.flag-in { background-position: -224px -66px }
|
||||
.flag-io { background-position: -240px -66px }
|
||||
.flag-iq { background-position: 0 -77px }
|
||||
.flag-ir { background-position: -16px -77px }
|
||||
.flag-is { background-position: -32px -77px }
|
||||
.flag-it { background-position: -48px -77px }
|
||||
.flag-je { background-position: -64px -77px }
|
||||
.flag-jm { background-position: -80px -77px }
|
||||
.flag-jo { background-position: -96px -77px }
|
||||
.flag-jp { background-position: -112px -77px }
|
||||
.flag-ke { background-position: -128px -77px }
|
||||
.flag-kg { background-position: -144px -77px }
|
||||
.flag-kh { background-position: -160px -77px }
|
||||
.flag-ki { background-position: -176px -77px }
|
||||
.flag-km { background-position: -192px -77px }
|
||||
.flag-kn { background-position: -208px -77px }
|
||||
.flag-kp { background-position: -224px -77px }
|
||||
.flag-kr { background-position: -240px -77px }
|
||||
.flag-kw { background-position: 0 -88px }
|
||||
.flag-ky { background-position: -16px -88px }
|
||||
.flag-kz { background-position: -32px -88px }
|
||||
.flag-la { background-position: -48px -88px }
|
||||
.flag-lb { background-position: -64px -88px }
|
||||
.flag-lc { background-position: -80px -88px }
|
||||
.flag-li { background-position: -96px -88px }
|
||||
.flag-lk { background-position: -112px -88px }
|
||||
.flag-lr { background-position: -128px -88px }
|
||||
.flag-ls { background-position: -144px -88px }
|
||||
.flag-lt { background-position: -160px -88px }
|
||||
.flag-lu { background-position: -176px -88px }
|
||||
.flag-lv { background-position: -192px -88px }
|
||||
.flag-ly { background-position: -208px -88px }
|
||||
.flag-ma { background-position: -224px -88px }
|
||||
.flag-mc { background-position: -240px -88px }
|
||||
.flag-md { background-position: 0 -99px }
|
||||
.flag-me { background-position: -16px -99px }
|
||||
.flag-mf { background-position: -32px -99px }
|
||||
.flag-mg { background-position: -48px -99px }
|
||||
.flag-mh { background-position: -64px -99px }
|
||||
.flag-mk { background-position: -80px -99px }
|
||||
.flag-ml { background-position: -96px -99px }
|
||||
.flag-mm { background-position: -112px -99px }
|
||||
.flag-mn { background-position: -128px -99px }
|
||||
.flag-mo { background-position: -144px -99px }
|
||||
.flag-mp { background-position: -160px -99px }
|
||||
.flag-mq { background-position: -176px -99px }
|
||||
.flag-mr { background-position: -192px -99px }
|
||||
.flag-ms { background-position: -208px -99px }
|
||||
.flag-mt { background-position: -224px -99px }
|
||||
.flag-mu { background-position: -240px -99px }
|
||||
.flag-mv { background-position: 0 -110px }
|
||||
.flag-mw { background-position: -16px -110px }
|
||||
.flag-mx { background-position: -32px -110px }
|
||||
.flag-my { background-position: -48px -110px }
|
||||
.flag-mz { background-position: -64px -110px }
|
||||
.flag-na { background-position: -80px -110px }
|
||||
.flag-nc { background-position: -96px -110px }
|
||||
.flag-ne { background-position: -112px -110px }
|
||||
.flag-nf { background-position: -128px -110px }
|
||||
.flag-ng { background-position: -144px -110px }
|
||||
.flag-ni { background-position: -160px -110px }
|
||||
.flag-nl { background-position: -176px -110px }
|
||||
.flag-no { background-position: -192px -110px }
|
||||
.flag-np { background-position: -208px -110px }
|
||||
.flag-nr { background-position: -224px -110px }
|
||||
.flag-nu { background-position: -240px -110px }
|
||||
.flag-nz { background-position: 0 -121px }
|
||||
.flag-om { background-position: -16px -121px }
|
||||
.flag-pa { background-position: -32px -121px }
|
||||
.flag-pe { background-position: -48px -121px }
|
||||
.flag-pf { background-position: -64px -121px }
|
||||
.flag-pg { background-position: -80px -121px }
|
||||
.flag-ph { background-position: -96px -121px }
|
||||
.flag-pk { background-position: -112px -121px }
|
||||
.flag-pl { background-position: -128px -121px }
|
||||
.flag-pm { background-position: -144px -121px }
|
||||
.flag-pn { background-position: -160px -121px }
|
||||
.flag-pr { background-position: -176px -121px }
|
||||
.flag-ps { background-position: -192px -121px }
|
||||
.flag-pt { background-position: -208px -121px }
|
||||
.flag-pw { background-position: -224px -121px }
|
||||
.flag-py { background-position: -240px -121px }
|
||||
.flag-qa { background-position: 0 -132px }
|
||||
.flag-re { background-position: -16px -132px }
|
||||
.flag-ro { background-position: -32px -132px }
|
||||
.flag-rs { background-position: -48px -132px }
|
||||
.flag-ru { background-position: -64px -132px }
|
||||
.flag-rw { background-position: -80px -132px }
|
||||
.flag-sa { background-position: -96px -132px }
|
||||
.flag-sb { background-position: -112px -132px }
|
||||
.flag-sc { background-position: -128px -132px }
|
||||
.flag-xs { background-position: -144px -132px }
|
||||
.flag-sd { background-position: -160px -132px }
|
||||
.flag-se { background-position: -176px -132px }
|
||||
.flag-sg { background-position: -192px -132px }
|
||||
.flag-sh { background-position: -208px -132px }
|
||||
.flag-si { background-position: -224px -132px }
|
||||
.flag-sj { background-position: -240px -132px }
|
||||
.flag-sk { background-position: 0 -143px }
|
||||
.flag-sl { background-position: -16px -143px }
|
||||
.flag-sm { background-position: -32px -143px }
|
||||
.flag-sn { background-position: -48px -143px }
|
||||
.flag-so { background-position: -64px -143px }
|
||||
.flag-sr { background-position: -80px -143px }
|
||||
.flag-ss { background-position: -96px -143px }
|
||||
.flag-st { background-position: -112px -143px }
|
||||
.flag-sv { background-position: -128px -143px }
|
||||
.flag-sx { background-position: -144px -143px }
|
||||
.flag-sy { background-position: -160px -143px }
|
||||
.flag-sz { background-position: -176px -143px }
|
||||
.flag-tc { background-position: -192px -143px }
|
||||
.flag-td { background-position: -208px -143px }
|
||||
.flag-tf { background-position: -224px -143px }
|
||||
.flag-tg { background-position: -240px -143px }
|
||||
.flag-th { background-position: 0 -154px }
|
||||
.flag-tj { background-position: -16px -154px }
|
||||
.flag-tk { background-position: -32px -154px }
|
||||
.flag-tl { background-position: -48px -154px }
|
||||
.flag-tm { background-position: -64px -154px }
|
||||
.flag-tn { background-position: -80px -154px }
|
||||
.flag-to { background-position: -96px -154px }
|
||||
.flag-tr { background-position: -112px -154px }
|
||||
.flag-tt { background-position: -128px -154px }
|
||||
.flag-tv { background-position: -144px -154px }
|
||||
.flag-tw { background-position: -160px -154px }
|
||||
.flag-tz { background-position: -176px -154px }
|
||||
.flag-ua { background-position: -192px -154px }
|
||||
.flag-ug { background-position: -208px -154px }
|
||||
.flag-um { background-position: -224px -154px }
|
||||
.flag-us { background-position: -240px -154px }
|
||||
.flag-uy { background-position: 0 -165px }
|
||||
.flag-uz { background-position: -16px -165px }
|
||||
.flag-va { background-position: -32px -165px }
|
||||
.flag-vc { background-position: -48px -165px }
|
||||
.flag-ve { background-position: -64px -165px }
|
||||
.flag-vg { background-position: -80px -165px }
|
||||
.flag-vi { background-position: -96px -165px }
|
||||
.flag-vn { background-position: -112px -165px }
|
||||
.flag-vu { background-position: -128px -165px }
|
||||
.flag-xw { background-position: -144px -165px }
|
||||
.flag-wf { background-position: -160px -165px }
|
||||
.flag-ws { background-position: -176px -165px }
|
||||
.flag-xk { background-position: -192px -165px }
|
||||
.flag-xx { background-position: -208px -165px }
|
||||
.flag-ye { background-position: -224px -165px }
|
||||
.flag-yt { background-position: -240px -165px }
|
||||
.flag-za { background-position: 0 -176px }
|
||||
.flag-zm { background-position: -16px -176px }
|
||||
.flag-zw { background-position: -32px -176px }
|
||||
320
css/futaba.css
Normal file
320
css/futaba.css
Normal file
|
|
@ -0,0 +1,320 @@
|
|||
body {
|
||||
font-size: 12pt;
|
||||
background: #FFFFEE;
|
||||
color: #800000;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
center iframe {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
background: inherit;
|
||||
color: #0000EE;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #DD0000;
|
||||
background: inherit;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
a.quotelink {
|
||||
background: inherit;
|
||||
color: #000080;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.logo {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
background: inherit;
|
||||
font-size: 24pt;
|
||||
color: #800000;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.postarea {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.rules {
|
||||
width: 468px;
|
||||
font-size: 10px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.rules a, .rules a:visited, .rules a:link {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.rules li {
|
||||
margin-left: 1em;
|
||||
text-indent: -1em;
|
||||
}
|
||||
|
||||
.postblock {
|
||||
background: #EEAA88;
|
||||
color: #800000;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.unkfunc {
|
||||
color: #789922;
|
||||
}
|
||||
|
||||
.filesize {
|
||||
font-size: 16px;
|
||||
font-family: serif;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.filesize span, span.postername, span.filetitle, span.commentpostername {
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
|
||||
.filetitle, .replytitle {
|
||||
background: inherit;
|
||||
font-size: 18px;
|
||||
font-family: serif;
|
||||
color: #CC1105;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postername, .commentpostername {
|
||||
background: inherit;
|
||||
font-size: 16px;
|
||||
font-family: serif;
|
||||
color: #117743;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postertrip {
|
||||
background: inherit;
|
||||
font-size: 16px;
|
||||
font-family: serif;
|
||||
color: #228854;
|
||||
}
|
||||
|
||||
.oldpost {
|
||||
background: inherit;
|
||||
font-family: serif;
|
||||
color: #f00000;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.omittedposts, .abbr {
|
||||
background: inherit;
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.reply {
|
||||
background: #F0E0D6;
|
||||
color: #800000;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.replyhl {
|
||||
background: #F0C0B0;
|
||||
color: #800000;
|
||||
font-family: serif;
|
||||
}
|
||||
|
||||
.doubledash {
|
||||
vertical-align: top;
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.quotejs:active, a.quotejs:link, a.quotejs:visited {
|
||||
color: #800000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.quotejs:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tn_thread {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eed;
|
||||
border: #ea8 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tn_reply {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eed;
|
||||
border: #ea8 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.adHeadline {
|
||||
font: bold 10pt serif;
|
||||
text-decoration: underline;
|
||||
color: #00e
|
||||
}
|
||||
|
||||
.adText {
|
||||
font: normal 10pt serif;
|
||||
text-decoration: none;
|
||||
color: #800
|
||||
}
|
||||
|
||||
#ad {
|
||||
width: 120px;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
position: absolute;
|
||||
right: 150px;
|
||||
|
||||
border: 1px solid #EEAA88;
|
||||
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#ad div {
|
||||
margin: 0;
|
||||
padding: 0.4em;
|
||||
|
||||
}
|
||||
|
||||
#ad div.ad-title {
|
||||
padding: 0em;
|
||||
background: #EEAA88;
|
||||
color: #800000;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#ad div.ad-title a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
#ad div.ad-text {
|
||||
}
|
||||
|
||||
#ad div.ad-text a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#ad div.ad-text a:visited {
|
||||
}
|
||||
|
||||
.bottomAdTitle {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
background: #EEAA88;
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
#bottomAd {
|
||||
height: 52px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#bottomAdOuter {
|
||||
width: 600px;
|
||||
border: 1px solid #EEAA88;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.spoiler a.quotelink, .spoiler .unkfunc {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.exif {
|
||||
display: none;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td b {
|
||||
font-weight: 800;
|
||||
text-decoration: underline;
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
* html #header {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navtop, #navbot {
|
||||
left: 0px;
|
||||
float: left;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
#navtopr, #navbotr {
|
||||
right: 0px;
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 11pt;
|
||||
}
|
||||
|
||||
#footer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.fstitle {
|
||||
float: left;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.recaptchatable {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.recaptcha_image_cell {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#recaptcha_response_field {
|
||||
border: 1px solid #AAA !important;
|
||||
}
|
||||
|
||||
#recaptcha_div {
|
||||
height: 107px;
|
||||
width: 442px;
|
||||
}
|
||||
|
||||
#recaptcha_challenge_field {
|
||||
width: 400px
|
||||
}
|
||||
1676
css/futabanew.css
Normal file
1676
css/futabanew.css
Normal file
File diff suppressed because it is too large
Load diff
1400
css/janichan.css
Normal file
1400
css/janichan.css
Normal file
File diff suppressed because it is too large
Load diff
435
css/md2016.css
Normal file
435
css/md2016.css
Normal file
|
|
@ -0,0 +1,435 @@
|
|||
body {
|
||||
background: #eee;
|
||||
color: #000;
|
||||
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.board {
|
||||
background: #e5e5e5;
|
||||
border-top: 1px solid #ccc;
|
||||
margin-bottom: 50px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
.is_index .board {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited,
|
||||
.quoteLink,
|
||||
.quotelink,
|
||||
.deadlink,
|
||||
div#boardNavMobile .pageJump a,
|
||||
.persistentNav .pageJump a,
|
||||
.summary a.replylink,
|
||||
div.post div.postInfo span.postNum a:visited,
|
||||
div.post div.postInfo span.postNum a.replylink {
|
||||
color: rgb(83,109,254) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.quoteLink:hover,
|
||||
.quotelink:hover,
|
||||
.deadlink:hover,
|
||||
.summary a.replylink:hover,
|
||||
.persistentNav .pageJump a:hover,
|
||||
div#boardNavMobile .pageJump a:hover,
|
||||
div.post div.postInfo span.postNum a:hover,
|
||||
.posteruid .hand:hover {
|
||||
color: rgb(83,109,254) !important;
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
.postInfo a.postMenuBtn,
|
||||
.postInfo a.postMenuBtn:hover {
|
||||
color: rgb(83,109,254) !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
div.postContainer {
|
||||
display: block;
|
||||
width: 80%;
|
||||
margin: 15px auto 0 auto;
|
||||
}
|
||||
|
||||
.thread {
|
||||
margin-top: 30px !important;
|
||||
padding-top: 15px;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.thread:first-child {
|
||||
padding-top: 0;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.md-plus-btn {
|
||||
border-radius: 50%;
|
||||
font-size: 24px;
|
||||
height: 56px;
|
||||
margin: auto;
|
||||
min-width: 56px;
|
||||
width: 56px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
|
||||
position: relative;
|
||||
line-height: normal;
|
||||
position: fixed;
|
||||
right: 25px;
|
||||
bottom: 25px;
|
||||
}
|
||||
|
||||
div.boardBanner > div.boardTitle {
|
||||
margin-top: 40px;
|
||||
font-size: 36px;
|
||||
color: #676767;
|
||||
margin-bottom: 40px;
|
||||
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
|
||||
font-weight: normal;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder { color: rgba(0,0,0,.35) }
|
||||
::-webkit-input-placeholder { color: rgba(0,0,0,.35) }
|
||||
:-moz-placeholder { color: rgba(0,0,0,.35) }
|
||||
::-moz-placeholder { color: rgba(0,0,0,.35) }
|
||||
|
||||
#togglePostFormLink,
|
||||
.ad-plea,
|
||||
#blotter tfoot td,
|
||||
#ctrl-top,
|
||||
div.post div.postInfo span.postNum,
|
||||
div.pagelist div.pages {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
table.postForm > tbody > tr > td:first-child,
|
||||
.thread-stats {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.postInfo .backlink a.quotelink,
|
||||
.postInfo .backlink a.quotelink:hover {
|
||||
color: rgb(83,109,254) !important;
|
||||
}
|
||||
|
||||
.ws input[type="text"], .nws input[type="text"] {
|
||||
border: none !important;
|
||||
border-bottom: 1px solid rgba(0,0,0,.12) !important;
|
||||
font-size: 14px !important;
|
||||
font-family: "Helvetica","Arial",sans-serif;
|
||||
padding: 4px !important;
|
||||
-webkit-transition: border-bottom-color 0.2s;
|
||||
transition: border-bottom-color 0.2s;
|
||||
}
|
||||
|
||||
.ws input[type="text"]:focus, .ws #quickReply input[type="submit"]:focus {
|
||||
border-bottom: 1px solid rgb(83,109,254) !important;
|
||||
}
|
||||
|
||||
.nws input[type="text"]:focus, .nws #quickReply input[type="submit"]:focus {
|
||||
border-bottom: 1px solid rgb(244,67,54) !important;
|
||||
}
|
||||
|
||||
.tomorrow .extPanel,
|
||||
.recaptcha_input_area #recaptcha_response_field {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.ws input[type="submit"], .nws input[type="submit"], button {
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
height: 28px;
|
||||
min-width: 64px;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
background: rgb(83,109,254);
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
|
||||
line-height: 28px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.nws input[type="submit"], .nws button {
|
||||
background: rgb(244,67,54)
|
||||
}
|
||||
|
||||
#qrCaptchaContainerAlt {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#postForm input[type="text"] {
|
||||
margin: 4px 0;
|
||||
}
|
||||
|
||||
#postForm td:first-child {
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.ws textarea, .nws textarea { border: 0 !important }
|
||||
.ws textarea:focus, .nws textarea:focus { border: 0 !important }
|
||||
|
||||
table#postForm td {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#toggleMsgBtn {
|
||||
margin-left: 5px !important;
|
||||
}
|
||||
|
||||
.rules {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#qrHeader {
|
||||
background: #676767 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#qrHeader a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#search-box {
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
padding: inherit;
|
||||
}
|
||||
|
||||
#ctrl-top {
|
||||
padding-bottom: 10px;
|
||||
border-top: 1px solid #ddd;
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reply:target, .reply.highlight {
|
||||
background: #eee !important;
|
||||
padding: 10px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.navLinks + hr,
|
||||
.open-qr-wrap,
|
||||
.board hr,
|
||||
#bannerCnt,
|
||||
#ctrl-top + hr,
|
||||
#ctrl-top > hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navLinks {
|
||||
padding-bottom: 8px;
|
||||
color: transparent;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.navLinks label {
|
||||
color: rgb(83,109,254);
|
||||
}
|
||||
|
||||
.navLinks label + span {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.navLinksBot {
|
||||
margin-top: 30px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
div#boardNavDesktop, div#boardNavDesktopFoot, div#boardNavMobile {
|
||||
background: #fff;
|
||||
padding: 5px 10px;
|
||||
box-shadow: 0 2px 2px 0 rgba(0,0,0,.08),0 3px 1px -2px rgba(0,0,0,.06),0 1px 5px 0 rgba(0,0,0,.04);
|
||||
margin-bottom: 25px;
|
||||
color: transparent;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
div#boardNavMobile {
|
||||
color: #000;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div#boardNavDesktopFoot {
|
||||
margin-bottom: 0;
|
||||
margin-top: 25px;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
|
||||
div#boardNavDesktop a, div#boardNavDesktopFoot a {
|
||||
margin-left: -3px;
|
||||
margin-right: -3px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.persistentNav .pageJump a {
|
||||
margin: 0;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
div.pagelist {
|
||||
background: #fff;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 25px;
|
||||
border: 0;
|
||||
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
|
||||
margin-left: 25px;
|
||||
padding: 8px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
div#absbot {
|
||||
background: #fff;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
div#absbot #footer-links a {
|
||||
text-decoration: none !important;
|
||||
color: rgb(83,109,254) !important;
|
||||
}
|
||||
|
||||
div#absbot #footer-links a:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
.bottomCtrl { display: none }
|
||||
|
||||
.ad-plea-bottom + hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div#boardNavDesktopFoot {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.post, .extPanel, div.reply, .dd-menu ul {
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
|
||||
border: none;
|
||||
}
|
||||
|
||||
div.pagelist div.cataloglink {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div.post {
|
||||
max-width: 75%;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.dd-menu li {
|
||||
padding: 6px 10px !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.dd-menu li:hover {
|
||||
background-color: #eee !important;
|
||||
}
|
||||
|
||||
#quote-preview {
|
||||
border: 0 !important;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
div.op {
|
||||
display: block;
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.fileText {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.op .fileText {
|
||||
margin-top: -5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.fileText a {
|
||||
color: #999 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.posteruid,
|
||||
.dateTime {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.postInfo input[type="checkbox"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.sideArrows { display: none; }
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
div.post:after {
|
||||
display: block;
|
||||
content: ' ';
|
||||
clear: both;
|
||||
}
|
||||
|
||||
div.post div.file .fileThumb img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
div.reply div.file .fileThumb img:not(.expanded-thumb) {
|
||||
border-radius: 75px;
|
||||
width: 75px !important;
|
||||
height: 75px !important;
|
||||
}
|
||||
|
||||
div.op div.file .fileThumb img:not(.expanded-thumb) {
|
||||
border-radius: 150px;
|
||||
width: 150px !important;
|
||||
height: 150px !important;
|
||||
}
|
||||
|
||||
.postMessage {
|
||||
margin-left: 20px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#boardNavDesktop::after {
|
||||
content: ' ';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
span.summary {
|
||||
border-radius: 0 0 2px 2px;
|
||||
background-color: #f5f5f5;
|
||||
width: 80%;
|
||||
display: block;
|
||||
margin: -1px auto 0 auto;
|
||||
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
|
||||
border-top: 1px solid rgba(0,0,0,0.1);
|
||||
text-indent: 10px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
1706
css/photon.css
Normal file
1706
css/photon.css
Normal file
File diff suppressed because it is too large
Load diff
1821
css/spooky.css
Normal file
1821
css/spooky.css
Normal file
File diff suppressed because it is too large
Load diff
1744
css/spooky2017.css
Normal file
1744
css/spooky2017.css
Normal file
File diff suppressed because it is too large
Load diff
666
css/tegaki-test.css
Normal file
666
css/tegaki-test.css
Normal file
|
|
@ -0,0 +1,666 @@
|
|||
/*! Contains fonts from Font Awesome (Copyright (C) 2016 by Dave Gandy), Entypo (Copyright (C) 2012 by Daniel Bruce) */
|
||||
@font-face {
|
||||
font-family: 'tegaki';
|
||||
src: url('data:application/octet-stream;base64,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') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.tegaki-icon:before {
|
||||
font-family: 'tegaki';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.tegaki-cancel:before { content: '\e800'; } /* '' */
|
||||
.tegaki-plus:before { content: '\e801'; } /* '' */
|
||||
.tegaki-minus:before { content: '\e802'; } /* '' */
|
||||
.tegaki-pen:before { content: '\e803'; } /* '' */
|
||||
.tegaki-down-open:before { content: '\e804'; } /* '' */
|
||||
.tegaki-up-open:before { content: '\e805'; } /* '' */
|
||||
.tegaki-level-down:before { content: '\e806'; } /* '' */
|
||||
.tegaki-pencil:before { content: '\e807'; } /* '' */
|
||||
.tegaki-play:before { content: '\e808'; } /* '' */
|
||||
.tegaki-bucket:before { content: '\e809'; } /* '' */
|
||||
.tegaki-pause:before { content: '\e80a'; } /* '' */
|
||||
.tegaki-blur:before { content: '\e80b'; } /* '' */
|
||||
.tegaki-to-start:before { content: '\e80c'; } /* '' */
|
||||
.tegaki-watercolor:before { content: '\e80d'; } /* '' */
|
||||
.tegaki-tone:before { content: '\e80e'; } /* '' */
|
||||
.tegaki-airbrush:before { content: '\e80f'; } /* '' */
|
||||
.tegaki-fast-fw:before { content: '\e810'; } /* '' */
|
||||
.tegaki-fast-bw:before { content: '\e811'; } /* '' */
|
||||
.tegaki-left-open:before { content: '\e812'; } /* '' */
|
||||
.tegaki-right-open:before { content: '\e813'; } /* '' */
|
||||
.tegaki-eraser:before { content: '\f12d'; } /* '' */
|
||||
.tegaki-pipette:before { content: '\f1fb'; } /* '' */
|
||||
|
||||
.tegaki-disabled,
|
||||
.tegaki-disabled::after,
|
||||
.tegaki-disabled::before {
|
||||
opacity: 0.35;
|
||||
}
|
||||
|
||||
.tegaki-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tegaki-invis {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.tegaki-replay-mode #tegaki-tools-cnt,
|
||||
.tegaki-replay-mode #tegaki-toolmode-bar,
|
||||
.tegaki-replay-mode .tegaki-ctrlgrp,
|
||||
.tegaki-replay-mode .tegaki-layers-cell,
|
||||
.tegaki-replay-mode #tegaki-layers-ctrl {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.tegaki-replay-mode #tegaki-ctrlgrp-zoom,
|
||||
.tegaki-replay-mode #tegaki-ctrlgrp-layers {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
#tegaki {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #a3b1bf;
|
||||
color: #222;
|
||||
font-family: arial, sans-serif;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
display: grid;
|
||||
grid-template-columns: 40px 1fr 160px;
|
||||
grid-template-rows: 24px 1fr 18px;
|
||||
grid-gap: 2px;
|
||||
}
|
||||
|
||||
#tegaki input {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#tegaki > div {
|
||||
background-color: #8d99a6;
|
||||
}
|
||||
|
||||
#tegaki-menu-cnt {
|
||||
grid-area: 1 / 1 / 2 / 4;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-tools-cnt {
|
||||
grid-area: 2 / 1 / 4 / 2;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#tegaki-canvas-cnt {
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
#tegaki-ctrl-cnt {
|
||||
grid-area: 2 / 3 / 4 / 4;
|
||||
padding: 6px;
|
||||
overflow: hidden auto;
|
||||
}
|
||||
|
||||
#tegaki-status-cnt {
|
||||
grid-area: 3 / 2 / 4 / 3;
|
||||
line-height: 18px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-status-cnt > div {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
#tegaki-status-replay {
|
||||
color: #a61930;
|
||||
}
|
||||
|
||||
#tegaki-status-output {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#tegaki-status-version {
|
||||
color: #a3b1bf;
|
||||
font-size: 11px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#tegaki-menu-bar {
|
||||
font-size: 12px;
|
||||
padding-left: 4px;
|
||||
padding-right: 18px;
|
||||
border-right: 2px solid #a3b1bf;
|
||||
}
|
||||
|
||||
.tegaki-replay-mode #tegaki-menu-bar {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.tegaki-menu-lbl {
|
||||
margin: 0 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#tegaki-replay-controls {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
border-right: 2px solid #a3b1bf;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#tegaki-replay-timeline {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 24px;
|
||||
margin: 0 4px;
|
||||
border-left: 1px solid #a3b1bf;
|
||||
border-right: 1px solid #a3b1bf;
|
||||
/*background-color: rgba(0, 0, 0, 0.25);*/
|
||||
}
|
||||
|
||||
#tegaki-replay-timeline-fill {
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 100%;
|
||||
background-color: #a3b1bf;
|
||||
}
|
||||
|
||||
#tegaki-replay-controls > span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#tegaki-replay-controls .tegaki-ui-cb-w {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#tegaki-replay-speed-lbl {
|
||||
width: 24px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#tegaki-replay-speed-lbl::before {
|
||||
content: '×';
|
||||
}
|
||||
|
||||
#tegaki-replay-now-lbl,
|
||||
#tegaki-replay-end-lbl {
|
||||
display: inline-block;
|
||||
max-width: 50px;
|
||||
min-width: 30px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
#tegaki-toolmode-bar {
|
||||
font-size: 11px;
|
||||
margin-left: 4px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.tegaki-toolmode-lbl {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.tegaki-toolmode-lbl::after {
|
||||
content: ':';
|
||||
}
|
||||
|
||||
.tegaki-toolmode-grp {
|
||||
border-left: 1px solid #a3b1bf;
|
||||
padding: 0 18px;
|
||||
}
|
||||
|
||||
#tegaki canvas {
|
||||
image-rendering: optimizeSpeed;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
image-rendering: pixelated;
|
||||
-ms-interpolation-mode: nearest-neighbor;
|
||||
}
|
||||
|
||||
#tegaki .tegaki-smooth-layers #tegaki-cursor-layer {
|
||||
image-rendering: auto;
|
||||
}
|
||||
|
||||
.tegaki-tool-active {
|
||||
color: #f2f3f4;
|
||||
}
|
||||
|
||||
.tegaki-tool-btn {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.tegaki-tool-btn:hover {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.tegaki-tool-btn:before {
|
||||
font-size: 20px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.tegaki-mb-btn {
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
word-spacing: -1px;
|
||||
position: relative;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.tegaki-mb-btn:hover:not(.tegaki-disabled),
|
||||
.tegaki-ui-btn:hover:not(.tegaki-disabled) {
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
.tegaki-sw-btn {
|
||||
display: inline;
|
||||
padding: 2px 6px;
|
||||
margin: 0 2px;
|
||||
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px -1px 0 rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.tegaki-sw-btn:hover:not(.tegaki-sw-btn-a) {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.tegaki-sw-btn-a {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
#tegaki-toolmode-bar .tegaki-mb-btn-a {
|
||||
color: inherit;
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
#tegaki-toolmode-bar .tegaki-mb-btn.tegaki-mb-btn-a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#tegaki-debug {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#tegaki-debug canvas {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
display: block;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.tegaki-backdrop {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tegaki-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tegaki-strike {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
#tegaki-layers {
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
|
||||
contain: content;
|
||||
}
|
||||
|
||||
#tegaki-layers canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#tegaki-layers:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#tegaki-layers-wrap {
|
||||
margin: auto;
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
#tegaki-layers canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#tegaki-finish-btn {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* generic ui */
|
||||
.tegaki-alpha-bg,
|
||||
.tegaki-alpha-bg-xs {
|
||||
background-color: #fefefe;
|
||||
background-image:
|
||||
linear-gradient(45deg, #cacaca 25%, transparent 25%, transparent 75%, #cacaca 75%, #cacaca),
|
||||
linear-gradient(45deg, #cacaca 25%, transparent 25%, transparent 75%, #cacaca 75%, #cacaca);
|
||||
}
|
||||
|
||||
.tegaki-alpha-bg {
|
||||
background-size: 16px 16px;
|
||||
background-position: 0 0, 8px 8px;
|
||||
}
|
||||
|
||||
.tegaki-alpha-bg-xs {
|
||||
background-size: 6px 6px;
|
||||
background-position: 0 0, 3px 3px;
|
||||
}
|
||||
|
||||
.tegaki-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: 1px solid #222;
|
||||
cursor: default;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb::after,
|
||||
.tegaki-ui-cb-a::after {
|
||||
display: block;
|
||||
content: ' ';
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin-top: 2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb-a::after {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb-w:hover .tegaki-ui-cb::after,
|
||||
.tegaki-ui-cb:hover::after {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.tegaki-ui-ellipsis::after {
|
||||
content: '...';
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.tegaki-ui-borderless {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tegaki-ui-btn {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tegaki-ui-btn:before {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tegaki-stealth-input {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tegaki-stealth-input:hover:not(.tegaki-disabled) {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.tegaki-range-lbl,
|
||||
.tegaki-range-lbl-xs {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tegaki-range-lbl {
|
||||
width: 28px;
|
||||
font-size: 12px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.tegaki-range-lbl-xs {
|
||||
width: 20px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.tegaki-label-xs {
|
||||
font-size: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tegaki-lbl-c::after {
|
||||
content: ':';
|
||||
}
|
||||
|
||||
.tegaki-lbl-p::after {
|
||||
content: '%';
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.tegaki-drag-lbl:not(.tegaki-disabled) {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.tegaki-disabled .tegaki-drag-lbl {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
/* control groups */
|
||||
.tegaki-ctrlgrp {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tegaki-ctrlgrp:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tegaki-ctrlgrp-title {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 6px;
|
||||
background-color: #a3b1bf;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
|
||||
.tegaki-ctrlrow {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.tegaki-ctrlrow:not(:last-child) {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.tegaki-ctrl-range {
|
||||
width: calc(100% - 34px);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
/* zoom ctrl group */
|
||||
#tegaki-zoom-lbl {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* color ctrl group */
|
||||
#tegaki-color-ctrl {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-palette-switcher {
|
||||
align-self: center;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.tegaki-color-grid {
|
||||
display: grid;
|
||||
grid-gap: 4px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.tegaki-color-grid-20 {
|
||||
grid-template-columns: repeat(auto-fill, 20px);
|
||||
grid-auto-rows: 20px;
|
||||
}
|
||||
|
||||
.tegaki-color-grid-15 {
|
||||
grid-template-columns: repeat(auto-fill, 15px);
|
||||
grid-auto-rows: 15px;
|
||||
}
|
||||
|
||||
.tegaki-color-btn {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
#tegaki-color,
|
||||
#tegaki-colorpicker {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
display: block;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
/* layers ctrl group */
|
||||
#tegaki-ctrlgrp-layers {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#tegaki-layers-opts {
|
||||
height: 18px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-layer-alpha-cell {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#tegaki-layers-ctrl {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#tegaki-layers-grid {
|
||||
height: 84px;
|
||||
min-height: 84px;
|
||||
overflow: auto;
|
||||
background-color: #8d99a6;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #a3b1bf;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell {
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 1px 0 0px #a3b1bf;
|
||||
padding: 0;
|
||||
height: 28px;
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-s,
|
||||
.tegaki-layers-cell-a {
|
||||
background-color: #a3b1bf7f;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-v {
|
||||
margin: 0 6px 0 4px;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-v .tegaki-ui-cb {
|
||||
vertical-align: unset;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-p {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-p canvas {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-s .tegaki-layers-cell-p canvas {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 1.0);
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-n {
|
||||
font-size: 11px;
|
||||
margin-right: 1px;
|
||||
min-width: 20px;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-d {
|
||||
box-shadow: inset 0 -2px 0 0 #000;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#tegaki-layers-grid.tegaki-layers-cell-d {
|
||||
box-shadow: 0 -2px 0 0px #000;
|
||||
}
|
||||
|
||||
#tegaki-layers-cell-dx {
|
||||
position: absolute;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
margin-top: -32px;
|
||||
}
|
||||
|
||||
670
css/tegaki.css
Normal file
670
css/tegaki.css
Normal file
|
|
@ -0,0 +1,670 @@
|
|||
/*! Contains fonts from Font Awesome (Copyright (C) 2016 by Dave Gandy), Entypo (Copyright (C) 2012 by Daniel Bruce) */
|
||||
@font-face {
|
||||
font-family: 'tegaki';
|
||||
src: url('data:application/octet-stream;base64,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') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.tegaki-icon:before {
|
||||
font-family: 'tegaki';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.tegaki-cancel:before { content: '\e800'; } /* '' */
|
||||
.tegaki-plus:before { content: '\e801'; } /* '' */
|
||||
.tegaki-minus:before { content: '\e802'; } /* '' */
|
||||
.tegaki-pen:before { content: '\e803'; } /* '' */
|
||||
.tegaki-down-open:before { content: '\e804'; } /* '' */
|
||||
.tegaki-up-open:before { content: '\e805'; } /* '' */
|
||||
.tegaki-level-down:before { content: '\e806'; } /* '' */
|
||||
.tegaki-pencil:before { content: '\e807'; } /* '' */
|
||||
.tegaki-play:before { content: '\e808'; } /* '' */
|
||||
.tegaki-bucket:before { content: '\e809'; } /* '' */
|
||||
.tegaki-pause:before { content: '\e80a'; } /* '' */
|
||||
.tegaki-blur:before { content: '\e80b'; } /* '' */
|
||||
.tegaki-to-start:before { content: '\e80c'; } /* '' */
|
||||
.tegaki-watercolor:before { content: '\e80d'; } /* '' */
|
||||
.tegaki-tone:before { content: '\e80e'; } /* '' */
|
||||
.tegaki-airbrush:before { content: '\e80f'; } /* '' */
|
||||
.tegaki-fast-fw:before { content: '\e810'; } /* '' */
|
||||
.tegaki-fast-bw:before { content: '\e811'; } /* '' */
|
||||
.tegaki-left-open:before { content: '\e812'; } /* '' */
|
||||
.tegaki-right-open:before { content: '\e813'; } /* '' */
|
||||
.tegaki-eraser:before { content: '\f12d'; } /* '' */
|
||||
.tegaki-pipette:before { content: '\f1fb'; } /* '' */
|
||||
|
||||
.tegaki-disabled,
|
||||
.tegaki-disabled::after,
|
||||
.tegaki-disabled::before {
|
||||
opacity: 0.45;
|
||||
}
|
||||
|
||||
.tegaki-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tegaki-invis {
|
||||
visibility: hidden !important;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
}
|
||||
|
||||
.tegaki-replay-mode #tegaki-tools-cnt,
|
||||
.tegaki-replay-mode #tegaki-toolmode-bar,
|
||||
.tegaki-replay-mode .tegaki-ctrlgrp,
|
||||
.tegaki-replay-mode .tegaki-layers-cell,
|
||||
.tegaki-replay-mode #tegaki-layers-ctrl {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.tegaki-replay-mode #tegaki-ctrlgrp-zoom,
|
||||
.tegaki-replay-mode #tegaki-ctrlgrp-layers {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
#tegaki {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #a3b1bf;
|
||||
color: #222;
|
||||
font-family: arial, sans-serif;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
z-index: 9999;
|
||||
display: grid;
|
||||
grid-template-columns: 40px 1fr 160px;
|
||||
grid-template-rows: 24px 1fr 18px;
|
||||
grid-gap: 2px;
|
||||
}
|
||||
|
||||
#tegaki input {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#tegaki > div {
|
||||
background-color: #8d99a6;
|
||||
}
|
||||
|
||||
#tegaki-menu-cnt {
|
||||
grid-area: 1 / 1 / 2 / 4;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-tools-cnt {
|
||||
grid-area: 2 / 1 / 4 / 2;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
#tegaki-canvas-cnt {
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-ctrl-cnt {
|
||||
grid-area: 2 / 3 / 4 / 4;
|
||||
padding: 6px;
|
||||
overflow: hidden auto;
|
||||
}
|
||||
|
||||
#tegaki-status-cnt {
|
||||
grid-area: 3 / 2 / 4 / 3;
|
||||
line-height: 18px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-status-cnt > div {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
#tegaki-status-replay {
|
||||
color: #a61930;
|
||||
}
|
||||
|
||||
#tegaki-status-output {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#tegaki-status-version {
|
||||
color: #adbdcc;
|
||||
font-size: 11px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#tegaki-menu-bar {
|
||||
font-size: 12px;
|
||||
padding-left: 4px;
|
||||
padding-right: 18px;
|
||||
border-right: 2px solid #a3b1bf;
|
||||
}
|
||||
|
||||
.tegaki-replay-mode #tegaki-menu-bar {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.tegaki-menu-lbl {
|
||||
margin: 0 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#tegaki-replay-controls {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
border-right: 2px solid #a3b1bf;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#tegaki-replay-timeline {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 24px;
|
||||
margin: 0 4px;
|
||||
border-left: 1px solid #a3b1bf;
|
||||
border-right: 1px solid #a3b1bf;
|
||||
/*background-color: rgba(0, 0, 0, 0.25);*/
|
||||
}
|
||||
|
||||
#tegaki-replay-timeline-fill {
|
||||
display: inline-block;
|
||||
width: 36px;
|
||||
height: 100%;
|
||||
background-color: #a3b1bf;
|
||||
}
|
||||
|
||||
#tegaki-replay-controls > span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#tegaki-replay-controls .tegaki-ui-cb-w {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#tegaki-replay-speed-lbl {
|
||||
width: 28px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#tegaki-replay-speed-lbl::before {
|
||||
content: '×';
|
||||
}
|
||||
|
||||
#tegaki-replay-now-lbl,
|
||||
#tegaki-replay-end-lbl {
|
||||
display: inline-block;
|
||||
max-width: 50px;
|
||||
min-width: 30px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
#tegaki-toolmode-bar {
|
||||
font-size: 11px;
|
||||
margin-left: 4px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.tegaki-toolmode-lbl {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.tegaki-toolmode-lbl::after {
|
||||
content: ':';
|
||||
}
|
||||
|
||||
.tegaki-toolmode-grp {
|
||||
border-left: 1px solid #a3b1bf;
|
||||
padding: 0 18px;
|
||||
}
|
||||
|
||||
#tegaki canvas {
|
||||
image-rendering: optimizeSpeed;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
image-rendering: pixelated;
|
||||
-ms-interpolation-mode: nearest-neighbor;
|
||||
}
|
||||
|
||||
.tegaki-tool-active {
|
||||
color: #f2f3f4;
|
||||
}
|
||||
|
||||
.tegaki-tool-btn {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.tegaki-tool-btn:hover {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.tegaki-tool-btn:before {
|
||||
font-size: 20px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.tegaki-mb-btn {
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
word-spacing: -1px;
|
||||
position: relative;
|
||||
line-height: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.tegaki-mb-btn:hover:not(.tegaki-disabled),
|
||||
.tegaki-ui-btn:hover:not(.tegaki-disabled) {
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
.tegaki-sw-btn {
|
||||
display: inline;
|
||||
padding: 2px 6px;
|
||||
margin: 0 2px;
|
||||
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15), -1px -1px 0 rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
.tegaki-sw-btn:hover:not(.tegaki-sw-btn-a) {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.tegaki-sw-btn-a {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15), 1px 1px 0 rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
#tegaki-toolmode-bar .tegaki-mb-btn-a {
|
||||
color: inherit;
|
||||
background-color: rgba(0, 0, 0, 0.10);
|
||||
}
|
||||
|
||||
#tegaki-toolmode-bar .tegaki-mb-btn.tegaki-mb-btn-a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#tegaki-debug {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#tegaki-debug canvas {
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
display: block;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.tegaki-backdrop {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tegaki-hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.tegaki-strike {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
#tegaki-layers {
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.25);
|
||||
contain: content;
|
||||
}
|
||||
|
||||
#tegaki-layers canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#tegaki-layers:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#tegaki-layers-wrap {
|
||||
margin: auto;
|
||||
padding: 50px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#tegaki-layers canvas {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#tegaki-finish-btn {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#tegaki-cursor-layer {
|
||||
position: absolute;
|
||||
mix-blend-mode: difference;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
/* generic ui */
|
||||
.tegaki-alpha-bg,
|
||||
.tegaki-alpha-bg-xs {
|
||||
background-color: #fefefe;
|
||||
background-image:
|
||||
linear-gradient(45deg, #cacaca 25%, transparent 25%, transparent 75%, #cacaca 75%, #cacaca),
|
||||
linear-gradient(45deg, #cacaca 25%, transparent 25%, transparent 75%, #cacaca 75%, #cacaca);
|
||||
}
|
||||
|
||||
.tegaki-alpha-bg {
|
||||
background-size: 16px 16px;
|
||||
background-position: 0 0, 8px 8px;
|
||||
}
|
||||
|
||||
.tegaki-alpha-bg-xs {
|
||||
background-size: 6px 6px;
|
||||
background-position: 0 0, 3px 3px;
|
||||
}
|
||||
|
||||
.tegaki-ellipsis {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: 1px solid #222;
|
||||
cursor: default;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb::after,
|
||||
.tegaki-ui-cb-a::after {
|
||||
display: block;
|
||||
content: ' ';
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
margin-top: 2px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb-a::after {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.tegaki-ui-cb-w:hover .tegaki-ui-cb::after,
|
||||
.tegaki-ui-cb:hover::after {
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.tegaki-ui-ellipsis::after {
|
||||
content: '...';
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.tegaki-ui-borderless {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tegaki-ui-btn {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tegaki-ui-btn:before {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.tegaki-stealth-input {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.tegaki-stealth-input:hover:not(.tegaki-disabled) {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.tegaki-range-lbl,
|
||||
.tegaki-range-lbl-xs {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tegaki-range-lbl {
|
||||
width: 28px;
|
||||
font-size: 12px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.tegaki-range-lbl-xs {
|
||||
width: 20px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.tegaki-label-xs {
|
||||
font-size: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tegaki-lbl-c::after {
|
||||
content: ':';
|
||||
}
|
||||
|
||||
.tegaki-lbl-p::after {
|
||||
content: '%';
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.tegaki-drag-lbl:not(.tegaki-disabled) {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.tegaki-disabled .tegaki-drag-lbl {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
/* control groups */
|
||||
.tegaki-ctrlgrp {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tegaki-ctrlgrp:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.tegaki-ctrlgrp-title {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 6px;
|
||||
background-color: #a3b1bf;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
|
||||
.tegaki-ctrlrow {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.tegaki-ctrlrow:not(:last-child) {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.tegaki-ctrl-range {
|
||||
width: calc(100% - 34px);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
/* zoom ctrl group */
|
||||
#tegaki-zoom-lbl {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* color ctrl group */
|
||||
#tegaki-color-ctrl {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-palette-switcher {
|
||||
align-self: center;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.tegaki-color-grid {
|
||||
display: grid;
|
||||
grid-gap: 4px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.tegaki-color-grid-20 {
|
||||
grid-template-columns: repeat(auto-fill, 20px);
|
||||
grid-auto-rows: 20px;
|
||||
}
|
||||
|
||||
.tegaki-color-grid-15 {
|
||||
grid-template-columns: repeat(auto-fill, 15px);
|
||||
grid-auto-rows: 15px;
|
||||
}
|
||||
|
||||
.tegaki-color-btn {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
#tegaki-color,
|
||||
#tegaki-colorpicker {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
display: block;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
|
||||
/* layers ctrl group */
|
||||
#tegaki-ctrlgrp-layers {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#tegaki-layers-opts {
|
||||
height: 18px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#tegaki-layer-alpha-cell {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#tegaki-layers-ctrl {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#tegaki-layers-grid {
|
||||
height: 84px;
|
||||
min-height: 84px;
|
||||
overflow: auto;
|
||||
background-color: #8d99a6;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border: 1px solid #a3b1bf;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell {
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 1px 0 0px #a3b1bf;
|
||||
padding: 0;
|
||||
height: 28px;
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-s,
|
||||
.tegaki-layers-cell-a {
|
||||
background-color: #a3b1bf7f;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-v {
|
||||
margin: 0 6px 0 4px;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-v .tegaki-ui-cb {
|
||||
vertical-align: unset;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-p {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-p canvas {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-s .tegaki-layers-cell-p canvas {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 1.0);
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-n {
|
||||
font-size: 11px;
|
||||
margin-right: 1px;
|
||||
min-width: 20px;
|
||||
}
|
||||
|
||||
.tegaki-layers-cell-d {
|
||||
box-shadow: inset 0 -2px 0 0 #000;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#tegaki-layers-grid.tegaki-layers-cell-d {
|
||||
box-shadow: 0 -2px 0 0px #000;
|
||||
}
|
||||
|
||||
#tegaki-layers-cell-dx {
|
||||
position: absolute;
|
||||
background: transparent;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
margin-top: -32px;
|
||||
}
|
||||
|
||||
1734
css/tomorrow.css
Normal file
1734
css/tomorrow.css
Normal file
File diff suppressed because it is too large
Load diff
457
css/yotsuba.css
Normal file
457
css/yotsuba.css
Normal file
|
|
@ -0,0 +1,457 @@
|
|||
body {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
background: #FFFFEE url(/image/fade.png) top center repeat-x;
|
||||
color: #800000;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 10pt;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
td.reply {
|
||||
border: 1px solid #D9BFB7;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.doubledash {
|
||||
color: #D9BFB7;
|
||||
}
|
||||
|
||||
.inputtext {
|
||||
margin: 0;
|
||||
margin-right: 2px;
|
||||
padding: 1px 4px;
|
||||
border: 1px solid #aaa;
|
||||
outline: none;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
input.inputtext {
|
||||
height: 1.75em;
|
||||
}
|
||||
|
||||
td > .inputtext {
|
||||
height: auto;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
.inputtext:focus {
|
||||
border: 1px solid #ea8;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
border: 1px solid #800;
|
||||
}
|
||||
|
||||
.logo b span {
|
||||
font-family: tahoma;
|
||||
}
|
||||
|
||||
.logo span {
|
||||
font-size: 28px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-top: 1px solid #D9BFB7;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.postblock {
|
||||
border: 1px solid #800;
|
||||
font-size: 10pt;
|
||||
padding: 0px 5px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.rules {
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.rules a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
form a img {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
iframe, .rotating {
|
||||
background: #F0E0D6;
|
||||
border-right: 1px solid #D9BFB7;
|
||||
border-bottom: 1px solid #D9BFB7;
|
||||
}
|
||||
|
||||
.pages {
|
||||
border: none;
|
||||
background: #F0E0D6;
|
||||
border-right: 1px solid #D9BFB7;
|
||||
border-bottom: 1px solid #D9BFB7;
|
||||
}
|
||||
|
||||
.pages td {
|
||||
border: none;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
.pages td {
|
||||
color: #b86;
|
||||
}
|
||||
|
||||
.pages td b {
|
||||
color: #800;
|
||||
}
|
||||
|
||||
.deletebuttons {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.deletebuttons br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: #0000EE;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #DD0000;
|
||||
}
|
||||
|
||||
a.quotelink {
|
||||
color: #000080;
|
||||
}
|
||||
|
||||
.logo {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
font-size: 24pt;
|
||||
color: #800000;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.rules {
|
||||
width: 468px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.rules a, .rules a:visited, .rules a:link {
|
||||
}
|
||||
|
||||
.rules > li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.rules > li:before {
|
||||
content: "\2022 \20";
|
||||
}
|
||||
|
||||
.postblock {
|
||||
background: #EEAA88;
|
||||
color: #800000;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.unkfunc {
|
||||
color: #789922;
|
||||
}
|
||||
|
||||
.filesize {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
td .filesize {
|
||||
display: inline;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.filesize span, span.postername, span.filetitle, span.commentpostername {
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
|
||||
.filetitle, .replytitle {
|
||||
background: inherit;
|
||||
|
||||
color: #CC1105;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postername, .commentpostername {
|
||||
background: inherit;
|
||||
color: #117743;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postertrip {
|
||||
background: inherit;
|
||||
color: #228854;
|
||||
}
|
||||
|
||||
.oldpost {
|
||||
background: inherit;
|
||||
color: #f00000;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.omittedposts, .abbr {
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.reply {
|
||||
background: #F0E0D6;
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.replyhl {
|
||||
background: #F0C0B0;
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
.doubledash {
|
||||
vertical-align: top;
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.quotejs:active, a.quotejs:link, a.quotejs:visited {
|
||||
color: #800000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.quotejs:hover {
|
||||
color: #d00;
|
||||
}
|
||||
|
||||
.tn_thread {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eed;
|
||||
border: #ea8 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tn_reply {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eed;
|
||||
border: #ea8 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.adHeadline {
|
||||
font: bold 10pt serif;
|
||||
text-decoration: underline;
|
||||
color: #00e
|
||||
}
|
||||
|
||||
.adText {
|
||||
font: normal 10pt serif;
|
||||
text-decoration: none;
|
||||
color: #800
|
||||
}
|
||||
|
||||
#ad {
|
||||
width: 120px;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
position: absolute;
|
||||
right: 150px;
|
||||
|
||||
border: 1px solid #EEAA88;
|
||||
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#ad div {
|
||||
margin: 0;
|
||||
padding: 0.4em;
|
||||
|
||||
}
|
||||
|
||||
#ad div.ad-title {
|
||||
padding: 0em;
|
||||
background: #EEAA88;
|
||||
color: #800000;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#ad div.ad-title a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
#ad div.ad-text {
|
||||
}
|
||||
|
||||
#ad div.ad-text a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#ad div.ad-text a:visited {
|
||||
}
|
||||
|
||||
.bottomAdTitle {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
background: #EEAA88;
|
||||
color: #800000;
|
||||
}
|
||||
|
||||
#bottomAd {
|
||||
height: 52px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#bottomAdOuter {
|
||||
width: 600px;
|
||||
border: 1px solid #EEAA88;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.spoiler a.quotelink, .spoiler .unkfunc {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.exif {
|
||||
display: none;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td b {
|
||||
font-weight: 800;
|
||||
text-decoration: underline;
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
* html #header {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navtop, #navbot {
|
||||
left: 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#navtopr, #navbotr {
|
||||
right: 0px;
|
||||
display: block;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#header, #navbot, #navbotr {
|
||||
font-size: 9pt;
|
||||
color: #b86;
|
||||
}
|
||||
|
||||
#header a, #navbot a, #navbotr a, .pages td a {
|
||||
font-weight: normal;
|
||||
padding: 1px;
|
||||
text-decoration: none;
|
||||
color: #800;
|
||||
}
|
||||
|
||||
#header a:hover, #navbot a:hover, #navbotr a:hover, .pages td a:hover {
|
||||
color: #d00;
|
||||
}
|
||||
|
||||
#footer {
|
||||
clear: both;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#footer center font {
|
||||
font-size: 7pt;
|
||||
}
|
||||
|
||||
.pages td a {
|
||||
color: #00e;
|
||||
}
|
||||
|
||||
td.replyhl {
|
||||
border: 1px solid #D99F91;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
td.deletebuttons input.checkbox {
|
||||
margin: 1px 2px 1px 2px;
|
||||
}
|
||||
|
||||
div.logo img {
|
||||
margin: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.fstitle {
|
||||
float: left;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.recaptchatable {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.recaptcha_image_cell {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#recaptcha_response_field {
|
||||
border: 1px solid #AAA !important;
|
||||
}
|
||||
|
||||
#recaptcha_div {
|
||||
height: 107px;
|
||||
width: 442px;
|
||||
}
|
||||
|
||||
#recaptcha_challenge_field {
|
||||
width: 400px
|
||||
}
|
||||
1035
css/yotsubamobile.css
Normal file
1035
css/yotsubamobile.css
Normal file
File diff suppressed because it is too large
Load diff
1731
css/yotsubanew.css
Normal file
1731
css/yotsubanew.css
Normal file
File diff suppressed because it is too large
Load diff
457
css/yotsublue.css
Normal file
457
css/yotsublue.css
Normal file
|
|
@ -0,0 +1,457 @@
|
|||
body {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
background: #EEF2FF url(/image/fade-blue.png) top center repeat-x;
|
||||
color: #000000;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 10pt;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
td.reply {
|
||||
border: 1px solid #B7C5D9;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.doubledash {
|
||||
color: #B7C5D9;
|
||||
}
|
||||
|
||||
.inputtext {
|
||||
margin: 0;
|
||||
margin-right: 2px;
|
||||
padding: 1px 4px;
|
||||
border: 1px solid #aaa;
|
||||
outline: none;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
input.inputtext {
|
||||
height: 1.75em;
|
||||
}
|
||||
|
||||
td > .inputtext {
|
||||
height: auto;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
.inputtext:focus {
|
||||
border: 1px solid #9988EE;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
border: 1px solid #34345C;
|
||||
}
|
||||
|
||||
.logo b span {
|
||||
font-family: tahoma;
|
||||
}
|
||||
|
||||
.logo span {
|
||||
font-size: 28px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-top: 1px solid #B7C5D9;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.postblock {
|
||||
border: 1px solid #000;
|
||||
font-size: 10pt;
|
||||
padding: 0px 5px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.rules {
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.rules a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
form a img {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
iframe, .rotating {
|
||||
background: #D6DAF0;
|
||||
border-right: 1px solid #B7C5D9;
|
||||
border-bottom: 1px solid #B7C5D9;
|
||||
}
|
||||
|
||||
.pages {
|
||||
border: none;
|
||||
background: #D6DAF0;
|
||||
border-right: 1px solid #B7C5D9;
|
||||
border-bottom: 1px solid #B7C5D9;
|
||||
}
|
||||
|
||||
.pages td {
|
||||
border: none;
|
||||
padding: 1px 5px;
|
||||
}
|
||||
|
||||
.pages td {
|
||||
color: #89a;
|
||||
}
|
||||
|
||||
.pages td b {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.deletebuttons {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.deletebuttons br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: #34345C;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #DD0000;
|
||||
}
|
||||
|
||||
a.quotelink {
|
||||
color: #DD0000;
|
||||
}
|
||||
|
||||
.logo {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
font-size: 24pt;
|
||||
color: #AF0A0F;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.rules {
|
||||
width: 468px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.rules a, .rules a:visited, .rules a:link {
|
||||
}
|
||||
|
||||
.rules > li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.rules > li:before {
|
||||
content: "\2022 \20";
|
||||
}
|
||||
|
||||
.postblock {
|
||||
background: #9988EE;
|
||||
color: #000000;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.unkfunc {
|
||||
color: #789922;
|
||||
}
|
||||
|
||||
.filesize {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.filesize span, span.postername, span.filetitle, span.commentpostername {
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
|
||||
.filetitle, .replytitle {
|
||||
background: inherit;
|
||||
color: #0F0C5D;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postername, .commentpostername {
|
||||
background: inherit;
|
||||
color: #117743;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.postertrip {
|
||||
background: inherit;
|
||||
color: #228854;
|
||||
}
|
||||
|
||||
.oldpost {
|
||||
background: inherit;
|
||||
color: #0F0C5D;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.omittedposts, .abbr {
|
||||
color: #070707;
|
||||
}
|
||||
|
||||
.reply {
|
||||
background: #D6DAF0;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.replyhl {
|
||||
background: #D6BAD0;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.doubledash {
|
||||
vertical-align: top;
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
|
||||
a.quotejs:active, a.quotejs:link, a.quotejs:visited {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.quotejs:hover {
|
||||
color: #d00;
|
||||
}
|
||||
|
||||
.tn_thread {
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eef2ff;
|
||||
border: #98e 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tn_reply {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0px 20px 20px 20px;
|
||||
float: left;
|
||||
background: #eef2ff;
|
||||
border: #98e 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.adHeadline {
|
||||
font: bold 10pt serif;
|
||||
text-decoration: underline;
|
||||
color: #00e
|
||||
}
|
||||
|
||||
.adText {
|
||||
font: normal 10pt serif;
|
||||
text-decoration: none;
|
||||
color: #000
|
||||
}
|
||||
|
||||
#ad {
|
||||
width: 120px;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
position: absolute;
|
||||
right: 150px;
|
||||
|
||||
border: 1px solid #98E;
|
||||
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
|
||||
}
|
||||
|
||||
#ad div {
|
||||
margin: 0;
|
||||
padding: 0.4em;
|
||||
|
||||
}
|
||||
|
||||
#ad div.ad-title {
|
||||
padding: 0em;
|
||||
background: #98E;
|
||||
color: #000;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#ad div.ad-title a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#ad div.ad-text {
|
||||
}
|
||||
|
||||
#ad div.ad-text a {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#ad div.ad-text a:visited {
|
||||
}
|
||||
|
||||
.bottomAdTitle {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
background: #98E;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#bottomAd {
|
||||
height: 52px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#bottomAdOuter {
|
||||
width: 600px;
|
||||
border: 1px solid #98E;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.spoiler a.quotelink, .spoiler .unkfunc {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.exif {
|
||||
display: none;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td {
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
.exif td b {
|
||||
font-weight: 800;
|
||||
text-decoration: underline;
|
||||
font-size: x-small;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
* html #header {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#navtop, #navbot {
|
||||
left: 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#navtopr, #navbotr {
|
||||
right: 0px;
|
||||
display: block;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#header, #navbot, #navbotr {
|
||||
font-size: 9pt;
|
||||
color: #89a;
|
||||
}
|
||||
|
||||
#header a, #navbot a, #navbotr a, .pages td a {
|
||||
font-weight: normal;
|
||||
padding: 1px;
|
||||
text-decoration: none;
|
||||
color: #34345C;
|
||||
}
|
||||
|
||||
#header a:hover, #navbot a:hover, #navbotr a:hover, .pages td a:hover {
|
||||
color: #d00;
|
||||
}
|
||||
|
||||
#footer {
|
||||
clear: both;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#footer center font {
|
||||
font-size: 7pt;
|
||||
}
|
||||
|
||||
.pages td a {
|
||||
color: #34345C;
|
||||
}
|
||||
|
||||
td.replyhl {
|
||||
border: 1px solid #BA9DBF;
|
||||
border-left: none;
|
||||
border-top: none;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
td.deletebuttons input.checkbox {
|
||||
margin: 1px 2px 1px 2px;
|
||||
}
|
||||
|
||||
div.logo img {
|
||||
margin: 5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.fstitle {
|
||||
float: left;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.recaptchatable {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.recaptcha_image_cell {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#recaptcha_response_field {
|
||||
border: 1px solid #AAA !important;
|
||||
}
|
||||
|
||||
#recaptcha_div {
|
||||
height: 107px;
|
||||
width: 442px;
|
||||
}
|
||||
|
||||
#recaptcha_challenge_field {
|
||||
width: 400px
|
||||
}
|
||||
|
||||
.ad-plea {
|
||||
margin-top: 2px;
|
||||
text-align: center;
|
||||
font-size: smaller;
|
||||
}
|
||||
1030
css/yotsubluemobile.css
Normal file
1030
css/yotsubluemobile.css
Normal file
File diff suppressed because it is too large
Load diff
1733
css/yotsubluenew.css
Normal file
1733
css/yotsubluenew.css
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue