diff --git a/stylesheets/cyberpunk.css b/stylesheets/cyberpunk.css index 2e907966..9286de3f 100755 --- a/stylesheets/cyberpunk.css +++ b/stylesheets/cyberpunk.css @@ -14,6 +14,21 @@ body { font-size: 11px; /*text-shadow: 0px 0px 3px #FF46D2;*/ } +.bar +{ + background-color: #0C0001; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.bar.top +{ + border-bottom: 2px solid #3CC!important; +} +.bar.bottom +{ + border-top: 2px solid #3CC!important; +} @font-face { font-family: 'lain'; diff --git a/stylesheets/dark.css b/stylesheets/dark.css index 86c6a584..e9b6515d 100755 --- a/stylesheets/dark.css +++ b/stylesheets/dark.css @@ -189,6 +189,10 @@ span.trip .bar { background: #333!important; + -moz-box-shadow: 0 0 40px #000; + -webkit-box-shadow: 0 0 40px #000; + box-shadow: 0 0 40px #000; + } .bar.top { diff --git a/stylesheets/fauux.css b/stylesheets/fauux.css index 5d5b7f59..0f9719c7 100644 --- a/stylesheets/fauux.css +++ b/stylesheets/fauux.css @@ -12,6 +12,14 @@ body { font-family: monospace; font-size: 11px; } +.bar +{ + background-color: #000; + border-color: #D2738A!important; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} @font-face { font-family: 'lain'; diff --git a/stylesheets/forest.css b/stylesheets/forest.css index d6de96fb..69a638d9 100644 --- a/stylesheets/forest.css +++ b/stylesheets/forest.css @@ -25,6 +25,13 @@ body { font-family: 'DejaVuSansMono'; src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); } +.bar { + -moz-box-shadow: 0 0 40px #293728; + -webkit-box-shadow: 0 0 40px #293728; + box-shadow: 0 0 40px #293728; + background-color: #131C13; + border-color: #293728!important; +} h1 { font-family: DejaVuSansMono, Arial; font-size: 18pt; diff --git a/stylesheets/jungle.css b/stylesheets/jungle.css index bffd9422..f08aa685 100644 --- a/stylesheets/jungle.css +++ b/stylesheets/jungle.css @@ -10,6 +10,14 @@ background-attachment: scroll, scroll; font-family: serif; font-size: 16px; } +.bar +{ + border-color: #E5D959!important; + background-image: url('img/jungle_td.png'); + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} div.title h1 { font-size: 24px; } diff --git a/stylesheets/miku.css b/stylesheets/miku.css index b9428176..6ee16aec 100644 --- a/stylesheets/miku.css +++ b/stylesheets/miku.css @@ -5,7 +5,13 @@ body { background: #D2FFEE url('img/fade-miku.png') top repeat-x; } - +.bar { + -moz-box-shadow: 0 0 40px #95d9e1; + -webkit-box-shadow: 0 0 40px #95d9e1; + box-shadow: 0 0 40px #95d9e1; + background: #B6DDDE; + border-color: #8FCCCD; +} a:link, a:visited { text-decoration: none; color: #00637B; diff --git a/stylesheets/poison.css b/stylesheets/poison.css index 327a3efb..c64831a1 100644 --- a/stylesheets/poison.css +++ b/stylesheets/poison.css @@ -21,6 +21,11 @@ body color: #D794F2; font-size: 12px; } +.bar +{ + background-color: #29202D!important; + border-color: #29202D!important; +} .boardlist { text-shadow: none!important; diff --git a/stylesheets/style.css b/stylesheets/style.css index 804d5d08..b492c24c 100755 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -9,6 +9,7 @@ body { font-size: 10pt; margin: 0px; padding: 44px 5px; + max-width: 100%!important; } img[alt="mascot"] { display: block; @@ -172,10 +173,15 @@ header div.subtitle { p.fileinfo { display: block; margin: 0 0 0px 0px; + white-space: normal!important; +} +.fileinfo :not(a) { + word-wrap: break-word; } div.post p.fileinfo { padding-left: 5px; } + div.banner { background-color: #E04000; border: 1px solid #E04000; @@ -210,6 +216,10 @@ div.post img.post-image { padding-left: 0; margin: 4px 10px 0 0; } +.multifile img.post-image { + margin-left: 0px; + margin-top: 0px; +} div.post.reply img.post-image { margin-left: 19px; } @@ -273,12 +283,13 @@ div.postcontainer { display: inline-block; white-space: nowrap; + max-width: 100%!important; } div.post.reply p { margin: 3px 0 0 0; } div.post.reply p.fileinfo { - margin-left: -3.5px; + margin-left: 13px; } div.post.reply div.body { margin-left:19px; @@ -294,13 +305,16 @@ div.post.reply.highlighted { } div.post.reply div.body a { color: #D00; + word-wrap: break-word; + word-break: break-all; + white-space: pre-wrap; } div.post div.body { - white-space: pre-wrap; /* css-3 */ - white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ - white-space: -pre-wrap; /* Opera 4-6 */ - white-space: -o-pre-wrap; /* Opera 7 */ - word-wrap: break-word; + white-space: pre-wrap; /* css-3 */ + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: normal; margin-left: 19px; } div.sidearrows { @@ -317,8 +331,8 @@ div.post.reply { border-width: 1px; border-style: none solid solid none; border-color: #B7C5D9; - max-width: 94%; display: inline-block; + max-width: 97%!important; } span.trip { color: #228854; @@ -402,32 +416,30 @@ fieldset label { display: block; } .bar { - -moz-box-shadow: 0 0 40px #000000; --webkit-box-shadow: 0 0 40px #000000; -box-shadow: 0 0 40px #000000; -} -.bar.top { - width: 100%; - left: 0px; - text-align: center; + -moz-box-shadow: 0 0 40px #d1d5ee; + -webkit-box-shadow: 0 0 40px #d1d5ee; + box-shadow: 0 0 40px #d1d5ee; + display: table; position: fixed; - top: 0px; + width: 100%; + left: 0px; z-index: 3; - display: table; background-color: #D6DAF0; - border-bottom: 1px solid #B7C5D9; + border-color: #B7C5D9; } .bar > :not(script) { display: table-cell; vertical-align: middle; } +.bar.top { + text-align: center; + top: 0px; + border-bottom: 1px solid #B7C5D9; +} + .bar.bottom { - width: 100%; - background-color: #D6DAF0; - position: fixed; bottom: 0px; - left: 0px; - display: table; + border-top: 1px solid #B7C5D9; } div.pages, div.boardlist { padding: 2px 0px 3px 5px; diff --git a/stylesheets/terminal_purple.css b/stylesheets/terminal_purple.css index 4caa942a..432ce6b8 100755 --- a/stylesheets/terminal_purple.css +++ b/stylesheets/terminal_purple.css @@ -47,3 +47,19 @@ div.post.reply, div.post.reply.highlighted border-bottom: #8725EC 1px dashed; } +.bar +{ + border-color: #8725EC !important; + background-color: black; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.bar.top +{ + border-bottom-style: dotted; +} +.bar.bottom +{ + border-top-style: dotted; +} diff --git a/stylesheets/volafile.css b/stylesheets/volafile.css index 2475f544..8b7296ed 100755 --- a/stylesheets/volafile.css +++ b/stylesheets/volafile.css @@ -12,6 +12,14 @@ body background: #395168; color: #E0E0E0; } +.bar +{ + -moz-box-shadow: 0 0 40px #435D78; + -webkit-box-shadow: 0 0 40px #435D78; + box-shadow: 0 0 40px #435D78; + background-color: #435D78!important; + border-color: #486582!important; +} .boardlist { text-shadow: none!important; diff --git a/stylesheets/yotsuba.css b/stylesheets/yotsuba.css index aebadf7e..ef3389f3 100644 --- a/stylesheets/yotsuba.css +++ b/stylesheets/yotsuba.css @@ -43,9 +43,12 @@ div.ban { div.ban p { color: black; } -.topbar { +.bar { background-color: #F0E0D6; - border-bottom: 1px solid #D9BFB7; + border-color: #D9BFB7!important; + -moz-box-shadow: 0 0 40px #fed6af; + -webkit-box-shadow: 0 0 40px #fed6af; + box-shadow: 0 0 40px #fed6af; } div.pages { background: #F0E0D6;