summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorYorhel <git@yorhel.nl>2010-01-22 18:56:49 +0100
committerYorhel <git@yorhel.nl>2010-01-23 09:42:28 +0100
commit58344d48b21dde0e513e6ef351d2c1644f500056 (patch)
tree2d645305bc59dc403d29b59cec63e0250a7a068e /data
parent958e1d263b0a7448ca97444c93655f9d5dc8159a (diff)
Handler::VNPage: Centered the thumbnails in the screenshot viewer
And greatly simplified the HTML of the screenshot viewer and fixed a HTML bug (colspan when it wasn't needed) in the process.
Diffstat (limited to 'data')
-rw-r--r--data/script.js3
-rw-r--r--data/style.css31
2 files changed, 15 insertions, 19 deletions
diff --git a/data/script.js b/data/script.js
index d2ed0d6f..cdf01f7c 100644
--- a/data/script.js
+++ b/data/script.js
@@ -1737,12 +1737,11 @@ if(byId('nsfw_show')) {
if(byId('nsfwhide')) {
byId('nsfwhide').onclick = function() {
var shown = 0;
- var l = byName(byId('screenshots'), 'div');
+ var l = byClass(byId('screenshots'), 'a', 'scrlnk');
for(var i=0; i<l.length; i++) {
if(hasClass(l[i], 'nsfw')) {
var hidden = !hasClass(l[i], 'hidden');
setClass(l[i], 'hidden', hidden);
- setClass(byName(l[i], 'a')[0], 'hidden', hidden); // for the image viewer
if(!hidden)
shown++;
} else
diff --git a/data/style.css b/data/style.css
index bd8c158a..08b23e66 100644
--- a/data/style.css
+++ b/data/style.css
@@ -683,25 +683,22 @@ div#vntags {
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 img { border: 3px solid transparent; }
-#screenshots td.scr div.nsfw img { border: 3px solid $statnok$; }
-#screenshots td.scr a:hover img { border: 3px solid $border$; }
-#screenshots td.scr a { border: none; }
-#screenshots #nsfwshown { font-style: normal }
-#screenshots p.nsfwtoggle {
- float: right;
+
+#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; }
+
#dd_box { position: absolute; left: -500px; border: 1px solid $border$; background-color: $secbg$; }
#dd_box ul { list-style-type: none; margin: 0; padding: 0 }