diff options
author | Yorhel <git@yorhel.nl> | 2008-12-29 13:42:58 +0100 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2008-12-29 13:42:58 +0100 |
commit | 3c1b01ec2ba0328f74aa7269bae8015cf1faf531 (patch) | |
tree | 32be3bc4696399abf14e09f1f8f78f38f92509dc /static | |
parent | 1ef9db32e893669cc5da7b69b371ef051008b989 (diff) | |
parent | f000aaf69e345bae4fc5581e5028463c85cfdafb (diff) |
Merge branch 'beta'2.1
Diffstat (limited to 'static')
-rw-r--r-- | static/f/boxbg.png | bin | 83 -> 0 bytes | |||
-rw-r--r-- | static/f/forms.js | 26 | ||||
-rw-r--r-- | static/f/script.js | 83 | ||||
-rw-r--r-- | static/f/style.css | 1108 | ||||
-rw-r--r-- | static/s/angel/bg.jpg (renamed from static/f/bg.jpg) | bin | 36419 -> 36419 bytes | |||
-rw-r--r-- | static/s/angel/bgright.jpg (renamed from static/f/bgright.jpg) | bin | 4366 -> 4366 bytes | |||
-rw-r--r-- | static/s/angel/conf | 39 | ||||
-rw-r--r-- | static/s/grey/bg.jpg | bin | 0 -> 33434 bytes | |||
-rw-r--r-- | static/s/grey/bgright.jpg | bin | 0 -> 3062 bytes | |||
-rw-r--r-- | static/s/grey/conf | 39 | ||||
-rw-r--r-- | static/s/lb/bg.jpg | bin | 0 -> 37246 bytes | |||
-rw-r--r-- | static/s/lb/conf | 39 |
12 files changed, 217 insertions, 1117 deletions
diff --git a/static/f/boxbg.png b/static/f/boxbg.png Binary files differdeleted file mode 100644 index 43b546b5..00000000 --- a/static/f/boxbg.png +++ /dev/null diff --git a/static/f/forms.js b/static/f/forms.js index 2408dd2e..cd65058d 100644 --- a/static/f/forms.js +++ b/static/f/forms.js @@ -75,12 +75,7 @@ function catLoad() { } function catSet(id, rnk) { - // doesn't work very nice with skins... - var c = rnk == 0 ? '' : - rnk == 1 ? '#0c0' : - rnk == 2 ? '#cc0' : '#c00'; - x('b_'+id).style.color = c; - x('cat_'+id).style.color = c; + x('cat_'+id).className = 'catlvl_'+rnk; x('b_'+id).innerHTML = rnk; } @@ -97,8 +92,11 @@ function catSet(id, rnk) { function dsInit(obj, url, trfunc, serfunc, retfunc) { obj.onkeydown = dsKeyDown; obj.onblur = function() { - if(x('ds_box')) - x('ds_box').style.top = '-500px'; + // timeout to make sure the tr.onclick event is called before we've hidden the object + setTimeout(function () { + if(x('ds_box')) + x('ds_box').style.top = '-500px'; + }, 500) }; // all local data is stored in the DOM input object obj.returnFunc = retfunc; @@ -228,6 +226,18 @@ function dsResults(hr, obj) { tr.itemData = l[i]; if(obj.selectedId == id) tr.setAttribute('class', 'selected'); + tr.onmouseover = function() { + obj.selectedId = this.id.substr(7); + var l = x('ds_box').getElementsByTagName('tr'); + for(var i=0;i<l.length;i++) + l[i].className = l[i].id == 'ds_box_'+obj.selectedId ? 'selected' : ''; + }; + tr.onclick = function() { + obj.value = obj.serFunc(this.itemData); + if(x('ds_box')) + x('ds_box').style.top = '-500px'; + obj.selectedId = 0; + }; obj.trFunc(l[i], tr); tb.appendChild(tr); } diff --git a/static/f/script.js b/static/f/script.js index 8ff2fe7f..68d40f75 100644 --- a/static/f/script.js +++ b/static/f/script.js @@ -15,6 +15,10 @@ clearInterval(t);f()}},10);window.onload=f;} + + +/* A D V A N C E D S E A R C H */ + function searchInit() { cl('advselect', function() { var e = x('advoptions'); @@ -184,6 +188,66 @@ function ivClose() { + +/* V N L I S T D R O P D O W N */ + +var rstat = [ 'Unknown', 'Pending', 'Obtained', 'On loan', 'Deleted' ]; +var vstat = [ 'Unknown', 'Playing', 'Finished', 'Stalled', 'Dropped' ]; +function vlDropDown(e) { + e = e || window.event; + var tg = e.target || e.srcElement; + while(tg && (tg.nodeType == 3 || tg.nodeName.toLowerCase() != 'a')) + tg = tg.parentNode; + + var o = x('vldd'); + if(!o && (!tg || tg.id.substr(0,6) != 'rlsel_')) + return; + + if(o) { + var mouseX = e.pageX || (e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft); + var mouseY = e.pageY || (e.clientY + document.body.scrollTop + document.documentElement.scrollTop); + if((mouseX < ddx-5 || mouseX > ddx+o.offsetWidth+100 || mouseY < ddy-5 || mouseY > ddy+o.offsetHeight+5) + || (tg && tg.id.substr(0,6) == 'rlsel_' && tg.id != 'rlsel_'+o.relId)) { + document.body.removeChild(o); + o = null; + } + } + if(!o && tg) { + o = tg; + ddx = ddy = 0; + do { + ddx += o.offsetLeft; + ddy += o.offsetTop; + } while(o = o.offsetParent); + ddx -= 185; + + var cu = '/r'+tg.id.substr(6)+'/list?e='; + var st = tg.innerHTML.split(' / '); + var r = '<ul><li><b>Release status</b></li>'; + for(var i=0;i<rstat.length;i++) + r += st[0] && st[0].indexOf(rstat[i]) >= 0 ? '<li><i>'+rstat[i]+'</i></li>' : '<li><a href="'+cu+'r'+i+'">'+rstat[i]+'</a></li>'; + r += '</ul><ul><li><b>Play status</b></li>'; + for(var i=0;i<vstat.length;i++) + r += st[1] && st[1].indexOf(vstat[i]) >= 0 ? '<li><i>'+vstat[i]+'</i></li>' : '<li><a href="'+cu+'v'+i+'">'+vstat[i]+'</a></li>'; + r += '</ul>'; + if(tg.innerHTML != '--') + r += '<ul class="full"><li><a href="'+cu+'del">Remove from VN list</a></li></ul>'; + + o = document.createElement('div'); + o.id = 'vldd'; + o.relId = tg.id.substr(6); + o.style.left = ddx+'px'; + o.style.top = ddy+'px'; + o.innerHTML = r; + document.body.appendChild(o); + } +} + + + + + + /* J A V A S C R I P T T A B S */ function jtInit() { @@ -213,7 +277,8 @@ function jtSel(which, nolink) { for(var i=0;i<l.length;i++) if(l[i].id.substr(0,7) == 'jt_sel_') { var name = l[i].id.substr(7); - x('jt_box_'+name).style.display = name == which ? 'block' : 'none'; + if(name != 'all') + x('jt_box_'+name).style.display = name == which || which == 'all' ? 'block' : 'none'; var o = x('jt_sel_'+name).parentNode; if(o.className.indexOf('tabselected') >= 0) { if(name != which) @@ -370,10 +435,26 @@ DOMLoad(function() { // initialize image viewer ivInit(); + // vnlist dropdown + var l = document.getElementsByTagName('a'); + for(var i=0;i<l.length;i++) + if(l[i].id.substr(0,6) == 'rlsel_') { + document.onmousemove = vlDropDown; + break; + } + // Javascript tabs if(x('jt_select')) jtInit(); + // spoiler tags + l = document.getElementsByTagName('b'); + for(i=0;i<l.length;i++) + if(l[i].className == 'spoiler') { + l[i].onmouseover = function() { this.className = 'spoiler_shown' }; + l[i].onmouseout = function() { this.className = 'spoiler' }; + } + // forms.js if(x('categories')) catLoad(); diff --git a/static/f/style.css b/static/f/style.css deleted file mode 100644 index 92062a76..00000000 --- a/static/f/style.css +++ /dev/null @@ -1,1108 +0,0 @@ - - -* { - margin: 0; - padding: 0; -} - -body, td { - font: 8pt "Tahoma"; -} -body { - background: #000 url(/f/bg.jpg) no-repeat; - color: #ddd; -} -a { - color: #fff; - text-decoration: none; -} -a:hover { - border-bottom: 1px dotted #fff; -} -table { - border-collapse: collapse; -} -table td { - vertical-align: top; - padding: 3px; -} -table tr.odd { - background: url(/f/boxbg.png) repeat; -} -img { - border: none; -} - -#bgright { - position: absolute; - top: 0px; - right: 0px; - width: 433px; - height: 140px; - background: url(/f/bgright.jpg) no-repeat; -} - -#header { - position: absolute; - top: 80px; - left: 400px; -} -#header h1, #header h1 a { - font-family: "Futura", "Century New Gothic", "Arial", Serif; - font-size: 19pt; - font-style: italic; - color: #135; - border: none!important; -} -#header h1.debug a { - color: #c00; -} - -#footer { - margin: 15px auto 0 auto; - text-align: center; - color: #135; -} -#footer a { - color: #135; - text-decoration: underline; -} - -ul, ol { - margin-left: 35px; -} -p.locked { - float: right; - color: #e44; - font-style: italic; - margin: 0!important; -} -#maincontent h2 b { - font: 8pt "Tahoma"; - font-weight: normal; -} -p.description { - margin: 10px 100px!important; -} -b.done { font-weight: normal; color: #0c0 } -b.todo { font-weight: normal; color: #c00 } - -.clearfloat { - clear: both; - height: 0; -} - - - - -/***** general form markup *****/ - -form, fieldset { - border: 0; - display: block; -} -legend { - display: none; -} -input.text, input.submit, select, textarea { - background-color: #135; - color: #ccc; - border: 1px solid #36A; - font: 9pt "Tahoma"; - margin: 1px; -} -optgroup option { - padding-left: 10px; - font-style: normal; -} -input.submit { - background-color: #123; - padding: 1px; -} -input.text, select { - width: 200px; -} -fieldset.submit { - width: 100%; - text-align: center; - margin: 5px; -} -fieldset.submit input { - width: 200px; -} -fieldset.submit h2 { - font-size: 9pt!important; -} -fieldset.submit textarea { - margin: 0 20px 5px 20px; -} -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; -} -td.label, td.label label { - width: 90px; -} -td.label label { - display: block; -} -td.field label { - margin: 0 0 0 5px; -} - - - - -/***** main content *****/ - -#maincontent { - position: absolute; - top: 169px; - left: 190px; - right: 30px; - margin: 0; - padding-bottom: 50px!important; -} -#maincontent h1, #maincontent h2 { - font-family: "Futura", "Century New Gothic", "Arial", Serif; - font-weight: normal; - font-size: 11pt; -} -#maincontent h1 { - color: #258; - font-size: 14pt; - margin: -5px 0 15px 0; -} -#maincontent h2.alttitle { - color: #fff; - margin: -17px 0 15px 15px; - font-weight: normal; -} -#maincontent div.mainbox { - border: 1px solid #258; - margin: 21px 0 -10px 0; - padding: 5px; - background: url(/f/boxbg.png) repeat; -} -#maincontent div.mainbox a { - color: #7bd; -} -#maincontent p { - margin: 3px 20px; -} -#maincontent div div p, #maincontent div table p { - margin: 0; -} -#maincontent h2 { - font-weight: bold; - font-size: 11pt; - margin: 10px 0 0 5px; -} -p.center { - text-align: center; -} -b.future { - font-weight: normal; - color: #e44; -} - - - - -/***** menu *****/ - -#menulist { - position: absolute; - left: 30px; - top: 190px; - width: 150px; -} -#menulist div.menubox { - margin: 0 0 10px 0; - border: 1px solid #258; - background: url(boxbg.png) repeat; -} -#menulist div.menubox div { - padding: 2px 7px; -} -#menulist h2 { - border-bottom: 1px solid #258; - background-color: #234; - padding: 1px 3px; -} -#menulist h2, #menulist h2 a { - font-size: 8pt; - color: #fff; -} -#menulist dt { - display: block; - float: left; - width: 85px; - 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: 40px; - margin-left: 45px; -} -#menulist #search input.text { - width: 133px; - margin: 0 0 3px 7px; - font-style: italic; -} -#menulist #search input.submit { - display: none; -} - - - - -/***** main tabs *****/ - -#maincontent ul.maintabs { - display: inline; - margin: 0; -} -#maincontent ul.maintabs.notfirst { - display: block; - height: 20px; -} -#maincontent ul.maintabs li { - display: inline; - list-style-type: none; -} -#maincontent ul.maintabs li a { - float: right; - display: block; - height: 14px; - border: 1px solid #258; - border-bottom: none; - padding: 1px 7px 5px 7px; - margin: 0 0 0 10px; - background-color: #012; -} -#maincontent ul.maintabs.notfirst li a { - margin-top: 20px; -} -#maincontent ul.maintabs.bottom li a { - margin-top: 10px; - border-bottom: 1px solid #258; - border-top: none; - padding: 4px 7px 2px 7px; -} -#maincontent ul.maintabs li.left a { - float: left; - margin-left: 0; - margin-right: 10px; -} -#maincontent ul.maintabs li.tabselected a, -#maincontent ul.maintabs li a:hover { - background-color: #0c1925; - padding-bottom: 6px; -} -#maincontent ul.maintabs.bottom li.tabselected a, -#maincontent ul.maintabs.bottom li a:hover { - padding-bottom: 2px; - padding-top: 5px; - margin-top: 9px; -} - - - - - -/***** Homepage ******/ - -#maincontent .mainbox.threelayout { - float: left; - width: 31%; - height: 170px; - margin: 21px 10px -10px 0; - padding: 2px; - overflow: hidden; -} -#maincontent .mainbox.threelayout.last { - margin-right: 0; -} -#maincontent .mainbox.threelayout h1 { - margin: -3px 0 1px 0; - font-size: 12pt; - font-weight: bold; -} -#maincontent .mainbox.threelayout h2 { - font-size: 10pt; - margin-top: 3px; -} -#maincontent .mainbox.threelayout a.right { - float: right; -} -#maincontent .mainbox.threelayout ul { - list-style-type: none; - margin-left: 10px; -} -p.screenshots { - text-align: center; - margin-top: 10px; - padding: 0; - height: 105px; -} -p.screenshots img { - margin: 2px; -} - - - - - -/***** Browsing ******/ - -p.browseopts { - text-align: center; - padding: 2px; -} -p.browseopts a { - padding: 1px 3px; - color: #fff!important; - border: 1px solid #258; - margin: 0 2px; -} -p.browseopts a.optselected, p.browseopts a:hover { - border: 0; - padding: 2px 4px; -} -#maincontent 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: #135; -} -form.search { - display: block; - width: 100%; - text-align: center; - margin: 0 0 10px 0; -} -form.search .submit { - padding: 0 1px; -} - -/* history browser */ -div.mainbox.history td.tc1_1 { - padding-left: 0; - padding-right: 0; - text-align: right; - width: 60px; - *width: auto; /* IE7 sucks */ -} -div.mainbox.history td.tc1_2 { - padding-left: 0; - width: 25px; -} -div.mainbox.history td.tc2 { width: 65px; } -div.mainbox.history td.tc3 { width: 90px } -div.mainbox.history td.editsum { - color: #258; - padding-top: 0; - text-align: right; -} - - - - - - -/***** Discussions ******/ - -/* threads page */ -#maincontent div.mainbox.thread { - padding: 0; -} -div.thread table { - width: 100%; -} -div.thread td { - border-bottom: 1px solid #258; -} -div.thread td.tc1 { - width: 150px; - padding: 5px 10px; - border-right: 1px solid #258; -} -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: #258; -} -div.thread i.lastmod { - float: right; - font-size: 7pt; - color: #258; - margin: 0 -10px -5px 0; -} -div.thread i.edit { - float: right; - color: #258; - 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 td.tags { - padding-top: 0; - padding-left: 60px; -} -div.mainbox.discussions td.tags a { - color: #258!important -} -div.discussions td.tc2 { width: 50px; } -div.discussions td.tc3 { width: 90px; } -div.discussions td.tc4 { width: 170px; } -#maincontent h1.boxtitle, #maincontent h1.boxtitle a { - font-family: "Futura", "Century New Gothic", "Arial", Serif; - font-weight: bold; - font-style: italic; - color: #258; - font-size: 13pt; - margin: 20px 0 -20px 0; -} - - - - - -/***** VN page *******/ - -div.vndetails { - margin: 0 auto; - width: 700px; -} -div.vnimg { - float: left; - width: 250px; - margin: 0 10px; -} -div.vnimg i { - display: block; - width: 100%; - text-align: center; - font-size: 7pt; -} -div.vnimg p { - text-align: center; - padding: 0px; - margin: 0; -} -img#nsfw_hid { - display: none; - cursor: pointer; -} -div.vndetails table { - float: left; - width: 430px; -} -div.vndetails table td.key { - width: 80px; -} -div.vndetails table dt { - float: left; - font-style: italic; -} -div.vndetails table dd { - margin-left: 90px; -} -.catlvl_0, .catlvl_1, .catlvl_2, .catlvl_3 { font-style: normal; } -.catlvl_1 { color: #444!important } -.catlvl_2 { color: #777 } -.catlvl_3 { color: #fff } -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: 6pt; - font-weight: normal; - padding-right: 4px; -} -div.vndescription { - clear: left; - padding: 5px 0 0 0; -} -div.vndescription h2 { - margin: 0 30px!important; - border-top: 1px solid #258; - padding: 3px 70px; - font-weight: bold!important; -} -div.vndescription p { - margin: 0 100px!important; -} - -.releases table, #screenshots table { - width: 100%; -} -.releases tr.lang td, #screenshots tr.rel td { - background: url(/f/boxbg.png) 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 { - text-align: right; -} -.releases td.tc5 a { - color: #ddd!important; - border: 0; -} -.releases td.tc6 { - text-align: right; - width: 25px; - padding: 0; -} -a.addnew { - float: right; -} -#screenshots td.scr { - padding-left: 30px; -} -#screenshots td.scr div { - float: left; - width: 142px; - height: 108px; - margin: 2px; - text-align: center; -} -#screenshots td.scr div i { font-size: 7pt; } -#screenshots td.scr img { border: 3px solid transparent; } -#screenshots td.scr div.nsfw img { border: 3px solid #C00; } -#screenshots td.scr a:hover img { border: 3px solid #258; } -#screenshots td.scr a { border: none; } -#screenshots div.hidden { display: none } -#screenshots #nsfwshown { font-style: normal } -#screenshots p.nsfwtoggle { - float: right; - margin: 0; -} - - - - - -/***** Vote stats ****/ - -.votestats { width: 610px; 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: #258; margin-right: 2px; } -.votestats thead td { background: transparent; text-align: center; padding: 2px; } -.votestats tfoot td { text-align: right } - -.recentvotes { width: 300px } - - - - -/***** VN edit *****/ - -#jt_box_categories ul { - list-style-type: none; - padding: 0; - margin: 0; -} -#jt_box_categories li { - display: block; - width: 170px; - float: left; - clear: none; - font-weight: bold; -} -#jt_box_categories li li { - display: list-item; - width: auto; - float: none; - clear: left; - font-weight: normal; - padding: 0 0 0 20px; - margin: 0; - cursor: pointer; - list-style-type: none; - padding: 0; -} -a.help { - vertical-align: super; - font-size: 6pt; - text-decoration: none; - font-weight: bold; - padding-left: 1px; -} -#maincontent #jt_box_categories li li a { - color: #ccc; - text-decoration: none; - display: block; - width: 160px; - border: none -} - -#jt_box_relations table { margin-bottom: 10px; } -#jt_box_relations h2 { margin: 0 0 3px 0px; } -#jt_box_relations td { padding: 1px 2px; vertical-align: middle; } -#jt_box_relations td.tc1 { width: 300px; text-align: right } -#jt_box_relations td.tc2 { width: 170px; white-space: nowrap } -#jt_box_relations td.tc3 { width: 200px; } -#jt_box_relations td.tc4 { width: 40px; text-align: right } -#jt_box_relations td.tc1 input { width: 280px; } -#jt_box_relations td.tc2 select { width: 130px; } - -#ds_box { - border: 1px solid #258; - border-top: none; - background-color: #13273a; -} -#ds_box b { - padding: 2px 0 0 10px; -} -#ds_box tr.selected { - background: url(/f/boxbg.png) repeat; -} -#ds_box table { - width: 100%; -} - -#jt_box_image div.img { - float: left; - height: 400px; - padding-right: 20px; -} -#jt_box_image h2 { - margin: 0; -} - -#jt_box_screenshots 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; } - - - - - -/****** VN browse ********/ - -.vnbrowse .tc2 { text-align: right; padding: 0; } -.vnbrowse .tc3 { padding: 0; } -#q { width: 300px } -#advselect { - text-align: center; - display: block; - margin: 10px auto 3px auto; - border: none; - outline: none; -} -#advoptions { - width: 90%; - padding: 0 30px 5px 30px; - margin: 0 auto; - border-top: 1px solid #258; -} -#advoptions.hidden { display: none } -#advoptions h2 { - clear: left; - padding-top: 10px; - margin-left: -20px; - margin-top: 0; - margin-bottom: 3px; -} -#advoptions span { - display: block; - float: left; - width: 170px; -} -#advoptions span input { - margin-right: 3px; -} - -ul#catselect, ul#catselect ul { - list-style-type: none; - padding: 0; - margin: 0; -} -ul#catselect li { - display: block; - width: 170px; - float: left; - clear: none; - font-weight: bold; -} -ul#catselect li li { - display: list-item; - width: auto; - float: none; - clear: left; - font-weight: normal; - padding: 0 0 0 18px; - margin: 0; - cursor: pointer; - list-style-type: none; - background: url(/f/select.png) no-repeat; -} -ul#catselect li li.inc { background-position: 0px -16px; color: #0c0; } -ul#catselect li li.exc { background-position: 0px -33px; color: #c00; } - - - - - -/***** Producer page/list *******/ - -.producerpage ul { - margin: 0 50px; -} -.producerpage li { - padding-top: 3px; - list-style-type: none; -} -.producerpage li i { - display: block; - font-style: normal; - float: left; - width: 80px; -} - -.producerbrowse ul { - float: left; - margin-top: -5px; - margin-left: 3%; - width: 28%; -} -.producerbrowse ul li { - list-style-type: none; -} -.producerbrowse ul li acronym { - margin-right: 5px; - margin-top: 1px; -} -.producerbrowse { - padding-bottom: 10px!important -} - - - - -/***** Release page *****/ - -.release table { - width: 400px; - margin: 0 auto; -} -.release .key { - width: 70px; -} - -/* edit */ -#released, #released_d { width: 70px } -#released_m { width: 100px } -.platforms { padding-left: 20px; } -.platforms span { display: block; float: left; width: 150px; } - -#jt_box_platforms_media 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_visual_novels h2, #jt_box_producers h2 { clear: left; padding-top: 10px; } -#jt_box_visual_novels div, #jt_box_producers div { padding-left: 20px } -#jt_box_visual_novels input, #jt_box_producers input { margin-right: 10px; width: 300px } -#jt_box_visual_novels span, #jt_box_producers span { clear: left; display: block; padding: 2px; } -#jt_box_visual_novels span.odd, #jt_box_producers span.odd { background: url(/f/boxbg.png) repeat; } -#jt_box_visual_novels i, #jt_box_producers i { font-style: normal; display: block; float: left; width: 310px } -#jt_box_visual_novels b, #jt_box_producers b { font-weight: normal; } - - - - -/***** Documentation pages *****/ - -.docs { padding: 0 15% 20px 15%; } -.docs h3 { margin-top: 25px; } -.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(/f/boxbg.png) repeat; border: 1px solid #258; } -.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: #258; font-weight: normal; font-style: normal; font-size: 12px; } - - - - -/***** Wishlist browser ******/ - -.wishlist .tc1 { padding-top: 0; padding-bottom: 0; } -.wishlist tfoot td { padding: 0 0 0 25px } - - - -/***** User VN list browser ******/ - -.rlist .relhid { } -.rlist .relhid_but, #relhidall { cursor: pointer } -.browse.rlist .tc2 { width: 100px; } -.browse.rlist .tc3 { width: 70px; } -.browse.rlist .relhid .tc1 { padding-left: 40px; width: 70px; } -.browse.rlist .relhid .tc1.own { padding: 0 0 0 25px; width: 95px } -.browse.rlist .relhid input { margin-right: 5px } -.browse.rlist .relhid .tc2 { padding: 0; width: 30px; } -.browse.rlist .relhid .tc3 { width: auto } -.browse.rlist .relhid .tc4 { text-align: right } - - - - -/***** Userpage *****/ - -.userpage table { - width: 400px; - margin: 0 auto; -} -.userpage .key { - width: 70px; -} - - - - - -/***** Warning/Notice Box *****/ - -div.warning, div.notice { - margin: 5px 10%; - padding: 15px; - background-color: #534; - border: 1px solid #C00; -} -div.notice { - background-color: #354; - border: 1px solid #0C0; -} -div.warning ul, div.notice ul { - margin-left: 0; -} -div.warning li, div.notice li { - margin-left: 20px; -} -#maincontent div.warning h2, #maincontent div.notice h2 { - font-size: 9pt; - font-weight: bold; - margin: 0; -} - - - - -/****** Revision information ******/ - -div.revision { - padding-bottom: 10px!important; -} -div.revision div, div.revision table { - border: 1px solid #258; - margin: 0 auto; - width: 90%; - /*background: url(/f/boxbg.png) repeat;*/ - background-color: #13273a; - clear: both; -} -div.revision table thead tr td { - background-color: transparent!important; - text-align: center; - font-weight: normal; -} -div.revision table td { - border-right: 1px solid #258; - padding: 5px; -} -div.revision td.tcval { - width: 44%; -} -div.revision div { - padding: 5px; - text-align: center; -} -.diff_add { - font-weight: normal; - background-color: #354; -} -.diff_del { - font-weight: normal; - background-color: #534; -} -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; - display: none; - top: -5000px; - left: -5000px; - background: url(/f/boxbg.png) repeat; - border: 1px solid #258; - padding: 5px; - text-align: center; -} -#iv_view a { border: 0; font-weight: bold; font-size: 10pt; } -#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 { - display: block; - position: absolute; - left: -500px; - top: -50px; - width: 100px; - padding: 3px; - background-color: #f5f5f5; - text-align: center; - border: 1px solid #ccc; - color: #000; -} - - - - -/****** Icons *******/ - -.icons { - background: url(/f/icons.png) no-repeat; - width: 16px; - height: 14px; - margin: 0 2px 0 0; - overflow: hidden; - display:-moz-inline-stack; - display: inline-block; - padding: 0; - border: 0; - text-decoration: none; -} -.icons { - margin-top: 0px!important; -} -.icons.lang { - width: 13px; - height: 11px; - opacity: 0.5; -} -.icons.par, .icons.tri, .icons.com { width: 11px; } -acronym.icons, acronym.uicons { cursor: default; } -a .icons { cursor: pointer } -.icons.oth { background: none; } -.icons.drc { background-position: 0px 0px; } -.icons.lin { background-position: 0px -14px; } -.icons.nds { background-position: 0px -28px; } -.icons.ps2 { background-position: 0px -42px; } -.icons.sfc { background-position: 0px -56px; } -.icons.gba { background-position: 0px -70px; } -.icons.ps3 { background-position: 0px -84px; } - -.icons.dvd { background-position: -16px 0px; } -.icons.mac { background-position: -16px -14px; } -.icons.ps1 { background-position: -16px -28px; } -.icons.psp { background-position: -16px -42px; } -.icons.win { background-position: -16px -56px; } -.icons.wii { background-position: -16px -70px; } -.icons.xb3 { background-position: -16px -84px; } - -.icons.com { background-position: -32px 0px; } -.icons.par { background-position: -32px -14px; } -.icons.tri { background-position: -32px -28px; } -.icons.ext { background-position: -32px -42px; } -.icons.msx { background-position: -32px -56px; } -.icons.nes { background-position: -32px -70px; } - -.icons.cs { background-position: -48px 0px; } -.icons.da { background-position: -48px -11px; } -.icons.de { background-position: -48px -22px; } -.icons.en { background-position: -48px -33px; } -.icons.es { background-position: -48px -44px; } -.icons.fi { background-position: -48px -55px; } -.icons.fr { background-position: -48px -66px; } -.icons.it { background-position: -48px -77px; } -.icons.ja { background-position: -48px -88px; } - -.icons.nl { background-position: -61px 0px; } -.icons.no { background-position: -61px -11px; } -.icons.pl { background-position: -61px -22px; } -.icons.pt { background-position: -61px -33px; } -.icons.ru { background-position: -61px -44px; } -.icons.sv { background-position: -61px -55px; } -.icons.tr { background-position: -61px -66px; } -.icons.zh { background-position: -61px -77px; } -.icons.ko { background-position: -61px -88px; } - diff --git a/static/f/bg.jpg b/static/s/angel/bg.jpg Binary files differindex f91e414e..f91e414e 100644 --- a/static/f/bg.jpg +++ b/static/s/angel/bg.jpg diff --git a/static/f/bgright.jpg b/static/s/angel/bgright.jpg Binary files differindex e1dff0cd..e1dff0cd 100644 --- a/static/f/bgright.jpg +++ b/static/s/angel/bgright.jpg diff --git a/static/s/angel/conf b/static/s/angel/conf new file mode 100644 index 00000000..72df41b0 --- /dev/null +++ b/static/s/angel/conf @@ -0,0 +1,39 @@ +name Angelic Serenade (dark blue) + +// text +maintext #ddd // primary text color (also used for the menu links) +grayedout #258 // color used for grayed-out/non-important things +standout #e44 // color of 'stand-out' text +link #7bd // primary link color (not used for the menu links) +statok #0c0 // generic 'ok' text color (used for vnlist statuses & category browser) +statnok #c00 // generoc 'not ok' text color (used for above, and as border for NSFW screenshots) +footer #135 // text color of the footer + +// titles +maintitle #135 // text color of the site title +boxtitle #258 // box titles +alttitle #fff // alternative title + +// bg colors +bodybg #000 // main background color +tabbg #012 // background color of inactive tabs +secbg #0d2741 // secondary background color (used on input fields and table headers) +secborder #35A // secondary border color (used on input fields) +border #258 // primary border color +boxbg #112233BC // RGBA, background color of the boxes, stacked for menu box titles and odd row numers + +// images (0 = no image) +imglefttop bg.jpg +imgrighttop bgright.jpg + +// misc colors +catlevel1 #444 // category levels +catlevel2 #777 +catlevel3 #fff +diffadd #354 // background color of changes in the diff viewer +diffdel #534 +warnbg #534 // background color of a warning box +warnborder #c00 // ..border +noticebg #354 // notice box +noticeborder #0c0 // ...and border + diff --git a/static/s/grey/bg.jpg b/static/s/grey/bg.jpg Binary files differnew file mode 100644 index 00000000..8d61ac55 --- /dev/null +++ b/static/s/grey/bg.jpg diff --git a/static/s/grey/bgright.jpg b/static/s/grey/bgright.jpg Binary files differnew file mode 100644 index 00000000..c52499ea --- /dev/null +++ b/static/s/grey/bgright.jpg diff --git a/static/s/grey/conf b/static/s/grey/conf new file mode 100644 index 00000000..10675446 --- /dev/null +++ b/static/s/grey/conf @@ -0,0 +1,39 @@ +name Touhou (grey) + +// text +maintext #222 +grayedout #666 +standout #500 +link #005 +statok #050 +statnok #500 +footer #bbb + +// titles +maintitle #ccc +boxtitle #444 +alttitle #000 + +// bg colors +bodybg #fff +tabbg #ddd +secbg #bbb +secborder #000 +border #666 +boxbg #dddddddd + +// images (0 = no image) +imglefttop bg.jpg +imgrighttop bgright.jpg + +// misc colors +catlevel1 #555 +catlevel2 #333 +catlevel3 #000 +diffadd #cfc +diffdel #fcc +warnbg #fcc +warnborder #c00 +noticebg #cfc +noticeborder #0c0 + diff --git a/static/s/lb/bg.jpg b/static/s/lb/bg.jpg Binary files differnew file mode 100644 index 00000000..94a7874d --- /dev/null +++ b/static/s/lb/bg.jpg diff --git a/static/s/lb/conf b/static/s/lb/conf new file mode 100644 index 00000000..7cdcd16a --- /dev/null +++ b/static/s/lb/conf @@ -0,0 +1,39 @@ +name Little Busters! (pink) + +// text +maintext #408 +grayedout #670159 +standout #e44 +link #a2d +statok #0c0 +statnok #c00 +footer #f78de7 + +// titles +maintitle #f78de7 +boxtitle #670159 +alttitle #5328a7 + +// bg colors +bodybg #fff +tabbg #f78de7 +secbg #f78de7 +secborder #670159 +border #f76ee2 +boxbg #f7b6edcc + +// images (0 = no image) +imglefttop bg.jpg +imgrighttop 0 + +// misc colors +catlevel1 #444 +catlevel2 #d28 +catlevel3 #999 +diffadd #cfc +diffdel #fcc +warnbg #fff +warnborder #c00 +noticebg #f7b6ed +noticeborder #670159 + |