diff --git a/stylesheets/lainchanjp.css b/stylesheets/lainchanjp.css index e5d2cc2f..461f9de6 100644 --- a/stylesheets/lainchanjp.css +++ b/stylesheets/lainchanjp.css @@ -1,617 +1,447 @@ -@font-face { - font-family: "LoveLetter"; - src: url("/stylesheets/fonts/lovelt-webfont.woff2") format('woff2'), - url("/stylesheets/fonts/lovelt-webfont.woff") format('woff'), - url("/stylesheets/fonts/LoveLetter.TTF") format("truetype"); - - font-weight: normal; - font-style: normal; -} +/* + Thank you very much the wonderful CSS lainchan.jp Developers , whose CSS theme was the orginal inspiration for this file +. It is was removed from CSS theme list at their request, and is included here as a derivative work licensed under fair use, +with at least 40% of the file being different so that lainons can use it as user CSS if they like. -#overheader{ -background:#070707 !important; -border-bottom:1px #282828 solid !important; -color:#4b4b4b !important; -display:block !important; -font-size:12pt !important; -font-weight:normal !important; -padding:10px 0px 10px 0px !important; -min-width:100% !important; -text-align:center !important; -text-decoration:none !important; -width:100% !important; -position:fixed; -top:0px; -z-index:1; -} +Special thanks to seph, Junk, Kohaku , prometheus ,r0gu3. -#overheader a{ -color:#9b9b9b !important; -text-decoration:none !important; -} - -#overheader a:hover{ -color:#32dd72 !important; -} +*/ -#overheader a.lainchan{ -font-family:"LoveLetter", "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace !important; -color:#32dd72 !important; -font-size:16pt; -} - -#overheader span a{ -font-size:9pt; -text-transform:uppercase; -font-weight:bold; -letter-spacing:0.0625em; -position:relative; -top:-1px; +@font-face { + font-family: "LoveLetter"; + src: url("/stylesheets/fonts/lovelt-webfont.woff2") format('woff2'), url("/stylesheets/fonts/lovelt-webfont.woff") format('woff'), url("/stylesheets/fonts/LoveLetter.TTF") format("truetype"); + font-weight: normal; + font-style: normal; +} +#logo a { + width: 384px !important; + height: 128px !important; + min-width: 384px !important; + min-height: 128px !important; + display: block !important; + background-repeat: no-repeat !important; + background-position: center !important; + text-indent: -9999px !important; + margin: 79px auto 35px auto !important; + border: 1px solid #4b4b4b !important; +} +input, textarea, select { + background: #1f1f1f !important; + color: #c4c4c4 !important; + border: 1px #4b4b4b solid !important; + font-family: arial, helvetica, sans-serif !important; + margin: 0px 4px 4px 0px !important; + font-size: 10pt !important; } - -#header{ - +textarea { + min-height: 240px !important; + min-width: 640px !important; } - -#logo{ - +input[type="checkbox"] { + position: relative; + top: 2px; + left: 2px; } - -#logo a{ -width:384px !important; -height:128px !important; -min-width:384px !important; -min-height:128px !important; -display:block !important; -background-repeat:no-repeat !important; -background-position:center !important; -text-indent:-9999px !important; -margin:79px auto 35px auto !important; -border:1px solid #4b4b4b !important; +#pagewrap { + margin: 0 auto 0 auto !important; + max-width: 960px !important; } - -input, textarea, select{ -background:#1f1f1f !important; -color:#c4c4c4 !important; -border:1px #4b4b4b solid !important; -font-family:arial, helvetica, sans-serif !important; -margin:0px 4px 4px 0px !important; -font-size:10pt !important; +code.inline { + display: inline !important; } - -textarea{ -min-height:240px !important; -min-width:640px !important; +code.block { + display: block !important; + margin: 1em 0em 1em 0em; + padding: 1em !important; + background-color: #0b0b0b !important; + border: dotted 1px #131313 !important; + clear: none !important; } - -input[type="checkbox"]{ -position:relative; -top:2px; -left:2px; +code.block br:first-child { + display: none !important; } - -#pagewrap{ -margin:0 auto 0 auto !important; -max-width:960px !important; +span.header { + display: block !important; + font-size: 14pt !important; + font-weight: bold !important; + margin: 0px; + padding: 0px; + line-height: 1 !important; } - -code.inline{ -display:inline !important; +span.bold { + font-weight: bold !important; } - -code.block{ -display:block !important; -margin:1em 0em 1em 0em; -padding:1em !important; -background-color:#0b0b0b !important; -border:dotted 1px #131313 !important; -clear:none !important; +span.italic { + font-style: italic !important; } - -code.block br:first-child{ -display:none !important; +span.underline { + text-decoration: underline !important; } - -span.header{ -display:block !important; -font-size:14pt !important; -font-weight:bold !important; -margin:0px; -padding:0px; -line-height:1 !important; +span.strikethrough { + text-decoration: line-through !important; } - -span.bold{ -font-weight:bold !important; -} - -span.italic{ -font-style:italic !important; -} - -span.underline{ -text-decoration:underline !important; -} - -span.strikethrough{ -text-decoration:line-through !important; -} - - - - - - - - - - - - - - - - - - - - - - - - - body { - background: #0e0e0e; - color: #919191; - font-family: arial,helvetica,sans-serif; - font-size: 10pt; - margin: 0; - padding: 0; - font-family:"Roboto",Arial,Helvetica Neue,Helvetica,sans-serif; + background: #0e0e0e; + color: #919191; + font-family: arial, helvetica, sans-serif; + font-size: 10pt; + margin: 0; + padding: 0; + font-family: "Roboto", Arial, Helvetica Neue, Helvetica, sans-serif; } - .hidden { - display:none; + display: none; } - -a,a:visited { - text-decoration: none; - color: #c4c4c4; +a, a:visited { + text-decoration: none; + color: #c4c4c4; } - -a:hover,.intro a.post_no:hover { - color: #32dd72; +a:hover, .intro a.post_no:hover { + color: #32dd72; } - a.post_no { - text-decoration: none; - margin: 0; - padding: 0; + text-decoration: none; + margin: 0; + padding: 0; } - .intro a.post_no { - color: inherit; + color: inherit; } - -.intro a.post_no,p.intro a.email,p.intro a.post_anchor { - margin: 0; +.intro a.post_no, p.intro a.email, p.intro a.post_anchor { + margin: 0; } - .intro a.email span.name { - color: inherit; + color: inherit; } - .intro a.email:hover span.name { - color: #ffffff; + color: #ffffff; } - .intro label { - display: inline; + display: inline; } - -.intro time,p.intro a.ip-link,p.intro a.capcode { - direction: ltr; - unicode-bidi: embed; +.intro time, p.intro a.ip-link, p.intro a.capcode { + direction: ltr; + unicode-bidi: embed; } - h2 { - color: #ffffff; - font-size: 11pt; - margin: 0; - padding: 0; + color: #ffffff; + font-size: 11pt; + margin: 0; + padding: 0; } - header { - margin: 30px auto 35px auto; + margin: 30px auto 35px auto; } - h1 { - font-family: "LoveLetter", "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace !important; - color:#32dd72 !important; - letter-spacing: -2px; - font-size: 20pt; - margin: 0; + font-family: "LoveLetter", "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace !important; + color: #32dd72 !important; + letter-spacing: -2px; + font-size: 20pt; + margin: 0; } - -header div.subtitle,h1 { - color: #ffffff; - text-align: center; +header div.subtitle, h1 { + color: #ffffff; + text-align: center; } - header div.subtitle { - font-size: 9pt; + font-size: 9pt; } - form { - margin-bottom: 4em; + margin-bottom: 4em; } - form table { - margin: auto; + margin: auto; } - form table input { - height: auto; + height: auto; } - -input[type="text"],input[type="password"],textarea { - border: 1px solid #a9a9a9; - text-indent: 0; - text-shadow: none; - text-transform: none; - word-spacing: normal; - max-width: 100%; +input[type="text"], input[type="password"], textarea { + border: 1px solid #a9a9a9; + text-indent: 0; + text-shadow: none; + text-transform: none; + word-spacing: normal; + max-width: 100%; } - -input[name="delete"]{ - display:none; +input[name="delete"] { + display: none; } - #quick-reply input[type="text"], input[type="password"], #quick-reply textarea { - max-width: 100%; + max-width: 100%; } - textarea { - width: 100%; + width: 100%; } - form table tr td { - text-align: left; - margin: 0; - padding: 0; + text-align: left; + margin: 0; + padding: 0; } - form table.mod tr td { - padding: 2px; + padding: 2px; } - form table tr th { - text-align: left; - padding: 0px 8px 4px 0px; - vertical-align:top; + text-align: left; + padding: 0px 8px 4px 0px; + vertical-align: top; } - form table tr th { - background: none; + background: none; } - form table tr td div.center { - text-align: center; - float: left; - padding-left: 3px; + text-align: center; + float: left; + padding-left: 3px; } - form table tr td div input { - display: block; - margin: 2px auto 0 auto; + display: block; + margin: 2px auto 0 auto; } - form table tr td div label { - font-size: 10px; + font-size: 10px; } - -.unimportant,.unimportant * { - font-size: 10px; +.unimportant, .unimportant * { + font-size: 10px; } - .file { - float: left; - margin-right: 2px; + float: left; + margin-right: 2px; } - .file:not(.multifile) .post-image { - float: left; + float: left; } - .file:not(.multifile) { - float: none; + float: none; } - p.fileinfo { - display: block; - margin: 0 0 0 20px; + display: block; + margin: 0 0 0 20px; } - div.post p.fileinfo { - padding-left: 5px; + padding-left: 5px; } - div.banner { - background-color: #32dd72; - color: #000000 !important; - font-size: 10pt; - font-weight: bold; - text-align: center; - margin: 1em auto 1em auto; - padding: 0.3em 0 0.3em 0; - width:320px; + background-color: #32dd72; + color: #000000 !important; + font-size: 10pt; + font-weight: bold; + text-align: center; + margin: 1em auto 1em auto; + padding: 0.3em 0 0.3em 0; + width: 320px; } - -div.banner,div.banner a { - color: #000000; +div.banner, div.banner a { + color: #000000; } - div.banner a:hover { - color: #ffffff; - text-decoration: none; + color: #ffffff; + text-decoration: none; } - -img.banner,img.board_image { - display: block; - border: 1px solid #a9a9a9; - margin: 12px auto 0 auto; +img.banner, img.board_image { + display: block; + border: 1px solid #a9a9a9; + margin: 12px auto 0 auto; } - .post-image { - display: block; - float: left; - margin: 5px 20px 10px 20px; - border: none; + display: block; + float: left; + margin: 5px 20px 10px 20px; + border: none; } - .full-image { - max-width: 98%; + max-width: 98%; } - div.post .post-image { - padding: 5px; - margin: 0 20px 0 0; + padding: 5px; + margin: 0 20px 0 0; } - div.post img.icon { - display: inline; - margin: 0 5px; - padding: 0; + display: inline; + margin: 0 5px; + padding: 0; } - div.post i.fa { - margin: 0 4px; - font-size: 16px; + margin: 0 4px; + font-size: 16px; } - div.post.op { - margin-right: 20px; - margin-bottom: 5px; + margin-right: 20px; + margin-bottom: 5px; } - div.post.op hr { - border-color: #D9BFB7; + border-color: #D9BFB7; } - .intro { - margin: 0.5em 0; - padding: 0; - padding-bottom: 0.2em; + margin: 0.5em 0; + padding: 0; + padding-bottom: 0.2em; } - input.delete { - float: left; - margin: 1px 6px 0 0; + float: left; + margin: 1px 6px 0 0; } - .intro span.subject { - color: #c4c4c4; - font-weight: bold; + color: #c4c4c4; + font-weight: bold; } - .intro span.name { - color: #32dd72 !important; - font-weight: bold; + color: #32dd72 !important; + font-weight: bold; } - -.intro span.capcode,p.intro a.capcode,p.intro a.nametag { - color: #32dd72 !important; - margin-left: 0; +.intro span.capcode, p.intro a.capcode, p.intro a.nametag { + color: #32dd72 !important; + margin-left: 0; } - .intro a { - margin-left: 8px; + margin-left: 8px; } - div.delete { - float: right; + float: right; } - div.post.reply p { - margin: 0.3em 0 0 0; + margin: 0.3em 0 0 0; } - div.post.reply div.body { - margin-left: 1.8em; - margin-top: 0.8em; - padding-right: 3em; - padding-bottom: 0.3em; + margin-left: 1.8em; + margin-top: 0.8em; + padding-right: 3em; + padding-bottom: 0.3em; } - div.post.reply.highlighted { - background: #393939; + background: #393939; } - div.post.reply div.body a { - color: #c4c4c4; + color: #c4c4c4; } - div.post { - line-height:1.333 !important; - padding-left: 20px; + line-height: 1.333 !important; + padding-left: 20px; } - div.post div.body { - word-wrap: break-word; - white-space: pre-wrap; + word-wrap: break-word; + white-space: pre-wrap; } - div.post.reply { - background: #1f1f1f; - margin: 0.2em 4px; - padding: 0.2em 0.3em 0.5em 0.6em; - border-width: 1px; - border-style: none solid solid none; - border-color: #1f1f1f; - display: inline-block; - min-width:100% !important; - width: 100% !important; + background: #1f1f1f; + margin: 0.2em 4px; + padding: 0.2em 0.3em 0.5em 0.6em; + border-width: 1px; + border-style: none solid solid none; + border-color: #1f1f1f; + display: inline-block; + min-width: 100% !important; + width: 100% !important; } - span.trip { - color: #228854; + color: #228854; } - span.quote { - color: #00a740; + color: #00a740; } - span.omitted { - display: block; - margin-top: 1em; + display: block; + margin-top: 1em; } - br.clear { - clear: left; - display: block; + clear: left; + display: block; } - span.controls { - float: right !important; - clear:none !important; - margin: 0; - padding: 0; - font-size: 80%; + float: right !important; + clear: none !important; + margin: 0; + padding: 0; + font-size: 80%; } - span.controls.op { - float: none; - margin-left: 10px; + float: none; + margin-left: 10px; } - span.controls a { - margin: 0; + margin: 0; } - div#wrap { - width: 900px; - margin: 0 auto; + width: 900px; + margin: 0 auto; } - div.ban { - background: none; - border: 1px solid #1f1f1f; - max-width: 700px; - margin: 30px auto; + background: none; + border: 1px solid #1f1f1f; + max-width: 700px; + margin: 30px auto; } - -div.ban p,div.ban h2 { - padding: 3px 7px; +div.ban p, div.ban h2 { + padding: 3px 7px; } - div.ban h2 { - background: #1f1f1f; - color: black; - font-size: 12pt; + background: #1f1f1f; + color: black; + font-size: 12pt; } - div.ban p { - font-size: 12px; - margin-bottom: 12px; + font-size: 12px; + margin-bottom: 12px; } - div.ban p.reason { - font-weight: bold; + font-weight: bold; } - span.heading { - color: #ffffff; - font-size: 11pt; - font-weight: bold; + color: #ffffff; + font-size: 11pt; + font-weight: bold; } - span.spoiler { - background: black; - color: black; - padding: 0 0px; + background: black; + color: black; + padding: 0 0px; } - div.post.reply div.body span.spoiler a { - color: black; + color: black; } - -span.spoiler:hover,div.post.reply div.body span.spoiler:hover a { - color: white; +span.spoiler:hover, div.post.reply div.body span.spoiler:hover a { + color: white; } - div.styles { - float: right; - padding-bottom: 20px; + float: right; + padding-bottom: 20px; } - div.styles a { - margin: 0 10px; + margin: 0 10px; } - div.styles a.selected { - text-decoration: none; + text-decoration: none; } - table.test { - width: 100%; + width: 100%; } - -table.test td,table.test th { - text-align: left; - padding: 0px 5px 5px 0px; +table.test td, table.test th { + text-align: left; + padding: 0px 5px 5px 0px; } - table.test tr.h th { - background: #1f1f1f; + background: #1f1f1f; } - table.test td img { - margin: 0; + margin: 0; } - -fieldset{ -border:1px solid #4b4b4b !important; -font-size:11pt; -margin:3em auto 0px auto; -width:640px; -line-height:1.333 !important; +fieldset { + border: 1px solid #4b4b4b !important; + font-size: 11pt; + margin: 3em auto 0px auto; + width: 640px; + line-height: 1.333 !important; } - -fieldset small{ -font-size:9pt; +fieldset small { + font-size: 9pt; } - -fieldset legend{ -font-weight:bold; -font-size:14pt; +fieldset legend { + font-weight: bold; + font-size: 14pt; } - fieldset label { - display: block; - border:0px + display: block; + border: 0px } - div.pages { color: #ffffff; background: none; @@ -621,549 +451,456 @@ div.pages { border-right: 0px solid #1f1f1f; border-bottom: 0px solid #1f1f1f; } - div.pages.top { - display: block; - padding: 5px 8px; - margin-bottom: 5px; - position: fixed; - top: 0; - right: 0; - opacity: 0.9; + display: block; + padding: 5px 8px; + margin-bottom: 5px; + position: fixed; + top: 0; + right: 0; + opacity: 0.9; } - @media screen and (max-width: 800px) { - div.pages.top { - display: none!important; - } + div.pages.top { + display: none!important; + } } - div.pages a.selected { - color: #ffffff; - font-weight: bolder; + color: #ffffff; + font-weight: bolder; } - div.pages a { - text-decoration: none; + text-decoration: none; } - div.pages form { - margin: 0; - padding: 0; - display: inline; + margin: 0; + padding: 0; + display: inline; } - div.pages form input { - margin: 0 5px; - display: inline; + margin: 0 5px; + display: inline; } - hr { - border: none; - border-bottom: 1px solid #1f1f1f; - height: 0; - clear: left; - padding-top: 3em; + border: none; + border-bottom: 1px solid #1f1f1f; + height: 0; + clear: left; + padding-top: 3em; } - div.report { - color: #333; + color: #333; } - table.modlog { - margin: auto; - width: 100%; + margin: auto; + width: 100%; } - table.modlog tr td { - text-align: left; - margin: 0; - padding: 4px 15px 0 0; + text-align: left; + margin: 0; + padding: 4px 15px 0 0; } - table.modlog tr th { - text-align: left; - padding: 4px 15px 5px 5px; - white-space: nowrap; + text-align: left; + padding: 4px 15px 5px 5px; + white-space: nowrap; } - table.modlog tr th { - background: #1f1f1f; + background: #1f1f1f; } - -td.minimal,th.minimal { - width: 1%; - white-space: nowrap; +td.minimal, th.minimal { + width: 1%; + white-space: nowrap; } - div.top_notice { - text-align: center; - margin: 5px auto; + text-align: center; + margin: 5px auto; } - span.public_ban { - display: block; - color: red; - font-weight: bold; - margin-top: 15px; + display: block; + color: red; + font-weight: bold; + margin-top: 15px; } - span.toolong { - display: block; - margin-top: 15px; + display: block; + margin-top: 15px; } - div.blotter { - color: red; - font-weight: bold; - text-align: center; + color: red; + font-weight: bold; + text-align: center; } - table.mod.config-editor { - font-size: 9pt; - width: 100%; + font-size: 9pt; + width: 100%; } - table.mod.config-editor td { - text-align: left; - padding: 5px; - border-bottom: 1px solid #1f1f1f; + text-align: left; + padding: 5px; + border-bottom: 1px solid #1f1f1f; } - table.mod.config-editor input[type="text"] { - width: 98%; + width: 98%; } - div.boardlist:nth-child(1) { - background-color: #0e0e0e; + background-color: #0e0e0e; } - .desktop-style div.boardlist:nth-child(1) { - position: fixed; - top: 0; - left: 0; - right: 0; - margin-top: 0; - z-index: 30; - box-shadow: 0 1px 2px rgba(0, 0, 0, .15); - border-bottom: 1px solid; - background-color: #0e0e0e; + position: fixed; + top: 0; + left: 0; + right: 0; + margin-top: 0; + z-index: 30; + box-shadow: 0 1px 2px rgba(0, 0, 0, .15); + border-bottom: 1px solid; + background-color: #0e0e0e; } - .bar.bottom { - bottom: 0px; - border-top: 1px solid #333333; - background-color: #0e0e0e ; + bottom: 0px; + border-top: 1px solid #333333; + background-color: #0e0e0e; } - .desktop-style body { - padding-top: 20px; + padding-top: 20px; } - .desktop-style .sub { - background: inherit; + background: inherit; } - .desktop-style .sub .sub { - display: inline-block; - text-indent: -9000px; - width: 7px; - background: url('img/arrow.png') right center no-repeat; + display: inline-block; + text-indent: -9000px; + width: 7px; + background: url('img/arrow.png') right center no-repeat; } - -.desktop-style .sub .sub:hover,.desktop-style .sub .sub.hover { - display: inline; - text-indent: 0; - background: inherit; +.desktop-style .sub .sub:hover, .desktop-style .sub .sub.hover { + display: inline; + text-indent: 0; + background: inherit; } - #attention_bar { - height: 1.5em; - max-height: 1.5em; - width: 100%; - max-width: 100%; - text-align: center; - overflow: hidden; + height: 1.5em; + max-height: 1.5em; + width: 100%; + max-width: 100%; + text-align: center; + overflow: hidden; } - #attention_bar_form { - display: none; - padding: 0; - margin: 0; + display: none; + padding: 0; + margin: 0; } - #attention_bar_input { - width: 100%; - padding: 0; - margin: 0; - text-align: center; + width: 100%; + padding: 0; + margin: 0; + text-align: center; } - #attention_bar:hover { - background-color: rgba(100%,100%,100%,0.2); + background-color: rgba(100%, 100%, 100%, 0.2); } - .intro.thread-hidden { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } - form.ban-appeal { - margin: 9px 20px; + margin: 9px 20px; } - form.ban-appeal textarea { - display: block; + display: block; } - .MathJax_Display { - display: inline!important; + display: inline!important; } - fieldset code { - margin: 0; - display:inline; + margin: 0; + display: inline; } - .theme-catalog div.thread img { - float: none!important; - margin: auto; - max-height: 150px; - max-width: 200px; - box-shadow: 0 0 4px rgba(0,0,0,0.55); - border: 2px solid rgba(153,153,153,0); + float: none!important; + margin: auto; + max-height: 150px; + max-width: 200px; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.55); + border: 2px solid rgba(153, 153, 153, 0); } - .theme-catalog div.thread { - display: inline-block; - vertical-align: top; - text-align: center; - font-weight: normal; - margin-top: 2px; - margin-bottom: 2px; - padding: 2px; - height: 300px; - width: 205px; - overflow: hidden; - position: relative; - font-size: 11px; - max-height: 300px; - background: rgba(182,182,182,0.12); - border: 2px solid rgba(111,111,111,0.34); + display: inline-block; + vertical-align: top; + text-align: center; + font-weight: normal; + margin-top: 2px; + margin-bottom: 2px; + padding: 2px; + height: 300px; + width: 205px; + overflow: hidden; + position: relative; + font-size: 11px; + max-height: 300px; + background: rgba(182, 182, 182, 0.12); + border: 2px solid rgba(111, 111, 111, 0.34); } - .theme-catalog div.thread strong { - display: block; + display: block; } - .theme-catalog div.threads { - text-align: center; - margin-left: -20px; + text-align: center; + margin-left: -20px; } - .theme-catalog div.thread:hover { - background: #4e4e4e; - border-color: #1f1f1f; + background: #4e4e4e; + border-color: #1f1f1f; } - .theme-catalog div.grid-size-vsmall img { - max-height: 33%; - max-width: 95% + max-height: 33%; + max-width: 95% } - .theme-catalog div.grid-size-vsmall { - min-width:90px; max-width: 90px; - max-height: 148px; + min-width: 90px; + max-width: 90px; + max-height: 148px; } - .theme-catalog div.grid-size-small img { - max-height: 33%; - max-width: 95% + max-height: 33%; + max-width: 95% } - .theme-catalog div.grid-size-small { - min-width:140px; max-width: 140px; - max-height: 192px; + min-width: 140px; + max-width: 140px; + max-height: 192px; } - .theme-catalog div.grid-size-large img { - max-height: 40%; - max-width: 95% + max-height: 40%; + max-width: 95% } - .theme-catalog div.grid-size-large { - min-width: 256px; max-width: 256px; - max-height: 384px; + min-width: 256px; + max-width: 256px; + max-height: 384px; } - .theme-catalog img.thread-image { - height: auto; - max-width: 100%; + height: auto; + max-width: 100%; } - @media (max-width: 420px) { - .theme-catalog ul#Grid { - padding-left: 18px; - } - - .theme-catalog div.thread { - width: auto; - margin-left: 0; - margin-right: 0; - } - - .theme-catalog div.threads { - overflow: hidden; - } + .theme-catalog ul#Grid { + padding-left: 18px; + } + .theme-catalog div.thread { + width: auto; + margin-left: 0; + margin-right: 0; + } + .theme-catalog div.threads { + overflow: hidden; + } } - .compact-boardlist { - padding: 3px; - padding-bottom: 0; + padding: 3px; + padding-bottom: 0; } - .compact-boardlist .cb-item { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } - .compact-boardlist .cb-icon { - padding-bottom: 1px; + padding-bottom: 1px; } - .compact-boardlist .cb-fa { - font-size: 21px; - padding: 2px; - padding-top: 0; + font-size: 21px; + padding: 2px; + padding-top: 0; } - .compact-boardlist .cb-cat { - padding: 5px 6px 8px 6px; + padding: 5px 6px 8px 6px; } - .cb-menuitem { - display: table-row; + display: table-row; } - .cb-menuitem span { - padding: 5px; - display: table-cell; - text-align: left; - border-top: 1px solid rgba(0,0,0,0.5); + padding: 5px; + display: table-cell; + text-align: left; + border-top: 1px solid rgba(0, 0, 0, 0.5); } - .cb-menuitem span.cb-uri { - text-align: right; + text-align: right; } - .boardlist:not(.compact-boardlist) #watch-pinned::before { - content: " [ "; + content: " [ "; } - .boardlist:not(.compact-boardlist) #watch-pinned::after { - content: " ] "; + content: " ] "; } - .boardlist:not(.compact-boardlist) #watch-pinned { - display: inline; + display: inline; } - .boardlist:not(.compact-boardlist) #watch-pinned a { - margin-left: 3pt; + margin-left: 3pt; } - .boardlist:not(.compact-boardlist) #watch-pinned a:first-child { - margin-left: 0pt; + margin-left: 0pt; } - .compact-boardlist #watch-pinned { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } - .new-posts { - opacity: 0.6; - margin-top: 1em; + opacity: 0.6; + margin-top: 1em; } - .new-threads { - text-align: center; + text-align: center; } - #options_handler, #alert_handler { - position: fixed; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - width: 100%; - height: 100%; - text-align: center; - z-index: 9900; + position: fixed; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + width: 100%; + height: 100%; + text-align: center; + z-index: 9900; } - #options_background, #alert_background { - background: black; - opacity: 0.5; - position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; - width: 100%; - height: 100%; - z-index: -1; + background: black; + opacity: 0.5; + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + width: 100%; + height: 100%; + z-index: -1; } - #options_div, #alert_div { - background-color: #4e4e4e; - border: 1px solid black; - display: inline-block; - position: relative; - margin-top: 20px; + background-color: #4e4e4e; + border: 1px solid black; + display: inline-block; + position: relative; + margin-top: 20px; } - #options_div { - width: 620px; - height: 400px; - resize: both; - overflow: auto; + width: 620px; + height: 400px; + resize: both; + overflow: auto; } - - - #alert_div { - width: 500px; + width: 500px; } - #alert_message { - text-align: center; - margin: 13px; - font-size: 110%; + text-align: center; + margin: 13px; + font-size: 110%; } - .alert_button { - margin-bottom: 13px; + margin-bottom: 13px; } - #options_div textarea { - max-width: 100%; + max-width: 100%; } - #options_close, #alert_close { - top: 0px; - right: 0px; - position: absolute; - margin-right: 3px; - font-size: 20px; - z-index: 100; + top: 0px; + right: 0px; + position: absolute; + margin-right: 3px; + font-size: 20px; + z-index: 100; } - #options_tablist { - padding: 0px 5px; - left: 0px; - width: 90px; - top: 0px; - bottom: 0px; - height: 100%; - border-right: 1px solid black; + padding: 0px 5px; + left: 0px; + width: 90px; + top: 0px; + bottom: 0px; + height: 100%; + border-right: 1px solid black; } - .options_tab_icon { - padding: 5px; - color: black; - cursor: pointer; + padding: 5px; + color: black; + cursor: pointer; } - .options_tab_icon.active { - color: red; + color: red; } - .options_tab_icon i { - font-size: 20px; + font-size: 20px; } - .options_tab_icon div { - font-size: 11px; + font-size: 11px; } - .options_tab { - padding: 10px; - position: absolute; - top: 0px; - bottom: 10px; - left: 101px; - right: 0px; - text-align: left; - font-size: 12px; - overflow-y: auto; + padding: 10px; + position: absolute; + top: 0px; + bottom: 10px; + left: 101px; + right: 0px; + text-align: left; + font-size: 12px; + overflow-y: auto; } - .options_tab h2 { - text-align: center; - margin-bottom: 5px; + text-align: center; + margin-bottom: 5px; } - .mobile-style #options_div, .mobile-style #alert_div { - display: block; - width: 100%; - height: 100%; - margin-top: 0px; + display: block; + width: 100%; + height: 100%; + margin-top: 0px; } - .mentioned { - word-wrap: break-word; + word-wrap: break-word; } - .poster_id { - cursor: pointer; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; + cursor: pointer; + display: inline-block; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } .poster_id:hover { - color: #800000!important; + color: #800000!important; } .poster_id::before { - content: " ID: "; + content: " ID: "; } - -code{ -/* Better code tags */ - max-width:inherit; - word-wrap:normal; - overflow:auto; - font-size:9pt; - font-family:"Roboto Mono",Lucida Console,Lucida Sans Typewriter,monaco,Bitstream Vera Sans Mono,monospace !important; +code { + /* Better code tags */ + max-width: inherit; + word-wrap: normal; + overflow: auto; + font-size: 9pt; + font-family: "Roboto Mono", Lucida Console, Lucida Sans Typewriter, monaco, Bitstream Vera Sans Mono, monospace !important; } - span.pln { - color:grey; + color: grey; } - - @media screen and (min-width: 768px) { - .intro { - clear: none; - } - - div.post div.body { - clear: none; - } + .intro { + clear: none; + } + div.post div.body { + clear: none; + } } - .clearfix { display: block; clear: both; visibility: hidden; overflow: hidden; - font-size: 0px; line-height: 0px; - box-sizing: border-box; border: none; height: 0; @@ -1175,10 +912,11 @@ span.pln { /* === SPECIFIC PAGES & FEATURES === */ + /* Board List */ + div.boardlist { margin-top: 3px; - color: #89A; font-size: 9pt; } @@ -1191,7 +929,10 @@ div.boardlist a { } /* Threads */ + + /* Thread Footer */ + #thread-interactions { margin: 8px 0; clear: both; @@ -1199,7 +940,7 @@ div.boardlist a { #thread-links { float: left; } -#thread-links > a { +#thread-links>a { padding-left: none; padding-right: 10px; } @@ -1215,17 +956,12 @@ div.boardlist a { #thread_stats { float: right; } - #post-moderation-fields { float: right; text-align: right; } -#delete-fields { -} -#report-fields { -} - - +#delete-fields {} +#report-fields {} /* threadwatcher */ @@ -1239,168 +975,166 @@ div.boardlist a { margin: 0 auto; margin-bottom: 10px; } - .watchlist-inner, .watchlist-controls { margin: 0 auto; margin-top: 10px; margin-bottom: 10px; text-align: center; } - #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { cursor: pointer; } - #youtube-size input { width: 50px; } /* File selector */ + .dropzone { - color: #000; - cursor: default; - margin: auto; - padding: 0px 4px; - text-align: center; - min-height: 50px; - max-height: 140px; - transition: 0.2s; - background-color: rgba(200, 200, 200, 0.5); - overflow-y: auto; + color: #000; + cursor: default; + margin: auto; + padding: 0px 4px; + text-align: center; + min-height: 50px; + max-height: 140px; + transition: 0.2s; + background-color: rgba(200, 200, 200, 0.5); + overflow-y: auto; } .dropzone-wrap { - width: 100%; + width: 100%; } .dropzone .file-hint { - color: rgba(0, 0, 0, 0.5); - cursor: pointer; - position: relative; - margin-bottom: 5px; - padding: 10px 0px; - top: 5px; - transition: 0.2s; - border: 2px dashed rgba(125, 125, 125, 0.4); + color: rgba(0, 0, 0, 0.5); + cursor: pointer; + position: relative; + margin-bottom: 5px; + padding: 10px 0px; + top: 5px; + transition: 0.2s; + border: 2px dashed rgba(125, 125, 125, 0.4); } .file-hint:hover, .dropzone.dragover .file-hint { - color: rgba(0, 0, 0, 1); - border-color: rgba(125, 125, 125, 0.8); + color: rgba(0, 0, 0, 1); + border-color: rgba(125, 125, 125, 0.8); } .dropzone.dragover { - background-color: rgba(200, 200, 200, 1); + background-color: rgba(200, 200, 200, 1); } .dropzone .file-thumbs { - text-align: left; - width: 100%; + text-align: left; + width: 100%; } .dropzone .tmb-container { - padding: 3px; - overflow-x: hidden; - white-space: nowrap; + padding: 3px; + overflow-x: hidden; + white-space: nowrap; } .dropzone .file-tmb { - height: 40px; - width: 70px; - cursor: pointer; - display: inline-block; - text-align: center; - background-color: rgba(187, 187, 187, 0.5); - background-size: cover; - background-position: center; + height: 40px; + width: 70px; + cursor: pointer; + display: inline-block; + text-align: center; + background-color: rgba(187, 187, 187, 0.5); + background-size: cover; + background-position: center; } .dropzone .file-tmb span { - font-weight: 600; - position: relative; - top: 13px; + font-weight: 600; + position: relative; + top: 13px; } .dropzone .tmb-filename { - display: inline-block; - vertical-align: bottom; - bottom: 12px; - position: relative; - margin-left: 5px; + display: inline-block; + vertical-align: bottom; + bottom: 12px; + position: relative; + margin-left: 5px; } .dropzone .remove-btn { - cursor: pointer; - color: rgba(125, 125, 125, 0.5); - display: inline-block; - vertical-align: bottom; - bottom: 10px; - position: relative; - margin-right: 5px; - font-size: 20px + cursor: pointer; + color: rgba(125, 125, 125, 0.5); + display: inline-block; + vertical-align: bottom; + bottom: 10px; + position: relative; + margin-right: 5px; + font-size: 20px } .dropzone .remove-btn:hover { - color: rgba(125, 125, 125, 1); + color: rgba(125, 125, 125, 1); } - #thread_stats { - display: inline; - margin-left: 10px; - margin-right: 10px; + display: inline; + margin-left: 10px; + margin-right: 10px; } /* Fileboard */ + table.fileboard th, table.fileboard td { - padding: 2px; - text-align: center; + padding: 2px; + text-align: center; } table.fileboard .intro a { - margin-left: 0px; + margin-left: 0px; } /* Gallery view */ + #gallery_images { - position: absolute; - right: 0px; - bottom: 0px; - top: 0px; - width: 12%; - background-color: rgba(0, 0, 0, 0.4); - overflow: auto; + position: absolute; + right: 0px; + bottom: 0px; + top: 0px; + width: 12%; + background-color: rgba(0, 0, 0, 0.4); + overflow: auto; } #gallery_toolbar { - position: absolute; - right: 12%; - left: 0px; - bottom: 0px; - height: 32px; - background-color: rgba(0, 0, 0, 0.4); - text-align: right; + position: absolute; + right: 12%; + left: 0px; + bottom: 0px; + height: 32px; + background-color: rgba(0, 0, 0, 0.4); + text-align: right; } #gallery_images img { - width: 100%; + width: 100%; } #gallery_toolbar a { - font-size: 28px; - padding-right: 5px; + font-size: 28px; + padding-right: 5px; } #gallery_main { - position: absolute; - left: 0px; - right: 12%; - bottom: 32px; - top: 0px; - padding: 10px; + position: absolute; + left: 0px; + right: 12%; + bottom: 32px; + top: 0px; + padding: 10px; } - #gallery_images img { - opacity: 0.6; - -webkit-transition: all 0.5s; - transition: all 0.5s; + opacity: 0.6; + -webkit-transition: all 0.5s; + transition: all 0.5s; } #gallery_images img:hover, #gallery_images img.active { - opacity: 1; + opacity: 1; } #gallery_images img.active { - -webkit-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1); - -moz-box-shadow: 0px 0px 29px 2px rgba(255,255,255,1); - box-shadow: 0px 0px 29px 2px rgba(255,255,255,1); - z-index: 1; + -webkit-box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1); + -moz-box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1); + box-shadow: 0px 0px 29px 2px rgba(255, 255, 255, 1); + z-index: 1; } #gallery_main img, #gallery_main video { - max-width: 100%; - max-height: 100%; - position: absolute; + max-width: 100%; + max-height: 100%; + position: absolute; } .own_post { font-style: italic;