diff --git a/stylesheets/500px.css b/stylesheets/500px.css index 89b1fa64..5f733005 100644 --- a/stylesheets/500px.css +++ b/stylesheets/500px.css @@ -152,6 +152,11 @@ div.post.reply.highlighted box-shadow: 3px 5px #5c8c8e; margin-left: auto; margin-right: auto; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { diff --git a/stylesheets/8ch.cyber.css b/stylesheets/8ch.cyber.css index c94c50e8..330eadd3 100644 --- a/stylesheets/8ch.cyber.css +++ b/stylesheets/8ch.cyber.css @@ -219,6 +219,11 @@ background-color: #2b2b2b; background-color: #2b2b2b; border: solid 1px #93e0e3; box-shadow: 3px 5px #93e0e3; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } /*dont touch this*/ diff --git a/stylesheets/beta.css b/stylesheets/beta.css index e32353cc..6a2c771e 100644 --- a/stylesheets/beta.css +++ b/stylesheets/beta.css @@ -161,6 +161,11 @@ div.post.reply.highlighted box-shadow: 3px 5px #5c8c8e; margin-left: auto; margin-right: auto; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { diff --git a/stylesheets/bunker_like.css b/stylesheets/bunker_like.css index a69591a1..507003ce 100644 --- a/stylesheets/bunker_like.css +++ b/stylesheets/bunker_like.css @@ -120,6 +120,11 @@ div.post.reply.highlighted { background: rgba(59, 22, 43, 0.4); border: 1px solid #117743; border-radius: 5px; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } /* POST CONTENT */ diff --git a/stylesheets/cyberpunk.css b/stylesheets/cyberpunk.css index 35fdbbb7..15b68ed5 100644 --- a/stylesheets/cyberpunk.css +++ b/stylesheets/cyberpunk.css @@ -1,7 +1,7 @@ /*cyberpunk mod of ferus by kalyx B332E6 = dark purp -33cccc = teal +33cccc = teal 00ff00 = green FF46D2 = pink dark blue = 00080C @@ -37,7 +37,7 @@ div.boardlist{ background-color: #0C0001; } -@font-face +@font-face { font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), @@ -84,7 +84,7 @@ a:link, a:visited, p.intro a.email span.name -ms-transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color; } -input[type="text"], textarea +input[type="text"], textarea { -moz-transition: 0.15s border-color; -webkit-transition: 0.15s border-color; @@ -93,7 +93,7 @@ input[type="text"], textarea -ms-transition: 0.15s border-color; transition: 0.15s border-color; } -input[type="submit"] +input[type="submit"] { -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; @@ -117,7 +117,7 @@ a.post_no { color: #33cccc; text-decoration: none; } -span.quote +span.quote { color:#00ff00; } @@ -136,6 +136,11 @@ div.post.reply { div.post.reply.highlighted { background: transparent; border: #1A6666 2px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #646464; diff --git a/stylesheets/cyberpunk2.css b/stylesheets/cyberpunk2.css index 2e907966..4754a882 100644 --- a/stylesheets/cyberpunk2.css +++ b/stylesheets/cyberpunk2.css @@ -1,7 +1,7 @@ /*cyberpunk mod of ferus by kalyx B332E6 = dark purp -33cccc = teal +33cccc = teal 00ff00 = green FF46D2 = pink dark blue = 00080C @@ -14,7 +14,7 @@ body { font-size: 11px; /*text-shadow: 0px 0px 3px #FF46D2;*/ } -@font-face +@font-face { font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), @@ -61,7 +61,7 @@ a:link, a:visited, p.intro a.email span.name -ms-transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color; } -input[type="text"], textarea +input[type="text"], textarea { -moz-transition: 0.15s border-color; -webkit-transition: 0.15s border-color; @@ -70,7 +70,7 @@ input[type="text"], textarea -ms-transition: 0.15s border-color; transition: 0.15s border-color; } -input[type="submit"] +input[type="submit"] { -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; @@ -94,7 +94,7 @@ a.post_no { color: #33cccc; text-decoration: none; } -span.quote +span.quote { color:#00ff00; } @@ -113,6 +113,11 @@ div.post.reply { div.post.reply.highlighted { background: transparent; border: #33cccc 2px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #646464; diff --git a/stylesheets/dark.css b/stylesheets/dark.css index dd7e9bfd..9f3df691 100644 --- a/stylesheets/dark.css +++ b/stylesheets/dark.css @@ -63,6 +63,11 @@ div.post.reply { div.post.reply.highlighted { background: #555; border: transparent 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #CCCCCC; diff --git a/stylesheets/dark_red.css b/stylesheets/dark_red.css index 8593ead9..eec8a1f4 100644 --- a/stylesheets/dark_red.css +++ b/stylesheets/dark_red.css @@ -60,6 +60,11 @@ div.post.reply { div.post.reply.highlighted { background: #555; border: transparent 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #CCCCCC; diff --git a/stylesheets/dark_spook.css b/stylesheets/dark_spook.css index 5e9bf837..2ca55a20 100644 --- a/stylesheets/dark_spook.css +++ b/stylesheets/dark_spook.css @@ -61,6 +61,11 @@ div.post.reply { div.post.reply.highlighted { background: #555; border: transparent 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { diff --git a/stylesheets/darkroot_garden.css b/stylesheets/darkroot_garden.css index 22ee517d..cd27da0a 100644 --- a/stylesheets/darkroot_garden.css +++ b/stylesheets/darkroot_garden.css @@ -1,7 +1,7 @@ /*cyberpunk mod of ferus by kalyx B332E6 = dark purp -293728 = teal +293728 = teal 59B451 = green FF46D2 = pink dark blue = 293728 @@ -19,13 +19,13 @@ div.boardlist{ } -@font-face +@font-face { font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), url('./fonts/tojcxo.TTF') format('truetype'); } - @font-face + @font-face { font-family: 'DejaVuSansMono'; src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); @@ -79,7 +79,7 @@ a:link, a:visited, p.intro a.email span.name -ms-transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color; } -input[type="text"], textarea +input[type="text"], textarea { -moz-transition: 0.15s border-color; -webkit-transition: 0.15s border-color; @@ -88,7 +88,7 @@ input[type="text"], textarea -ms-transition: 0.15s border-color; transition: 0.15s border-color; } -input[type="submit"] +input[type="submit"] { -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; @@ -112,7 +112,7 @@ a.post_no { color: #293728; text-decoration: none; } -span.quote +span.quote { color:#4CADA7; } @@ -131,6 +131,11 @@ div.post.reply { div.post.reply.highlighted { background: transparent; border: #293728 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #646464; diff --git a/stylesheets/delete.css b/stylesheets/delete.css index 32bc764d..7d7a6876 100644 Binary files a/stylesheets/delete.css and b/stylesheets/delete.css differ diff --git a/stylesheets/fauux.css b/stylesheets/fauux.css index 3cb1538a..56fe4a82 100644 --- a/stylesheets/fauux.css +++ b/stylesheets/fauux.css @@ -25,7 +25,7 @@ div.boardlist{ background-color: #000!important; } -@font-face +@font-face { font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), @@ -74,7 +74,7 @@ a.post_no { color: #d2738a; text-decoration: none; } -span.quote +span.quote { color:#d2738a; } @@ -93,6 +93,11 @@ div.post.reply { div.post.reply.highlighted { background: transparent; border: #EDC7D0 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #646464; @@ -216,11 +221,11 @@ table.modlog tr th { #options_div { background-color: #000000; } - + .options_tab_icon { color: #c1b492; } - + .options_tab_icon.active { color: #d2738a; } diff --git a/stylesheets/ferus.css b/stylesheets/ferus.css index cdb724c1..94d66bfd 100644 --- a/stylesheets/ferus.css +++ b/stylesheets/ferus.css @@ -4,7 +4,7 @@ body { font-family: monospace; font-size: 11px; } -@font-face +@font-face { font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), @@ -41,7 +41,7 @@ a.post_no { color: #B332E6; text-decoration: none; } -span.quote +span.quote { color:#00ff00; } @@ -59,6 +59,11 @@ div.post.reply { div.post.reply.highlighted { background: transparent; border: #B332E6 2px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #646464; diff --git a/stylesheets/forest.css b/stylesheets/forest.css index dfc1bc58..ed54f8f3 100644 --- a/stylesheets/forest.css +++ b/stylesheets/forest.css @@ -1,7 +1,7 @@ /*cyberpunk mod of ferus by kalyx B332E6 = dark purp -293728 = teal +293728 = teal 59B451 = green FF46D2 = pink dark blue = 293728 @@ -19,13 +19,13 @@ div.boardlist{ } -@font-face +@font-face { font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), url('./fonts/tojcxo.TTF') format('truetype'); } - @font-face + @font-face { font-family: 'DejaVuSansMono'; src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); @@ -79,7 +79,7 @@ a:link, a:visited, p.intro a.email span.name -ms-transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color; } -input[type="text"], textarea +input[type="text"], textarea { -moz-transition: 0.15s border-color; -webkit-transition: 0.15s border-color; @@ -88,7 +88,7 @@ input[type="text"], textarea -ms-transition: 0.15s border-color; transition: 0.15s border-color; } -input[type="submit"] +input[type="submit"] { -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; @@ -112,7 +112,7 @@ a.post_no { color: #293728; text-decoration: none; } -span.quote +span.quote { color:#4CADA7; } @@ -131,6 +131,11 @@ div.post.reply { div.post.reply.highlighted { background: transparent; border: #293728 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #646464; diff --git a/stylesheets/futaba-light.css b/stylesheets/futaba-light.css index 19166adf..296ca053 100644 --- a/stylesheets/futaba-light.css +++ b/stylesheets/futaba-light.css @@ -34,6 +34,11 @@ div.post.reply { border: 0px; background: #FAE8D4; border: 1px solid #E2C5B1; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply.highlighted { background: #f0c0b0; @@ -62,7 +67,7 @@ div.pages { padding: 7px 5px; color: maroon; font-size: 12pt; - + background: none; border-width: 1px; border-style: inset; @@ -101,4 +106,3 @@ table.modlog tr th { #options_div, #alert_div { background: rgb(240, 224, 214); } - diff --git a/stylesheets/gentoochan.css b/stylesheets/gentoochan.css index 49fa8a77..85204d32 100644 --- a/stylesheets/gentoochan.css +++ b/stylesheets/gentoochan.css @@ -23,6 +23,14 @@ div.post.reply, input, textarea, select { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } + +@media (max-width: 48em) { + div.post.reply { + border-left-style: none; + border-right-style: none; + } +} + div.post.reply.post-hover { background: rgba(200, 200, 200, 0.85); } @@ -72,4 +80,3 @@ table.modlog tr th { #quick-reply table { background: #0E0E0E url(data:image/gif;base64,R0lGODlhGAAMAKEEAOXl5ebm5vDw8PHx8SH+EUNyZWF0ZWQgd2l0aCBHSU1QACwAAAAAGAAMAAACRpQiY6cLa146MyY1EJQKjG81lNGRUPOIkgMJHtquBgIO7xwvpbrpduUSuXq8ntEC0bBEylYitdDAdM1ViaobkgKgZwyDLAAAOw==) repeat 0 0 !important; } - diff --git a/stylesheets/gorby.css b/stylesheets/gorby.css index cacfc676..bc52f1c9 100644 --- a/stylesheets/gorby.css +++ b/stylesheets/gorby.css @@ -56,6 +56,10 @@ div.post.reply { border-top: none; border-radius: 5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); + + @media (max-width: 48em) { + border-left-style: none; + } } div.post.reply.highlighted { @@ -65,6 +69,10 @@ div.post.reply.highlighted { border-top: none; border-radius: 5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); + + @media (max-width: 48em) { + border-right-style: none; + } } div.post.reply div.body a { diff --git a/stylesheets/heavy_ice.css b/stylesheets/heavy_ice.css index b5ef39aa..c0403c40 100644 --- a/stylesheets/heavy_ice.css +++ b/stylesheets/heavy_ice.css @@ -164,6 +164,11 @@ div.post.reply.highlighted box-shadow: 3px 5px #5c8c8e; margin-left: auto; margin-right: auto; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { diff --git a/stylesheets/jungle.css b/stylesheets/jungle.css index a77573dc..7486c5a8 100644 --- a/stylesheets/jungle.css +++ b/stylesheets/jungle.css @@ -53,6 +53,10 @@ div.post.reply { border-top: none; border-radius: 5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); + + @media (max-width: 48em) { + border-right-style: none; + } } div.post.reply.highlighted { @@ -62,6 +66,10 @@ div.post.reply.highlighted { border-top: none; border-radius: 5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35); + + @media (max-width: 48em) { + border-right-style: none; + } } div.post.reply div.body a { diff --git a/stylesheets/kalyx_theme.css b/stylesheets/kalyx_theme.css index 71210cff..1a1ccfc2 100644 --- a/stylesheets/kalyx_theme.css +++ b/stylesheets/kalyx_theme.css @@ -2,27 +2,27 @@ * dark.css * Stolen from circlepuller who stole it from derpcat */ -body +body { background: #1E1E1E; color: #999999; font-family: sans-serif; font-size: 11px; - - + + } -span.quote +span.quote { color:#B8D962; } -@font-face +@font-face { font-family: 'lain'; src: url('./fonts/nrdyyh.woff') format('woff'), url('./fonts/tojcxo.TTF') format('truetype'); } -h1 +h1 { font-family: 'lain', tahoma; letter-spacing: -2px; @@ -30,20 +30,20 @@ h1 text-align: center; color: #32DD72; } -header div.subtitle +header div.subtitle { color: #32DD72; } -div.title +div.title { color: #32DD72; font-family: Arial, Helvetica, sans-serif; } -div.title p +div.title p { font-size: 10px; } -a:link, a:visited, p.intro a.email span.name +a:link, a:visited, p.intro a.email span.name { color: #CCCCCC; text-decoration: none; @@ -58,7 +58,7 @@ a:link, a:visited, p.intro a.email span.name -ms-transition: 0.15s text-shadow, 0.15s color; transition: 0.15s text-shadow, 0.15s color; } -input[type="text"], textarea +input[type="text"], textarea { -moz-transition: 0.15s border-color; -webkit-transition: 0.15s border-color; @@ -67,7 +67,7 @@ input[type="text"], textarea -ms-transition: 0.15s border-color; transition: 0.15s border-color; } -input[type="submit"] +input[type="submit"] { -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color; -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color; @@ -76,23 +76,23 @@ input[type="submit"] -ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color; transition: 0.15s border-color, 0.15s background-color, 0.15s color; } -a:link:hover, a:visited:hover +a:link:hover, a:visited:hover { color: #32DD72; font-family: sans-serif; text-decoration: none; text-shadow: 0px 0px 5px #fff; } -a.post_no +a.post_no { color: #AAA; text-decoration: none; } -p.intro a.post_no:hover +p.intro a.post_no:hover { color: #32DD72!important; } -div.post.reply +div.post.reply { background: #181818; border: #555555 0px solid; @@ -117,59 +117,64 @@ div.sidearrows display:none; } -div.post.reply.highlighted +div.post.reply.highlighted { background: #555; border: transparent 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } -div.post.reply div.body a:link, div.post.reply div.body a:visited +div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #CCCCCC; } -div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover +div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover { color: #32DD72; } -p.intro span.subject +p.intro span.subject { font-size: 12px; font-family: sans-serif; color: #446655; font-weight: 800; } -p.intro span.name +p.intro span.name { color: #32DD72; font-weight: 800; } -p.intro a.capcode, p.intro a.nametag +p.intro a.capcode, p.intro a.nametag { color: magenta; margin-left: 0; } -p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name +p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name { color: #32ddaf; } -input[type="text"], textarea, select +input[type="text"], textarea, select { background: #333333!important; color: #CCCCCC!important; border: #666666 1px solid!important; } -input[type="password"] +input[type="password"] { background: #333333!important; color: #CCCCCC!important; border: #666666 1px solid!important; } -form table tr th +form table tr th { background: #333333!important; color: #AAAAAA!important; border: #333333 1px solid!important;; } -div.banner +div.banner { background: #E04000; border: 1px solid hsl(17, 100%, 60%); @@ -180,31 +185,31 @@ div.banner margin-left: auto; margin-right: auto; } -div.banner a +div.banner a { color:#000; } -input[type="submit"] +input[type="submit"] { background: #333333; border: #666 1px solid; color: #CCCCCC; } -input[type="submit"]:hover +input[type="submit"]:hover { background: #555; border: #888 1px solid; color: #32DD72; } -input[type="text"]:focus, textarea:focus +input[type="text"]:focus, textarea:focus { border:#888 1px solid!important; } -p.fileinfo a:hover +p.fileinfo a:hover { text-decoration: underline; } -span.trip +span.trip { color: #AAA; } @@ -214,7 +219,7 @@ span.trip border-bottom: 0px solid #666; widh:100%; } -div.pages +div.pages { color: #AAA; background: #333; @@ -222,21 +227,21 @@ div.pages font-family: sans-serif; font-size: 10pt; } -div.pages a.selected +div.pages a.selected { color: #CCC; } -hr +hr { height: 0px; border: #333 1px solid; } -div.boardlist +div.boardlist { color: #999; } -div.ban +div.ban { background-color: #1e1e1e; border: 1px solid #555; @@ -245,7 +250,7 @@ div.ban border-radius: 2px; text-align: left!important; } -div.ban h2 +div.ban h2 { background: #333; color: #32DD72; @@ -253,17 +258,17 @@ div.ban h2 font-size: 12pt; border-bottom: 1px solid #555; } -div.ban h2:not(:nth-child(1)) +div.ban h2:not(:nth-child(1)) { border-top: 1px solid #555; } -table.modlog tr th +table.modlog tr th { background: #333; color: #AAA; } -div.report +div.report { color: #666; } @@ -276,7 +281,7 @@ div.report -ms-border-radius: 2px; border-radius: 2px; } -.blur +.blur { filter: blur(20px); -webkit-filter: blur(23px); @@ -287,17 +292,15 @@ div.report } /* options.js */ -#options_div +#options_div { background: #333333; } -.options_tab_icon +.options_tab_icon { color: #AAAAAA; } -.options_tab_icon.active +.options_tab_icon.active { color: #FFFFFF; } - - diff --git a/stylesheets/midnight.css b/stylesheets/midnight.css index 5cfe8060..339479ec 100644 --- a/stylesheets/midnight.css +++ b/stylesheets/midnight.css @@ -265,6 +265,11 @@ div.post.reply, background: #220022; border: #555555 1px solid; border-radius: 10px; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } .post.highlighted { @@ -275,6 +280,11 @@ div.post.reply, div.post.reply.highlighted { background: #3A003A; border: transparent 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } .post.highlighted { @@ -452,10 +462,10 @@ table.modlog tr th { /* leftypol edits */ -.bar, -.bar.top, -.bar.bottom, -div.boardlist, +.bar, +.bar.top, +.bar.bottom, +div.boardlist, div.boardlist:not(.bottom) { background-color: rgba(30%, 0%, 30%, 1.0); } diff --git a/stylesheets/mono.e.lain.css b/stylesheets/mono.e.lain.css index f09e93b9..de073f0c 100644 --- a/stylesheets/mono.e.lain.css +++ b/stylesheets/mono.e.lain.css @@ -215,6 +215,11 @@ margin-left: 10px; margin-top: 20px; border: double 3px #000; background-color: rgb(194, 194, 194); + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } /*unfucks highlighting replies and gives border/shadow*/ diff --git a/stylesheets/muted.css b/stylesheets/muted.css index c0d00ecb..bfd47e70 100644 --- a/stylesheets/muted.css +++ b/stylesheets/muted.css @@ -32,7 +32,7 @@ a:hover, header div.subtitle, h1 { color: #d93f42; - font-size: 20pt; + font-size: 20pt; font-family: "Open Sans", sans-serif; } header div.subtitle { @@ -48,7 +48,7 @@ p.intro { border-color: #cccccc; border-style: solid; border-width: 0.8px; - border-radius: 5px; + border-radius: 5px; } /* Replies */ /* Background color and border */ @@ -58,6 +58,11 @@ div.post.reply { border-style: solid; border-width: 0.8px; border-radius: 5px; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply.highlighted { background: #d5dada; @@ -65,6 +70,11 @@ div.post.reply.highlighted { border-style: solid; border-width: 0.8px; border-radius: 5px; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a { color: #477085; @@ -96,7 +106,7 @@ orangeText { background-color: #e9eced; border: 1px solid #cccccc; } -.thread.grid-li.grid-size-vsmall:hover, +.thread.grid-li.grid-size-vsmall:hover, .thread.grid-li.grid-size-small:hover, .thread.grid-li.grid-size-large:hover { background: #d5dada; @@ -194,7 +204,7 @@ span.heading { } /* Fix OP file bleeding out of the border*/ .post-image { - margin: 37px + margin: 37px } /* Quick reply */ /* Quick reply banner */ diff --git a/stylesheets/northboard_cb.css b/stylesheets/northboard_cb.css index b665c569..e1eedaf6 100644 --- a/stylesheets/northboard_cb.css +++ b/stylesheets/northboard_cb.css @@ -28,14 +28,22 @@ div.post.reply { background: #343439; border-color: #3070A9; border-top: 1px solid #3070A9; - border-left: 1px solid #3070A9; border-radius: 3px; padding: 0px; + + @media (min-width: 48em) { + border-left: 1px solid #3070A9; + } } div.post.reply.highlighted { background: #44444f; border: 3px dashed #3070a9; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a, .mentioned { @@ -220,30 +228,30 @@ span.heading { right: 1em !important; position: absolute !important; } - + #expand-all-images{ margin-top: 4em !important; } - + #treeview{ margin-top: 5em !important; } - + #shrink-all-images{ margin-top: 6em !important; } - + #expand-all-images + hr, #shrink-all-images + hr{ opacity: 0 !important; margin: 0 !important; } - + #treeview + hr{ opacity: 0 !important; clear: both !important; } - + #options_handler{ margin-top: 3em !important; } diff --git a/stylesheets/terminal2.css b/stylesheets/terminal2.css index d4d52847..9add30ea 100644 --- a/stylesheets/terminal2.css +++ b/stylesheets/terminal2.css @@ -48,6 +48,11 @@ div.post.reply.highlighted { background: transparent; border: transparent 1px dashed; border-color:#00FF00; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #00FF00; diff --git a/stylesheets/terminal_common.css b/stylesheets/terminal_common.css index c7f34f51..53d04ca2 100644 --- a/stylesheets/terminal_common.css +++ b/stylesheets/terminal_common.css @@ -69,6 +69,11 @@ div.post.reply { div.post.reply.highlighted { background: transparent; border: transparent 1px dotted; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } p.intro span.subject { font-size: 12px; diff --git a/stylesheets/test.css b/stylesheets/test.css index 162e9c26..6835b23f 100644 --- a/stylesheets/test.css +++ b/stylesheets/test.css @@ -132,6 +132,11 @@ line-height: 1.4; div.post.reply.highlighted { background: #555; border: transparent 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #CCCCCC; diff --git a/stylesheets/tsuki.css b/stylesheets/tsuki.css index bffa78c3..523bdb71 100644 --- a/stylesheets/tsuki.css +++ b/stylesheets/tsuki.css @@ -5,15 +5,15 @@ color change by kalyx @import url("/stylesheets/dark.css"); @font-face { - font-family: "DejaVuSansMono"; - src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); + font-family: "DejaVuSansMono"; + src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); } @font-face { - font-family: 'lain'; - src: url('./fonts/nrdyyh.woff') format('woff'), - url('./fonts/tojcxo.TTF') format('truetype'); + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); } /** * volafile.css fuck you @@ -22,15 +22,15 @@ color change by kalyx @import url("/stylesheets/dark.css"); @font-face { - font-family: "DejaVuSansMono"; - src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); + font-family: "DejaVuSansMono"; + src: url("/stylesheets/fonts/DejaVuSansMono.ttf") format("truetype"); } @font-face { - font-family: 'lain'; - src: url('./fonts/nrdyyh.woff') format('woff'), - url('./fonts/tojcxo.TTF') format('truetype'); + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/tojcxo.TTF') format('truetype'); } @@ -40,419 +40,419 @@ color change by kalyx } .hidden { - display:none; + display:none; } a,a:visited { - text-decoration: underline; - color: #34345C; + text-decoration: underline; + color: #34345C; } a:hover,.intro a.post_no:hover { - color: #ff0000; + color: #ff0000; } 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; + margin: 0; } .intro a.email span.name { - color: #34345C; + color: #34345C; } .intro a.email:hover span.name { - color: #ff0000; + color: #ff0000; } .intro label { - display: inline; + display: inline; } .intro time,p.intro a.ip-link,p.intro a.capcode { - direction: ltr; - unicode-bidi: embed; + direction: ltr; + unicode-bidi: embed; } h2 { - color: #AF0A0F; - font-size: 11pt; - margin: 0; - padding: 0; + color: #AF0A0F; + font-size: 11pt; + margin: 0; + padding: 0; } header { - margin: 1em 0; + margin: 1em 0; } h1 { - font-family: tahoma; - letter-spacing: -2px; - font-size: 20pt; - margin: 0; + font-family: tahoma; + letter-spacing: -2px; + font-size: 20pt; + margin: 0; } header div.subtitle,h1 { - color: #888; - text-align: center; + color: #888; + text-align: center; } header div.subtitle { - font-size: 16px; + font-size: 16px; } 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%; + border: 1px solid #a9a9a9; + text-indent: 0; + text-shadow: none; + text-transform: none; + word-spacing: normal; + max-width: 100%; } #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: 4px; + text-align: left; + padding: 4px; } form table tr th { - background: #98E; + background: #98E; } 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: 16px; + font-size: 16px; } .unimportant,.unimportant * { - font-size: 16px; + font-size: 16px; } .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: #E04000; - font-size: 16pt; - font-weight: bold; - text-align: center; - margin: 1em 0; + background-color: #E04000; + font-size: 16pt; + font-weight: bold; + text-align: center; + margin: 1em 0; } div.banner,div.banner a { - color: white; + color: white; } div.banner a:hover { - color: #EEF2FF; - text-decoration: none; + color: #EEF2FF; + text-decoration: none; } img.banner,img.board_image { - display: block; - border: 1px solid #a9a9a9; - margin: 12px auto 0 auto; + 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: #0F0C5D; - font-weight: bold; + color: #0F0C5D; + font-weight: bold; } .intro span.name { - color: #117743; - font-weight: bold; + color: #117743; + font-weight: bold; } .intro span.capcode,p.intro a.capcode,p.intro a.nametag { - color: #F00000; - margin-left: 0; + color: #F00000; + 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: #D6BAD0; + background: #D6BAD0; } div.post.reply div.body a { - color: #D00; + color: #D00; } div.post { - padding-left: 20px; + 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: #D6DAF0; - margin: 0.2em 4px; - padding: 0.2em 0.3em 0.5em 0.6em; - border-width: 1px; - border-style: none solid solid none; - border-color: #B7C5D9; - display: inline-block; - max-width: 94%!important; + background: #D6DAF0; + margin: 0.2em 4px; + padding: 0.2em 0.3em 0.5em 0.6em; + border-width: 1px; + border-style: none solid solid none; + border-color: #B7C5D9; + display: inline-block; + max-width: 94%!important; - @media (max-width: 48em) { - border-left-style: none; - border-right-style: none; - } + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } span.trip { - color: #228854; + color: #228854; } span.quote { - color: #789922; + color: #789922; } span.omitted { - display: block; - margin-top: 1em; + display: block; + margin-top: 1em; } br.clear { - clear: left; - display: block; + clear: left; + display: block; } div.controls { - float: right; - margin: 0; - padding: 0; - font-size: 80%; + float: right; + margin: 0; + padding: 0; + font-size: 80%; } div.controls.op { - float: none; - margin-left: 10px; + float: none; + margin-left: 10px; } div.controls a { - margin: 0; + margin: 0; } div#wrap { - width: 900px; - margin: 0 auto; + width: 900px; + margin: 0 auto; } div.ban { - background: white; - border: 1px solid #98E; - max-width: 700px; - margin: 30px auto; + background: white; + border: 1px solid #98E; + max-width: 700px; + margin: 30px auto; } div.ban p,div.ban h2 { - padding: 3px 7px; + padding: 3px 7px; } div.ban h2 { - background: #98E; - color: black; - font-size: 16pt; + background: #98E; + color: black; + font-size: 16pt; } div.ban p { - font-size: 16px; - margin-bottom: 12px; + font-size: 16px; + margin-bottom: 12px; } div.ban p.reason { - font-weight: bold; + font-weight: bold; } span.heading { - color: #AF0A0F; - font-size: 11pt; - font-weight: bold; + color: #AF0A0F; + font-size: 11pt; + font-weight: bold; } span.spoiler { - background: black; - color: black; - padding: 0 1px; + background: black; + color: black; + padding: 0 1px; } 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; + 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: 5px; + text-align: left; + padding: 5px; } table.test tr.h th { - background: #98E; + background: #98E; } table.test td img { - margin: 0; + margin: 0; } fieldset label { - display: block; + display: block; } div.pages { @@ -466,524 +466,524 @@ div.pages { } 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: black; - font-weight: bolder; + color: black; + 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-top: 1px solid #B7C5D9; - height: 0; - clear: left; + border: none; + border-top: 1px solid #B7C5D9; + height: 0; + clear: left; } 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: #98E; + background: #98E; } td.minimal,th.minimal { - width: 1%; - white-space: nowrap; + 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 #98e; + text-align: left; + padding: 5px; + border-bottom: 1px solid #98e; } table.mod.config-editor input[type="text"] { - width: 98%; + width: 98%; } .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: #D6DAF0; + 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: #D6DAF0; } .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; + display: inline-block; + text-indent: -9000px; + width: 7px; } .desktop-style .sub .sub:hover,.desktop-style .sub .sub.hover { - display: inline; - text-indent: 0; - background: inherit; + 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; } pre { - margin: 0; + margin: 0; } .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: #D6DAF0; - border-color: #B7C5D9; + background: #D6DAF0; + border-color: #B7C5D9; } .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 ul#Grid { + padding-left: 18px; + } - .theme-catalog div.thread { - width: auto; - margin-left: 0; - margin-right: 0; - } + .theme-catalog div.thread { + width: auto; + margin-left: 0; + margin-right: 0; + } - .theme-catalog div.threads { - overflow: hidden; - } + .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: #d6daf0; - border: 1px solid black; - display: inline-block; - position: relative; - margin-top: 20px; + background-color: #d6daf0; + 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: 16px; - overflow-y: auto; + padding: 10px; + position: absolute; + top: 0px; + bottom: 10px; + left: 101px; + right: 0px; + text-align: left; + font-size: 16px; + 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: "; } pre { /* Better code tags */ - max-width:inherit; - word-wrap:normal; - overflow:auto; - display: block!important; - font-size:9pt; - font-family:monospace; + max-width:inherit; + word-wrap:normal; + overflow:auto; + display: block!important; + font-size:9pt; + font-family:monospace; } span.pln { - color:grey; + color:grey; } @media screen and (min-width: 768px) { - .intro { - clear: none; - } + .intro { + clear: none; + } - div.post div.body { - clear: none; - } + div.post div.body { + clear: none; + } } .clearfix { @@ -1088,150 +1088,150 @@ div.boardlist a { /* 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: 16px; - position: relative; - margin-left: 5px; + display: inline-block; + vertical-align: bottom; + bottom: 16px; + 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; @@ -1243,80 +1243,80 @@ div.mix { } body { - background: #0A0C11 !important; + background: #0A0C11 !important; } fieldset { - margin: 10px 0 !important; + margin: 10px 0 !important; } legend { - background:#222 !important; - border:1px solid #888 !important; - color:#FFF !important; + background:#222 !important; + border:1px solid #888 !important; + color:#FFF !important; } h1 { - color: #FFF !important; - font-family: Heading !important; + color: #FFF !important; + font-family: Heading !important; } fieldset ul li a { - color: #FFF !important; + color: #FFF !important; } p.unimportant { - color: #888 !important; + color: #888 !important; } .ban { - background-color: #111 !important; - color: #AAA; + background-color: #111 !important; + color: #AAA; } .boardlinks { - text-align: center !important; + text-align: center !important; } #overlay { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: 1000; - background-repeat: all; - background-position: 0px 0px; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1000; + background-repeat: all; + background-position: 0px 0px; - animation-name: Static; - animation-duration: 0.5s; - animation-iteration-count: infinite; - animation-timing-function: steps(32); + animation-name: Static; + animation-duration: 0.5s; + animation-iteration-count: infinite; + animation-timing-function: steps(32); - box-shadow: inset 0px 0px 10em rgba(0,0,0,0.4); + box-shadow: inset 0px 0px 10em rgba(0,0,0,0.4); } @keyframes Static { - 0% { background-position: 0px 0px; } - 100% { background-position: 0px 32px; } + 0% { background-position: 0px 0px; } + 100% { background-position: 0px 32px; } } #overlay2 { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: 1000; - background-repeat: all; - background-position: 0px 0px; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 1000; + background-repeat: all; + background-position: 0px 0px; - animation-name: Static; - animation-duration: 0.2s; - animation-iteration-count: infinite; - animation-timing-function: steps(32); + animation-name: Static; + animation-duration: 0.2s; + animation-iteration-count: infinite; + animation-timing-function: steps(32); } body { @@ -1326,7 +1326,7 @@ body { font-size: 16px; } span.quote { - color:#B8D962; + color:#B8D962; } h1 { font-size: 20pt; @@ -1364,7 +1364,7 @@ div.post.reply { border: #555555 1px solid; box-shadow: 4px 4px #555; - @media (max-width: 48em) { + @media (max-width: 48em) { border-left-style: none; border-right-style: none; } @@ -1372,6 +1372,11 @@ div.post.reply { div.post.reply.highlighted { background: #555; border: transparent 1px solid; + + @media (max-width: 48em) { + border-left-style: none; + border-right-style: none; + } } div.post.reply div.body a:link, div.post.reply div.body a:visited { color: #CCCCCC; @@ -1431,7 +1436,7 @@ div.banner { font-size: 16px; } div.banner a { - color:#000; + color:#000; } input[type="submit"] { background: #333333; @@ -1444,7 +1449,7 @@ input[type="submit"]:hover { color: #32DD72; } input[type="text"]:focus { - border:#aaa 1px solid; + border:#aaa 1px solid; } p.fileinfo a:hover { text-decoration: underline; @@ -1453,9 +1458,9 @@ span.trip { color: #AAAAAA; } .bar.bottom { - bottom: 0px; - border-top: 1px solid #333333; - background-color: #666666; + bottom: 0px; + border-top: 1px solid #333333; + background-color: #666666; } div.pages { @@ -1474,7 +1479,7 @@ hr { } div.boardlist { color: #999999; - background-color: rgba(12%, 12%, 12%, 0.10); + background-color: rgba(12%, 12%, 12%, 0.10); } div.ban { @@ -1492,13 +1497,13 @@ table.modlog tr th { } .desktop-style div.boardlist:not(.bottom) { - text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px; - background-color: #666666; + text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px; + background-color: #666666; } .desktop-style div.boardlist:not(.bottom):hover, .desktop-style div.boardlist:not(.bottom).cb-menu { - background-color: rgba(30%, 30%, 30%, 0.65); + background-color: rgba(30%, 30%, 30%, 0.65); } div.report {