upstream/ipython Files · IPython/frontend/html/notebook/static/css/layout.css

Merge pull request from minrk/stream...

Merge pull request from minrk/stream Several improvements to stdout/stderr handling and visual layout of cells. Now stdout and stderr are kept contiguous (in a single div) if they are being written to continuously, and stderr is shown with a light red background to help distinguish from stdout. Further, input cells now have a light gray background to help distinguish them from plain stdout areas.

Brian E. Granger - - Load All Authors

File last commit:

r4488:1699c903


                r4906:ca814f85

Download file

             layout.css
        
                    103 lines
            
             | 1.6 KiB
            
                | text/css
            
             |
                CssLexer
            
             / IPython / frontend / html / notebook / static / css / layout.css
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      .border-box-sizing {

          box-sizing: border-box;

          -moz-box-sizing: border-box;

          -webkit-box-sizing: border-box;

      }

      /* Flexible box model classes */

      /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */

      .hbox {

      	display: -webkit-box;

      	-webkit-box-orient: horizontal;

      	-webkit-box-align: stretch;

      	display: -moz-box;

      	-moz-box-orient: horizontal;

      	-moz-box-align: stretch;

      	display: box;

      	box-orient: horizontal;

      	box-align: stretch;

      }

      .hbox > * {

      	-webkit-box-flex: 0;

      	-moz-box-flex: 0;

      	box-flex: 0;

      }

      .vbox {

      	display: -webkit-box;

      	-webkit-box-orient: vertical;

      	-webkit-box-align: stretch;

      	display: -moz-box;

      	-moz-box-orient: vertical;

      	-moz-box-align: stretch;

      	display: box;

      	box-orient: vertical;

      	box-align: stretch;

      }

      .vbox > * {

      	-webkit-box-flex: 0;

      	-moz-box-flex: 0;

      	box-flex: 0;

      }

      .reverse {

      	-webkit-box-direction: reverse;

      	-moz-box-direction: reverse;

      	box-direction: reverse;

      }

      .box-flex0 {

      	-webkit-box-flex: 0;

      	-moz-box-flex: 0;

      	box-flex: 0;

      }

      .box-flex1, .box-flex {

      	-webkit-box-flex: 1;

      	-moz-box-flex: 1;

      	box-flex: 1;

      }

      .box-flex2 {

      	-webkit-box-flex: 2;

      	-moz-box-flex: 2;

      	box-flex: 2;

      }

      .box-group1 {

      	-webkit-box-flex-group: 1;

      	-moz-box-flex-group: 1;

      	box-flex-group: 1;

      }

      .box-group2 {

      	-webkit-box-flex-group: 2;

      	-moz-box-flex-group: 2;

      	box-flex-group: 2;

      }

      .start {

      	-webkit-box-pack: start;

      	-moz-box-pack: start;

      	box-pack: start;

      }

      .end {

      	-webkit-box-pack: end;

      	-moz-box-pack: end;

      	box-pack: end;

      }

      .center {

      	-webkit-box-pack: center;

      	-moz-box-pack: center;

      	box-pack: center;

      }

	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


				.border-box-sizing {
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				}

				/* Flexible box model classes */
				/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */

				.hbox {
				display: -webkit-box;
				-webkit-box-orient: horizontal;
				-webkit-box-align: stretch;

				display: -moz-box;
				-moz-box-orient: horizontal;
				-moz-box-align: stretch;

				display: box;
				box-orient: horizontal;
				box-align: stretch;
				}

				.hbox > * {
				-webkit-box-flex: 0;
				-moz-box-flex: 0;
				box-flex: 0;
				}

				.vbox {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-box-align: stretch;

				display: -moz-box;
				-moz-box-orient: vertical;
				-moz-box-align: stretch;

				display: box;
				box-orient: vertical;
				box-align: stretch;
				}

				.vbox > * {
				-webkit-box-flex: 0;
				-moz-box-flex: 0;
				box-flex: 0;
				}

				.reverse {
				-webkit-box-direction: reverse;
				-moz-box-direction: reverse;
				box-direction: reverse;
				}

				.box-flex0 {
				-webkit-box-flex: 0;
				-moz-box-flex: 0;
				box-flex: 0;
				}

				.box-flex1, .box-flex {
				-webkit-box-flex: 1;
				-moz-box-flex: 1;
				box-flex: 1;
				}

				.box-flex2 {
				-webkit-box-flex: 2;
				-moz-box-flex: 2;
				box-flex: 2;
				}

				.box-group1 {
				-webkit-box-flex-group: 1;
				-moz-box-flex-group: 1;
				box-flex-group: 1;
				}

				.box-group2 {
				-webkit-box-flex-group: 2;
				-moz-box-flex-group: 2;
				box-flex-group: 2;
				}

				.start {
				-webkit-box-pack: start;
				-moz-box-pack: start;
				box-pack: start;
				}

				.end {
				-webkit-box-pack: end;
				-moz-box-pack: end;
				box-pack: end;
				}

				.center {
				-webkit-box-pack: center;
				-moz-box-pack: center;
				box-pack: center;
				}