diff options
author | Yorhel <git@yorhel.nl> | 2018-06-23 12:07:56 +0200 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2018-06-23 12:11:02 +0200 |
commit | 14517ba2caaef7146044454b6dd2ce00e809261a (patch) | |
tree | 3e0bf23f0901cdad220a3c6a31b74ded477b23fb | |
parent | 3071ea55b4b434ca88ad5274565215aa80e400c1 (diff) |
CSS: Increase font size a bit
I'm sure this breaks styling of a few things, I'll adjust those as I
find them.
-rw-r--r-- | data/style.css | 65 |
1 files changed, 32 insertions, 33 deletions
diff --git a/data/style.css b/data/style.css index 1c4afa39..3db76296 100644 --- a/data/style.css +++ b/data/style.css @@ -1,5 +1,5 @@ * { margin: 0; padding: 0; } -body, td { font: 11px "Tahoma", "Arial", sans-serif; } +body, td { font: 12px "Tahoma", "Arial", sans-serif; } body { $_bodybg$; color: $maintext$ } a { color: $link$; text-decoration: none; } a:hover { border-bottom: 1px dotted $maintext$; } @@ -44,7 +44,7 @@ div.warning, div.notice { margin: 5px 10%; padding: 15px; background-color div.notice { background-color: $noticebg$; border: 1px solid $noticeborder$; } div.warning ul, div.notice ul { margin-left: 0; } div.warning li, div.notice li { margin-left: 20px; } -div.warning h2, div.notice h2 { font-size: 11px; font-weight: bold; margin: 0; } +div.warning h2, div.notice h2 { font-size: 12px; font-weight: bold; margin: 0; } /* dropdown box */ #dd_box { position: absolute; left: 0px; border: 1px solid $border$; background-color: $secbg$; z-index: 2 } @@ -76,7 +76,7 @@ ul, ol { margin-left: 35px; } p.locked { float: right; color: $standout$; font-style: italic; margin: 0!important; } b.grayedout { font-weight: normal; color: $grayedout$ } i.grayedout { font-style: normal; color: $grayedout$ } -#maincontent h2 b { font: 11px "Tahoma", "Arial", sans-serif; font-weight: normal; } +#maincontent h2 b { font: 12px "Tahoma", "Arial", sans-serif; font-weight: normal; } p.description { margin: 10px 100px!important; } b.done { font-weight: normal; color: $statok$ } b.todo { font-weight: normal; color: $statnok$ } @@ -118,7 +118,7 @@ input.text, input.submit, select, textarea { background-color: $secbg$; color: $maintext$; border: 1px solid $secborder$; - font: 12px "Tahoma", "Arial", sans-serif; + font: 13px "Tahoma", "Arial", sans-serif; margin: 1px; } form, fieldset { border: 0; display: block; } @@ -128,9 +128,9 @@ input.submit { background: url($_boxbg$) repeat; padding: 1px; } input.text, select { width: 200px; } fieldset.submit { width: 100%; text-align: center; margin: 5px; } fieldset.submit input { width: 150px; } -fieldset.submit h2 { font-size: 11px!important; } +fieldset.submit h2 { font-size: 12px!important; } fieldset.submit textarea { margin: 0 20px 5px 20px; } -td.label, td.label label { width: 90px; } +td.label, td.label label { width: 110px; } td.label label { display: block; } td.field label { margin: 0 5px 0 5px; } table.formtable { margin: 0 20px 20px 20px; } @@ -150,7 +150,7 @@ table.formtable tr.newpart td { padding-top: 20px; font-weight: bold; } #menulist div.menubox { margin: 0 0 10px 0; border: 1px solid $border$; background: url($_boxbg$) repeat; } #menulist div.menubox div { padding: 2px 7px; } #menulist h2 { border-bottom: 1px solid $border$; background: url($_boxbg$) repeat; padding: 1px 3px; } -#menulist h2, #menulist h2 a { font-size: 11px; color: $maintext$; } +#menulist h2, #menulist h2 a { font-size: 12px; color: $maintext$; } #menulist h2 #lang_select { float: right; padding-top: 1px; } #menulist dt { display: block; float: left; width: 93px; font-style: italic; } #menulist dd { width: 40px; float: left; text-align: right; } @@ -178,7 +178,7 @@ table.formtable tr.newpart td { padding-top: 20px; font-weight: bold; } .mainbox h1, .mainbox h2 { font-family: "Futura", "Century New Gothic", "Arial", Serif; font-weight: normal; - font-size: 13px; + font-size: 14px; } div.mainbox, table.mainbox td { border: 1px solid $border$; @@ -186,18 +186,18 @@ div.mainbox, table.mainbox td { padding: 5px; background: url($_boxbg$) repeat; } -.mainbox h1 { color: $boxtitle$; font-size: 19px; margin: -5px 0 15px 0; } +.mainbox h1 { color: $boxtitle$; font-size: 21px; margin: -5px 0 15px 0; } .mainbox h2.alttitle { color: $alttitle$; margin: -17px 0 15px 15px; font-weight: normal; } .mainbox p { margin: 3px 20px; } .mainbox div p, .mainbox table p { margin: 0; } -.mainbox h2 { font-weight: bold; font-size: 14px; margin: 10px 0 0 5px; } +.mainbox h2 { font-weight: bold; font-size: 16px; margin: 10px 0 0 5px; } a.addnew, p.addnew { float: right; margin: 0 } .mainbox.threelayout { border-collapse: separate; border-spacing: 10px; margin: 10px -10px -20px -10px; min-width: 100%; } .mainbox.threelayout td { width: 32%; padding: 0 2px 10px 2px; } -.mainbox.threelayout h1 { margin: 0; font-size: 14px; font-weight: bold; } -.mainbox.threelayout h2 { font-size: 12px; margin-top: 3px; } +.mainbox.threelayout h1 { margin: 0; font-size: 16px; font-weight: bold; } +.mainbox.threelayout h2 { font-size: 14px; margin-top: 3px; } .mainbox.threelayout a.right { float: right; } .mainbox.threelayout ul { list-style-type: none; margin-left: 10px; } .mainbox.threelayout h1 a { color: $boxtitle$; } @@ -287,10 +287,10 @@ p#searchtabs a:hover, p#searchtabs a.sel { div.history table { table-layout: fixed } div.history td { white-space: nowrap } -div.history td.tc1_1 { width: 60px; padding-left: 0; padding-right: 0; text-align: right } -div.history td.tc1_2 { width: 25px; padding-left: 0 } -div.history td.tc2 { width: 120px } -div.history td.tc3 { width: 90px } +div.history td.tc1_1 { width: 70px; padding-left: 0; padding-right: 0; text-align: right } +div.history td.tc1_2 { width: 30px; padding-left: 0 } +div.history td.tc2 { width: 130px } +div.history td.tc3 { width: 100px } div.history td.tc4 { overflow: hidden } div.history td.tc4 b { margin-left: 10px } @@ -307,7 +307,7 @@ div.thread td.tc1 { width: 150px; padding: 5px 10px; border-right: 1px so div.thread td.tc2 { padding: 10px 20px 10px 10px; } div.thread tr.deleted td { padding: 1px 10px; } div.thread i.deleted { font-style: normal; color: $grayedout$; } -div.thread i.lastmod { float: right; font-size: 10px; color: $grayedout$; margin: 0 -10px -5px 0; } +div.thread i.lastmod { float: right; font-size: 11px; color: $grayedout$; margin: 0 -10px -5px 0; } div.thread i.edit { float: right; color: $grayedout$; font-style: normal; margin: -10px -10px 0 0; } /* threads browser */ @@ -316,7 +316,7 @@ div.mainbox.discussions a.locked { text-decoration: line-through; } div.mainbox.discussions b.boards { padding-left: 10px; font-weight: normal; } div.mainbox.discussions b.boards a { color: $grayedout$; } div.discussions td.tc2 { width: 50px; } -div.discussions td.tc3 { width: 90px; } +div.discussions td.tc3 { width: 100px; } div.discussions td.tc4 { width: 210px; } div.discussions .pollflag { color: $grayedout$; padding-right: 6px; } div.postsearch td.tc1_1 { width: 60px; padding-left: 0; padding-right: 0; text-align: right } @@ -339,7 +339,7 @@ h1.boxtitle, h1.boxtitle a { div.vndetails { margin: 0 auto; max-width: 770px; } div.vnimg { float: left; width: 250px; margin: 0 10px; } -div.vnimg i { display: block; width: 100%; text-align: center; font-size: 10px; } +div.vnimg i { display: block; width: 100%; text-align: center; font-size: 11px; } div.vnimg p { text-align: center; padding: 0px; margin: 0; } .vndesc h2 { margin: 5px 0 0 0; } .vndesc p { padding: 0 0 0 5px; } @@ -350,13 +350,13 @@ div.vndetails table dt { float: left; font-style: italic; } div.vndetails table dd { margin-left: 90px; } div.vndetails td.relations dt { float: none; font-style: normal; } div.vndetails td.relations dd { margin-left: 15px; } -div.vndetails td.anime b { font-size: 8px; font-weight: normal; padding-right: 4px; } +div.vndetails td.anime b { font-size: 10px; font-weight: normal; padding-right: 4px; } tr#buynow .pricenote { border: 0 } div#vntags { margin: 15px 30px 0 30px; border-top: 1px solid $border$; padding: 1px 5% 0 5%; text-align: center; } #vntags span { white-space: nowrap; margin-left: 15px; } -#vntags b { color: $grayedout$; font-weight: normal; font-size: 8px } +#vntags b { color: $grayedout$; font-weight: normal; font-size: 10px } #tagops { float: right; text-align: right; width: auto; margin: 0 30px; } #tagops a { margin: 0 0 0 10px; border: 0; outline: none } #tagops a.sec { border-left: 1px solid $border$; padding-left: 10px } @@ -400,7 +400,7 @@ div#vntags { margin: 15px 30px 0 30px; border-top: 1px solid /***** Vote stats ****/ -.votestats { width: 620px; margin: 0 auto; } +.votestats { width: 630px; margin: 0 auto; } .votegraph { float: left; margin-right: 20px } .votegraph td { padding: 0 2px; } .votegraph td.number { text-align: right } @@ -552,7 +552,7 @@ div.charimg p { text-align: center; padding: 0px; margin: 0; } .chardesc h2 { margin: 0; } .chardesc p { padding: 0 0 0 5px; } div.chardetails table { float: left; width: 530px; } -div.chardetails table td.key { width: 80px; } +div.chardetails table td.key { width: 100px; } div.chardetails.charsep { padding-top: 5px; margin-top: 5px; border-top: 1px solid $border$ } #charops { clear: right; float: right; } #charops a { margin: 0 0 0 10px; border: 0; outline: none } @@ -625,7 +625,7 @@ div.charsum_list .charsum_bubble { display: inline-block; text-align: left; vertical-align: top; - width: 300px; + width: 320px; margin: 3px; padding: 3px 10px; } @@ -665,8 +665,8 @@ div.charsum_list .charsum_bubble { /***** Documentation pages *****/ .docs { padding: 0 15% 20px 15%; line-height: 1.4 } -.docs h3 { margin: 30px 0 5px; font-size: 14px } -.docs h4 { margin-top: 15px; font-size: 12px } +.docs h3 { margin: 30px 0 5px; font-size: 16px } +.docs h4 { margin-top: 15px; font-size: 14px } .docs dd { margin: 5px 0 5px 120px } .docs dt { float: left } .docs ul, .docs ol { margin: 5px 0 5px 20px } @@ -681,7 +681,6 @@ div.charsum_list .charsum_bubble { .docs ul.index { display: block; float: right; width: 150px; padding: 2px; margin: 0 0 10px 5px; background: url($_boxbg$) repeat; border: 1px solid $border$; } .docs ul.index li { list-style-type: none; } .docs ul.index li a { margin: 0 0 0 10px; } -.docs dt b { color: $grayedout$; font-weight: normal; font-style: normal; font-size: 12px; } .docs img { margin: 5px } @@ -751,7 +750,7 @@ div.uposts td.tc4 b { margin-left: 10px } .tagtree li li { float: none; width: auto; margin-top: 0; } .tagtree ul { margin-left: 10px; list-style-type: none; } .tagvnlist .tc1 { width: 105px; } -.tagvnlist .tc1 i { font-style: normal; font-size: 8px } +.tagvnlist .tc1 i { font-style: normal; font-size: 10px } .tagvnlist .tc3 { text-align: right; padding: 0; } .tagvnlist .tc4 { padding: 0; } .tagvnlist .tc6 { text-align: right; padding-right: 10px; } @@ -769,7 +768,7 @@ div.uposts td.tc4 b { margin-left: 10px } .browse.taglinks .tc3 { width: 90px } .browse.taglinks .ignored .taglvl.taglvlsel { background-color: #222 } .browse.taglinks .ignored .taglvl.taglvl0 { color: $grayedout$!important } -.browse.taglinks .setfil { font-size: 8px; padding-right: 3px } +.browse.taglinks .setfil { font-size: 10px; padding-right: 3px } /***** VN tagmod *****/ @@ -784,12 +783,12 @@ table.tgl .tc_myvote { padding-left: 30px!important } table.tgl .tc_myover { padding: 0!important } table.tgl .tc_myspoil { border-right: 1px solid $border$; padding-right: 30px!important; text-align: right; padding-left: 10px!important; cursor: pointer } table.tgl .tc_allvote { padding-left: 30px!important; } -table.tgl .tc_allvote i { font-style: normal; font-size: 8px } +table.tgl .tc_allvote i { font-style: normal; font-size: 10px } table.tgl .tc_allspoil { text-align: right; padding-right: 15px!important; } table.tgl .tagmod_cat td { font-weight: bold } .taglvl { display: block; float: left; width: 8px; height: 12px; border: 1px solid $border$; font-size: 1px; color: $maintext$!important } .taglvl0 { width: 15px; border: none; font-size: 10px; text-align: center; } -div.taglvl0 { font-size: 8px; width: 20px!important } +div.taglvl0 { font-size: 10px; width: 20px!important } div.taglvl { border: none; width: 10px; height: 14px } a.taglvl:hover { border-bottom: 1px solid transparent } .taglvlsel.taglvl-3 { background-color: #f00; border-color: #f00 } @@ -835,7 +834,7 @@ div#iv_view { padding: 5px; text-align: center; } -#iv_view a { border: 0; font-weight: bold; font-size: 12px } +#iv_view a { border: 0; font-weight: bold; font-size: 14px } #iv_view img { cursor: pointer } #ivclose { float: right; padding-left: 10px } #ivnext { padding-left: 5px; } @@ -873,7 +872,7 @@ div#iv_view { .fil_div .browseopts a { outline: none; color: $maintext$ } .fil_div .browseopts a.active { font-weight: bold } .fil_div b.ruler { display: block; margin: auto; width: 93%; height: 1px; border-bottom: 1px solid $border$; margin-bottom: 5px } -.fil_div h3 { width: 100%; text-align: center; font-size: 11px } +.fil_div h3 { width: 100%; text-align: center; font-size: 12px } .fil_div table { width: 93%; text-align: left; margin: 0 auto 5px auto } .fil_div table td.label label { width: 120px } .fil_div table td.label b { display: block; font-weight: normal; padding: 10px 5px 0 0 } |