Add JS-less NSFW screenshot toggle

(cherry picked from commit 6446d7d185543440b97be009fdf2a1f0c379b26f)

2 files changed, 3 insertions, 19 deletions

diff --git a/data/js/misc.js b/data/js/misc.js
index 57c40ba5..1d667313 100644
--- a/data/js/misc.js
+++ b/data/js/misc.js
@@ -79,25 +79,6 @@ if(byId('listsel'))
       ulist_redirect('[rv]', '/list', this.name, 'e='+this.options[this.selectedIndex].value);
   };
 
-// NSFW toggle for screenshots (/v+)
-if(byId('nsfwhide'))
-  byId('nsfwhide').onclick = function() {
-    var shown = 0;
-    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);
-        if(!hidden)
-          shown++;
-      } else
-        shown++;
-    }
-    setText(byId('nsfwshown'), shown);
-    return false;
-  };
-
-
 // Notification list onclick
 (function(){
   var d = byId('notifies');
diff --git a/data/style.css b/data/style.css
index 4b979bad..036220a7 100644
--- a/data/style.css
+++ b/data/style.css
@@ -353,6 +353,9 @@ h1.boxtitle, h1.boxtitle a {
 #nsfw_chk:checked ~ * > #nsfw_show       { display: none; }
 #nsfw_chk:not(:checked) ~ * > #nsfw_hid  { display: none; }
 
+#nsfwhide_chk:checked ~ * #nsfwshown   { display: none; }
+#nsfwhide_chk:not(:checked) ~ * .nsfw  { display: none; }
+
 div.vndetails                 { margin: 0 auto; max-width: 820px; }
 div.vnimg                     { float: left; width: 250px; margin: 0 10px; }
 div.vnimg i                   { display: block; width: 100%; text-align: center; font-size: 11px; }