page.less
141 lines
| 2.4 KiB
| text/x-less
|
LessCssLexer
|
r4488 | /** | ||
* Primary styles | ||||
* | ||||
* Author: IPython Development Team | ||||
*/ | ||||
body { | ||||
|
r19660 | background-color: @body-bg; | ||
|
r4488 | /* This makes sure that the body covers the entire window and needs to | ||
be in a different element than the display: box in wrapper below */ | ||||
position: absolute; | ||||
left: 0px; | ||||
right: 0px; | ||||
top: 0px; | ||||
bottom: 0px; | ||||
|
r6192 | overflow: visible; | ||
|
r4488 | } | ||
|
r19953 | #header { | ||
|
r4488 | /* Initially hidden to prevent FLOUC */ | ||
display: none; | ||||
|
r19179 | background-color: @body-bg; | ||
/* Display over codemirror */ | ||||
z-index: 100; | ||||
#header-container { | ||||
padding-bottom: 5px; | ||||
|
r19298 | padding-top: 5px; | ||
|
r19179 | .border-box-sizing(); | ||
} | ||||
.header-bar { | ||||
width: 100%; | ||||
|
r19902 | height: 1px; | ||
background: @navbar-default-border; | ||||
|
r20041 | margin-bottom: -1px; | ||
|
r19179 | } | ||
|
r19415 | |||
@media print { | ||||
display: none !important; | ||||
} | ||||
|
r19179 | } | ||
#header-spacer { | ||||
width: 100%; | ||||
visibility: hidden; | ||||
|
r19415 | |||
@media print { | ||||
display: none; | ||||
} | ||||
|
r4488 | } | ||
|
r10906 | #ipython_notebook { | ||
|
r16937 | padding-left: 0px; | ||
|
r19298 | padding-top: (@navbar-height - @logo_height) / 2; | ||
padding-bottom: (@navbar-height - @logo_height) / 2; | ||||
|
r19953 | @media (max-width: @screen-sm-max){ | ||
margin-left: 10px; | ||||
} | ||||
|
r4488 | } | ||
|
r19953 | |||
|
r10988 | #noscript { | ||
width: auto; | ||||
padding-top: 16px; | ||||
padding-bottom: 16px; | ||||
text-align: center; | ||||
font-size: 22px; | ||||
color: red; | ||||
font-weight: bold; | ||||
} | ||||
|
r10906 | #ipython_notebook img { | ||
|
r19298 | height: @logo_height; | ||
|
r4488 | } | ||
|
r6192 | #site { | ||
|
r20108 | // avoid repaints on size with translateZ(0) | ||
-webkit-transform: translateZ(0); | ||||
-moz-transform: translateZ(0); | ||||
-ms-transform: translateZ(0); | ||||
-o-transform: translateZ(0); | ||||
transform: translateZ(0); | ||||
|
r6193 | width: 100%; | ||
|
r4488 | display: none; | ||
|
r17428 | .border-box-sizing(); | ||
|
r20050 | overflow: auto; | ||
|
r4488 | } | ||
|
r5871 | /* Smaller buttons */ | ||
|
r4488 | .ui-button .ui-button-text { | ||
padding: 0.2em 0.8em; | ||||
font-size: 77%; | ||||
} | ||||
|
r5200 | |||
|
r6192 | input.ui-button { | ||
padding: 0.3em 0.9em; | ||||
} | ||||
|
r5200 | span#login_widget { | ||
float: right; | ||||
} | ||||
|
r10905 | |||
|
r17554 | span#login_widget > .button, | ||
#logout | ||||
{ | ||||
|
r17438 | .btn-default(); | ||
} | ||||
|
r10905 | .nav-header { | ||
text-transform: none; | ||||
|
r10906 | } | ||
#header > span { | ||||
margin-top: 10px; | ||||
|
r10939 | } | ||
|
r16022 | // class for stretching dialogs to fill the screen | ||
|
r16933 | .modal_stretch .modal-dialog { | ||
|
r16022 | .vbox(); | ||
|
r16933 | min-height: 80%; | ||
|
r16022 | .modal-body { | ||
max-height: none; | ||||
flex: 1; | ||||
} | ||||
|
r10939 | } | ||
|
r15900 | |||
|
r19953 | @media (min-width: @screen-sm-min) { | ||
|
r16933 | .modal .modal-dialog { | ||
|
r16022 | width: 700px; | ||
} | ||||
|
r15900 | } | ||
|
r16022 | |||
|
r17414 | // less mixin to be sure to add the right class to get icons with font awesome. | ||
.icon(@ico){ | ||||
.fa(); | ||||
content: @ico; | ||||
} | ||||