diff options
author | Yorhel <git@yorhel.nl> | 2010-01-22 18:56:49 +0100 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2010-01-23 09:42:28 +0100 |
commit | 58344d48b21dde0e513e6ef351d2c1644f500056 (patch) | |
tree | 2d645305bc59dc403d29b59cec63e0250a7a068e /data | |
parent | 958e1d263b0a7448ca97444c93655f9d5dc8159a (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.js | 3 | ||||
-rw-r--r-- | data/style.css | 31 |
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 } |