Screenshots!

No JS image viewer yet, though

2 files changed, 42 insertions, 2 deletions

diff --git a/static/f/script.js b/static/f/script.js
index 29082fa1..4a854ea2 100644
--- a/static/f/script.js
+++ b/static/f/script.js
@@ -30,6 +30,25 @@ DOMLoad(function() {
     return false
   });
 
+  // NSFW toggle for screenshots
+  cl('nsfwhide', function() {
+    var s=0;
+    var l = x('screenshots').getElementsByTagName('div');
+    for(var i=0;i<l.length;i++) {
+      if(l[i].className.indexOf('nsfw') >= 0) {
+        if(l[i].className.indexOf('hidden') >= 0) {
+          s++;
+          l[i].className = 'nsfw';
+        } else {
+          l[i].className += ' hidden';
+        }
+      } else
+        s++;
+    }
+    x('nsfwshown').innerHTML = s;
+    return false;
+  });
+
 
   // spam protection on all forms
   if(document.forms.length >= 1)
diff --git a/static/f/style.css b/static/f/style.css
index d489712e..b620589a 100644
--- a/static/f/style.css
+++ b/static/f/style.css
@@ -489,10 +489,10 @@ div.vndescription p {
   margin: 0 100px!important;
 }
 
-.releases table {
+.releases table, #screenshots table {
   width: 100%;
 }
-.releases tr.lang td {
+.releases tr.lang td, #screenshots tr.rel td {
   background: url(/f/boxbg.png) repeat;
   font-weight: bold;
 }
@@ -514,6 +514,27 @@ div.vndescription p {
   width: 20px;
   padding: 0;
 }
+#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;
+}