ijs/bin/custom/custom.css

Interactive JavaScript kernel for IPython

/*
 * Copyright 2015 Interactive Computing project
 * (https://github.com/interactivecomputing). All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans|Lato:400,700&subset=latin,latin-ext);
body {
  font-family: 'Open Sans', Calibri, helvetica, sans-serif;
}
.CodeMirror pre, div.prompt, pre, code {
  font-family: 'Source Code Pro', 'Lucida Console', Consolas, monospace;
}


/* General Cleanup of backgrounds and borders */

/* Header area */
#header div.navbar-inner {
  border: 0px;
  box-shadow: none;
}
#menubar-container div.navbar-inner {
  border: 0px;
  background: #eee;
  box-shadow: none;
}
#notebook_panel {
  border-top: none;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  background-color: white;
}
#menubar .navbar-inner {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
}
div.navbar-inner {
  min-height: 30px;
}
div.navbar-fixed-top div.navbar-inner, div.navbar-static-top div.navbar-inner {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}
#menubar .navbar .navbar-inner, .toolbar-inner {
  padding-left: 0;
  padding-right: 0;
}
#notebook_name {
  font-weight: 700;
}
#checkpoint_status, #autosave_status {
  color: rgba(0,0,0,0.5);
  font-size: smaller !important;
}

/* Hide some commands - cell toolbar, and interrupt kernel buttons */
#maintoolbar span.navbar-text, #ctb_select, #interrupt_b {
  display: none;
}

/* Indicator for command mode to complement the existing indicator for edit mode. */
.command_mode_icon:before {
  content: "\f069";
}

/* Specific to notebook pages */
body.notebook_app #header div.navbar-inner {
  background-color: #eee;
}
body.notebook_app #site {
  background-color: #eee;
}
body.notebook_app #menubar-container .btn {
  background: #fafafa;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: solid 1px #d0d0d0;
}
body.notebook_app #notebook {
  border-top: 1px solid rgba(0,0,0,0.15);
}


/* Notebook area - Input and output areas */

div.input_area {
  border-color: rgba(0,0,0,0.05);
  background: rbga(0,0,0,0.5);
}
div.prompt.input_prompt {
  color: rgba(0,0,0,0.75);
}
div.cell.command_mode.selected {
  border-color: rgba(0,0,0,0.1);
}
div.cell.edit_mode.selected {
  border-color: rgba(0,0,0,0.15);
  box-shadow: 0px 0px 5px #d0d0d0;
  -webkit-box-shadow: 0px 0px 5px #d0d0d0;
}
div.output_scroll {
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,0.1);
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.1);
  border-radius: 2px;
}
div.out_prompt_overlay:hover {
  border: solid 1px rgba(0,0,0,0.1);
  box-shadow: none;
}
div.text_cell div.prompt {
  width: 0px;
  min-width: 0px;
  padding-right: 0px;
}

div.code_cell + div.text_cell {
  margin-top:  10px;
}

/* Notebook area - Markdown cells */
div.text_cell_render {
  font-size: 11pt;
  line-height: 125%;
}
div.text_cell_render h1,
div.text_cell_render h2,
div.text_cell_render h3 {
  font-weight: 300;
}
div.text_cell_render h4,
div.text_cell_render h5,
div.text_cell_render h6 {
  font-weight: 700;
  font-size:  12pt;
}
div.text_cell_render h1 {
  font-size: 24pt;
}
div.text_cell_render h2 {
  font-size: 20pt;
}
div.text_cell_render h3 {
  font-size: 16pt;
}
div.text_cell_render code {
  font-size: 11pt;
}

/* Notebook area - rendered output */
.rendered_html pre, .rendered_html code {
  font-size: medium;
}
.rendered_html ol {
  list-style:decimal;
  margin: 1em 2em;
}


/* Home page specific */

#ipython-main-app #tabs li:nth-child(3) {
  display: none;
}