upstream/ipython Files · IPython/html/static/notebook/less/notebook.less

semantic names for indicator icons...

semantic names for indicator icons For all of the discussion that we had about what kind of icons should and should not be used to indicate what mode the notebook is in, we never went through to make it possible to override it. With this change, it is now possible to override what icons are displayed for Command and Edit Modes. For example, @minrk liked the fighter-jet icon for Command Mode, so he can put this in his custom.css .ipython-command-mode:before { content: "\f0fb"; }

Brian E. Granger - - Load All Authors

File last commit:

r15733:67701c01


                r15806:6b3b303a

Download file

             notebook.less
        
                    69 lines
            
             | 1.2 KiB
            
                | text/x-less
            
             |
                LessCssLexer
            
             / IPython / html / static / notebook / less / notebook.less
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      body {

          background-color:   @bodyBackground;

      }

      body.notebook_app {

          overflow: hidden;

      }

      span#notebook_name {

          height: 1em;

          line-height: 1em;

          padding: 3px;

          border: none;

          font-size: 146.5%;

      }

      div#notebook_panel {

          margin: 0px 0px 0px 0px;

          padding: 0px;

          .box-shadow(0 -1px 10px rgba(0,0,0,.1));

      }

      div#notebook {

          font-size: @notebook_font_size;

          line-height: @notebook_line_height;

          overflow-y: scroll;

          overflow-x: auto;

          width: 100%;

          /* This spaces the cell away from the edge of the notebook area */

          padding: 1em 0 1em 0;

          margin: 0px;

          border-top: 1px solid @border_color;

          outline: none;

          .border-box-sizing();

      }

      div.ui-widget-content {

          border: 1px solid @border_color;

          outline: none;

      }

      pre.dialog {

          background-color: @cell_background;

          border: 1px solid #ddd;

          .corner-all;

          padding: 0.4em;

          padding-left: 2em;

      }

      p.dialog {

          padding : 0.2em;

      }

      /* Word-wrap output correctly.  This is the CSS3 spelling, though Firefox seems

         to not honor it correctly.  Webkit browsers (Chrome, rekonq, Safari) do.

       */

      pre, code, kbd, samp { white-space: pre-wrap; }

      #fonttest {

          font-family: @monoFontFamily;

      }

      p {

          margin-bottom:0;

      }

      .end_space {

          height: 200px;

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages


				body {
				background-color: @bodyBackground;
				}

				body.notebook_app {
				overflow: hidden;
				}

				span#notebook_name {
				height: 1em;
				line-height: 1em;
				padding: 3px;
				border: none;
				font-size: 146.5%;
				}

				div#notebook_panel {
				margin: 0px 0px 0px 0px;
				padding: 0px;
				.box-shadow(0 -1px 10px rgba(0,0,0,.1));
				}
				div#notebook {
				font-size: @notebook_font_size;
				line-height: @notebook_line_height;
				overflow-y: scroll;
				overflow-x: auto;
				width: 100%;
				/* This spaces the cell away from the edge of the notebook area */
				padding: 1em 0 1em 0;
				margin: 0px;
				border-top: 1px solid @border_color;
				outline: none;
				.border-box-sizing();
				}

				div.ui-widget-content {
				border: 1px solid @border_color;
				outline: none;
				}

				pre.dialog {
				background-color: @cell_background;
				border: 1px solid #ddd;
				.corner-all;
				padding: 0.4em;
				padding-left: 2em;
				}

				p.dialog {
				padding : 0.2em;
				}

				/* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
				to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
				*/
				pre, code, kbd, samp { white-space: pre-wrap; }

				#fonttest {
				font-family: @monoFontFamily;
				}

				p {
				margin-bottom:0;
				}

				.end_space {
				height: 200px;
				}