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.css202
1 files changed, 121 insertions, 81 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 3003e4f06..aba85096b 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 */
@@ -85,10 +83,10 @@ body {
display: block;
font-weight: 500;
color: #fff;
+ text-align: center;
+ cursor: default;
background-color: #563d7c;
border-radius: 15%;
- cursor: default;
- text-align: center;
}
.bs-docs-booticon-sm {
width: 30px;
@@ -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,
@@ -165,8 +163,8 @@ body {
border-top: 1px solid #e5e5e5;
}
.bs-docs-footer-links {
- margin-top: 20px;
padding-left: 0;
+ margin-top: 20px;
color: #999;
}
.bs-docs-footer-links li {
@@ -196,14 +194,14 @@ body {
}
.bs-docs-social-buttons {
display: inline-block;
- margin-bottom: 0;
padding-left: 0;
+ margin-bottom: 0;
list-style: none;
}
.bs-docs-social-buttons li {
display: inline-block;
- line-height: 1;
padding: 5px 8px;
+ line-height: 1;
}
.bs-docs-social-buttons .twitter-follow-button {
width: 225px !important;
@@ -213,8 +211,8 @@ body {
}
/* Style the GitHub buttons via CSS instead of inline attributes */
.github-btn {
- border: 0;
overflow: hidden;
+ border: 0;
}
@@ -233,10 +231,12 @@ body {
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,.1);
background-color: #6f5499;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#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: -o-linear-gradient(top, #563d7c 0%, #6f5499 100%);
+ 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) */
@@ -345,10 +345,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;
@@ -361,8 +361,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;
@@ -387,8 +387,8 @@ body {
.carbonad {
width: 330px !important;
margin: 20px auto !important;
- border-radius: 4px;
border-width: 1px !important;
+ border-radius: 4px;
}
.bs-docs-masthead .carbonad {
margin: 50px auto 0 !important;
@@ -397,8 +397,8 @@ body {
@media (min-width: 768px) {
.carbonad {
- margin-left: 0 !important;
margin-right: 0 !important;
+ margin-left: 0 !important;
}
}
@@ -407,9 +407,9 @@ 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-docs-masthead .carbonad {
position: static;
@@ -424,7 +424,7 @@ body {
*/
.bs-docs-featurette {
- padding-top: 40px;
+ padding-top: 40px;
padding-bottom: 40px;
font-size: 16px;
line-height: 1.5;
@@ -439,19 +439,19 @@ body {
}
.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-docs-featurette h3 {
+ margin-bottom: 5px;
font-weight: normal;
color: #333;
- margin-bottom: 5px;
}
.bs-docs-featurette-img {
display: block;
@@ -459,8 +459,8 @@ body {
color: #333;
}
.bs-docs-featurette-img:hover {
- text-decoration: none;
color: #428bca;
+ text-decoration: none;
}
.bs-docs-featurette-img img {
display: block;
@@ -469,12 +469,12 @@ body {
/* Featured sites */
.bs-docs-featured-sites {
- margin-left: -1px;
margin-right: -1px;
+ margin-left: -1px;
}
.bs-docs-featured-sites .col-sm-3 {
- padding-left: 1px;
padding-right: 1px;
+ padding-left: 1px;
}
@media (min-width: 480px) {
@@ -484,16 +484,16 @@ body {
}
@media (min-width: 768px) {
.bs-docs-featurette {
- padding-top: 100px;
+ padding-top: 100px;
padding-bottom: 100px;
}
.bs-docs-featurette-title {
font-size: 40px;
}
.bs-docs-featurette .lead {
- margin-left: auto;
- margin-right: auto;
max-width: 80%;
+ margin-right: auto;
+ margin-left: auto;
}
.bs-docs-featured-sites .col-sm-3:first-child img {
border-top-left-radius: 4px;
@@ -536,10 +536,10 @@ body {
/* All levels of nav */
.bs-docs-sidebar .nav > li > a {
display: block;
+ padding: 4px 20px;
font-size: 13px;
font-weight: 500;
color: #999;
- padding: 4px 20px;
}
.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
@@ -565,7 +565,7 @@ body {
padding-bottom: 10px;
}
.bs-docs-sidebar .nav .nav > li > a {
- padding-top: 1px;
+ padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
@@ -578,23 +578,23 @@ body {
.bs-docs-sidebar .nav .nav > .active > a,
.bs-docs-sidebar .nav .nav > .active:hover > a,
.bs-docs-sidebar .nav .nav > .active:focus > a {
- font-weight: 500;
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;
- padding: 4px 10px;
font-size: 12px;
font-weight: 500;
color: #999;
}
.back-to-top:hover {
- text-decoration: none;
color: #563d7c;
+ text-decoration: none;
}
@media (min-width: 768px) {
@@ -650,8 +650,8 @@ body {
}
h1[id] {
- margin-top: 0;
padding-top: 20px;
+ margin-top: 0;
}
@@ -664,8 +664,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 {
@@ -716,7 +716,7 @@ h1[id] {
}
.color-swatch {
float: left;
- width: 60px;
+ width: 60px;
height: 60px;
margin: 0 5px;
border-radius: 3px;
@@ -724,28 +724,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;
+}
/*
@@ -755,8 +783,8 @@ h1[id] {
*/
.bs-team .team-member {
- color: #555;
line-height: 32px;
+ color: #555;
}
.bs-team .team-member:hover {
color: #333;
@@ -764,9 +792,9 @@ h1[id] {
}
.bs-team .github-btn {
float: right;
- margin-top: 6px;
width: 180px;
height: 20px;
+ margin-top: 6px;
}
.bs-team img {
float: left;
@@ -808,49 +836,51 @@ 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;
+ -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
+ 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;
+ -webkit-box-shadow: none;
+ 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;
}
}
@@ -962,8 +992,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;
@@ -1016,15 +1046,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 */
@@ -1087,9 +1117,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;
@@ -1100,8 +1130,8 @@ h1[id] {
width: 22px;
padding-right: 5px;
margin-right: 10px;
- text-align: right;
color: #bebec5;
+ text-align: right;
}
@@ -1186,7 +1216,7 @@ h1[id] {
*/
.bs-glyphicons {
- margin: 0 -19px 20px -16px;
+ margin: 0 -10px 20px;
overflow: hidden;
}
.bs-glyphicons-list {
@@ -1201,8 +1231,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;
@@ -1221,8 +1251,8 @@ h1[id] {
@media (min-width: 768px) {
.bs-glyphicons {
- margin-left: 0;
margin-right: 0;
+ margin-left: 0;
}
.bs-glyphicons li {
width: 12.5%;
@@ -1251,9 +1281,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;
@@ -1271,8 +1301,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 */
@@ -1283,8 +1313,8 @@ h1[id] {
.bs-customizer-input {
float: left;
width: 33.333333%;
- padding-left: 15px;
padding-right: 15px;
+ padding-left: 15px;
}
/* Downloads */
@@ -1296,14 +1326,15 @@ h1[id] {
.bs-customizer-alert {
position: fixed;
top: 0;
- left: 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;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.bs-customizer-alert .close {
margin-top: -4px;
@@ -1320,7 +1351,8 @@ h1[id] {
color: #fff;
background-color: #a83c3a;
border-color: #973634;
- box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
+ -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
+ box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
}
@@ -1353,6 +1385,10 @@ h1[id] {
color: #fff;
background-color: #563d7c;
}
+.bs-brand-item .svg {
+ width: 144px;
+ height: 144px;
+}
/* Heading content within */
.bs-brand-item h1,
@@ -1361,8 +1397,8 @@ h1[id] {
margin-bottom: 0;
}
.bs-brand-item .bs-docs-booticon {
- margin-left: auto;
margin-right: auto;
+ margin-left: auto;
}
/* Make the icons stand out on what is/isn't okay */
@@ -1374,8 +1410,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 {
@@ -1415,6 +1455,6 @@ h1[id] {
border-color: rgba(82,168,236,.8);
outline: 0;
outline: thin dotted \9; /* IE6-9 */
- -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
- box-shadow: 0 0 8px rgba(82,168,236,.6);
+ -webkit-box-shadow: 0 0 8px rgba(82,168,236,.6);
+ box-shadow: 0 0 8px rgba(82,168,236,.6);
}