summaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
authorYorhel <git@yorhel.nl>2008-12-29 13:42:58 +0100
committerYorhel <git@yorhel.nl>2008-12-29 13:42:58 +0100
commit3c1b01ec2ba0328f74aa7269bae8015cf1faf531 (patch)
tree32be3bc4696399abf14e09f1f8f78f38f92509dc /static
parent1ef9db32e893669cc5da7b69b371ef051008b989 (diff)
parentf000aaf69e345bae4fc5581e5028463c85cfdafb (diff)
Merge branch 'beta'2.1
Diffstat (limited to 'static')
-rw-r--r--static/f/boxbg.pngbin83 -> 0 bytes
-rw-r--r--static/f/forms.js26
-rw-r--r--static/f/script.js83
-rw-r--r--static/f/style.css1108
-rw-r--r--static/s/angel/bg.jpg (renamed from static/f/bg.jpg)bin36419 -> 36419 bytes
-rw-r--r--static/s/angel/bgright.jpg (renamed from static/f/bgright.jpg)bin4366 -> 4366 bytes
-rw-r--r--static/s/angel/conf39
-rw-r--r--static/s/grey/bg.jpgbin0 -> 33434 bytes
-rw-r--r--static/s/grey/bgright.jpgbin0 -> 3062 bytes
-rw-r--r--static/s/grey/conf39
-rw-r--r--static/s/lb/bg.jpgbin0 -> 37246 bytes
-rw-r--r--static/s/lb/conf39
12 files changed, 217 insertions, 1117 deletions
diff --git a/static/f/boxbg.png b/static/f/boxbg.png
deleted file mode 100644
index 43b546b5..00000000
--- a/static/f/boxbg.png
+++ /dev/null
Binary files differ
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
index f91e414e..f91e414e 100644
--- a/static/f/bg.jpg
+++ b/static/s/angel/bg.jpg
Binary files differ
diff --git a/static/f/bgright.jpg b/static/s/angel/bgright.jpg
index e1dff0cd..e1dff0cd 100644
--- a/static/f/bgright.jpg
+++ b/static/s/angel/bgright.jpg
Binary files differ
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
new file mode 100644
index 00000000..8d61ac55
--- /dev/null
+++ b/static/s/grey/bg.jpg
Binary files differ
diff --git a/static/s/grey/bgright.jpg b/static/s/grey/bgright.jpg
new file mode 100644
index 00000000..c52499ea
--- /dev/null
+++ b/static/s/grey/bgright.jpg
Binary files differ
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
new file mode 100644
index 00000000..94a7874d
--- /dev/null
+++ b/static/s/lb/bg.jpg
Binary files differ
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
+