upstream/ipython Files · IPython/frontend/html/notebook/static/base/less/flexbox.less

Creating override.css for each page....

Creating override.css for each page. This css file should only have temporary hack until we fix out global styles. Don't add anything new to these files.

Brian E. Granger - - Load All Authors

File last commit:

r10705:b31ccdc2


                r10723:2b73e10d

Download file

             flexbox.less
        
                    105 lines
            
             | 1.5 KiB
            
                | text/x-less
            
             |
                LessCssLexer
            
             / IPython / frontend / html / notebook / static / base / less / flexbox.less
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

      /* 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;

      	/* width must be 100% to force FF to behave like webkit */

      	width: 100%;

      }

      .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 {

      	-webkit-box-flex: 1;

      	-moz-box-flex: 1;

      	box-flex: 1;

      }

      .box-flex {

          .box-flex1();

      }

      .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


				/* 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;
				/* width must be 100% to force FF to behave like webkit */
				width: 100%;
				}

				.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 {
				-webkit-box-flex: 1;
				-moz-box-flex: 1;
				box-flex: 1;
				}

				.box-flex {
				.box-flex1();
				}



				.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;
				}