mirror of
https://github.com/portainer/portainer.git
synced 2025-08-05 13:55:21 +02:00
Upgrade to Bootstrap 3.3.0, clean out assets folder.
This commit is contained in:
Kevan Ahlquist
parent
ea9a1e8e8a
commit
b5b4f7ef20
179 changed files with 246 additions and 37871 deletions
1073
assets/css/bootstrap-responsive.css
vendored
1073
assets/css/bootstrap-responsive.css
vendored
File diff suppressed because it is too large
Load diff
145
assets/css/bootstrap-responsive.min.css
vendored
145
assets/css/bootstrap-responsive.min.css
vendored
|
|
@ -1,145 +0,0 @@
|
|||
/*!* Bootstrap Responsive v2.3.1 * * Copyright 2012 Twitter,Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}
|
||||
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}.clearfix:after{clear:both;}
|
||||
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
|
||||
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
@-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;}.visible-phone{display:none!important;}
|
||||
.visible-tablet{display:none!important;}.hidden-desktop{display:none!important;}
|
||||
.visible-desktop{display:inherit!important;}@media(min-width:768px) and(max-width:979px){.hidden-desktop{display:inherit!important;}
|
||||
.visible-desktop{display:none!important;}.visible-tablet{display:inherit!important;}
|
||||
.hidden-tablet{display:none!important;}}@media(max-width:767px){.hidden-desktop{display:inherit!important;}
|
||||
.visible-desktop{display:none!important;}.visible-phone{display:inherit!important;}
|
||||
.hidden-phone{display:none!important;}}.visible-print{display:none!important;}@media print{.visible-print{display:inherit!important;}
|
||||
.hidden-print{display:none!important;}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1;}
|
||||
.row:before,.row:after{display:table;content:"";line-height:0;}.row:after{clear:both;}
|
||||
[class*="span"]{float:left;min-height:1px;margin-left:30px;}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;}
|
||||
.span12{width:1170px;}.span11{width:1070px;}.span10{width:970px;}.span9{width:870px;}
|
||||
.span8{width:770px;}.span7{width:670px;}.span6{width:570px;}.span5{width:470px;}
|
||||
.span4{width:370px;}.span3{width:270px;}.span2{width:170px;}.span1{width:70px;}.offset12{margin-left:1230px;}
|
||||
.offset11{margin-left:1130px;}.offset10{margin-left:1030px;}.offset9{margin-left:930px;}
|
||||
.offset8{margin-left:830px;}.offset7{margin-left:730px;}.offset6{margin-left:630px;}
|
||||
.offset5{margin-left:530px;}.offset4{margin-left:430px;}.offset3{margin-left:330px;}
|
||||
.offset2{margin-left:230px;}.offset1{margin-left:130px;}.row-fluid{width:100%;*zoom:1;}
|
||||
.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}
|
||||
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;}
|
||||
.row-fluid [class*="span"]:first-child{margin-left:0;}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;}
|
||||
.row-fluid .span12{width:100%;*width:99.94680851063829%;}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;}
|
||||
.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;}
|
||||
.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;}
|
||||
.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;}
|
||||
.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;}
|
||||
.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;}
|
||||
.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;}
|
||||
.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;}
|
||||
.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;}
|
||||
.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;}
|
||||
.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;}
|
||||
.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;}
|
||||
.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;}
|
||||
.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;}
|
||||
.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;}
|
||||
.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;}
|
||||
.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;}
|
||||
.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;}
|
||||
.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;}
|
||||
.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;}
|
||||
.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;}
|
||||
.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;}
|
||||
.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;}
|
||||
.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;}
|
||||
.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;}
|
||||
.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;}
|
||||
.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;}
|
||||
.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;}
|
||||
.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;}
|
||||
.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;}
|
||||
input,textarea,.uneditable-input{margin-left:0;}.controls-row [class*="span"]+[class*="span"]{margin-left:30px;}
|
||||
input.span12,textarea.span12,.uneditable-input.span12{width:1156px;}input.span11,textarea.span11,.uneditable-input.span11{width:1056px;}
|
||||
input.span10,textarea.span10,.uneditable-input.span10{width:956px;}input.span9,textarea.span9,.uneditable-input.span9{width:856px;}
|
||||
input.span8,textarea.span8,.uneditable-input.span8{width:756px;}input.span7,textarea.span7,.uneditable-input.span7{width:656px;}
|
||||
input.span6,textarea.span6,.uneditable-input.span6{width:556px;}input.span5,textarea.span5,.uneditable-input.span5{width:456px;}
|
||||
input.span4,textarea.span4,.uneditable-input.span4{width:356px;}input.span3,textarea.span3,.uneditable-input.span3{width:256px;}
|
||||
input.span2,textarea.span2,.uneditable-input.span2{width:156px;}input.span1,textarea.span1,.uneditable-input.span1{width:56px;}
|
||||
.thumbnails{margin-left:-30px;}.thumbnails>li{margin-left:30px;}.row-fluid .thumbnails{margin-left:0;}
|
||||
}@media(min-width:768px) and(max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
|
||||
.row:after{clear:both;}[class*="span"]{float:left;min-height:1px;margin-left:20px;}
|
||||
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;}
|
||||
.span12{width:724px;}.span11{width:662px;}.span10{width:600px;}.span9{width:538px;}
|
||||
.span8{width:476px;}.span7{width:414px;}.span6{width:352px;}.span5{width:290px;}
|
||||
.span4{width:228px;}.span3{width:166px;}.span2{width:104px;}.span1{width:42px;}.offset12{margin-left:764px;}
|
||||
.offset11{margin-left:702px;}.offset10{margin-left:640px;}.offset9{margin-left:578px;}
|
||||
.offset8{margin-left:516px;}.offset7{margin-left:454px;}.offset6{margin-left:392px;}
|
||||
.offset5{margin-left:330px;}.offset4{margin-left:268px;}.offset3{margin-left:206px;}
|
||||
.offset2{margin-left:144px;}.offset1{margin-left:82px;}.row-fluid{width:100%;*zoom:1;}
|
||||
.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}
|
||||
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;}
|
||||
.row-fluid [class*="span"]:first-child{margin-left:0;}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;}
|
||||
.row-fluid .span12{width:100%;*width:99.94680851063829%;}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;}
|
||||
.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;}
|
||||
.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;}
|
||||
.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;}
|
||||
.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;}
|
||||
.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;}
|
||||
.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;}
|
||||
.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;}
|
||||
.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;}
|
||||
.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;}
|
||||
.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;}
|
||||
.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;}
|
||||
.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;}
|
||||
.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;}
|
||||
.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;}
|
||||
.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;}
|
||||
.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;}
|
||||
.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;}
|
||||
.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;}
|
||||
.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;}
|
||||
.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;}
|
||||
.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;}
|
||||
.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;}
|
||||
.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;}
|
||||
.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;}
|
||||
.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;}
|
||||
.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;}
|
||||
.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;}
|
||||
.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;}
|
||||
.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;}
|
||||
input,textarea,.uneditable-input{margin-left:0;}.controls-row [class*="span"]+[class*="span"]{margin-left:20px;}
|
||||
input.span12,textarea.span12,.uneditable-input.span12{width:710px;}input.span11,textarea.span11,.uneditable-input.span11{width:648px;}
|
||||
input.span10,textarea.span10,.uneditable-input.span10{width:586px;}input.span9,textarea.span9,.uneditable-input.span9{width:524px;}
|
||||
input.span8,textarea.span8,.uneditable-input.span8{width:462px;}input.span7,textarea.span7,.uneditable-input.span7{width:400px;}
|
||||
input.span6,textarea.span6,.uneditable-input.span6{width:338px;}input.span5,textarea.span5,.uneditable-input.span5{width:276px;}
|
||||
input.span4,textarea.span4,.uneditable-input.span4{width:214px;}input.span3,textarea.span3,.uneditable-input.span3{width:152px;}
|
||||
input.span2,textarea.span2,.uneditable-input.span2{width:90px;}input.span1,textarea.span1,.uneditable-input.span1{width:28px;}
|
||||
}@media(max-width:767px){body{padding-left:20px;padding-right:20px;}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;}
|
||||
.container-fluid{padding:0;}.dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;}
|
||||
.dl-horizontal dd{margin-left:0;}.container{width:auto;}.row-fluid{width:100%;}.row,.thumbnails{margin-left:0;}
|
||||
.thumbnails>li{float:none;margin-left:0;}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.row-fluid [class*="offset"]:first-child{margin-left:0;}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;}
|
||||
.controls-row [class*="span"]+[class*="span"]{margin-left:0;}.modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}
|
||||
.modal.fade{top:-100px;}.modal.fade.in{top:20px;}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0);}
|
||||
.page-header h1 small{display:block;line-height:20px;}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;}
|
||||
.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;}
|
||||
.form-horizontal .controls{margin-left:0;}.form-horizontal .control-list{padding-top:0;}
|
||||
.form-horizontal .form-actions{padding-left:10px;padding-right:10px;}.media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;}
|
||||
.media-object{margin-right:0;margin-left:0;}.modal{top:10px;left:10px;right:10px;}
|
||||
.modal-header .close{padding:10px;margin:-10px;}.carousel-caption{position:static;}
|
||||
}@media(max-width:979px){body{padding-top:0;}.navbar-fixed-top,.navbar-fixed-bottom{position:static;}
|
||||
.navbar-fixed-top{margin-bottom:20px;}.navbar-fixed-bottom{margin-top:20px;}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px;}
|
||||
.navbar .container{width:auto;padding:0;}.navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;}
|
||||
.nav-collapse{clear:both;}.nav-collapse .nav{float:none;margin:0 0 10px;}.nav-collapse .nav>li{float:none;}
|
||||
.nav-collapse .nav>li>a{margin-bottom:2px;}.nav-collapse .nav>.divider-vertical{display:none;}
|
||||
.nav-collapse .nav .nav-header{color:#777;text-shadow:none;}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;}
|
||||
.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px;}
|
||||
.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2;}
|
||||
.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999;}
|
||||
.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111;}
|
||||
.nav-collapse.in .btn-group{margin-top:5px;padding:0;}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:none;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;}
|
||||
.nav-collapse .open>.dropdown-menu{display:block;}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none;}
|
||||
.nav-collapse .dropdown-menu .divider{display:none;}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none;}
|
||||
.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
|
||||
.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111;}
|
||||
.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0;}.nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0;}
|
||||
.navbar .btn-navbar{display:block;}.navbar-static .navbar-inner{padding-left:10px;padding-right:10px;}
|
||||
}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important;}}
|
||||
5969
assets/css/bootstrap.css
vendored
5969
assets/css/bootstrap.css
vendored
File diff suppressed because it is too large
Load diff
863
assets/css/bootstrap.min.css
vendored
Executable file → Normal file
863
assets/css/bootstrap.min.css
vendored
Executable file → Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,988 +0,0 @@
|
|||
/* Add additional stylesheets below
|
||||
-------------------------------------------------- */
|
||||
/*
|
||||
Bootstrap's documentation styles
|
||||
Special styles for presenting Bootstrap's documentation and examples
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* Body and structure
|
||||
-------------------------------------------------- */
|
||||
|
||||
body {
|
||||
position: relative;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
/* Code in headings */
|
||||
h3 code {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Tweak navbar brand link to be super sleek
|
||||
-------------------------------------------------- */
|
||||
|
||||
body > .navbar {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* Change the docs' brand */
|
||||
body > .navbar .brand {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
margin-left: 20px;
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
body > .navbar .brand:hover {
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
|
||||
}
|
||||
|
||||
|
||||
/* Sections
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* padding for in-page bookmarks and fixed navbar */
|
||||
section {
|
||||
padding-top: 30px;
|
||||
}
|
||||
section > .page-header,
|
||||
section > .lead {
|
||||
color: #5a5a5a;
|
||||
}
|
||||
section > ul li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Separators (hr) */
|
||||
.bs-docs-separator {
|
||||
margin: 40px 0 39px;
|
||||
}
|
||||
|
||||
/* Faded out hr */
|
||||
hr.soften {
|
||||
height: 1px;
|
||||
margin: 70px 0;
|
||||
background: #000;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Jumbotrons
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Base class
|
||||
------------------------- */
|
||||
.jumbotron {
|
||||
position: relative;
|
||||
padding: 40px 0;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
|
||||
background: #444; /* Old browsers */
|
||||
}
|
||||
.jumbotron h1 {
|
||||
font-size: 80px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -1px;
|
||||
line-height: 1;
|
||||
}
|
||||
.jumbotron p {
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
line-height: 1.25;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
/* Link styles (used on .masthead-links as well) */
|
||||
.jumbotron a {
|
||||
color: #fff;
|
||||
color: rgba(255,255,255,.5);
|
||||
-webkit-transition: all .2s ease-in-out;
|
||||
-moz-transition: all .2s ease-in-out;
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
.jumbotron a:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 10px rgba(255,255,255,.25);
|
||||
}
|
||||
|
||||
/* Download button */
|
||||
.masthead .btn {
|
||||
padding: 19px 24px;
|
||||
font-size: 24px;
|
||||
font-weight: 200;
|
||||
color: #fff; /* redeclare to override the `.jumbotron a` */
|
||||
border: 0;
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
.masthead .btn:hover {
|
||||
|
||||
}
|
||||
.masthead .btn:active {
|
||||
}
|
||||
|
||||
|
||||
/* Pattern overlay
|
||||
------------------------- */
|
||||
.jumbotron .container {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.jumbotron:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
/* Masthead (docs home)
|
||||
------------------------- */
|
||||
.masthead {
|
||||
padding: 70px 0 80px;
|
||||
margin-bottom: 0;
|
||||
color: #fff;
|
||||
}
|
||||
.masthead h1 {
|
||||
font-size: 120px;
|
||||
line-height: 1;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
.masthead p {
|
||||
font-size: 40px;
|
||||
font-weight: 200;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
/* Textual links in masthead */
|
||||
.masthead-links {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.masthead-links li {
|
||||
display: inline;
|
||||
padding: 0 10px;
|
||||
color: rgba(255,255,255,.25);
|
||||
}
|
||||
|
||||
/* Social proof buttons from GitHub & Twitter */
|
||||
.bs-docs-social {
|
||||
padding: 15px 0;
|
||||
text-align: center;
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
/* Quick links on Home */
|
||||
.bs-docs-social-buttons {
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.bs-docs-social-buttons li {
|
||||
display: inline-block;
|
||||
padding: 5px 8px;
|
||||
line-height: 1;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
/* Subhead (other pages)
|
||||
------------------------- */
|
||||
.subhead {
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.subhead h1 {
|
||||
font-size: 60px;
|
||||
}
|
||||
.subhead p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.subhead .navbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Marketing section of Overview
|
||||
-------------------------------------------------- */
|
||||
|
||||
.marketing {
|
||||
text-align: center;
|
||||
color: #5a5a5a;
|
||||
}
|
||||
.marketing h1 {
|
||||
margin: 60px 0 10px;
|
||||
font-size: 60px;
|
||||
font-weight: 200;
|
||||
line-height: 1;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
.marketing h2 {
|
||||
font-weight: 200;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.marketing p {
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.marketing .marketing-byline {
|
||||
margin-bottom: 40px;
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
line-height: 1.25;
|
||||
color: #999;
|
||||
}
|
||||
.marketing img {
|
||||
display: block;
|
||||
margin: 0 auto 30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Footer
|
||||
-------------------------------------------------- */
|
||||
|
||||
.footer {
|
||||
padding: 70px 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.footer p {
|
||||
margin-bottom: 0;
|
||||
color: #777;
|
||||
}
|
||||
.footer-links {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.footer-links li {
|
||||
display: inline;
|
||||
padding: 0 2px;
|
||||
}
|
||||
.footer-links li:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Special grid styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
.show-grid {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.show-grid [class*="span"] {
|
||||
background-color: #eee;
|
||||
text-align: center;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
min-height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.show-grid:hover [class*="span"] {
|
||||
background: #ddd;
|
||||
}
|
||||
.show-grid .show-grid {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.show-grid .show-grid [class*="span"] {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mini layout previews
|
||||
-------------------------------------------------- */
|
||||
.mini-layout {
|
||||
border: 1px solid #ddd;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,.075);
|
||||
}
|
||||
.mini-layout,
|
||||
.mini-layout .mini-layout-body,
|
||||
.mini-layout.fluid .mini-layout-sidebar {
|
||||
height: 300px;
|
||||
}
|
||||
.mini-layout {
|
||||
margin-bottom: 20px;
|
||||
padding: 9px;
|
||||
}
|
||||
.mini-layout div {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.mini-layout .mini-layout-body {
|
||||
background-color: #dceaf4;
|
||||
margin: 0 auto;
|
||||
width: 70%;
|
||||
}
|
||||
.mini-layout.fluid .mini-layout-sidebar,
|
||||
.mini-layout.fluid .mini-layout-header,
|
||||
.mini-layout.fluid .mini-layout-body {
|
||||
float: left;
|
||||
}
|
||||
.mini-layout.fluid .mini-layout-sidebar {
|
||||
background-color: #bbd8e9;
|
||||
width: 20%;
|
||||
}
|
||||
.mini-layout.fluid .mini-layout-body {
|
||||
width: 77.5%;
|
||||
margin-left: 2.5%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Download page
|
||||
-------------------------------------------------- */
|
||||
|
||||
.download .page-header {
|
||||
margin-top: 36px;
|
||||
}
|
||||
.page-header .toggle-all {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Space out h3s when following a section */
|
||||
.download h3 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.download-builder input + h3,
|
||||
.download-builder .checkbox + h3 {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
/* Fields for variables */
|
||||
.download-builder input[type=text] {
|
||||
margin-bottom: 9px;
|
||||
font-family: Menlo, Monaco, "Courier New", monospace;
|
||||
font-size: 12px;
|
||||
color: #d14;
|
||||
}
|
||||
.download-builder input[type=text]:focus {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* Custom, larger checkbox labels */
|
||||
.download .checkbox {
|
||||
padding: 6px 10px 6px 25px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: #555;
|
||||
background-color: #f9f9f9;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.download .checkbox:hover {
|
||||
color: #333;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.download .checkbox small {
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
/* Variables section */
|
||||
#variables label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Giant download button */
|
||||
.download-btn {
|
||||
margin: 36px 0 108px;
|
||||
}
|
||||
#download p,
|
||||
#download h4 {
|
||||
max-width: 50%;
|
||||
margin: 0 auto;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
}
|
||||
#download h4 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#download p {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.download-btn .btn {
|
||||
display: block;
|
||||
width: auto;
|
||||
padding: 19px 24px;
|
||||
margin-bottom: 27px;
|
||||
font-size: 30px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Misc
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Make tables spaced out a bit more */
|
||||
h2 + table,
|
||||
h3 + table,
|
||||
h4 + table,
|
||||
h2 + .row {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
/* Example sites showcase */
|
||||
.example-sites {
|
||||
xmargin-left: 20px;
|
||||
}
|
||||
.example-sites img {
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.scrollspy-example {
|
||||
height: 200px;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
/* Fake the :focus state to demo it */
|
||||
.focused {
|
||||
border-color: rgba(82,168,236,.8);
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
|
||||
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
|
||||
box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* For input sizes, make them display block */
|
||||
.docs-input-sizes select,
|
||||
.docs-input-sizes input[type=text] {
|
||||
display: block;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
/* Icons
|
||||
------------------------- */
|
||||
.the-icons {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.the-icons li {
|
||||
float: left;
|
||||
width: 25%;
|
||||
line-height: 25px;
|
||||
}
|
||||
.the-icons i:hover {
|
||||
background-color: rgba(255,0,0,.25);
|
||||
}
|
||||
|
||||
/* Example page
|
||||
------------------------- */
|
||||
.bootstrap-examples p {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.bootstrap-examples .thumbnail {
|
||||
margin-bottom: 9px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Bootstrap code examples
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Base class */
|
||||
.bs-docs-example {
|
||||
position: relative;
|
||||
margin: 15px 0;
|
||||
padding: 39px 19px 14px;
|
||||
*padding-top: 19px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Echo out a label for the example */
|
||||
.bs-docs-example:after {
|
||||
content: "Example";
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
padding: 3px 7px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ddd;
|
||||
color: #9da0a4;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Remove spacing between an example and it's code */
|
||||
.bs-docs-example + .prettyprint {
|
||||
margin-top: -20px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
/* Tweak examples
|
||||
------------------------- */
|
||||
.bs-docs-example > p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.bs-docs-example .table,
|
||||
.bs-docs-example .progress,
|
||||
.bs-docs-example .well,
|
||||
.bs-docs-example .alert,
|
||||
.bs-docs-example .hero-unit,
|
||||
.bs-docs-example .pagination,
|
||||
.bs-docs-example .navbar,
|
||||
.bs-docs-example > .nav,
|
||||
.bs-docs-example blockquote {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.bs-docs-example .pagination {
|
||||
margin-top: 0;
|
||||
}
|
||||
.bs-navbar-top-example,
|
||||
.bs-navbar-bottom-example {
|
||||
z-index: 1;
|
||||
padding: 0;
|
||||
height: 90px;
|
||||
overflow: hidden; /* cut the drop shadows off */
|
||||
}
|
||||
.bs-navbar-top-example .navbar-fixed-top,
|
||||
.bs-navbar-bottom-example .navbar-fixed-bottom {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.bs-navbar-top-example {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bs-navbar-top-example:after {
|
||||
top: auto;
|
||||
bottom: -1px;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bs-navbar-bottom-example {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bs-navbar-bottom-example .navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
form.bs-docs-example {
|
||||
padding-bottom: 19px;
|
||||
}
|
||||
|
||||
/* Images */
|
||||
.bs-docs-example-images img {
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Tooltips */
|
||||
.bs-docs-tooltip-examples {
|
||||
text-align: center;
|
||||
margin: 0 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
.bs-docs-tooltip-examples li {
|
||||
display: inline;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
/* Popovers */
|
||||
.bs-docs-example-popover {
|
||||
padding-bottom: 24px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.bs-docs-example-popover .popover {
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 260px;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Responsive docs
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Utility classes table
|
||||
------------------------- */
|
||||
.responsive-utilities th small {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
}
|
||||
.responsive-utilities tbody th {
|
||||
font-weight: normal;
|
||||
}
|
||||
.responsive-utilities td {
|
||||
text-align: center;
|
||||
}
|
||||
.responsive-utilities td.is-visible {
|
||||
color: #468847;
|
||||
background-color: #dff0d8 !important;
|
||||
}
|
||||
.responsive-utilities td.is-hidden {
|
||||
color: #ccc;
|
||||
background-color: #f9f9f9 !important;
|
||||
}
|
||||
|
||||
/* Responsive tests
|
||||
------------------------- */
|
||||
.responsive-utilities-test {
|
||||
margin-top: 5px;
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
overflow: hidden; /* clear floats */
|
||||
}
|
||||
.responsive-utilities-test li {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 43px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
line-height: 43px;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
border: 1px solid #ddd;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.responsive-utilities-test li + li {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.responsive-utilities-test span {
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
right: -1px;
|
||||
bottom: -1px;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.responsive-utilities-test span {
|
||||
color: #468847;
|
||||
background-color: #dff0d8;
|
||||
border: 1px solid #d6e9c6;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Sidenav for Docs
|
||||
-------------------------------------------------- */
|
||||
|
||||
.bs-docs-sidenav {
|
||||
width: 228px;
|
||||
margin: 30px 0 0;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.065);
|
||||
}
|
||||
.bs-docs-sidenav > li > a {
|
||||
display: block;
|
||||
width: 190px \9;
|
||||
margin: 0 0 -1px;
|
||||
padding: 8px 14px;
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
.bs-docs-sidenav > li:first-child > a {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bs-docs-sidenav > li:last-child > a {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bs-docs-sidenav > .active > a {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 9px 15px;
|
||||
border: 0;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.15);
|
||||
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
|
||||
}
|
||||
/* Chevrons */
|
||||
.bs-docs-sidenav .icon-chevron-right {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
margin-right: -6px;
|
||||
opacity: .25;
|
||||
}
|
||||
.bs-docs-sidenav > li > a:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.bs-docs-sidenav a:hover .icon-chevron-right {
|
||||
opacity: .5;
|
||||
}
|
||||
.bs-docs-sidenav .active .icon-chevron-right,
|
||||
.bs-docs-sidenav .active a:hover .icon-chevron-right {
|
||||
background-image: url(../img/glyphicons-halflings-white.png);
|
||||
opacity: 1;
|
||||
}
|
||||
.bs-docs-sidenav.affix {
|
||||
top: 40px;
|
||||
}
|
||||
.bs-docs-sidenav.affix-bottom {
|
||||
position: absolute;
|
||||
top: auto;
|
||||
bottom: 270px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Responsive
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Desktop large
|
||||
------------------------- */
|
||||
@media (min-width: 1200px) {
|
||||
.bs-docs-container {
|
||||
max-width: 970px;
|
||||
}
|
||||
.bs-docs-sidenav {
|
||||
width: 258px;
|
||||
}
|
||||
.bs-docs-sidenav > li > a {
|
||||
width: 230px \9; /* Override the previous IE8-9 hack */
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop
|
||||
------------------------- */
|
||||
@media (max-width: 980px) {
|
||||
/* Unfloat brand */
|
||||
body > .navbar-fixed-top .brand {
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
/* Inline-block quick links for more spacing */
|
||||
.quick-links li {
|
||||
display: inline-block;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
/* When affixed, space properly */
|
||||
.bs-docs-sidenav {
|
||||
top: 0;
|
||||
margin-top: 30px;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet to desktop
|
||||
------------------------- */
|
||||
@media (min-width: 768px) and (max-width: 980px) {
|
||||
/* Remove any padding from the body */
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
/* Widen masthead and social buttons to fill body padding */
|
||||
.jumbotron {
|
||||
margin-top: -20px; /* Offset bottom margin on .navbar */
|
||||
}
|
||||
/* Adjust sidenav width */
|
||||
.bs-docs-sidenav {
|
||||
width: 166px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.bs-docs-sidenav.affix {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet
|
||||
------------------------- */
|
||||
@media (max-width: 767px) {
|
||||
/* Remove any padding from the body */
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/* Widen masthead and social buttons to fill body padding */
|
||||
.jumbotron {
|
||||
padding: 40px 20px;
|
||||
margin-top: -20px; /* Offset bottom margin on .navbar */
|
||||
margin-right: -20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.masthead h1 {
|
||||
font-size: 90px;
|
||||
}
|
||||
.masthead p,
|
||||
.masthead .btn {
|
||||
font-size: 24px;
|
||||
}
|
||||
.marketing .span4 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.bs-docs-social {
|
||||
margin: 0 -20px;
|
||||
}
|
||||
|
||||
/* Space out the show-grid examples */
|
||||
.show-grid [class*="span"] {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Sidenav */
|
||||
.bs-docs-sidenav {
|
||||
width: auto;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.bs-docs-sidenav.affix {
|
||||
position: static;
|
||||
width: auto;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Unfloat the back to top link in footer */
|
||||
.footer {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.footer p {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Landscape phones
|
||||
------------------------- */
|
||||
@media (max-width: 480px) {
|
||||
/* Remove padding above jumbotron */
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/* Change up some type stuff */
|
||||
h2 small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Downsize the jumbotrons */
|
||||
.jumbotron h1 {
|
||||
font-size: 45px;
|
||||
}
|
||||
.jumbotron p,
|
||||
.jumbotron .btn {
|
||||
font-size: 18px;
|
||||
}
|
||||
.jumbotron .btn {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* center align subhead text like the masthead */
|
||||
.subhead h1,
|
||||
.subhead p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Marketing on home */
|
||||
.marketing h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
.marketing-byline {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/* center example sites */
|
||||
.example-sites {
|
||||
margin-left: 0;
|
||||
}
|
||||
.example-sites > li {
|
||||
float: none;
|
||||
display: block;
|
||||
max-width: 280px;
|
||||
margin: 0 auto 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.example-sites .thumbnail > img {
|
||||
max-width: 270px;
|
||||
}
|
||||
|
||||
/* Do our best to make tables work in narrow viewports */
|
||||
table code {
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
/* Modal example */
|
||||
.modal-example .modal {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
/* Tighten up footer */
|
||||
.footer {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
/* Unfloat the back to top in footer to prevent odd text wrapping */
|
||||
.footer .pull-right {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue