move style switcher to base.html

[panikweb.git] / panikweb_templates / templates / base.html
diff --git a/panikweb_templates/templates/base.html b/panikweb_templates/templates/base.html

index 4a7a3cc12dee43061101ee4ee940f27cb5bc893a..3f5c8911dee667ed828e31997bce8328be4a9f67 100644 (file)
--- a/panikweb_templates/templates/base.html
+++ b/panikweb_templates/templates/base.html
@@ -25,6 +25,23 @@
  </head>
  
  <body id="{{sectionName}}" class="section-{{sectionName}}">
+
+       <div id="StyleSwitcher" class="small" style="position:fixed;right:0; top:0em;z-index:3000;width:2.5em;">
+        <button class="small icon-sign-blank" data-class="style-ff6633" style="color:#ff6633;padding:0;margin:0;"></button>
+        <button class="small icon-sign-blank" data-class="style-0000ff" style="color:#0000ff;padding:0;margin:0;"></button>
+        <button class="small icon-sign-blank" data-class="style-333333" style="color:#333333;padding:0;margin:0;"></button>
+        <button class="small icon-sign-blank" data-class="style-111111" style="color:#ffffff;padding:0;margin:0;"></button>
+    </div>
+    <script type="text/javascript">                
+    $(function() {
+        $('#StyleSwitcher button').on('click',function(e){
+            e.preventDefault();
+            $('body').attr('class','').addClass($(this).attr('data-class'));
+            localStorage['class'] = $(this).attr('data-class');
+        });
+        $('#StyleSwitcher button[data-class="'+localStorage['class']+'"]').trigger('click');
+    });
+    </script>
         <div id="All">
                 {% block meta %}<div id="metaNav">{% metanav active=sectionName %}</div>{% endblock %}
                 <div id="Commons">