Brian E. Granger
13 years ago
commit
25fb761da3
@ -0,0 +1,26 @@
|
||||
""" fabfile to prepare the notebook """
|
||||
|
||||
from fabric.api import local,lcd
|
||||
from fabric.utils import abort
|
||||
import os
|
||||
|
||||
static_dir = 'static'
|
||||
components_dir = os.path.join(static_dir,'components')
|
||||
|
||||
def test_component(name):
|
||||
if not os.path.exists(os.path.join(components_dir,name)):
|
||||
abort('cannot continue without component {}.'.format(name))
|
||||
|
||||
|
||||
def css(minify=True):
|
||||
"""generate the css from less files"""
|
||||
test_component('bootstrap')
|
||||
test_component('less.js')
|
||||
if minify not in ['True','False',True,False]:
|
||||
abort('need to get Boolean')
|
||||
minify = (minify in ['True',True])
|
||||
|
||||
min_flag= '-x' if minify is True else ''
|
||||
with lcd(static_dir):
|
||||
local('lessc {min_flag} less/style.less css/style.min.css'.format(min_flag=min_flag))
|
||||
|
||||
@ -1,64 +0,0 @@
|
||||
.rendered_html {color: black;}
|
||||
.rendered_html em {font-style: italic;}
|
||||
.rendered_html strong {font-weight: bold;}
|
||||
.rendered_html u {text-decoration: underline;}
|
||||
.rendered_html :link { text-decoration: underline }
|
||||
.rendered_html :visited { text-decoration: underline }
|
||||
.rendered_html h1 {font-size: 197%; margin: .65em 0; font-weight: bold;}
|
||||
.rendered_html h2 {font-size: 153.9%; margin: .75em 0; font-weight: bold;}
|
||||
.rendered_html h3 {font-size: 123.1%; margin: .85em 0; font-weight: bold;}
|
||||
.rendered_html h4 {font-size: 100% margin: 0.95em 0; font-weight: bold;}
|
||||
.rendered_html h5 {font-size: 85%; margin: 1.5em 0; font-weight: bold;}
|
||||
.rendered_html h6 {font-size: 77%; margin: 1.65em 0; font-weight: bold;}
|
||||
.rendered_html ul {list-style:disc; margin: 1em 2em;}
|
||||
.rendered_html ul ul {list-style:square; margin: 0em 2em;}
|
||||
.rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
|
||||
.rendered_html ol {list-style:decimal; margin: 1em 2em;}
|
||||
.rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
|
||||
.rendered_html ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
|
||||
.rendered_html ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
|
||||
/* any extras will just be numbers: */
|
||||
.rendered_html ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
|
||||
|
||||
.rendered_html hr {
|
||||
color: black;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.rendered_html pre {
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
.rendered_html blockquote {
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
.rendered_html table {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
.rendered_html td {
|
||||
border: 1px solid black;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.rendered_html th {
|
||||
border: 1px solid black;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
padding: 4px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.rendered_html tr {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.rendered_html p + p {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
@ -1,133 +0,0 @@
|
||||
/**
|
||||
* Primary styles
|
||||
*
|
||||
* Author: IPython Development Team
|
||||
*/
|
||||
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
|
||||
* of chance of beeing generated from the ../less/[samename].less file, you can
|
||||
* try to get back the less file by reverting somme commit in history
|
||||
**/
|
||||
/*
|
||||
* We'll try to get something pretty, so we
|
||||
* have some strange css to have the scroll bar on
|
||||
* the left with fix button on the top right of the tooltip
|
||||
*/
|
||||
@-moz-keyframes fadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeOut {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.ipython_tooltip a {
|
||||
float: right;
|
||||
}
|
||||
/*properties of tooltip after "expand"*/
|
||||
.bigtooltip {
|
||||
overflow: auto;
|
||||
height: 200px;
|
||||
-webkit-transition-property: height;
|
||||
-webkit-transition-duration: 1s;
|
||||
-moz-transition-property: height;
|
||||
-moz-transition-duration: 1s;
|
||||
transition-property: height;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
/*properties of tooltip before "expand"*/
|
||||
.smalltooltip {
|
||||
-webkit-transition-property: height;
|
||||
-webkit-transition-duration: 1s;
|
||||
-moz-transition-property: height;
|
||||
-moz-transition-duration: 1s;
|
||||
transition-property: height;
|
||||
transition-duration: 1s;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
height: 80px;
|
||||
}
|
||||
.tooltipbuttons {
|
||||
position: absolute;
|
||||
padding-right: 15px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
}
|
||||
.tooltiptext {
|
||||
/*avoid the button to overlap on some docstring*/
|
||||
|
||||
padding-right: 30px;
|
||||
}
|
||||
.ipython_tooltip {
|
||||
max-width: 700px;
|
||||
border-radius: 4px;
|
||||
-moz-box-shadow: 0px 6px 10px -1px #adadad;
|
||||
-webkit-box-shadow: 0px 6px 10px -1px #adadad;
|
||||
box-shadow: 0px 6px 10px -1px #adadad;
|
||||
/*fade-in animation when inserted*/
|
||||
|
||||
-webkit-animation: fadeOut 800ms;
|
||||
-moz-animation: fadeOut 800ms;
|
||||
animation: fadeOut 800ms;
|
||||
-webkit-animation: fadeIn 800ms;
|
||||
-moz-animation: fadeIn 800ms;
|
||||
animation: fadeIn 800ms;
|
||||
vertical-align: middle;
|
||||
background-color: #f7f7f7;
|
||||
overflow: visible;
|
||||
border: #bbbbbb 1px solid;
|
||||
outline: none;
|
||||
padding: 3px;
|
||||
margin: 0px;
|
||||
padding-left: 7px;
|
||||
font-family: monospace;
|
||||
min-height: 50px;
|
||||
position: absolute;
|
||||
}
|
||||
.pretooltiparrow {
|
||||
left: 0px;
|
||||
margin: 0px;
|
||||
top: -16px;
|
||||
width: 40px;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
.pretooltiparrow:before {
|
||||
background-color: #f7f7f7;
|
||||
border: 1px #bbbbbb solid;
|
||||
z-index: 11;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 10px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
}
|
||||
@ -0,0 +1,97 @@
|
||||
|
||||
/* Flexible box model classes */
|
||||
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
|
||||
|
||||
.hbox {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-align: stretch;
|
||||
|
||||
display: -moz-box;
|
||||
-moz-box-orient: horizontal;
|
||||
-moz-box-align: stretch;
|
||||
|
||||
display: box;
|
||||
box-orient: horizontal;
|
||||
box-align: stretch;
|
||||
}
|
||||
|
||||
.hbox > * {
|
||||
-webkit-box-flex: 0;
|
||||
-moz-box-flex: 0;
|
||||
box-flex: 0;
|
||||
}
|
||||
|
||||
.vbox {
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-align: stretch;
|
||||
|
||||
display: -moz-box;
|
||||
-moz-box-orient: vertical;
|
||||
-moz-box-align: stretch;
|
||||
|
||||
display: box;
|
||||
box-orient: vertical;
|
||||
box-align: stretch;
|
||||
}
|
||||
|
||||
.vbox > * {
|
||||
-webkit-box-flex: 0;
|
||||
-moz-box-flex: 0;
|
||||
box-flex: 0;
|
||||
}
|
||||
|
||||
.reverse {
|
||||
-webkit-box-direction: reverse;
|
||||
-moz-box-direction: reverse;
|
||||
box-direction: reverse;
|
||||
}
|
||||
|
||||
.box-flex0 {
|
||||
-webkit-box-flex: 0;
|
||||
-moz-box-flex: 0;
|
||||
box-flex: 0;
|
||||
}
|
||||
|
||||
.box-flex1, .box-flex {
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
box-flex: 1;
|
||||
}
|
||||
|
||||
.box-flex2 {
|
||||
-webkit-box-flex: 2;
|
||||
-moz-box-flex: 2;
|
||||
box-flex: 2;
|
||||
}
|
||||
|
||||
.box-group1 {
|
||||
-webkit-box-flex-group: 1;
|
||||
-moz-box-flex-group: 1;
|
||||
box-flex-group: 1;
|
||||
}
|
||||
|
||||
.box-group2 {
|
||||
-webkit-box-flex-group: 2;
|
||||
-moz-box-flex-group: 2;
|
||||
box-flex-group: 2;
|
||||
}
|
||||
|
||||
.start {
|
||||
-webkit-box-pack: start;
|
||||
-moz-box-pack: start;
|
||||
box-pack: start;
|
||||
}
|
||||
|
||||
.end {
|
||||
-webkit-box-pack: end;
|
||||
-moz-box-pack: end;
|
||||
box-pack: end;
|
||||
}
|
||||
|
||||
.center {
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
box-pack: center;
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
.rendered_html{
|
||||
|
||||
color: black;
|
||||
em {font-style: italic;}
|
||||
strong {font-weight: bold;}
|
||||
u {text-decoration: underline;}
|
||||
:link { text-decoration: underline }
|
||||
:visited { text-decoration: underline }
|
||||
h1 {font-size: 197%; margin: .65em 0; font-weight: bold;}
|
||||
h2 {font-size: 153.9%; margin: .75em 0; font-weight: bold;}
|
||||
h3 {font-size: 123.1%; margin: .85em 0; font-weight: bold;}
|
||||
h4 {font-size: 100% margin: 0.95em 0; font-weight: bold;}
|
||||
h5 {font-size: 85%; margin: 1.5em 0; font-weight: bold;}
|
||||
h6 {font-size: 77%; margin: 1.65em 0; font-weight: bold;}
|
||||
ul {list-style:disc; margin: 1em 2em;}
|
||||
ul ul {list-style:square; margin: 0em 2em;}
|
||||
ul ul ul {list-style:circle; margin-left: 0em 2em;}
|
||||
ol {list-style:decimal; margin: 1em 2em;}
|
||||
ol ol {list-style:upper-alpha; margin: 0em 2em;}
|
||||
ol ol ol {list-style:lower-alpha; margin: 0em 2em;}
|
||||
ol ol ol ol {list-style:lower-roman; margin: 0em 2em;}
|
||||
/* any extras will just be numbers: */
|
||||
ol ol ol ol ol {list-style:decimal; margin: 0em 2em;}
|
||||
|
||||
hr {
|
||||
color: black;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
table, tr, th, td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
margin: 1em 2em;
|
||||
}
|
||||
|
||||
td,th {
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
p + p {
|
||||
margin-top: 1em;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
@import "bootstrap-custom.less";
|
||||
@import "variables.less";
|
||||
@import "flexible-box-model.less";
|
||||
@import "notebook.less";
|
||||
@import "printnotebook.less";
|
||||
@import "renderedhtml.less";
|
||||
@import "tooltip.less";
|
||||
@ -0,0 +1,159 @@
|
||||
/**
|
||||
* Primary styles
|
||||
*
|
||||
* Author: IPython Development Team
|
||||
*/
|
||||
|
||||
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
|
||||
* of chance of beeing generated from the ../less/[samename].less file, you can
|
||||
* try to get back the less file by reverting somme commit in history
|
||||
**/
|
||||
|
||||
/*
|
||||
* We'll try to get something pretty, so we
|
||||
* have some strange css to have the scroll bar on
|
||||
* the left with fix button on the top right of the tooltip
|
||||
*/
|
||||
|
||||
// double slash comment are remove by less compilation
|
||||
// **
|
||||
// * Less mixins
|
||||
// **/
|
||||
|
||||
// Four color of the background
|
||||
@import "variables" ;
|
||||
|
||||
.dropshadow(){
|
||||
-moz-box-shadow: 0px 6px 10px -1px #adadad;
|
||||
-webkit-box-shadow: 0px 6px 10px -1px #adadad;
|
||||
box-shadow: 0px 6px 10px -1px #adadad;
|
||||
}
|
||||
|
||||
// smoth height adaptation
|
||||
.smoothheight(@t:500ms) {
|
||||
-webkit-transition-property: height;
|
||||
-webkit-transition-duration: @t;
|
||||
-moz-transition-property: height;
|
||||
-moz-transition-duration: @t;
|
||||
transition-property: height;
|
||||
transition-duration: @t;
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOut {
|
||||
from {opacity:1;}
|
||||
to {opacity:0;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOut {
|
||||
from {opacity:1;}
|
||||
to {opacity:0;}
|
||||
}
|
||||
|
||||
//@keyframes fadeOut {
|
||||
// from {opacity:1;}
|
||||
// to {opacity:0;}
|
||||
//}
|
||||
|
||||
@-moz-keyframes fadeIn {
|
||||
from {opacity:0;}
|
||||
to {opacity:1;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
from {opacity:0;}
|
||||
to {opacity:1;}
|
||||
}
|
||||
|
||||
//@keyframes fadeIn {
|
||||
// from {opacity:0;}
|
||||
// to {opacity:1;}
|
||||
//}
|
||||
|
||||
/*properties of tooltip after "expand"*/
|
||||
.bigtooltip {
|
||||
overflow: auto;
|
||||
height: 200px;
|
||||
.smoothheight();
|
||||
}
|
||||
|
||||
/*properties of tooltip before "expand"*/
|
||||
.smalltooltip{
|
||||
.smoothheight();
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
height:80px;
|
||||
}
|
||||
|
||||
.tooltipbuttons
|
||||
{
|
||||
position: absolute;
|
||||
padding-right : 15px;
|
||||
top : 0px;
|
||||
right:0px;
|
||||
}
|
||||
|
||||
.tooltiptext
|
||||
{
|
||||
/*avoid the button to overlap on some docstring*/
|
||||
padding-right:30px
|
||||
}
|
||||
|
||||
.ipython_tooltip {
|
||||
max-width:700px;
|
||||
/*fade-in animation when inserted*/
|
||||
-webkit-animation: fadeOut 400ms;
|
||||
-moz-animation: fadeOut 400ms;
|
||||
animation: fadeOut 400ms;
|
||||
-webkit-animation: fadeIn 400ms;
|
||||
-moz-animation: fadeIn 400ms;
|
||||
animation: fadeIn 400ms;
|
||||
vertical-align: middle;
|
||||
background-color: @cell_background;
|
||||
|
||||
overflow : visible;
|
||||
border: @border_color @borderwidth solid;
|
||||
outline: none;
|
||||
padding: 3px;
|
||||
margin: 0px;
|
||||
padding-left:7px;
|
||||
font-family: monospace;
|
||||
min-height:50px;
|
||||
|
||||
.dropshadow;
|
||||
.corner-all;
|
||||
|
||||
a {
|
||||
float:right;
|
||||
};
|
||||
position: absolute;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.pretooltiparrow {
|
||||
left: 0px;
|
||||
margin: 0px;
|
||||
top: -16px;
|
||||
width: 40px;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
|
||||
}
|
||||
|
||||
.pretooltiparrow:before {
|
||||
background-color : @cell_background;
|
||||
border : @borderwidth @border_color solid;
|
||||
z-index:11;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 10px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
@theta : 45deg;
|
||||
-webkit-transform: rotate(@theta);
|
||||
-moz-transform: rotate(@theta);
|
||||
-ms-transform: rotate(@theta);
|
||||
-o-transform: rotate(@theta);
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
@corner_radius: 4px;
|
||||
@notebook_background : white;
|
||||
@cell_selected_background: darken(@notebook_background, 2%);
|
||||
@cell_background: darken(@notebook_background, 3.2%);
|
||||
@border_color: darken(@cell_selected_background, 31%);
|
||||
@light_border_color: darken(@cell_selected_background, 17%);
|
||||
@borderwidth : 1px;
|
||||
@fontBaseColor : black;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// utilities mixins
|
||||
|
||||
.corner-all {
|
||||
border-radius:@corner_radius;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue