From dff7b51ba7ef968e236a7fb1c558b62ff2371b8e Mon Sep 17 00:00:00 2001
From: Matthias BUSSONNIER <bussonniermatthias@gmail.com>
Date: Fri, 19 Jul 2013 15:57:56 +0200
Subject: [PATCH] update css_selector to work with require

+add xkcd style
---
 css_selector/css/xkcd.css | 18 +++++++++++++++
 css_selector/main.js      | 46 ++++++++++++++++++---------------------
 2 files changed, 39 insertions(+), 25 deletions(-)
 create mode 100644 css_selector/css/xkcd.css

diff --git a/css_selector/css/xkcd.css b/css_selector/css/xkcd.css
new file mode 100644
index 0000000..95b9208
--- /dev/null
+++ b/css_selector/css/xkcd.css
@@ -0,0 +1,18 @@
+    @font-face {
+        font-family: "xkcd";
+        src: url('http://antiyawn.com/uploads/Humor-Sans.ttf');
+    }
+        div.cell {
+            border: 2px solid black;
+            margin-top: 10px;
+            margin-bottom: 10 px;
+        }
+        .CodeMirror {font-family: xkcd; font-size: 120%}
+        .rendered_html {font-family: xkcd; font-size: 120%}
+        pre, code {font-family: xkcd; font-size: 120%}
+        .rendered_html table {border: 2px solid black;}
+        .rendered_html tr {border: 2px solid black;}
+        .rendered_html th {border: 2px solid black; padding: 0.45em 1em;}
+        .rendered_html td {border: 2px solid black; padding: 0.45em 1em;}
+        div.prompt {font-family: xkcd; font-size: 120%}
+        div.output_area pre {font-family: xkcd; font-size: 120%}
diff --git a/css_selector/main.js b/css_selector/main.js
index 32ee5bf..1eb5b22 100644
--- a/css_selector/main.js
+++ b/css_selector/main.js
@@ -1,35 +1,31 @@
 
 define(["require"], function(require) {
-    "use strict";
-
-    //console.log('here 1');
+    console.log('indefine')
     var add_css_list = function (element,names) {
-    //    console.log(element)
          var label = $('<label/>').text('Css:');
          var select = $('<select/>')
              .addClass('ui-widget-content')
-             .append($('<option/>').attr('value', 'style.min').text('default'));
+             .append($('<option/>').attr('value', 'default').text('default'));
          element.append(label).append(select);
-    //     select.change(function() {
-    //            var val = $(this).val()
-    //            if (val == 'default'){
-    //                $('.extracss').remove();
-    //                return
-    //            }
-    //            var link = $('<link/>')
-    //                .attr('href',require.toUrl('./css/'+val+'.css'))
-    //                .attr('rel','stylesheet')
-    //                .attr('type','text/css')
-    //                .attr('class','extracss')
-    //                
-    //            $('head').append(link)
-    //     });
-    //     for (var i=0; i<names.length; i++) {
-    //         var name = names[i];
-    //         select.append($('<option/>').attr('value', name).text(name));
-    //     }
+         select.change(function() {
+                var val = $(this).val()
+                if (val === 'default'){
+                    $('.extracss').remove();
+                    return
+                }
+                var link = $('<link/>')
+                    .attr('href',require.toUrl('./css/'+val+'.css'))
+                    .attr('rel','stylesheet')
+                    .attr('type','text/css')
+                    .attr('class','extracss')
+                    
+                $('head').append(link)
+         });
+         for (var i=0; i<names.length; i++) {
+             var name = names[i];
+             select.append($('<option/>').attr('value', name).text(name));
+         }
     };
-    //console.log('here 2') 
-    add_css_list(IPython.toolbar.element,['duck','dark'])
+    add_css_list(IPython.toolbar.element,['duck','dark','xkcd'])
 
 });