Skip to content

Commit

Permalink
Updated docs.css from Bootstrap 2.2.2
Browse files Browse the repository at this point in the history
  • Loading branch information
@rachelbaker
rachelbaker committed Dec 18, 2012
1 parent 2db9e2d commit 429f9a1
Showing 1 changed file with 92 additions and 87 deletions.
179 changes: 92 additions & 87 deletions templates-documentation/assets/css/docs.css
View file
Expand Up @@ -12,6 +12,7 @@

body {
position: relative;
padding-top: 44px;
}

/* Code in headings */
Expand All @@ -25,10 +26,6 @@ h3 code {
/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */

body > .navbar {
font-size: 13px;
}

/* Change the docs' brand */
body > .navbar .brand {
padding-right: 0;
Expand Down Expand Up @@ -137,9 +134,6 @@ hr.soften {
font-weight: 200;
color: #fff; /* redeclare to override the `.jumbotron a` */
border: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
Expand Down Expand Up @@ -216,30 +210,6 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) {
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 {
Expand Down Expand Up @@ -301,9 +271,8 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) {
.footer {
text-align: center;
padding: 30px 0;
margin-top: 70px;
margin-top: 100px;
border-top: 1px solid #e5e5e5;
background-color: #f5f5f5;
}
.footer p {
margin-bottom: 0;
Expand All @@ -320,6 +289,32 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) {
padding-left: 0;
}

/* Social proof buttons from GitHub & Twitter */
.bs-docs-social {
margin: -46px 0 30px;
text-align: center;
border-top: 1px solid #fff;
}
/* Quick links on Home */
.bs-docs-social-buttons {
display: inline-block;
margin: 0;
padding: 0 10px;
list-style: none;
background-color: #fff;
}
.bs-docs-social-buttons li {
display: inline-block;
padding: 5px 8px;
line-height: 1;
}
.bs-docs-social-buttons .twitter-follow-button {
width: 225px !important;
}
.bs-docs-social-buttons .twitter-share-button {
width: 98px !important;
}



/* Special grid styles
Expand All @@ -332,15 +327,10 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) {
.show-grid [class*="span"] {
background-color: #eee;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-radius: 3px;
min-height: 40px;
line-height: 40px;
}
.show-grid:hover [class*="span"] {
background: #ddd;
}
.show-grid .show-grid {
margin-top: 0;
margin-bottom: 0;
Expand All @@ -355,6 +345,15 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) {
background-color: #999;
}

.show-grid [class*="span"]:nth-child(even) {
background-color: #ddd;
}

.show-grid [class*="span"]:hover {
background-color: #333;
color: #fff;
cursor: pointer;
}


/* Mini layout previews
Expand Down Expand Up @@ -545,11 +544,11 @@ h2 + .row {
width: 25%;
line-height: 25px;
}
.the-icons [class^="icon-"] {
.the-icons [class^="glyphicon-"] {
vertical-align: middle;
margin-right: 3px;
}
.the-icons li:hover [class^="icon-"] {
.the-icons li:hover [class^="glyphicon-"] {
background-color: rgba(255,0,0,.25);
}

Expand Down Expand Up @@ -690,6 +689,21 @@ form.bs-docs-example {
margin: 20px;
}

/* Dropdowns */
.bs-docs-example-submenus {
min-height: 180px;
}
.bs-docs-example-submenus > .pull-left + .pull-left {
margin-left: 20px;
}
.bs-docs-example-submenus .dropup > .dropdown-menu,
.bs-docs-example-submenus .dropdown > .dropdown-menu {
display: block;
position: static;
margin-bottom: 5px;
*width: 180px;
}



/* Responsive docs
Expand Down Expand Up @@ -767,58 +781,21 @@ form.bs-docs-example {
.bs-docs-sidenav {
width: 228px;
margin: 30px 0 0;
padding: 0;
background-color: #fff;
-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 \9;
margin: 0 0 -1px;
padding: 8px 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 {
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 {
.bs-docs-sidenav .glyphicon-chevron-right {
float: right;
margin-top: 2px;
margin-top: 1px;
margin-right: -6px;
opacity: .25;
color: #000;
}
.bs-docs-sidenav > li > a:hover {
background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
.bs-docs-sidenav a:hover .glyphicon-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);
.bs-docs-sidenav .active .glyphicon-chevron-right,
.bs-docs-sidenav .active a:hover .glyphicon-chevron-right {
color: #fff;
opacity: 1;
}
.bs-docs-sidenav.affix {
Expand All @@ -832,6 +809,14 @@ form.bs-docs-example {



/* Gallery
-------------------------------------------------- */

.bs-docs-gallery .thumbnail {
margin-bottom: 30px;
}



/* Responsive
-------------------------------------------------- */
Expand Down Expand Up @@ -870,14 +855,15 @@ form.bs-docs-example {
/* When affixed, space properly */
.bs-docs-sidenav {
top: 0;
width: 218px;
margin-top: 30px;
margin-right: 0;
}
}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 980px) {
@media (min-width: 768px) and (max-width: 979px) {
/* Remove any padding from the body */
body {
padding-top: 0;
Expand Down Expand Up @@ -1015,7 +1001,26 @@ form.bs-docs-example {
word-break: break-all;
}

/* Modal example */
/* Examples: dropdowns */
.bs-docs-example-submenus > .pull-left {
float: none;
clear: both;
}
.bs-docs-example-submenus > .pull-left,
.bs-docs-example-submenus > .pull-left + .pull-left {
margin-left: 0;
}
.bs-docs-example-submenus p {
margin-bottom: 0;
}
.bs-docs-example-submenus .dropup > .dropdown-menu,
.bs-docs-example-submenus .dropdown > .dropdown-menu {
margin-bottom: 10px;
float: none;
max-width: 180px;
}

/* Examples: modal */
.modal-example .modal {
position: relative;
top: auto;
Expand Down

0 comments on commit 429f9a1

Please sign in to comment.