Make things consistent

IPython/html/static/base/js/page.js

@@ -10,7 +10,10 define([
 
     var Page = function () {
         this.bind_events();
-        this._resize_header();
+
+        // When the page is ready, resize the header.
+        var that = this;
+        $(function() { that._resize_header(); });
     };
 
     Page.prototype.bind_events = function () {

IPython/html/static/base/less/page.less

@@ -26,7 +26,6 div#header {
     z-index: 100;
 
     #header-container {
-        padding-left: 30px;
         padding-bottom: 5px;
         padding-top: 5px;
         .border-box-sizing();

IPython/html/static/base/less/variables.less

@@ -11,6 +11,8
 @grid-float-breakpoint: 540px;
 @logo_height: 28px;
 @border-radius-base: 2px;
+@border-radius-small: 2px;
+@grid-gutter-width: 0px;
 
 // Disable modal slide-in from top animation.
 .modal {
@@ -38,4 +40,6 label {
 }
 
 // Our own global variables for all pages go here
+@global-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2);
+@page-header-padding: 20px;
 

IPython/html/static/notebook/css/override.css

@@ -4,4 +4,4 a hack to deal with our current css styles and no new styling should be added in
 
 #ipython-main-app {
     position: relative;
-}
  No newline at end of file
+}

IPython/html/static/notebook/less/notebook.less

@@ -1,8 +1,3
-
-body {
-    background-color:   @body-bg;
-}
-
 @media (max-width: 767px) {
     // remove bootstrap-responsive's body padding on small screens
     body.notebook_app {
@@ -16,9 +11,12 body {
 }
 
 div#notebook_panel {
-    margin: 0px 0px 0px 0px;
+    margin: 0px;
     padding: 0px;
     .border-box-sizing();
+    background-color: @notebook_dark_background;
+    /* Make the page background atleast 100% the height of the view port */
+    min-height: 100vh;
 }
 div#notebook {
     font-size: @notebook_font_size;
@@ -26,22 +24,22 div#notebook {
     overflow-y: hidden;
     overflow-x: auto;
     width: 100%;
-    /* This spaces the cell away from the edge of the notebook area */
-    padding: 2em 0 2em 0;
+    /* This spaces the page away from the edge of the notebook area */
+    padding-top: @page-header-padding;
+    padding-bottom: @page-header-padding;
     margin: 0px;
     outline: none;
     .border-box-sizing();
-
-    background-color : @notebook_dark_background;
 }
 
 #notebook-container{
     @media not print{
-        padding-right:80px;
-        padding-top:10px;
+        padding: 15px;
         border-color:  @body-bg;
         background-color :  @body-bg;
-        box-shadow: 0px 0px 12px 1px rgba(87,87,87,0.2);
+        /* Make the page itself atleast 70% the height of the view port */
+        min-height: 70vh;
+        .box-shadow(@global-shadow);
     }
 }
 
@@ -87,5 +85,5 p {
 }
 
 .notebook_app #header {
-    .box-shadow(@notebook-shadow);
+    .box-shadow(@global-shadow);
 }

IPython/html/static/notebook/less/pager.less

@@ -10,6 +10,8 div#pager {
     max-height: 50%;
     padding-top: 8px;
 
+    .box-shadow(@global-shadow);
+
     /* Display over codemirror */
     z-index: 100;
 
@@ -49,11 +51,6 div#pager {
         border-top: 1px solid @light_border_color;
         border-bottom: 1px solid @light_border_color;
 
-        /* Similar to the notebook header's shadow, but not
-        exactly the same.  The settings had to be adjusted
-        to get the shadow to show. */
-        .box-shadow(1px 4px 9px -3px rgba(0, 0, 0, 0.15));
-
         /* This injects handle bars (a short, wide = symbol) for 
         the resize handle. */
         &::after {

IPython/html/static/notebook/less/toolbar.less

@@ -33,7 +33,7
   margin-top: -8px;
   border: 0px;
   min-height: 27px;
-  margin-left: 32px;
+  margin-left: 0px;
   padding-top: 11px;
   padding-bottom: 3px;
 

IPython/html/static/notebook/less/variables.less

@@ -11,7 +11,6
 @notebook_line_height:          20px;
 @code_line_height:              1.21429em;  // changed from 1.231 to get 17px even
 @code_padding:                  0.4em;  // 5.6 px
-@notebook-shadow:               1px 4px 9px -6px rgba(0,0,0,.25);
 @rendered_html_border_color:    black;
 @input_prompt_color:            navy;
 @output_prompt_color:           darkred;

IPython/html/static/terminal/less/terminal.less

@@ -19,5 +19,5
 }
 
 #terminado-container {
-  padding-top: 20px;
+  padding-top: @page-header-padding;
 }

IPython/html/static/tree/css/override.css

@@ -1,7 +1,3
 /*This file contains any manual css for this page that needs to override the global styles.
 This is only required when different pages style the same element differently. This is just
 a hack to deal with our current css styles and no new styling should be added in this file.*/
-
-#ipython-main-app {
-    margin: 20px auto 0px auto;
-}

IPython/html/static/tree/less/tree.less

@@ -172,5 +172,9 ul#new-notebook-menu {
 }
 
 .kernel-menu-icon-current:before {
-  content: @fa-var-check;
+    content: @fa-var-check;
+}
+
+#tab_content {
+    padding-top: @page-header-padding;
 }