upstream/ipython Files · IPython/html/static/notebook/less/celltoolbar.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"; }

MinRK - - Load All Authors

File last commit:

r13667:8cda9a7b


                r15806:6b3b303a

Download file

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

      /* CSS for the cell toolbar */

      .celltoolbar {

          border: thin solid #CFCFCF;

          border-bottom: none;

          background : #EEE;

          border-radius : 3px 3px 0px 0px;

          width:100%;

          -webkit-box-pack: end;

          height:22px;

          .hbox();

          .reverse();

      }

      .ctb_hideshow {

          display:none;

          vertical-align:bottom;

          padding-right: 2px;

      }

      .celltoolbar > div {

         padding-top: 0px;

      }

      /* ctb_show is added to the ctb_hideshow div to show the cell toolbar.

         Cell toolbars are only shown when the ctb_global_show class is also set.

      */

      .ctb_global_show .ctb_show.ctb_hideshow {

          display: block;

      }

      .ctb_global_show .ctb_show + .input_area,

      .ctb_global_show .ctb_show + div.text_cell_input

      {

          border-top-right-radius: 0px;

          border-top-left-radius: 0px;

      }

      .celltoolbar .button_container select {

          margin: 10px;

          margin-top: 1px;

          margin-bottom: 0px;

          padding:0;

          font-size: 87%;

          width:auto;

          display:inline-block;

          height:18px;

          line-height:18px;

          vertical-align:top;

      }

      .celltoolbar label{

          display:inline-block;

          height:15px;

          line-height:15px;

          vertical-align:top;

      }

      .celltoolbar label span {

          font-size: 85%;

      }

      .celltoolbar input[type=checkbox] {

          margin: 0px;

          margin-left: 4px;

          margin-right: 4px;

      }

      .celltoolbar .ui-button {

          border: none;

          vertical-align:top;

          height:20px;

          min-width:30px;

      }

	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

				/* CSS for the cell toolbar */

				.celltoolbar {
				border: thin solid #CFCFCF;
				border-bottom: none;
				background : #EEE;
				border-radius : 3px 3px 0px 0px;
				width:100%;
				-webkit-box-pack: end;
				height:22px;
				.hbox();
				.reverse();
				}

				.ctb_hideshow {
				display:none;
				vertical-align:bottom;
				padding-right: 2px;
				}

				.celltoolbar > div {
				padding-top: 0px;
				}


				/* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
				Cell toolbars are only shown when the ctb_global_show class is also set.
				*/
				.ctb_global_show .ctb_show.ctb_hideshow {
				display: block;
				}

				.ctb_global_show .ctb_show + .input_area,
				.ctb_global_show .ctb_show + div.text_cell_input
				{
				border-top-right-radius: 0px;
				border-top-left-radius: 0px;
				}

				.celltoolbar .button_container select {
				margin: 10px;
				margin-top: 1px;
				margin-bottom: 0px;
				padding:0;
				font-size: 87%;
				width:auto;
				display:inline-block;
				height:18px;
				line-height:18px;
				vertical-align:top;
				}

				.celltoolbar label{
				display:inline-block;
				height:15px;
				line-height:15px;
				vertical-align:top;
				}

				.celltoolbar label span {
				font-size: 85%;
				}

				.celltoolbar input[type=checkbox] {
				margin: 0px;
				margin-left: 4px;
				margin-right: 4px;
				}


				.celltoolbar .ui-button {
				border: none;
				vertical-align:top;
				height:20px;
				min-width:30px;
				}