diff --git a/stylesheets/style.css b/stylesheets/style.css index d1544e8c..2514d8bd 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -9,7 +9,7 @@ body { } .hidden { - display:none; + display: none; } a,a:visited { @@ -432,13 +432,13 @@ fieldset label { } div.pages { - color: #89A; - background: #D6DAF0; - display: inline-block; - padding: 8px; - margin: 8px 0 4px 0; - border-right: 1px solid #B7C5D9; - border-bottom: 1px solid #B7C5D9; + color: #89A; + background: #D6DAF0; + display: inline-block; + padding: 8px; + margin: 8px 0 4px 0; + border-right: 1px solid #B7C5D9; + border-bottom: 1px solid #B7C5D9; } div.pages.top { @@ -968,8 +968,6 @@ pre { border: 1px solid; } - - #alert_div { width: 500px; } @@ -1070,19 +1068,18 @@ pre { pre { /* Better code tags */ - max-width:inherit; - word-wrap:normal; - overflow:auto; + max-width: inherit; + word-wrap: normal; + overflow: auto; display: block!important; - font-size:9pt; - font-family:monospace; + font-size: 9pt; + font-family: monospace; } span.pln { - color:grey; + coflor: grey; } - @media screen and (min-width: 768px) { .intro { clear: none; @@ -1094,38 +1091,37 @@ span.pln { } .clearfix { - display: block; - clear: both; - visibility: hidden; - overflow: hidden; - - font-size: 0px; - line-height: 0px; - - box-sizing: border-box; - border: none; - height: 0; - margin: 0; - padding: 0; - width: 100%; - zoom: 1; + display: block; + clear: both; + visibility: hidden; + overflow: hidden; + font-size: 0px; + line-height: 0px; + box-sizing: border-box; + border: none; + height: 0; + margin: 0; + padding: 0; + width: 100%; + zoom: 1; } /* === SPECIFIC PAGES & FEATURES === */ /* Board List */ div.boardlist { - margin-top: 3px; - - color: #89A; - font-size: 9pt; + margin-top: 3px; + color: #89A; + font-size: 9pt; } + div.boardlist.bottom { - margin-top: 12px; - clear: both; + margin-top: 12px; + clear: both; } + div.boardlist a { - text-decoration: none; + text-decoration: none; } /* Index Footer */ @@ -1140,66 +1136,63 @@ div.boardlist a { /* Threads */ /* Thread Footer */ #thread-interactions { - margin: 8px 0; - clear: both; + margin: 8px 0; + clear: both; } -.thread-links { +#thread-links { + float: left; } -.thread-links > a { - padding-left: none; - padding-right: 10px; + +#thread-links > a { + padding-left: none; + padding-right: 10px; } + #thread-quick-reply { - display: none; - position: absolute; - left: 50%; - right: 50%; - text-align: center; - width: 100px; - margin-left: -50px; + display: none; + position: absolute; + left: 50%; + right: 50%; + text-align: center; + width: 100px; + margin-left: -50px; } + #thread_stats { - float: right; + float: right; } #post-moderation-fields { - float: right; - text-align: right; -} -#delete-fields { -} -#report-fields { + float: right; + text-align: right; } - - /* threadwatcher */ - #watchlist { - display: none; - max-height: 250px; - overflow: auto; - border: 1px solid; - border-style: none solid solid none; - width: 50%; - margin: 0 auto; - margin-bottom: 10px; + display: none; + max-height: 250px; + overflow: auto; + border: 1px solid; + border-style: none solid solid none; + width: 50%; + margin: 0 auto; + margin-bottom: 10px; } .watchlist-inner, .watchlist-controls { - margin: 0 auto; - margin-top: 10px; - margin-bottom: 10px; - text-align: center; + margin: 0 auto; + margin-top: 10px; + margin-bottom: 10px; + text-align: center; } #watchlist-toggle, .watchThread, .watchlist-remove, #clearList, #clearGhosts { - cursor: pointer; + cursor: pointer; } #youtube-size input { - width: 50px; + width: 50px; } /* File selector */ @@ -1215,9 +1208,11 @@ div.boardlist a { background-color: rgba(200, 200, 200, 0.5); overflow-y: auto; } + .dropzone-wrap { width: 100%; } + .dropzone .file-hint { color: rgba(0, 0, 0, 0.5); cursor: pointer; @@ -1228,22 +1223,27 @@ div.boardlist a { 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); } + .dropzone.dragover { background-color: rgba(200, 200, 200, 1); } + .dropzone .file-thumbs { text-align: left; width: 100%; } + .dropzone .tmb-container { padding: 3px; overflow-x: hidden; white-space: nowrap; } + .dropzone .file-tmb { height: 40px; width: 70px; @@ -1254,11 +1254,13 @@ div.boardlist a { background-size: cover; background-position: center; } + .dropzone .file-tmb span { font-weight: 600; position: relative; top: 13px; } + .dropzone .tmb-filename { display: inline-block; vertical-align: bottom; @@ -1266,6 +1268,7 @@ div.boardlist a { position: relative; margin-left: 5px; } + .dropzone .remove-btn { cursor: pointer; color: rgba(125, 125, 125, 0.5); @@ -1276,6 +1279,7 @@ div.boardlist a { margin-right: 5px; font-size: 20px } + .dropzone .remove-btn:hover { color: rgba(125, 125, 125, 1); } @@ -1291,6 +1295,7 @@ table.fileboard th, table.fileboard td { padding: 2px; text-align: center; } + table.fileboard .intro a { margin-left: 0px; } @@ -1305,6 +1310,7 @@ table.fileboard .intro a { background-color: rgba(0, 0, 0, 0.4); overflow: auto; } + #gallery_toolbar { position: absolute; right: 12%; @@ -1314,13 +1320,16 @@ table.fileboard .intro a { background-color: rgba(0, 0, 0, 0.4); text-align: right; } + #gallery_images img { width: 100%; } + #gallery_toolbar a { font-size: 28px; padding-right: 5px; } + #gallery_main { position: absolute; left: 0px; @@ -1335,25 +1344,30 @@ table.fileboard .intro a { -webkit-transition: all 0.5s; transition: all 0.5s; } + #gallery_images img:hover, #gallery_images img.active { 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; } + #gallery_main img, #gallery_main video { max-width: 100%; max-height: 100%; position: absolute; } + .own_post { font-style: italic; font-weight: normal; opacity: .666; } + div.mix { display: inline-block; }