Browse Source

Starting work on notebook css.

Brian E. Granger 8 years ago
parent
commit
03e62dc98e
2 changed files with 43 additions and 48 deletions
  1. 32 48
      src/notebook/cells/index.css
  2. 11 0
      src/notebook/output-area/index.css

+ 32 - 48
src/notebook/cells/index.css

@@ -4,30 +4,46 @@
 |----------------------------------------------------------------------------*/
 
 
+/*-----------------------------------------------------------------------------
+| Cell
+|----------------------------------------------------------------------------*/
+
+
 .jp-Cell {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  padding-left: 5px;
-  padding-right: 5px;
-  border-width: var(--jp-border-width);
-  border-style: solid;
-  border-color: transparent;
+  padding: 5px;
+  margin: 0px;
+  border: var(--jp-border-width) solid transparent;
   outline: none;
+  background: transparent;
 }
 
 
-.jp-Cell.jp-CodeCell.jp-mod-collapsed.jp-mod-readOnly {
-  padding-left: 5px;
-  padding-right: 5px;
-  border-width: var(--jp-border-width);
-  border-style: solid;
-  border-color: transparent;
-  outline: none;
-  background: transparent;
-  border-color: transparent;
+/*-----------------------------------------------------------------------------
+| CodeCell
+|----------------------------------------------------------------------------*/
+
+
+
+/*-----------------------------------------------------------------------------
+| MarkdownCell
+|----------------------------------------------------------------------------*/
+
+
+.jp-MarkdownCell-renderer {
+  padding: 0.5em 0.5em 0.5em 0.4em;
+}
+
+
+.jp-MarkdownCell-content {
+  padding: 0.5em;
 }
 
 
+/*-----------------------------------------------------------------------------
+| InputArea
+|----------------------------------------------------------------------------*/
+
+
 .jp-InputArea {
   display: flex;
   flex-direction: row;
@@ -61,35 +77,3 @@
   background: #f7f7f7;
   line-height: 1.2em;
 }
-
-
-.jp-MarkdownCell {
-  outline: 0;
-}
-
-
-.jp-MarkdownCell.jp-mod-rendered {
-  padding-left: 90px;
-}
-
-
-.jp-MarkdownCell-renderer {
-  padding: 0.5em 0.5em 0.5em 0.4em;
-}
-
-
-.jp-MarkdownCell-content {
-  padding: 0.5em;
-}
-
-
-.jp-Output-prompt {
-  color: #D84315;
-  font-family: monospace;
-  text-align: right;
-  vertical-align: middle;
-  padding: 0.4em;
-  font-size: 14px;
-  flex: 0 0 90px;
-  box-sizing: border-box;
-}

+ 11 - 0
src/notebook/output-area/index.css

@@ -71,4 +71,15 @@ img.jp-mod-unconfined {
 
 .jp-Output-stdinPrompt {
   padding-right: 8px;
+}
+
+.jp-Output-prompt {
+  color: #D84315;
+  font-family: monospace;
+  text-align: right;
+  vertical-align: middle;
+  padding: 0.4em;
+  font-size: 14px;
+  flex: 0 0 90px;
+  box-sizing: border-box;
 }