aboutsummaryrefslogtreecommitdiff
path: root/docs/assets/css/docs.css
diff options
context:
space:
mode:
Diffstat (limited to 'docs/assets/css/docs.css')
-rw-r--r--docs/assets/css/docs.css368
1 files changed, 214 insertions, 154 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 64cda346a..4868c0696 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -1,5 +1,3 @@
-/*csslint ids: false, overqualified-elements: false, fallback-colors: false*/
-
/*!
* Bootstrap Docs (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
@@ -42,7 +40,7 @@
*/
body {
- position: relative; /* For scrollyspy */
+ position: relative; /* For scrollspy */
}
/* Keep code small in tables on account of limited space */
@@ -81,32 +79,32 @@ body {
}
/* Bootstrap "B" icon */
-.bs-booticon {
+.bs-docs-booticon {
display: block;
font-weight: 500;
color: #fff;
+ text-align: center;
+ cursor: default;
background-color: #563d7c;
border-radius: 15%;
- cursor: default;
- text-align: center;
}
-.bs-booticon-sm {
+.bs-docs-booticon-sm {
width: 30px;
height: 30px;
font-size: 20px;
line-height: 28px;
}
-.bs-booticon-lg {
+.bs-docs-booticon-lg {
width: 144px;
height: 144px;
font-size: 108px;
line-height: 140px;
}
-.bs-booticon-inverse {
+.bs-docs-booticon-inverse {
color: #563d7c;
background-color: #fff;
}
-.bs-booticon-outline {
+.bs-docs-booticon-outline {
background-color: transparent;
border: 1px solid #cdbfe3;
}
@@ -128,8 +126,8 @@ body {
}
.bs-docs-nav .navbar-brand,
.bs-docs-nav .navbar-nav > li > a {
- color: #563d7c;
font-weight: 500;
+ color: #563d7c;
}
.bs-docs-nav .navbar-nav > li > a:hover,
.bs-docs-nav .navbar-nav > .active > a,
@@ -156,7 +154,7 @@ body {
* Separated section of content at the bottom of all pages, save the homepage.
*/
-.bs-footer {
+.bs-docs-footer {
padding-top: 40px;
padding-bottom: 40px;
margin-top: 100px;
@@ -164,21 +162,21 @@ body {
text-align: center;
border-top: 1px solid #e5e5e5;
}
-.footer-links {
- margin-top: 20px;
+.bs-docs-footer-links {
padding-left: 0;
+ margin-top: 20px;
color: #999;
}
-.footer-links li {
+.bs-docs-footer-links li {
display: inline;
padding: 0 2px;
}
-.footer-links li:first-child {
+.bs-docs-footer-links li:first-child {
padding-left: 0;
}
@media (min-width: 768px) {
- .bs-footer p {
+ .bs-docs-footer p {
margin-bottom: 0;
}
}
@@ -190,31 +188,31 @@ body {
* Twitter and GitHub social action buttons (for homepage and footer).
*/
-.bs-social {
+.bs-docs-social {
margin-bottom: 20px;
text-align: center;
}
-.bs-social-buttons {
+.bs-docs-social-buttons {
display: inline-block;
- margin-bottom: 0;
padding-left: 0;
+ margin-bottom: 0;
list-style: none;
}
-.bs-social-buttons li {
+.bs-docs-social-buttons li {
display: inline-block;
- line-height: 1;
padding: 5px 8px;
+ line-height: 1;
}
-.bs-social-buttons .twitter-follow-button {
+.bs-docs-social-buttons .twitter-follow-button {
width: 225px !important;
}
-.bs-social-buttons .twitter-share-button {
+.bs-docs-social-buttons .twitter-share-button {
width: 98px !important;
}
/* Style the GitHub buttons via CSS instead of inline attributes */
.github-btn {
- border: 0;
overflow: hidden;
+ border: 0;
}
@@ -225,8 +223,8 @@ body {
*/
/* Share masthead with page headers */
-.bs-masthead,
-.bs-header {
+.bs-docs-masthead,
+.bs-docs-header {
position: relative;
padding: 30px 15px;
color: #cdbfe3;
@@ -234,52 +232,57 @@ body {
text-shadow: 0 1px 0 rgba(0,0,0,.1);
background-color: #6f5499;
background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);
- background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
- background-repeat: repeat-x;
+ background-image: linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);
+ background-repeat: repeat-x;
}
/* Masthead (headings and download button) */
-.bs-masthead .bs-booticon {
+.bs-docs-masthead .bs-docs-booticon {
margin: 0 auto 30px;
}
-.bs-masthead h1 {
+.bs-docs-masthead h1 {
font-weight: 300;
line-height: 1;
color: #fff;
}
-.bs-masthead .lead {
+.bs-docs-masthead .lead {
margin: 0 auto 30px;
font-size: 20px;
color: #fff;
}
-.bs-masthead .btn {
+.bs-docs-masthead .version {
+ margin-top: -15px;
+ margin-bottom: 30px;
+ color: #9783b9;
+}
+.bs-docs-masthead .btn {
width: 100%;
padding: 15px 30px;
font-size: 20px;
}
@media (min-width: 480px) {
- .bs-masthead .btn {
+ .bs-docs-masthead .btn {
width: auto;
}
}
@media (min-width: 768px) {
- .bs-masthead {
+ .bs-docs-masthead {
padding-top: 80px;
padding-bottom: 80px;
}
- .bs-masthead h1 {
+ .bs-docs-masthead h1 {
font-size: 60px;
}
- .bs-masthead .lead {
+ .bs-docs-masthead .lead {
font-size: 24px;
}
}
@media (min-width: 992px) {
- .bs-masthead .lead {
+ .bs-docs-masthead .lead {
width: 80%;
font-size: 30px;
}
@@ -293,39 +296,39 @@ body {
*/
/* Page headers */
-.bs-header {
+.bs-docs-header {
margin-bottom: 40px;
font-size: 20px;
}
-.bs-header h1 {
+.bs-docs-header h1 {
margin-top: 0;
color: #fff;
}
-.bs-header p {
+.bs-docs-header p {
margin-bottom: 0;
font-weight: 300;
line-height: 1.4;
}
-.bs-header .container {
+.bs-docs-header .container {
position: relative;
}
@media (min-width: 768px) {
- .bs-header {
+ .bs-docs-header {
padding-top: 60px;
padding-bottom: 60px;
font-size: 24px;
text-align: left;
}
- .bs-header h1 {
+ .bs-docs-header h1 {
font-size: 60px;
line-height: 1;
}
}
@media (min-width: 992px) {
- .bs-header h1,
- .bs-header p {
+ .bs-docs-header h1,
+ .bs-docs-header p {
margin-right: 380px;
}
}
@@ -340,10 +343,10 @@ body {
.carbonad {
width: auto !important;
- margin: 30px -30px -31px !important;
+ height: auto !important;
padding: 20px !important;
+ margin: 30px -30px -31px !important;
overflow: hidden; /* clearfix */
- height: auto !important;
font-size: 13px !important;
line-height: 16px !important;
text-align: left;
@@ -356,8 +359,8 @@ body {
}
.carbonad-text,
.carbonad-tag {
- float: none !important;
display: block !important;
+ float: none !important;
width: auto !important;
height: auto !important;
margin-left: 145px !important;
@@ -382,18 +385,18 @@ body {
.carbonad {
width: 330px !important;
margin: 20px auto !important;
- border-radius: 4px;
border-width: 1px !important;
+ border-radius: 4px;
}
- .bs-masthead .carbonad {
+ .bs-docs-masthead .carbonad {
margin: 50px auto 0 !important;
}
}
@media (min-width: 768px) {
.carbonad {
- margin-left: 0 !important;
margin-right: 0 !important;
+ margin-left: 0 !important;
}
}
@@ -402,11 +405,11 @@ body {
position: absolute;
top: 0;
right: 15px; /* 15px instead of 0 since box-sizing */
- margin: 0 !important;
- padding: 15px !important;
width: 330px !important;
+ padding: 15px !important;
+ margin: 0 !important;
}
- .bs-masthead .carbonad {
+ .bs-docs-masthead .carbonad {
position: static;
}
}
@@ -418,8 +421,8 @@ body {
* Reasons to use Bootstrap, entries from the Expo, and more.
*/
-.bs-featurette {
- padding-top: 40px;
+.bs-docs-featurette {
+ padding-top: 40px;
padding-bottom: 40px;
font-size: 16px;
line-height: 1.5;
@@ -428,78 +431,78 @@ body {
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
}
-.bs-featurette + .bs-footer {
+.bs-docs-featurette + .bs-docs-footer {
margin-top: 0;
border-top: 0;
}
-.bs-featurette-title {
+.bs-docs-featurette-title {
+ margin-bottom: 5px;
font-size: 30px;
font-weight: normal;
color: #333;
- margin-bottom: 5px;
}
.half-rule {
width: 100px;
margin: 40px auto;
}
-.bs-featurette h3 {
+.bs-docs-featurette h3 {
+ margin-bottom: 5px;
font-weight: normal;
color: #333;
- margin-bottom: 5px;
}
-.bs-featurette-img {
+.bs-docs-featurette-img {
display: block;
margin-bottom: 20px;
color: #333;
}
-.bs-featurette-img:hover {
- text-decoration: none;
+.bs-docs-featurette-img:hover {
color: #428bca;
+ text-decoration: none;
}
-.bs-featurette-img img {
+.bs-docs-featurette-img img {
display: block;
margin-bottom: 15px;
}
/* Featured sites */
-.bs-featured-sites {
- margin-left: -1px;
+.bs-docs-featured-sites {
margin-right: -1px;
+ margin-left: -1px;
}
-.bs-featured-sites .col-sm-3 {
- padding-left: 1px;
+.bs-docs-featured-sites .col-sm-3 {
padding-right: 1px;
+ padding-left: 1px;
}
@media (min-width: 480px) {
- .bs-featurette .img-responsive {
+ .bs-docs-featurette .img-responsive {
margin-top: 30px;
}
}
@media (min-width: 768px) {
- .bs-featurette {
- padding-top: 100px;
+ .bs-docs-featurette {
+ padding-top: 100px;
padding-bottom: 100px;
}
- .bs-featurette-title {
+ .bs-docs-featurette-title {
font-size: 40px;
}
- .bs-featurette .lead {
- margin-left: auto;
- margin-right: auto;
+ .bs-docs-featurette .lead {
max-width: 80%;
+ margin-right: auto;
+ margin-left: auto;
}
- .bs-featured-sites .col-sm-3:first-child img {
+ .bs-docs-featured-sites .col-sm-3:first-child img {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
- .bs-featured-sites .col-sm-3:last-child img {
+ .bs-docs-featured-sites .col-sm-3:last-child img {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
- .bs-featurette .img-responsive {
+ .bs-docs-featurette .img-responsive {
margin-top: 0;
}
}
@@ -513,40 +516,40 @@ body {
*/
/* By default it's not affixed in mobile views, so undo that */
-.bs-sidebar.affix {
+.bs-docs-sidebar.affix {
position: static;
}
@media (min-width: 768px) {
- .bs-sidebar {
+ .bs-docs-sidebar {
padding-left: 20px;
}
}
/* First level of nav */
-.bs-sidenav {
+.bs-docs-sidenav {
margin-top: 20px;
margin-bottom: 20px;
}
/* All levels of nav */
-.bs-sidebar .nav > li > a {
+.bs-docs-sidebar .nav > li > a {
display: block;
+ padding: 4px 20px;
font-size: 13px;
font-weight: 500;
color: #999;
- padding: 4px 20px;
}
-.bs-sidebar .nav > li > a:hover,
-.bs-sidebar .nav > li > a:focus {
+.bs-docs-sidebar .nav > li > a:hover,
+.bs-docs-sidebar .nav > li > a:focus {
padding-left: 19px;
color: #563d7c;
text-decoration: none;
background-color: transparent;
border-left: 1px solid #563d7c;
}
-.bs-sidebar .nav > .active > a,
-.bs-sidebar .nav > .active:hover > a,
-.bs-sidebar .nav > .active:focus > a {
+.bs-docs-sidebar .nav > .active > a,
+.bs-docs-sidebar .nav > .active:hover > a,
+.bs-docs-sidebar .nav > .active:focus > a {
padding-left: 18px;
font-weight: bold;
color: #563d7c;
@@ -555,55 +558,76 @@ body {
}
/* Nav: second level (shown on .active) */
-.bs-sidebar .nav .nav {
+.bs-docs-sidebar .nav .nav {
display: none; /* Hide by default, but at >768px, show it */
padding-bottom: 10px;
}
-.bs-sidebar .nav .nav > li > a {
- padding-top: 2px;
- padding-bottom: 2px;
+.bs-docs-sidebar .nav .nav > li > a {
+ padding-top: 1px;
+ padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
font-weight: normal;
}
-.bs-sidebar .nav .nav > li > a:hover,
-.bs-sidebar .nav .nav > li > a:focus {
+.bs-docs-sidebar .nav .nav > li > a:hover,
+.bs-docs-sidebar .nav .nav > li > a:focus {
padding-left: 29px;
}
-.bs-sidebar .nav .nav > .active > a,
-.bs-sidebar .nav .nav > .active:hover > a,
-.bs-sidebar .nav .nav > .active:focus > a {
- font-weight: 500;
+.bs-docs-sidebar .nav .nav > .active > a,
+.bs-docs-sidebar .nav .nav > .active:hover > a,
+.bs-docs-sidebar .nav .nav > .active:focus > a {
padding-left: 28px;
+ font-weight: 500;
+}
+
+/* Back to top (hidden on mobile) */
+.back-to-top {
+ display: none;
+ padding: 4px 10px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 12px;
+ font-weight: 500;
+ color: #999;
+}
+.back-to-top:hover {
+ color: #563d7c;
+ text-decoration: none;
+}
+
+@media (min-width: 768px) {
+ .back-to-top {
+ display: block;
+ }
}
/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
- .bs-sidebar .nav > .active > ul {
+ .bs-docs-sidebar .nav > .active > ul {
display: block;
}
/* Widen the fixed sidebar */
- .bs-sidebar.affix,
- .bs-sidebar.affix-bottom {
+ .bs-docs-sidebar.affix,
+ .bs-docs-sidebar.affix-bottom {
width: 213px;
}
- .bs-sidebar.affix {
+ .bs-docs-sidebar.affix {
position: fixed; /* Undo the static from mobile first approach */
top: 20px;
}
- .bs-sidebar.affix-bottom {
+ .bs-docs-sidebar.affix-bottom {
position: absolute; /* Undo the static from mobile first approach */
}
- .bs-sidebar.affix-bottom .bs-sidenav,
- .bs-sidebar.affix .bs-sidenav {
+ .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
+ .bs-docs-sidebar.affix .bs-docs-sidenav {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
/* Widen the fixed sidebar again */
- .bs-sidebar.affix-bottom,
- .bs-sidebar.affix {
+ .bs-docs-sidebar.affix-bottom,
+ .bs-docs-sidebar.affix {
width: 263px;
}
}
@@ -624,8 +648,8 @@ body {
}
h1[id] {
- margin-top: 0;
padding-top: 20px;
+ margin-top: 0;
}
@@ -638,8 +662,8 @@ h1[id] {
/* Common styles for all types */
.bs-callout {
- margin: 20px 0;
padding: 20px;
+ margin: 20px 0;
border-left: 3px solid #eee;
}
.bs-callout h4 {
@@ -690,7 +714,7 @@ h1[id] {
}
.color-swatch {
float: left;
- width: 60px;
+ width: 60px;
height: 60px;
margin: 0 5px;
border-radius: 3px;
@@ -698,28 +722,56 @@ h1[id] {
@media (min-width: 768px) {
.color-swatch {
- width: 100px;
+ width: 100px;
height: 100px;
}
}
/* Framework colors */
-.color-swatches .gray-darker { background-color: #222; }
-.color-swatches .gray-dark { background-color: #333; }
-.color-swatches .gray { background-color: #555; }
-.color-swatches .gray-light { background-color: #999; }
-.color-swatches .gray-lighter { background-color: #eee; }
-.color-swatches .brand-primary { background-color: #428bca; }
-.color-swatches .brand-success { background-color: #5cb85c; }
-.color-swatches .brand-warning { background-color: #f0ad4e; }
-.color-swatches .brand-danger { background-color: #d9534f; }
-.color-swatches .brand-info { background-color: #5bc0de; }
+.color-swatches .gray-darker {
+ background-color: #222;
+}
+.color-swatches .gray-dark {
+ background-color: #333;
+}
+.color-swatches .gray {
+ background-color: #555;
+}
+.color-swatches .gray-light {
+ background-color: #999;
+}
+.color-swatches .gray-lighter {
+ background-color: #eee;
+}
+.color-swatches .brand-primary {
+ background-color: #428bca;
+}
+.color-swatches .brand-success {
+ background-color: #5cb85c;
+}
+.color-swatches .brand-warning {
+ background-color: #f0ad4e;
+}
+.color-swatches .brand-danger {
+ background-color: #d9534f;
+}
+.color-swatches .brand-info {
+ background-color: #5bc0de;
+}
/* Docs colors */
-.color-swatches .bs-purple { background-color: #563d7c; }
-.color-swatches .bs-purple-light { background-color: #c7bfd3; }
-.color-swatches .bs-purple-lighter { background-color: #e5e1ea; }
-.color-swatches .bs-gray { background-color: #f9f9f9; }
+.color-swatches .bs-purple {
+ background-color: #563d7c;
+}
+.color-swatches .bs-purple-light {
+ background-color: #c7bfd3;
+}
+.color-swatches .bs-purple-lighter {
+ background-color: #e5e1ea;
+}
+.color-swatches .bs-gray {
+ background-color: #f9f9f9;
+}
/*
@@ -729,8 +781,8 @@ h1[id] {
*/
.bs-team .team-member {
- color: #555;
line-height: 32px;
+ color: #555;
}
.bs-team .team-member:hover {
color: #333;
@@ -738,9 +790,9 @@ h1[id] {
}
.bs-team .github-btn {
float: right;
- margin-top: 6px;
width: 180px;
height: 20px;
+ margin-top: 6px;
}
.bs-team img {
float: left;
@@ -782,49 +834,49 @@ h1[id] {
padding: 45px 15px 15px;
margin: 0 -15px 15px;
background-color: #fafafa;
- box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
border-color: #e5e5e5 #eee #eee;
border-style: solid;
border-width: 1px 0;
+ box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}
/* Echo out a label for the example */
.bs-example:after {
- content: "Example";
position: absolute;
- top: 15px;
+ top: 15px;
left: 15px;
font-size: 12px;
font-weight: bold;
color: #bbb;
text-transform: uppercase;
letter-spacing: 1px;
+ content: "Example";
}
/* Tweak display of the code snippets when following an example */
.bs-example + .highlight {
margin: -15px -15px 15px;
- border-radius: 0;
border-width: 0 0 1px;
+ border-radius: 0;
}
/* Make the examples and snippets not full-width */
@media (min-width: 768px) {
.bs-example {
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
background-color: #fff;
- border-width: 1px;
border-color: #ddd;
+ border-width: 1px;
border-radius: 4px 4px 0 0;
box-shadow: none;
}
.bs-example + .highlight {
margin-top: -16px;
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
border-width: 1px;
- border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
}
}
@@ -936,8 +988,8 @@ h1[id] {
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
position: relative;
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
}
.bs-navbar-top-example {
padding-bottom: 45px;
@@ -990,15 +1042,15 @@ h1[id] {
position: relative;
top: auto;
right: auto;
- left: auto;
bottom: auto;
+ left: auto;
z-index: 1;
display: block;
}
.bs-example-modal .modal-dialog {
left: auto;
- margin-left: auto;
margin-right: auto;
+ margin-left: auto;
}
/* Example dropdowns */
@@ -1061,9 +1113,9 @@ h1[id] {
padding: 0;
margin-top: 0;
margin-bottom: 0;
+ white-space: nowrap;
background-color: transparent;
border: 0;
- white-space: nowrap;
}
.highlight pre code {
font-size: inherit;
@@ -1074,8 +1126,8 @@ h1[id] {
width: 22px;
padding-right: 5px;
margin-right: 10px;
- text-align: right;
color: #bebec5;
+ text-align: right;
}
@@ -1175,8 +1227,8 @@ h1[id] {
font-size: 10px;
line-height: 1.4;
text-align: center;
- border: 1px solid #fff;
background-color: #f9f9f9;
+ border: 1px solid #fff;
}
.bs-glyphicons .glyphicon {
margin-top: 5px;
@@ -1195,8 +1247,8 @@ h1[id] {
@media (min-width: 768px) {
.bs-glyphicons {
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
}
.bs-glyphicons li {
width: 12.5%;
@@ -1225,9 +1277,9 @@ h1[id] {
color: #555;
}
.bs-customizer h2 {
+ padding-top: 30px;
margin-top: 0;
margin-bottom: 5px;
- padding-top: 30px;
}
.bs-customizer h3 {
margin-bottom: 0;
@@ -1245,8 +1297,8 @@ h1[id] {
background-color: #fafafa;
}
.bs-customizer .help-block {
- font-size: 12px;
margin-bottom: 5px;
+ font-size: 12px;
}
/* For the variables, use regular weight */
@@ -1257,8 +1309,8 @@ h1[id] {
.bs-customizer-input {
float: left;
width: 33.333333%;
- padding-left: 15px;
padding-right: 15px;
+ padding-left: 15px;
}
/* Downloads */
@@ -1269,15 +1321,15 @@ h1[id] {
/* Error handling */
.bs-customizer-alert {
position: fixed;
- top: 51px;
- left: 0;
+ top: 0;
right: 0;
+ left: 0;
z-index: 1030;
padding: 15px 0;
color: #fff;
background-color: #d9534f;
- box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
border-bottom: 1px solid #b94441;
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.bs-customizer-alert .close {
margin-top: -4px;
@@ -1327,6 +1379,10 @@ h1[id] {
color: #fff;
background-color: #563d7c;
}
+.bs-brand-item .svg {
+ width: 144px;
+ height: 144px;
+}
/* Heading content within */
.bs-brand-item h1,
@@ -1334,9 +1390,9 @@ h1[id] {
margin-top: 0;
margin-bottom: 0;
}
-.bs-brand-item .bs-booticon {
- margin-left: auto;
+.bs-brand-item .bs-docs-booticon {
margin-right: auto;
+ margin-left: auto;
}
/* Make the icons stand out on what is/isn't okay */
@@ -1348,8 +1404,12 @@ h1[id] {
color: #fff;
border-radius: 50%;
}
-.bs-brand-item .glyphicon-ok { background-color: #5cb85c; }
-.bs-brand-item .glyphicon-remove { background-color: #d9534f; }
+.bs-brand-item .glyphicon-ok {
+ background-color: #5cb85c;
+}
+.bs-brand-item .glyphicon-remove {
+ background-color: #d9534f;
+}
@media (min-width: 768px) {
.bs-brand-item {