movestyling from js to css + deprecation warnign

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

@@ -8,13 +8,11 @@ define([
     "use strict";
 
     var Page = function () {
-        this.style();
         this.bind_events();
     };
 
     Page.prototype.style = function () {
-        $('div#header').addClass('border-box-sizing');
-        $('div#site').addClass('border-box-sizing');
+        console.log('page.style() is know an empty function, plese consider removing call.')
     };
 
     Page.prototype.bind_events = function () {
@@ -30,12 +28,14 @@ define([
     Page.prototype.show_header = function () {
         // The header and site divs start out hidden to prevent FLOUC.
         // Main scripts should call this method after styling everything.
+        // TODO: selector are hardcoded, pass as constructor argument
         $('div#header').css('display','block');
     };
 
     Page.prototype.show_site = function () {
         // The header and site divs start out hidden to prevent FLOUC.
         // Main scripts should call this method after styling everything.
+        // TODO: selector are hardcoded, pass as constructor argument
         $('div#site').css('display','block');
     };
 

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

@@ -24,6 +24,7 @@ div#header {
     padding-left: 30px;
     padding-bottom: 5px;
     border-bottom: 1px solid @navbar-default-border;
+    .border-box-sizing();
 }
 
 #ipython_notebook {
@@ -50,6 +51,7 @@ div#header {
 #site {
     width: 100%;
     display: none;
+    .border-box-sizing();
 }
 
 /* Smaller buttons */