* { margin: 0; padding: 0; } body, td { font: 11px "Tahoma", "Arial", sans-serif; } body { $_bodybg$; color: $maintext$ } a { color: $link$; text-decoration: none; } a:hover { border-bottom: 1px dotted $maintext$; } table { border-collapse: collapse; } table td { vertical-align: top; padding: 3px; } img { border: none; } table tr.odd, table.stripe tbody tr:nth-child(odd):not(.nostripe) { background: url($_boxbg$) repeat; } #bgright { position: absolute; top: 0px; right: 0px; $_bgright$ } #header { position: absolute; top: 80px; left: 400px; } #header h1, #header h1 a { font-family: "Futura", "Century New Gothic", "Arial", Serif; font-size: 24px; font-style: italic; border: none!important; $_maintitle$ } #footer { margin: 15px auto 0 auto; text-align: center; color: $footer$; } #footer a { color: $footer$; text-decoration: underline; } #debug { position: fixed; left: 0; bottom: 0; background-color: #600; border-right: 1px solid #c00; border-top: 1px solid #c00; width: 200px; height: 50px; text-align: center; } #debug h2 { color: #f00!important; font-size: 20px; } #debug, #debug a { color: #fff!important; } /* Warning/Notice Box */ div.warning, div.notice { margin: 5px 10%; padding: 15px; background-color: $warnbg$; border: 1px solid $warnborder$; } 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; } /* dropdown box */ #dd_box { position: absolute; left: 0px; border: 1px solid $border$; background-color: $secbg$; z-index: 2 } #dd_box ul { list-style-type: none; margin: 0; padding: 0 } #dd_box li b { display: block; font-weight: normal; padding-left: 5px; } #dd_box li i { display: block; font-style: normal; padding-left: 10px; padding-right: 5px } #dd_box li a { display: block; padding-left: 10px; border: 0; padding-right: 5px } #dd_box li a:hover { background: url($_boxbg$) repeat } /* dropdown search */ #ds_box { position: absolute; top: 0; border: 1px solid $border$; border-top: none; background-color: $secbg$; cursor: pointer; z-index: 2 } #ds_box b { padding: 2px 0 0 10px; } #ds_box tr.selected { background: url($_boxbg$) repeat; } #ds_box table { width: 100%; } /* general text formatting */ 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; } p.description { margin: 10px 100px!important; } b.done { font-weight: normal; color: $statok$ } b.todo { font-weight: normal; color: $statnok$ } p.center { text-align: center; } b.future, b.standout, a.standout { font-weight: normal; color: $standout$; } .clearfloat { clear: both; height: 0; } .hidden { display: none!important } .linethrough { text-decoration: line-through } b.spoiler, b.spoiler a { color: #000!important; background-color: #000; font-weight: normal; } b.spoiler_shown { font-weight: normal } b.spoiler_shown a { color: $link$!important } #maincontent div.quote { padding: 1px 5px; margin: 0px 10px; color: $grayedout$; border: none; border-left: 1px dotted $border$; text-align: left; } pre { padding:1px 5px; margin: 5px 15px; border: 1px dotted $border$; border-right: none; border-left: 1px solid $border$; background: url($_boxbg$) repeat; overflow-x: auto; } /***** general form markup *****/ input.text, input.submit, select, textarea { background-color: $secbg$; color: $maintext$; border: 1px solid $secborder$; font: 12px "Tahoma", "Arial", sans-serif; margin: 1px; } form, fieldset { border: 0; display: block; } legend { display: none; } optgroup option { padding-left: 10px; font-style: normal; } 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 textarea { margin: 0 20px 5px 20px; } td.label, td.label label { width: 90px; } td.label label { display: block; } td.field label { margin: 0 5px 0 5px; } table.formtable { margin: 0 20px 20px 20px; } table.formtable td { padding: 0; } table.formtable tr.newfield td { padding-top: 5px; } table.formtable tr.newpart td { padding-top: 20px; font-weight: bold; } /***** menu *****/ #menulist a { color: $maintext$; text-decoration: none; } #menulist a:hover { border-bottom: 1px dotted $maintext$; } #menulist { position: absolute; left: 30px; top: 190px; width: 150px; } #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 #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; } #menulist p { text-align: center; } #menulist input.text { width: 100px; margin-left: 15px; } #menulist input.submit { width: 90px; margin-left: 20px; } #menulist #search input.text { width: 133px; margin: 0 0 3px 7px } #menulist #search input.submit { display: none; } #dd_box abbr { margin: 2px 5px 2px 0!important; } #menulist .notifyget { display: inline-block; width: 125px; padding: 4px; background: $warnbg$; border: 1px solid $warnborder$; } /***** main content *****/ #maincontent { position: absolute; top: 169px; left: 190px; right: 30px; margin: 0; padding-bottom: 50px!important; } .mainbox h1, .mainbox h2 { font-family: "Futura", "Century New Gothic", "Arial", Serif; font-weight: normal; font-size: 13px; } div.mainbox, table.mainbox td { border: 1px solid $border$; margin: 21px 0 -10px 0; padding: 5px; background: url($_boxbg$) repeat; } .mainbox h1 { color: $boxtitle$; font-size: 19px; 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; } 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 a.right { float: right; } .mainbox.threelayout ul { list-style-type: none; margin-left: 10px; } .mainbox.threelayout h1 a { color: $boxtitle$; } /***** main tabs *****/ ul.maintabs { display: inline; margin: 0; } ul.maintabs.notfirst { display: block; height: 20px } ul.maintabs li { display: inline; list-style-type: none } ul.maintabs li a, ul.maintabs li b { float: right; display: block; height: 14px; padding: 1px 7px 5px 7px; margin: 0 0 0 10px; } ul.maintabs li a { border: 1px solid $border$; border-bottom: none; background-color: $tabbg$; color: $grayedout$; } ul.maintabs.notfirst li a, ul.maintabs.notfirst li b { margin-top: 20px } ul.maintabs.bottom li a, ul.maintabs.bottom li b { margin-top: 10px; padding: 4px 7px 2px 7px } ul.maintabs.bottom li a { border-bottom: 1px solid $border$; border-top: none } ul.maintabs li.left a, ul.maintabs li.left b { float: left; margin-left: 0; margin-right: 10px } ul.maintabs li b { margin-left: -2px; margin-right: -7px } ul.maintabs li.left b { margin-left: -7px; margin-right: -2px } ul.maintabs li.tabselected a, ul.maintabs li a:hover { background-color: $_blendbg$; color: $maintext$; padding-bottom: 6px } ul.maintabs.bottom li.tabselected a, ul.maintabs.bottom li a:hover { padding-bottom: 2px; padding-top: 5px; margin-top: 9px } ul.maintabs.browsetabs li a { margin-left: 5px; color: $maintext$ } ul.maintabs.browsetabs li.left a { margin-left: 0; margin-right: 5px } /***** Homepage ******/ p.screenshots { text-align: center; margin-top: 10px; padding: 0; height: 105px; overflow: hidden } p.screenshots img { margin: 2px; } a.feed { float: right } /***** Browsing ******/ p.browseopts a { padding: 1px 3px; color: $maintext$; border: 1px solid $border$; margin: 0 2px; white-space: nowrap; } p.browseopts { text-align: center; padding: 2px; } p.browseopts a.optselected, p.browseopts a:hover { border: 0; padding: 2px 4px; } div.mainbox.browse { padding: 0; } div.mainbox.browse table { width: 100%; } div.mainbox.browse table td.tc1 { padding-left: 25px; } table thead td { font-weight: bold; background-color: $secbg$; } fieldset.search { display: block; width: 100%; text-align: center; margin: 0 0 10px 0; } fieldset.search .submit { padding: 0 1px; } p#searchtabs { height: 12px; padding-right: 70px; } p#searchtabs a { padding: 2px 6px 2px 6px; margin: 0 2px; color: $maintext$; } p#searchtabs a:hover, p#searchtabs a.sel { border: 1px solid $secborder$; border-bottom: none; padding: 1px 5px 2px 5px; background: $secbg$ url($_boxbg$) repeat; } #q { width: 600px } #bq { width: 300px } /* history browser */ 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.tc4 { overflow: hidden } div.history td.tc4 b { margin-left: 10px } /***** Discussions ******/ /* threads page */ #maincontent div.thread { padding: 0; } div.thread table { width: 100%; table-layout: fixed } div.thread td { border-bottom: 1px solid $border$; } div.thread td.tc1 { width: 150px; padding: 5px 10px; border-right: 1px solid $border$; } 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.edit { float: right; color: $grayedout$; font-style: normal; margin: -10px -10px 0 0; } /* threads browser */ div.mainbox.discussions td.tc4 { text-align: right; } 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.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 } div.postsearch td.tc1_2 { width: 25px; padding-left: 0 } div.postsearch td.tc2 { width: 65px; } div.postsearch td.tc3 { width: 90px; } h1.boxtitle, h1.boxtitle a { font-family: "Futura", "Century New Gothic", "Arial", Serif; font-weight: bold; font-style: italic; color: $grayedout$; font-size: 17px; margin: 20px 0 -20px 0; } /***** VN page *******/ 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 p { text-align: center; padding: 0px; margin: 0; } .vndesc h2 { margin: 5px 0 0 0; } .vndesc p { padding: 0 0 0 5px; } p#nsfw_hid { display: block; cursor: pointer; } div.vndetails table { float: left; width: 500px; } div.vndetails table td.key { width: 80px; } 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; } 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 } #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 } #tagops a.tsel { color: $maintext$; } .releases table, #screenshots table { width: 100%; } .releases tr.lang td, #screenshots tr.rel td { background: url($_boxbg$) repeat; font-weight: bold; } .releases td.tc1 { padding-left: 30px; width: 80px; } .releases td.tc2 { text-align: center; width: 50px; } .releases td.tc3 { text-align: right; padding: 0; width: 90px; } .releases td.tc5 { width: 70px; } .releases td.tc5 a { color: $maintext$; border: 0; } .releases td.tc6 { text-align: right; width: 25px; padding: 0; } #screenshots p.rel { background: url($_boxbg$) repeat; margin: 0; padding: 2px; font-weight: bold; text-align: center; } #screenshots a.scrlnk { margin: 2px; border: none } #screenshots div.scr { display: block; padding-left: 30px; text-align: center } #screenshots img { border: 3px solid transparent; } #screenshots a.nsfw img { border: 3px solid $statnok$; } #screenshots a:hover img { border: 3px solid $border$; } #screenshots #nsfwshown { font-style: normal } #screenshots p.nsfwtoggle { float: right; margin: 0; } .summarize_more { margin-top: 9px; margin-bottom: -10px; padding: 0; height: 15px; border: 1px solid $border$; border-top: none; background: url($_boxbg$) repeat; text-align: center } /***** Vote stats ****/ .votestats { width: 620px; margin: 0 auto; } .votegraph { float: left; margin-right: 20px } .votegraph td { padding: 0 2px; } .votegraph td.number { text-align: right } .votegraph td div { float: left; height: 14px; background-color: $border$; margin-right: 2px; padding: 0; } .votestats thead td { background: transparent; text-align: center; padding: 2px; } .votestats tfoot td { text-align: right } .votestats div { text-align: center; padding-top: 5px; } .recentvotes { width: 300px } .recentvotes thead tr td b { font-weight: normal; padding-left: 5px } /***** Polls ****/ .votebooth thead td { font-weight: normal; background: transparent; padding-bottom: 5px; } .votebooth tfoot td { padding-top: 5px } .votebooth td { vertical-align: middle; padding: 0 8px; } .votebooth { margin: 0 30px } .votebooth td.tc1 { padding-right: 20px } .votebooth td.tc2 { min-width: 220px } .votebooth td.tc2 div { margin: 2px; } .votebooth td.tc2 div.graph { float: left; height: 14px; background-color: $border$; padding: 0; } .votebooth td.tc3 { text-align: right; padding-right: 16px; } .votebooth .submit { width: 100px } .votebooth .option { margin-left: 8px } .votebooth .option.own { font-weight: bold } /***** VN edit *****/ #jt_box_vn_rel table { margin-bottom: 10px; } #jt_box_vn_rel h2 { margin: 0 0 3px 0px; } #jt_box_vn_rel td { padding: 1px 2px; vertical-align: middle; } #jt_box_vn_rel td.tc_vn { width: 300px; text-align: right } #jt_box_vn_rel td.tc_rel { width: 220px; white-space: nowrap } #jt_box_vn_rel td.tc_title { width: 200px; } #jt_box_vn_rel td.tc_add { width: 40px; text-align: right } #jt_box_vn_rel td.tc_vn input { width: 280px; } #jt_box_vn_rel td.tc_rel select { width: 130px; } #jt_box_vn_img div.img { float: left; height: 400px; padding-right: 20px; } #jt_box_vn_img h2 { margin: 0; } #jt_box_vn_scr table { width: 95% } #scr_table td { height: 108px; border-top: 1px solid #258; padding: 0; padding-right: 5px } #scr_table td.thumb { width: 136px; vertical-align: middle } #scr_table select { width: 400px; } div.scr_uploader { visibility: hidden; overflow: hidden; width: 1px; height: 1px; position: absolute; display: none; left: 0; top: 0; } /***** VN Release tab *****/ .releases_compare table { margin: 0 auto; } .releases_compare td { margin: 0 auto; border: 1px solid $border$; } .releases_compare td.bg { background: url($_boxbg$) repeat; } .releases_compare td.multi { vertical-align:middle; } .releases_compare .key { background: url($_boxbg$) repeat; } /****** VN browse ********/ .vnbrowse thead .tc_s { padding-left: 30px } .vnbrowse .tc_s { width: 65px } .vnbrowse .tc2 { text-align: right; padding: 0; } .vnbrowse .tc3 { padding: 0; } .vnbrowse .tc5 { text-align: right; padding-right: 10px } .vnbrowse .tc6 { width: 80px } .vnbrowse .tc7 { text-align: right; width: 8px } .vnbrowse .tc8 { width: 8px } /***** Producer page/list *******/ #prodrel { width: 100%; } #prodrel tr.vn td { background: url($_boxbg$) repeat; font-weight: bold; } #prodrel tr.vn i, #prodrel tr.vn span { display: none } #prodrel.collapse tr.vn td { padding: 1px; background: none; font-weight: normal } #prodrel.collapse tr.vn i { font-style: normal; display: block; float: left; width: 80px; padding: 0 0 0 40px; } #prodrel.collapse tr.vn span { display: inline; font-weight: normal; color: $grayedout$; padding: 0 0 0 5px } #prodrel.collapse tr.rel { display: none } #prodrel td.tc1 { width: 80px; padding-left: 30px; } #prodrel td.tc2 { width: 50px; text-align: center; } #prodrel td.tc3 { width: 120px; text-align: right; padding: 0; } #prodrel td.tc5 { width: 120px; color: $grayedout$; } #prodrel td.tc6 { width: 25px; text-align: right; padding: 0; } #expandprodrel { float: right; font-weight: bold; padding-bottom: 2px; border: none } div.producerbrowse { padding-bottom: 10px } .producerbrowse ul { float: left; margin-top: -5px; margin-left: 3%; width: 28%; } .producerbrowse ul li { list-style-type: none; } .producerbrowse ul li abbr { margin-right: 5px; margin-top: 1px; } /***** Producer edit *****/ #jt_box_pedit_rel table { margin-bottom: 10px; } #jt_box_pedit_rel h2 { margin: 0 0 3px 0px; } #jt_box_pedit_rel td { padding: 1px 2px; vertical-align: middle; } #jt_box_pedit_rel td.tc_prod { width: 290px; padding-left: 10px } #jt_box_pedit_rel td.tc_add { width: 40px; text-align: left } #jt_box_pedit_rel td.tc_prod input { width: 280px; } #jt_box_pedit_rel td.tc_rel select { width: 130px; } /***** Release page *****/ .release table { width: 400px; margin: 0 auto; } .release .key { width: 70px; } /* Release edit */ .platforms { padding-left: 20px; } .platforms span { display: block; float: left; width: 150px; } #jt_box_rel_format h2 { clear: left; padding-top: 10px; } #media_div select.qty { width: 90px; } #media_div select.medium { width: 150px } #media_div { padding-left: 20px; } #media_div span { display: block } #jt_box_rel_vn h2, #jt_box_rel_prod h2 { clear: left; padding-top: 10px; } #jt_box_rel_vn div, #jt_box_rel_vn table, #jt_box_rel_prod div, #jt_box_rel_prod table { margin-left: 20px } #jt_box_rel_vn input, #jt_box_rel_prod input { margin-right: 10px; width: 295px } #jt_box_rel_vn .tc_title, #jt_box_rel_prod .tc_name { width: 310px; padding: 2px } #jt_box_rel_prod .tc_role select { width: 100px; margin-right: 10px; } /***** Release browser *****/ .relbrowse .tc1 { width: 80px } .relbrowse .tc2 { width: 60px; text-align: center; } .relbrowse .tc3 { width: 85px; text-align: right; padding: 0; } /***** Char page (also used on VN page) *****/ div.chardetails { margin: 0 auto; width: 800px; } div.charimg { float: left; width: 250px; margin: 0 10px; text-align: center } 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.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 } #charops a.sel { color: $maintext$; } #charops a.sec { border-left: 1px solid $border$; padding-left: 10px } /***** Char edit *****/ #jt_box_chare_img div.img { float: left; height: 300px; padding-right: 20px; } #jt_box_chare_img h2 { margin: 0; } #jt_box_chare_traits table { margin-bottom: 10px; margin-left: 10px; } #jt_box_chare_traits h2 { margin: 0 0 3px 0px; } #jt_box_chare_traits td.tc_name { width: 200px } #jt_box_chare_traits td.tc_name input { width: 280px; } #jt_box_chare_traits td.tc_spoil { width: 80px; } #jt_box_chare_vns table { margin-bottom: 10px; margin-left: 10px; } #jt_box_chare_vns h2 { margin: 0 0 3px 0px; } #jt_box_chare_vns td.tc_vn { font-weight: bold; padding: 5px 0 3px 0 } #jt_box_chare_vns td.tc_vn i { font-weight: normal; padding-left: 5px; font-style: normal } #jt_box_chare_vns td.tc_rel { width: 340px; padding-left: 15px } #jt_box_chare_vns td.tc_rel select { width: 340px; } #jt_box_chare_vns td.tc_rol, #jt_box_chare_vns td.tc_rol select { width: 150px } #jt_box_chare_vns td.tc_spl, #jt_box_chare_vns td.tc_spl select { width: 100px } #jt_box_chare_vns td.tc_del { padding-left: 5px } #jt_box_chare_vns td.tc_vnadd input { width: 280px } /***** Char browse *****/ div.charb table { table-layout: fixed } div.charb td { white-space: nowrap } div.charb td.tc1 { text-align: right; width: 40px; padding-left: 0!important; padding-bottom: 0 } div.charb td.tc2 { overflow: hidden } div.charb td.tc2 b { margin-left: 10px } div.charb td.tc2 b a { color: $grayedout$!important } /***** Staff browse *****/ div.staffbrowse { padding-bottom: 10px } .staffbrowse ul { float: left; margin-top: -5px; margin-left: 3%; width: 28%; } .staffbrowse ul li { list-style-type: none; margin-bottom: 2px; } .staffbrowse ul li abbr { margin-right: 5px; margin-top: 1px; } .staffpage table.stripe { width: 400px; margin: 0 auto; } .staffpage .key { width: 70px; } .staffroles td.tc2 { white-space: nowrap; width: 80px } .staffroles td.tc3 { white-space: nowrap; width: 100px } .staffroles td.tc4 { white-space: nowrap; padding-right: 10px } table.aliases td { padding: 0 5px; } table.aliases td.key { padding: 0 5px 0 0; width: auto } /***** Staff display on VN pages *****/ div.staff ul { list-style: none; margin: 5px 15px; float: left; min-width: 300px } div.staff li b.grayedout { margin-left: 10px } div.charsum_list { text-align: center } div.charsum_list .name { white-space: nowrap; } div.charsum_list .name a { font-weight: bold } div.charsum_list .name i { float: right } div.charsum_list .actor { border-top: 1px solid $border$; padding-top: 3px } div.charsum_list .actor b.grayedout { margin-left: 10px } div.charsum_list .charsum_bubble { background: url($_boxbg$) repeat; display: inline-block; text-align: left; vertical-align: top; width: 300px; margin: 3px; padding: 3px 10px; } /***** Staff edit *****/ #jt_box_vn_cast #cast_import { clear: right; float: right; } #jt_box_vn_cast table, #jt_box_vn_staff table { margin-bottom: 10px; margin-left: 20px } #jt_box_vn_cast h2, #jt_box_vn_staff h2 { margin: 0 0 3px 0px; } #jt_box_vn_cast td, #jt_box_vn_staff td, #jt_box_staffe_geninfo table#names td { padding: 1px 2px; vertical-align: middle; } #jt_box_staffe_geninfo table#names tr#alias_new td { padding-top: 8px } #jt_box_vn_cast td.tc_role, #jt_box_vn_cast td.tc_role select, #jt_box_vn_staff td.tc_role, #jt_box_vn_staff td.tc_role select { width: 120px } #jt_box_vn_cast td.tc_staff, #jt_box_vn_staff td.tc_staff, #jt_box_staffe_geninfo td.tc_name, #jt_box_staffe_geninfo td.tc_original { width: 200px } #jt_box_vn_cast td.tc_staff input, #jt_box_vn_staff td.tc_staff input, #jt_box_staffe_geninfo td.tc_name input, #jt_box_staffe_geninfo td.tc_original input { width: 200px } #jt_box_vn_cast td.tc_note, #jt_box_vn_cast td.tc_note input, #jt_box_vn_staff td.tc_note, #jt_box_vn_staff td.tc_note input { width: 250px } #jt_box_vn_cast td.tc_add, #jt_box_vn_staff td.tc_add, #jt_box_staffe_geninfo td.tc_add { width: 40px; text-align: left } /***** Documentation pages *****/ .docs { padding: 0 15% 20px 15%; } .docs h3 { margin-top: 30px; font-size: 14px } .docs h4 { margin-top: 15px; font-size: 12px } .docs dd { padding-bottom: 5px; margin-left: 120px; } .docs dt { float: left } .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 .retired { text-decoration: line-through; } .docs dt b { color: $grayedout$; font-weight: normal; font-style: normal; font-size: 12px; } /* vote lists */ div.votelist td.tc1 { width: 80px; padding-top: 0; padding-bottom: 0 } div.votelist td.tc2 { width: 50px; text-align: right; padding-right: 10px } /***** Wishlist browser ******/ .wishlist .tc1 { padding-top: 0; padding-bottom: 0; } .wishlist tfoot td { padding: 0 0 0 25px } /***** User VN list browser ******/ #expandall, .collapse_but { cursor: pointer } .browse.rlist .tc1 { width: 16px; padding-bottom: 0 } .browse.rlist .tc2 { width: 16px; padding-bottom: 0 } .browse.rlist .tc3 { width: 60px } .browse.rlist .tc3_5 b { margin-left: 10px } .browse.rlist .tc4 { width: 60px; text-align: right; padding-top: 0; padding-bottom: 0 } .browse.rlist .tc6 { width: 100px } .browse.rlist .tc7 { width: 90px } .browse.rlist .tc8 { width: 70px } .browse.rlist tfoot select { width: 200px } .browse.rlist .relhid .tc6 { padding-left: 15px; width: auto } /***** User notifications *****/ .browse.notifies td.tc1 { width: 14px } .browse.notifies td.tc3 { width: 90px } .browse.notifies td.tc4 { width: 60px } .browse.notifies tbody td.tc5 { color: $grayedout$; cursor: pointer } .browse.notifies td.tc5 i { font-style: normal; color: $maintext$ } .browse.notifies .unread td { font-weight: bold } .browse.notifies tfoot td { padding: 0 0 0 25px } /***** Userpage *****/ .userpage table { width: 400px; margin: 0 auto; } .userpage .key { width: 70px; } /***** User posts browser ****/ div.uposts table { table-layout: fixed } div.uposts td { white-space: nowrap } div.uposts td.tc1 { width: 60px; padding-left: 0!important; padding-right: 0; text-align: right } div.uposts td.tc2 { width: 25px; padding-left: 0 } div.uposts td.tc3 { width: 65px; } div.uposts td.tc4 { overflow: hidden } div.uposts td.tc4 b { margin-left: 10px } /***** Tag page *****/ .tagtree { margin-left: 20px; margin-top: -20px; list-style-type: none; } .tagtree li { float: left; width: 200px; margin-top: 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 .tc3 { text-align: right; padding: 0; } .tagvnlist .tc4 { padding: 0; } .tagvnlist .tc6 { text-align: right; padding-right: 10px; } /***** Tag/trait list (/g/list, /i/list) *****/ .browse.taglist .tc1 { width: 80px } /***** Tag links *****/ .browse.taglinks .tc1 { width: 70px } .browse.taglinks .tc3 { width: 90px } .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 } /***** VN tagmod *****/ #jt_box_tagmod .formtable table td { padding: 1px 5px } table.tgl tfoot td { padding-top: 20px!important; } table.tgl .tc_you { border-right: 1px solid $border$; border-left: 1px solid $border$; width: 150px; text-align: center } table.tgl .tc_others { border-left: 1px solid $border$; width: 150px; text-align: center } table.tgl .tc_tagname { min-width: 200px; border-right: 1px solid $border$ } table.tgl tbody .tc_tagname { padding-left: 15px!important } 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_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.taglvl { border: none; width: 10px; height: 14px } a.taglvl:hover { border-bottom: 1px solid transparent } .taglvlsel.taglvl-3 { background-color: #f00; border-color: #f00 } .taglvlsel.taglvl-2 { background-color: #f40; border-color: #f40 } .taglvlsel.taglvl-1 { background-color: #f80; border-color: #f80 } .taglvlsel.taglvl1 { background-color: #cf0; border-color: #cf0 } .taglvlsel.taglvl2 { background-color: #8f0; border-color: #8f0 } .taglvlsel.taglvl3 { background-color: #0f0; border-color: #0f0 } /****** Revision information ******/ div.revision div.rev, div.revision table { border: 1px solid $border$; margin: 0 auto; width: 90%; background-color: $secbg$; clear: both; } div.revision { padding-bottom: 10px; } div.revision table thead tr td { background-color: transparent!important; text-align: center; font-weight: normal; } div.revision table td { border-right: 1px solid $border$; padding: 5px; } div.revision td.tcval { width: 44%; } div.revision div.rev { padding: 5px; text-align: center; } .diff_add { font-weight: normal; background-color: $diffadd$; } .diff_del { font-weight: normal; background-color: $diffdel$; } div.revision .next { float: right; margin-right: 5%; } div.revision .prev { float: left; margin-left: 5%; } div.revision .item { text-align: center; } /****** Image Viewer *****/ div#iv_view { position: absolute; top: 0px; left: 0px; background: url($_boxbg$) repeat; border: 1px solid $border$; padding: 5px; text-align: center; } #iv_view a { border: 0; font-weight: bold; font-size: 12px } #iv_view img { cursor: pointer } #ivclose { float: right; padding-left: 10px } #ivnext { padding-left: 5px; } #ivprev { padding-right: 5px; } #ivfull { float: left; padding-right: 10px; } #ivimgload { position: absolute; display: block; left: 0; top: 0; width: 100px; padding: 3px; background-color: #f5f5f5; /* no real need to skin this */ text-align: center; border: 1px solid #ccc; color: #000; } /****** filter selector *****/ .fil_div { position: absolute; top: 0px; left: 0px; background: $tabbg$; border: 1px solid $border$; padding: 5px; width: 600px; text-align: center; } .fil_div a.close { float: right; border: 0; font-weight: bold } .fil_div p.browseopts { padding: 2px 20px; line-height: 23px } .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 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 } .fil_div table td.check { width: 15px } .fil_div label.active { font-weight: bold } .fil_div .opts a { border: 0; outline: none } .fil_div .opts b { margin: 0 7px; font-weight: normal } .fil_div .opts a.tsel { color: $maintext$; } .fil_div table ul { margin: 0 0 0 15px } .fil_div .slider p { margin: 1px; } .fil_div .slider div { margin: 1px; border: 1px solid $secborder$; float: left; height: 12px; } .fil_div .slider div div { border-top: none; border-bottom: none; cursor: default; position: relative; height: 10px; margin: 1px; } .fil_div .slider span { margin-left: 5px } p.filselect { text-align: center; display: block; margin: 10px auto 3px auto; border: none; outline: none; } p.filselect a { margin: 0 5px } p.filselect i { font-style: normal } /****** Icons *******/ .icons { background: url(/f/icons.png?$version$) no-repeat; width: 16px; height: 14px; margin: 0 2px 0 0; margin-top: 0px!important; overflow: hidden; display:-moz-inline-stack; display: inline-block; padding: 0; border: 0; text-decoration: none; } .icons.lang { width: 13px; height: 11px } .icons.feed { width: 12px; height: 12px } .icons.gen { width: 14px; height: 14px } .icons.gen.b { width: 28px } .icons.rtcomplete, .icons.rtpartial, .icons.rttrial { width: 11px; } abbr.icons, abbr.uicons { cursor: default; } a .icons { cursor: pointer } .icons.oth { background: none; } $iconcss$ /* Relation graph colors */ svg .border { fill: none; stroke: $border$ } svg .edge polygon.border { fill: $border$ } svg .nodebg { fill: $tabbg$; stroke: $tabbg$ } svg text { fill: $maintext$ } svg .edge text { font: 8px "Tahoma", "Arial", sans-serif } #graph_current .border { stroke: $warnborder$ } #graph_current .nodebg { stroke: $warnborder$; fill: $warnbg$ }