mirror of
https://github.com/twbs/bootstrap.git
synced 2025-03-15 15:29:22 +01:00
reorder docs css
This commit is contained in:
Mark Otto
parent
9795e9bbe6
commit
e191964ff8
@ -730,15 +730,88 @@ form.bs-docs-example {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Sidenav for Docs
|
||||||
|
-------------------------------------------------- */
|
||||||
|
|
||||||
|
/* prevent column from collapsing when affixing */
|
||||||
|
.span3 {
|
||||||
|
min-height: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bs-docs-sidenav {
|
||||||
|
width: 218px;
|
||||||
|
margin-top: 30px;
|
||||||
|
padding: 0;
|
||||||
|
margin-right: 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
margin-left: 0;
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
-moz-border-radius: 6px;
|
||||||
|
border-radius: 6px;
|
||||||
|
-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;
|
||||||
|
margin: 0 0 -1px;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 9px 14px;
|
||||||
|
border: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
.bs-docs-sidenav > li:first-child > a {
|
||||||
|
-webkit-border-radius: 6px 6px 0 0;
|
||||||
|
-moz-border-radius: 6px 6px 0 0;
|
||||||
|
border-radius: 6px 6px 0 0;
|
||||||
|
}
|
||||||
|
.bs-docs-sidenav > li:last-child > a {
|
||||||
|
-webkit-border-radius: 0 0 6px 6px;
|
||||||
|
-moz-border-radius: 0 0 6px 6px;
|
||||||
|
border-radius: 0 0 6px 6px;
|
||||||
|
}
|
||||||
|
.bs-docs-sidenav > .active > a {
|
||||||
|
border-color: #08c;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
/* 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 {
|
||||||
|
background-image: url(../img/glyphicons-halflings-white.png);
|
||||||
|
opacity: .75;
|
||||||
|
}
|
||||||
|
.bs-docs-sidenav.affix {
|
||||||
|
top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Responsive
|
/* Responsive
|
||||||
-------------------------------------------------- */
|
-------------------------------------------------- */
|
||||||
|
|
||||||
/* Desktop large
|
/* Desktop large
|
||||||
------------------------- */
|
------------------------- */
|
||||||
@media (min-width: 1210px) {
|
@media (min-width: 1200px) {
|
||||||
.bs-docs-container {
|
.bs-docs-container {
|
||||||
max-width: 970px;
|
max-width: 970px;
|
||||||
}
|
}
|
||||||
|
.bs-docs-sidenav {
|
||||||
|
width: 258px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Desktop
|
/* Desktop
|
||||||
@ -757,6 +830,44 @@ form.bs-docs-example {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* When affixed, space properly */
|
||||||
|
.bs-docs-sidenav {
|
||||||
|
top: 0;
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 979px) {
|
||||||
|
.masthead,
|
||||||
|
.subhead {
|
||||||
|
position: fixed;
|
||||||
|
top: 40px;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
.masthead {
|
||||||
|
height: 380px;
|
||||||
|
}
|
||||||
|
.subhead {
|
||||||
|
height: 130px; /* +80px pdding */
|
||||||
|
}
|
||||||
|
.bs-docs-canvas {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 10;
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-box-shadow: 0 -5px 15px rgba(0,0,0,.15);
|
||||||
|
-moz-box-shadow: 0 -5px 15px rgba(0,0,0,.15);
|
||||||
|
box-shadow: 0 -5px 15px rgba(0,0,0,.15);
|
||||||
|
}
|
||||||
|
.masthead + .bs-docs-canvas {
|
||||||
|
top: 570px;
|
||||||
|
}
|
||||||
|
.subhead + .bs-docs-canvas {
|
||||||
|
top: 250px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tablet to desktop
|
/* Tablet to desktop
|
||||||
@ -770,6 +881,10 @@ form.bs-docs-example {
|
|||||||
.jumbotron {
|
.jumbotron {
|
||||||
margin-top: -20px; /* Offset bottom margin on .navbar */
|
margin-top: -20px; /* Offset bottom margin on .navbar */
|
||||||
}
|
}
|
||||||
|
/* Adjust sidenav width */
|
||||||
|
.bs-docs-sidenav {
|
||||||
|
width: 166px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tablet
|
/* Tablet
|
||||||
@ -806,6 +921,15 @@ form.bs-docs-example {
|
|||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Sidenav */
|
||||||
|
.bs-docs-sidenav {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.bs-docs-sidenav.affix {
|
||||||
|
position: relative;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
/* Unfloat the back to top link in footer */
|
/* Unfloat the back to top link in footer */
|
||||||
.footer {
|
.footer {
|
||||||
margin-left: -20px;
|
margin-left: -20px;
|
||||||
@ -889,129 +1013,3 @@ form.bs-docs-example {
|
|||||||
float: none;
|
float: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Docs side .nav-list
|
|
||||||
------------------------- */
|
|
||||||
.span3 {
|
|
||||||
min-height: 1px;
|
|
||||||
}
|
|
||||||
.bs-docs-sidenav {
|
|
||||||
width: 218px;
|
|
||||||
margin-top: 30px;
|
|
||||||
padding: 0;
|
|
||||||
margin-right: 10px;
|
|
||||||
background-color: #fff;
|
|
||||||
margin-left: 0;
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
-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;
|
|
||||||
margin: 0 0 -1px;
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 9px 14px;
|
|
||||||
border: 1px solid #e5e5e5;
|
|
||||||
}
|
|
||||||
.bs-docs-sidenav > li:first-child > a {
|
|
||||||
-webkit-border-radius: 6px 6px 0 0;
|
|
||||||
-moz-border-radius: 6px 6px 0 0;
|
|
||||||
border-radius: 6px 6px 0 0;
|
|
||||||
}
|
|
||||||
.bs-docs-sidenav > li:last-child > a {
|
|
||||||
-webkit-border-radius: 0 0 6px 6px;
|
|
||||||
-moz-border-radius: 0 0 6px 6px;
|
|
||||||
border-radius: 0 0 6px 6px;
|
|
||||||
}
|
|
||||||
.bs-docs-sidenav > .active > a {
|
|
||||||
border-color: #08c;
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
}
|
|
||||||
/* 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 {
|
|
||||||
background-image: url(../img/glyphicons-halflings-white.png);
|
|
||||||
opacity: .75;
|
|
||||||
}
|
|
||||||
.bs-docs-sidenav.affix {
|
|
||||||
top: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1200px) {
|
|
||||||
.bs-docs-sidenav {
|
|
||||||
width: 258px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 979px) {
|
|
||||||
.bs-docs-sidenav {
|
|
||||||
top: 0px;
|
|
||||||
margin-top: 30px;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) and (max-width: 979px) {
|
|
||||||
.bs-docs-sidenav {
|
|
||||||
width: 166px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
.bs-docs-sidenav {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.bs-docs-sidenav.affix {
|
|
||||||
position: relative;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 979px) {
|
|
||||||
.masthead,
|
|
||||||
.subhead {
|
|
||||||
position: fixed;
|
|
||||||
top: 40px;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
.masthead {
|
|
||||||
height: 380px;
|
|
||||||
}
|
|
||||||
.subhead {
|
|
||||||
height: 130px; /* +80px pdding */
|
|
||||||
}
|
|
||||||
.bs-docs-canvas {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
z-index: 10;
|
|
||||||
background-color: #fff;
|
|
||||||
-webkit-box-shadow: 0 -5px 15px rgba(0,0,0,.15);
|
|
||||||
-moz-box-shadow: 0 -5px 15px rgba(0,0,0,.15);
|
|
||||||
box-shadow: 0 -5px 15px rgba(0,0,0,.15);
|
|
||||||
}
|
|
||||||
.masthead + .bs-docs-canvas {
|
|
||||||
top: 570px;
|
|
||||||
}
|
|
||||||
.subhead + .bs-docs-canvas {
|
|
||||||
top: 250px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user