Browse Source

Update navbar styling

pull/40/head
Simon McFarlane 9 years ago
committed by root
parent
commit
7909881491
  1. 15
      stylesheets/cyberpunk.css
  2. 4
      stylesheets/dark.css
  3. 8
      stylesheets/fauux.css
  4. 7
      stylesheets/forest.css
  5. 8
      stylesheets/jungle.css
  6. 8
      stylesheets/miku.css
  7. 5
      stylesheets/poison.css
  8. 58
      stylesheets/style.css
  9. 16
      stylesheets/terminal_purple.css
  10. 8
      stylesheets/volafile.css
  11. 7
      stylesheets/yotsuba.css

15
stylesheets/cyberpunk.css

@ -14,6 +14,21 @@ body {
font-size: 11px; font-size: 11px;
/*text-shadow: 0px 0px 3px #FF46D2;*/ /*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-face
{ {
font-family: 'lain'; font-family: 'lain';

4
stylesheets/dark.css

@ -189,6 +189,10 @@ span.trip
.bar .bar
{ {
background: #333!important; 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 .bar.top
{ {

8
stylesheets/fauux.css

@ -12,6 +12,14 @@ body {
font-family: monospace; font-family: monospace;
font-size: 11px; 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-face
{ {
font-family: 'lain'; font-family: 'lain';

7
stylesheets/forest.css

@ -25,6 +25,13 @@ body {
font-family: 'DejaVuSansMono'; font-family: 'DejaVuSansMono';
src: url('./fonts/DejaVuSansMono.ttf') format('truetype'); 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 { h1 {
font-family: DejaVuSansMono, Arial; font-family: DejaVuSansMono, Arial;
font-size: 18pt; font-size: 18pt;

8
stylesheets/jungle.css

@ -10,6 +10,14 @@ background-attachment: scroll, scroll;
font-family: serif; font-family: serif;
font-size: 16px; 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 { div.title h1 {
font-size: 24px; font-size: 24px;
} }

8
stylesheets/miku.css

@ -5,7 +5,13 @@
body { body {
background: #D2FFEE url('img/fade-miku.png') top repeat-x; 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 { a:link, a:visited {
text-decoration: none; text-decoration: none;
color: #00637B; color: #00637B;

5
stylesheets/poison.css

@ -21,6 +21,11 @@ body
color: #D794F2; color: #D794F2;
font-size: 12px; font-size: 12px;
} }
.bar
{
background-color: #29202D!important;
border-color: #29202D!important;
}
.boardlist .boardlist
{ {
text-shadow: none!important; text-shadow: none!important;

58
stylesheets/style.css

@ -9,6 +9,7 @@ body {
font-size: 10pt; font-size: 10pt;
margin: 0px; margin: 0px;
padding: 44px 5px; padding: 44px 5px;
max-width: 100%!important;
} }
img[alt="mascot"] { img[alt="mascot"] {
display: block; display: block;
@ -172,10 +173,15 @@ header div.subtitle {
p.fileinfo { p.fileinfo {
display: block; display: block;
margin: 0 0 0px 0px; margin: 0 0 0px 0px;
white-space: normal!important;
}
.fileinfo :not(a) {
word-wrap: break-word;
} }
div.post p.fileinfo { div.post p.fileinfo {
padding-left: 5px; padding-left: 5px;
} }
div.banner { div.banner {
background-color: #E04000; background-color: #E04000;
border: 1px solid #E04000; border: 1px solid #E04000;
@ -210,6 +216,10 @@ div.post img.post-image {
padding-left: 0; padding-left: 0;
margin: 4px 10px 0 0; margin: 4px 10px 0 0;
} }
.multifile img.post-image {
margin-left: 0px;
margin-top: 0px;
}
div.post.reply img.post-image { div.post.reply img.post-image {
margin-left: 19px; margin-left: 19px;
} }
@ -273,12 +283,13 @@ div.postcontainer
{ {
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
max-width: 100%!important;
} }
div.post.reply p { div.post.reply p {
margin: 3px 0 0 0; margin: 3px 0 0 0;
} }
div.post.reply p.fileinfo { div.post.reply p.fileinfo {
margin-left: -3.5px; margin-left: 13px;
} }
div.post.reply div.body { div.post.reply div.body {
margin-left:19px; margin-left:19px;
@ -294,13 +305,16 @@ div.post.reply.highlighted {
} }
div.post.reply div.body a { div.post.reply div.body a {
color: #D00; color: #D00;
word-wrap: break-word;
word-break: break-all;
white-space: pre-wrap;
} }
div.post div.body { div.post div.body {
white-space: pre-wrap; /* css-3 */ white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; word-wrap: normal;
margin-left: 19px; margin-left: 19px;
} }
div.sidearrows { div.sidearrows {
@ -317,8 +331,8 @@ div.post.reply {
border-width: 1px; border-width: 1px;
border-style: none solid solid none; border-style: none solid solid none;
border-color: #B7C5D9; border-color: #B7C5D9;
max-width: 94%;
display: inline-block; display: inline-block;
max-width: 97%!important;
} }
span.trip { span.trip {
color: #228854; color: #228854;
@ -402,32 +416,30 @@ fieldset label {
display: block; display: block;
} }
.bar { .bar {
-moz-box-shadow: 0 0 40px #000000; -moz-box-shadow: 0 0 40px #d1d5ee;
-webkit-box-shadow: 0 0 40px #000000; -webkit-box-shadow: 0 0 40px #d1d5ee;
box-shadow: 0 0 40px #000000; box-shadow: 0 0 40px #d1d5ee;
} display: table;
.bar.top {
width: 100%;
left: 0px;
text-align: center;
position: fixed; position: fixed;
top: 0px; width: 100%;
left: 0px;
z-index: 3; z-index: 3;
display: table;
background-color: #D6DAF0; background-color: #D6DAF0;
border-bottom: 1px solid #B7C5D9; border-color: #B7C5D9;
} }
.bar > :not(script) { .bar > :not(script) {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
} }
.bar.top {
text-align: center;
top: 0px;
border-bottom: 1px solid #B7C5D9;
}
.bar.bottom { .bar.bottom {
width: 100%;
background-color: #D6DAF0;
position: fixed;
bottom: 0px; bottom: 0px;
left: 0px; border-top: 1px solid #B7C5D9;
display: table;
} }
div.pages, div.boardlist { div.pages, div.boardlist {
padding: 2px 0px 3px 5px; padding: 2px 0px 3px 5px;

16
stylesheets/terminal_purple.css

@ -47,3 +47,19 @@ div.post.reply, div.post.reply.highlighted
border-bottom: #8725EC 1px dashed; 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;
}

8
stylesheets/volafile.css

@ -12,6 +12,14 @@ body
background: #395168; background: #395168;
color: #E0E0E0; 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 .boardlist
{ {
text-shadow: none!important; text-shadow: none!important;

7
stylesheets/yotsuba.css

@ -43,9 +43,12 @@ div.ban {
div.ban p { div.ban p {
color: black; color: black;
} }
.topbar { .bar {
background-color: #F0E0D6; 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 { div.pages {
background: #F0E0D6; background: #F0E0D6;

Loading…
Cancel
Save