styling: use sandboxed style for ipython so it doesn't affect style of application anymore.

default.nix

@@ -191,7 +191,7 b' let'
         # check required files
         STATIC_CHECK="/robots.txt /502.html
                       /js/scripts.js /js/rhodecode-components.js
-                      /css/style.css /css/style-polymer.css"
+                      /css/style.css /css/style-polymer.css /css/style-ipython.css"
 
         for file in $STATIC_CHECK;
         do

grunt_config.json

@@ -108,7 +108,8 b''
       },
       "files": {
         "<%= dirs.css.dest %>/style.css": "<%= dirs.css.src %>/main.less",
-        "<%= dirs.css.dest %>/style-polymer.css": "<%= dirs.css.src %>/polymer.less"
+        "<%= dirs.css.dest %>/style-polymer.css": "<%= dirs.css.src %>/polymer.less",
+        "<%= dirs.css.dest %>/style-ipython.css": "<%= dirs.css.src %>/ipython.less"
       }
     },
     "production": {
@@ -119,7 +120,8 b''
       },
       "files": {
         "<%= dirs.css.dest %>/style.css": "<%= dirs.css.src %>/main.less",
-        "<%= dirs.css.dest %>/style-polymer.css": "<%= dirs.css.src %>/polymer.less"
+        "<%= dirs.css.dest %>/style-polymer.css": "<%= dirs.css.src %>/polymer.less",
+        "<%= dirs.css.dest %>/style-ipython.css": "<%= dirs.css.src %>/ipython.less"
       }
     },
     "components": {

rhodecode/lib/markup_renderer.py

@@ -500,38 +500,38 b' class MarkupRenderer(object):'
             (body, resources) = html_exporter.from_notebook_node(notebook)
             header = '<!-- ## IPYTHON NOTEBOOK RENDERING ## -->'
             js = MakoTemplate(r'''
-            <!-- Load mathjax -->
-                <!-- MathJax configuration -->
-                <script type="text/x-mathjax-config">
-                MathJax.Hub.Config({
-                    jax: ["input/TeX","output/HTML-CSS", "output/PreviewHTML"],
-                    extensions: ["tex2jax.js","MathMenu.js","MathZoom.js", "fast-preview.js", "AssistiveMML.js", "[Contrib]/a11y/accessibility-menu.js"],
-                    TeX: {
-                        extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
-                    },
-                    tex2jax: {
-                        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
-                        displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
-                        processEscapes: true,
-                        processEnvironments: true
-                    },
-                    // Center justify equations in code and markdown cells. Elsewhere
-                    // we use CSS to left justify single line equations in code cells.
-                    displayAlign: 'center',
-                    "HTML-CSS": {
-                        styles: {'.MathJax_Display': {"margin": 0}},
-                        linebreaks: { automatic: true },
-                        availableFonts: ["STIX", "TeX"]
-                    },
-                    showMathMenu: false
-                });
-                </script>
-                <!-- End of mathjax configuration -->
-                <script src="${h.asset('js/src/math_jax/MathJax.js')}"></script>
+            <!-- MathJax configuration -->
+            <script type="text/x-mathjax-config">
+            MathJax.Hub.Config({
+                jax: ["input/TeX","output/HTML-CSS", "output/PreviewHTML"],
+                extensions: ["tex2jax.js","MathMenu.js","MathZoom.js", "fast-preview.js", "AssistiveMML.js", "[Contrib]/a11y/accessibility-menu.js"],
+                TeX: {
+                    extensions: ["AMSmath.js","AMSsymbols.js","noErrors.js","noUndefined.js"]
+                },
+                tex2jax: {
+                    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+                    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
+                    processEscapes: true,
+                    processEnvironments: true
+                },
+                // Center justify equations in code and markdown cells. Elsewhere
+                // we use CSS to left justify single line equations in code cells.
+                displayAlign: 'center',
+                "HTML-CSS": {
+                    styles: {'.MathJax_Display': {"margin": 0}},
+                    linebreaks: { automatic: true },
+                    availableFonts: ["STIX", "TeX"]
+                },
+                showMathMenu: false
+            });
+            </script>
+            <!-- End of MathJax configuration -->
+            <script src="${h.asset('js/src/math_jax/MathJax.js')}"></script>
             ''').render(h=helpers)
 
-            css = '<style>{}</style>'.format(
-                ''.join(_sanitize_resources(resources['inlining']['css'])))
+            css = MakoTemplate(r'''
+            <link rel="stylesheet" type="text/css" href="${h.asset('css/style-ipython.css', ver=ver)}" media="screen"/>
+            ''').render(h=helpers, ver='ver1')
 
             body = '\n'.join([header, css, js, body])
             return body, resources