mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-20 20:00:36 +03:00
overhaul the entire tabs component structure and docs; remove side nav and make it a nav list to build on new .nav base class
This commit is contained in:
Mark Otto
Vendored
+182
-124
@@ -6,7 +6,7 @@
|
|||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
*
|
*
|
||||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||||
* Date: Sat Jan 7 15:52:40 PST 2012
|
* Date: Sat Jan 7 20:25:41 PST 2012
|
||||||
*/
|
*/
|
||||||
html, body {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -516,9 +516,9 @@ pre {
|
|||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||||
-webkit-border-radius: 3px;
|
-webkit-border-radius: 4px;
|
||||||
-moz-border-radius: 3px;
|
-moz-border-radius: 4px;
|
||||||
border-radius: 3px;
|
border-radius: 4px;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
@@ -541,6 +541,7 @@ legend {
|
|||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
|
-webkit-margin-collapse: separate;
|
||||||
}
|
}
|
||||||
label,
|
label,
|
||||||
input,
|
input,
|
||||||
@@ -1502,6 +1503,16 @@ i {
|
|||||||
background-image: linear-gradient(top, #049cdb, #0064cd);
|
background-image: linear-gradient(top, #049cdb, #0064cd);
|
||||||
background-repeat: repeat-x;
|
background-repeat: repeat-x;
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
|
||||||
|
background-color: #0077b3;
|
||||||
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#0088cc), to(#0077b3));
|
||||||
|
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
|
||||||
|
background-image: -ms-linear-gradient(top, #0088cc, #0077b3);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #0077b3));
|
||||||
|
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
|
||||||
|
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
|
||||||
|
background-image: linear-gradient(top, #0088cc, #0077b3);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0077b3', GradientType=0);
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075), inset 0 -1px rgba(0, 0, 0, 0.075);
|
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075), inset 0 -1px rgba(0, 0, 0, 0.075);
|
||||||
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075), inset 0 -1px rgba(0, 0, 0, 0.075);
|
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075), inset 0 -1px rgba(0, 0, 0, 0.075);
|
||||||
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075), inset 0 -1px rgba(0, 0, 0, 0.075);
|
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075), inset 0 -1px rgba(0, 0, 0, 0.075);
|
||||||
@@ -1692,19 +1703,51 @@ i {
|
|||||||
left: 0;
|
left: 0;
|
||||||
z-index: 1010;
|
z-index: 1010;
|
||||||
}
|
}
|
||||||
.nav {
|
.navbar .nav {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 0;
|
left: 0;
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
|
/* // Dropdowns within the .nav
|
||||||
|
.dropdown-toggle:hover,
|
||||||
|
.dropdown.open .dropdown-toggle {
|
||||||
|
background: #444;
|
||||||
|
background: rgba(255,255,255,.05);
|
||||||
|
}
|
||||||
|
.dropdown-menu {
|
||||||
|
background-color: #333;
|
||||||
|
.dropdown-toggle {
|
||||||
|
color: @white;
|
||||||
|
&.open {
|
||||||
|
background: #444;
|
||||||
|
background: rgba(255,255,255,.05);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li a {
|
||||||
|
padding: 4px 15px;
|
||||||
|
color: #999;
|
||||||
|
text-shadow: 0 1px 0 rgba(0,0,0,.5);
|
||||||
|
&:hover {
|
||||||
|
#gradient > .vertical(#292929,#191919);
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.active a {
|
||||||
|
color: @white;
|
||||||
|
}
|
||||||
|
.divider {
|
||||||
|
background-color: #222;
|
||||||
|
border-color: #444;
|
||||||
|
}
|
||||||
|
}*/
|
||||||
|
|
||||||
}
|
}
|
||||||
.nav > li {
|
.navbar .nav > li {
|
||||||
display: block;
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.nav a {
|
.navbar .nav a {
|
||||||
display: block;
|
|
||||||
float: none;
|
float: none;
|
||||||
padding: 10px 10px 11px;
|
padding: 10px 10px 11px;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
@@ -1712,15 +1755,15 @@ i {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
.nav a:hover {
|
.navbar .nav a:hover {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.nav .active > a {
|
.navbar .nav .active > a {
|
||||||
background-color: #222;
|
background-color: #222;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
.nav .vertical-divider {
|
.navbar .nav .vertical-divider {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 1px;
|
width: 1px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
@@ -1728,58 +1771,55 @@ i {
|
|||||||
background-color: #222;
|
background-color: #222;
|
||||||
border-right: 1px solid #444;
|
border-right: 1px solid #444;
|
||||||
}
|
}
|
||||||
.nav.secondary-nav {
|
.navbar .nav.secondary-nav {
|
||||||
float: right;
|
float: right;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
.nav.secondary-nav .dropdown-menu {
|
.navbar .nav.secondary-nav .dropdown-menu {
|
||||||
right: 0;
|
right: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
.nav .dropdown-toggle:hover, .nav .dropdown.open .dropdown-toggle {
|
.nav {
|
||||||
background: #444;
|
margin-left: 0;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
margin-bottom: 18px;
|
||||||
|
list-style: none;
|
||||||
}
|
}
|
||||||
.nav .dropdown-menu {
|
.nav > li > a {
|
||||||
background-color: #333;
|
display: block;
|
||||||
}
|
}
|
||||||
.nav .dropdown-menu .dropdown-toggle {
|
.nav > li > a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
.nav.list {
|
||||||
|
padding-left: 14px;
|
||||||
|
padding-right: 14px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.nav.list > li > a, .nav.list .nav-header {
|
||||||
|
display: block;
|
||||||
|
padding: 3px 15px;
|
||||||
|
margin-left: -15px;
|
||||||
|
margin-right: -15px;
|
||||||
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.nav.list .nav-header {
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 18px;
|
||||||
|
color: #999999;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.nav.list > li + .nav-header {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
.nav.list .active > a {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||||
.nav .dropdown-menu .dropdown-toggle.open {
|
background-color: #0088cc;
|
||||||
background: #444;
|
|
||||||
background: rgba(255, 255, 255, 0.05);
|
|
||||||
}
|
|
||||||
.nav .dropdown-menu li a {
|
|
||||||
padding: 4px 15px;
|
|
||||||
color: #999;
|
|
||||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
.nav .dropdown-menu li a:hover {
|
|
||||||
background-color: #191919;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
|
|
||||||
background-image: -moz-linear-gradient(top, #292929, #191919);
|
|
||||||
background-image: -ms-linear-gradient(top, #292929, #191919);
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
|
|
||||||
background-image: -webkit-linear-gradient(top, #292929, #191919);
|
|
||||||
background-image: -o-linear-gradient(top, #292929, #191919);
|
|
||||||
background-image: linear-gradient(top, #292929, #191919);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.nav .dropdown-menu .active a {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.nav .dropdown-menu .divider {
|
|
||||||
background-color: #222;
|
|
||||||
border-color: #444;
|
|
||||||
}
|
}
|
||||||
.tabs, .pills {
|
.tabs, .pills {
|
||||||
padding: 0;
|
|
||||||
margin: 0 0 20px;
|
|
||||||
list-style: none;
|
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
}
|
}
|
||||||
.tabs:before,
|
.tabs:before,
|
||||||
@@ -1798,29 +1838,26 @@ i {
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.tabs > li > a, .pills > li > a {
|
.tabs > li > a, .pills > li > a {
|
||||||
display: block;
|
padding-right: 12px;
|
||||||
|
padding-left: 12px;
|
||||||
|
margin-right: 2px;
|
||||||
|
line-height: 14px;
|
||||||
}
|
}
|
||||||
.tabs {
|
.tabs {
|
||||||
border-color: #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
border-style: solid;
|
|
||||||
border-width: 0 0 1px;
|
|
||||||
}
|
}
|
||||||
.tabs > li {
|
.tabs > li {
|
||||||
position: relative;
|
|
||||||
margin-bottom: -1px;
|
margin-bottom: -1px;
|
||||||
}
|
}
|
||||||
.tabs > li > a {
|
.tabs > li > a {
|
||||||
padding: 0 15px;
|
padding-top: 9px;
|
||||||
margin-right: 2px;
|
padding-bottom: 9px;
|
||||||
line-height: 36px;
|
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
-webkit-border-radius: 4px 4px 0 0;
|
-webkit-border-radius: 4px 4px 0 0;
|
||||||
-moz-border-radius: 4px 4px 0 0;
|
-moz-border-radius: 4px 4px 0 0;
|
||||||
border-radius: 4px 4px 0 0;
|
border-radius: 4px 4px 0 0;
|
||||||
}
|
}
|
||||||
.tabs > li > a:hover {
|
.tabs > li > a:hover {
|
||||||
text-decoration: none;
|
|
||||||
background-color: #eee;
|
|
||||||
border-color: #eee #eee #ddd;
|
border-color: #eee #eee #ddd;
|
||||||
}
|
}
|
||||||
.tabs .active > a, .tabs .active > a:hover {
|
.tabs .active > a, .tabs .active > a:hover {
|
||||||
@@ -1830,6 +1867,76 @@ i {
|
|||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
.pills > li > a {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.pills .active > a, .pills .active > a:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #0088cc;
|
||||||
|
}
|
||||||
|
.nav.stacked > li {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
.nav.stacked > li > a {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.tabs.stacked {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.tabs.stacked > li > a {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.tabs.stacked > li:first-child > a {
|
||||||
|
-webkit-border-radius: 4px 4px 0 0;
|
||||||
|
-moz-border-radius: 4px 4px 0 0;
|
||||||
|
border-radius: 4px 4px 0 0;
|
||||||
|
}
|
||||||
|
.tabs.stacked > li:last-child > a {
|
||||||
|
-webkit-border-radius: 0 0 4px 4px;
|
||||||
|
-moz-border-radius: 0 0 4px 4px;
|
||||||
|
border-radius: 0 0 4px 4px;
|
||||||
|
}
|
||||||
|
.tabs.stacked > li > a:hover {
|
||||||
|
border-color: #ddd;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.pills.stacked > li > a {
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
.pills.stacked > li:last-child > a {
|
||||||
|
margin-bottom: 1px;
|
||||||
|
}
|
||||||
|
.tabs .dropdown-menu, .pills .dropdown-menu {
|
||||||
|
top: 33px;
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
.pills .dropdown-menu {
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.tabs .dropdown-toggle .caret, .pills .dropdown-toggle .caret {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
.tabs .open .dropdown-toggle, .pills .open .dropdown-toggle {
|
||||||
|
background-color: #999;
|
||||||
|
border-color: #999;
|
||||||
|
}
|
||||||
|
.tabs .open .caret, .pills .open .caret {
|
||||||
|
border-top-color: #fff;
|
||||||
|
filter: alpha(opacity=100);
|
||||||
|
-moz-opacity: 1;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
.tabbable {
|
.tabbable {
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
}
|
}
|
||||||
@@ -1929,46 +2036,6 @@ i {
|
|||||||
border-color: #ddd;
|
border-color: #ddd;
|
||||||
border-left-color: transparent;
|
border-left-color: transparent;
|
||||||
}
|
}
|
||||||
.tabs .dropdown-menu {
|
|
||||||
top: 37px;
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
.tabs .dropdown-toggle .caret {
|
|
||||||
margin-top: 15px;
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
.tabs .open .dropdown-toggle {
|
|
||||||
border-color: #999;
|
|
||||||
}
|
|
||||||
.tabs .open .dropdown-toggle .caret {
|
|
||||||
border-top-color: #fff;
|
|
||||||
filter: alpha(opacity=100);
|
|
||||||
-moz-opacity: 1;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.pills > li > a {
|
|
||||||
padding: 0 15px;
|
|
||||||
margin: 5px 3px 5px 0;
|
|
||||||
line-height: 30px;
|
|
||||||
text-shadow: 0 1px 1px #ffffff;
|
|
||||||
-webkit-border-radius: 15px;
|
|
||||||
-moz-border-radius: 15px;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
.pills > li > a:hover {
|
|
||||||
color: #ffffff;
|
|
||||||
text-decoration: none;
|
|
||||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
|
||||||
background-color: #005580;
|
|
||||||
}
|
|
||||||
.pills .active > a {
|
|
||||||
color: #ffffff;
|
|
||||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
|
|
||||||
background-color: #0088cc;
|
|
||||||
}
|
|
||||||
.pills-vertical > li {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
.tab-content > .tab-pane, .pill-content > .pill-pane {
|
.tab-content > .tab-pane, .pill-content > .pill-pane {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -2060,27 +2127,29 @@ i {
|
|||||||
color: #333333;
|
color: #333333;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
}
|
}
|
||||||
.side-nav {
|
/*.side-nav {
|
||||||
padding: 9px 0;
|
padding: @baseLineHeight / 2 0;
|
||||||
}
|
}
|
||||||
.side-nav .nav-label, .side-nav .nav-item {
|
.side-nav .nav-label,
|
||||||
|
.side-nav .nav-item {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 3px 15px;
|
padding: 3px 15px;
|
||||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||||
}
|
}
|
||||||
.side-nav .nav-label {
|
.side-nav .nav-label {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
line-height: 18px;
|
line-height: @baseLineHeight;
|
||||||
color: #999999;
|
color: @grayLight;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
.side-nav .nav-group {
|
.side-nav .nav-group {
|
||||||
margin: 0;
|
margin: 0; // clear default ul margins
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
.side-nav .nav-group + .nav-label {
|
.side-nav .nav-group + .nav-label {
|
||||||
margin-top: 9px;
|
margin-top: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.side-nav .nav-item {
|
.side-nav .nav-item {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
@@ -2092,22 +2161,11 @@ i {
|
|||||||
}
|
}
|
||||||
.side-nav .active .nav-item {
|
.side-nav .active .nav-item {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
|
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
|
||||||
background-color: #999999;
|
#gradient > .vertical(#ccc, #999);
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));
|
@shadow: inset 0 1px 0 rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05);
|
||||||
background-image: -moz-linear-gradient(top, #cccccc, #999999);
|
.box-shadow(@shadow);
|
||||||
background-image: -ms-linear-gradient(top, #cccccc, #999999);
|
}*/.breadcrumb {
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #999999));
|
|
||||||
background-image: -webkit-linear-gradient(top, #cccccc, #999999);
|
|
||||||
background-image: -o-linear-gradient(top, #cccccc, #999999);
|
|
||||||
background-image: linear-gradient(top, #cccccc, #999999);
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999', GradientType=0);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
|
|
||||||
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
|
|
||||||
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
.breadcrumb {
|
|
||||||
padding: 7px 14px;
|
padding: 7px 14px;
|
||||||
margin: 0 0 18px;
|
margin: 0 0 18px;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
|
|||||||
Vendored
+38
-32
@@ -91,10 +91,10 @@ blockquote.pull-right{float:right;}blockquote.pull-right p,blockquote.pull-right
|
|||||||
address{display:block;margin-bottom:18px;line-height:18px;}
|
address{display:block;margin-bottom:18px;line-height:18px;}
|
||||||
code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||||
code{padding:1px 3px;background-color:#fee9cc;}
|
code{padding:1px 3px;background-color:#fee9cc;}
|
||||||
pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre;white-space:pre-wrap;word-break:break-all;}pre.prettyprint{margin-bottom:18px;}
|
pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12px;line-height:18px;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;white-space:pre;white-space:pre-wrap;word-break:break-all;}pre.prettyprint{margin-bottom:18px;}
|
||||||
pre code{padding:0;background-color:transparent;}
|
pre code{padding:0;background-color:transparent;}
|
||||||
form{margin-bottom:18px;}
|
form{margin-bottom:18px;}
|
||||||
legend{display:block;width:100%;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border-bottom:1px solid #eee;}
|
legend{display:block;width:100%;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border-bottom:1px solid #eee;-webkit-margin-collapse:separate;}
|
||||||
label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:18px;}
|
label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:18px;}
|
||||||
label{display:block;margin-bottom:5px;color:#333333;}
|
label{display:block;margin-bottom:5px;color:#333333;}
|
||||||
input,textarea,select,.uneditable-input{display:block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
input,textarea,select,.uneditable-input{display:block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||||
@@ -304,7 +304,7 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
|
|||||||
.dropdown .caret{margin-top:8px;margin-left:2px;}
|
.dropdown .caret{margin-top:8px;margin-left:2px;}
|
||||||
.dropdown:hover .caret{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
|
.dropdown:hover .caret{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
|
||||||
.dropdown-menu{position:absolute;top:40px;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:5px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#999;border-color:rgba(0, 0, 0, 0.1);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;zoom:1;}.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
|
.dropdown-menu{position:absolute;top:40px;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:5px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#999;border-color:rgba(0, 0, 0, 0.1);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;zoom:1;}.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
|
||||||
.dropdown-menu a{display:block;padding:2px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;}.dropdown-menu a:hover{color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0064cd;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);}
|
.dropdown-menu a{display:block;padding:2px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;}.dropdown-menu a:hover{color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0064cd;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);background-color:#0077b3;background-image:-khtml-gradient(linear, left top, left bottom, from(#0088cc), to(#0077b3));background-image:-moz-linear-gradient(top, #0088cc, #0077b3);background-image:-ms-linear-gradient(top, #0088cc, #0077b3);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #0077b3));background-image:-webkit-linear-gradient(top, #0088cc, #0077b3);background-image:-o-linear-gradient(top, #0088cc, #0077b3);background-image:linear-gradient(top, #0088cc, #0077b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0077b3', GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.075),inset 0 -1px rgba(0, 0, 0, 0.075);}
|
||||||
.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
||||||
.dropdown.open .dropdown-menu{display:block;}
|
.dropdown.open .dropdown-menu{display:block;}
|
||||||
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
|
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
|
||||||
@@ -325,21 +325,43 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
|
|||||||
.navbar-static{margin-bottom:18px;}
|
.navbar-static{margin-bottom:18px;}
|
||||||
.navbar-static .navbar-inner{padding-left:20px;padding-right:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
.navbar-static .navbar-inner{padding-left:20px;padding-right:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||||
.navbar-fixed{position:fixed;top:0;right:0;left:0;z-index:1010;}
|
.navbar-fixed{position:fixed;top:0;right:0;left:0;z-index:1010;}
|
||||||
.nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}.nav>li{display:block;float:left;}
|
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}.navbar .nav>li{display:block;float:left;}
|
||||||
.nav a{display:block;float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.nav a:hover{color:#ffffff;text-decoration:none;}
|
.navbar .nav a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.navbar .nav a:hover{color:#ffffff;text-decoration:none;}
|
||||||
.nav .active>a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
|
.navbar .nav .active>a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
|
||||||
.nav .vertical-divider{height:40px;width:1px;margin:0 5px;overflow:hidden;background-color:#222;border-right:1px solid #444;}
|
.navbar .nav .vertical-divider{height:40px;width:1px;margin:0 5px;overflow:hidden;background-color:#222;border-right:1px solid #444;}
|
||||||
.nav.secondary-nav{float:right;margin-left:10px;margin-right:0;}.nav.secondary-nav .dropdown-menu{right:0;border:0;}
|
.navbar .nav.secondary-nav{float:right;margin-left:10px;margin-right:0;}.navbar .nav.secondary-nav .dropdown-menu{right:0;border:0;}
|
||||||
.nav .dropdown-toggle:hover,.nav .dropdown.open .dropdown-toggle{background:#444;background:rgba(255, 255, 255, 0.05);}
|
.nav{margin-left:0;margin-bottom:18px;list-style:none;}
|
||||||
.nav .dropdown-menu{background-color:#333;}.nav .dropdown-menu .dropdown-toggle{color:#ffffff;}.nav .dropdown-menu .dropdown-toggle.open{background:#444;background:rgba(255, 255, 255, 0.05);}
|
.nav>li>a{display:block;}
|
||||||
.nav .dropdown-menu li a{padding:4px 15px;color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}.nav .dropdown-menu li a:hover{background-color:#191919;background-image:-khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));background-image:-moz-linear-gradient(top, #292929, #191919);background-image:-ms-linear-gradient(top, #292929, #191919);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));background-image:-webkit-linear-gradient(top, #292929, #191919);background-image:-o-linear-gradient(top, #292929, #191919);background-image:linear-gradient(top, #292929, #191919);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);color:#ffffff;}
|
.nav>li>a:hover{text-decoration:none;background-color:#eee;}
|
||||||
.nav .dropdown-menu .active a{color:#ffffff;}
|
.nav.list{padding-left:14px;padding-right:14px;margin-bottom:0;}
|
||||||
.nav .dropdown-menu .divider{background-color:#222;border-color:#444;}
|
.nav.list>li>a,.nav.list .nav-header{display:block;padding:3px 15px;margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
||||||
.tabs,.pills{padding:0;margin:0 0 20px;list-style:none;zoom:1;}.tabs:before,.pills:before,.tabs:after,.pills:after{display:table;*display:inline;content:"";zoom:1;}
|
.nav.list .nav-header{font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-transform:uppercase;}
|
||||||
|
.nav.list>li+.nav-header{margin-top:9px;}
|
||||||
|
.nav.list .active>a{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;}
|
||||||
|
.tabs,.pills{zoom:1;}.tabs:before,.pills:before,.tabs:after,.pills:after{display:table;*display:inline;content:"";zoom:1;}
|
||||||
.tabs:after,.pills:after{clear:both;}
|
.tabs:after,.pills:after{clear:both;}
|
||||||
.tabs>li,.pills>li{float:left;}.tabs>li>a,.pills>li>a{display:block;}
|
.tabs>li,.pills>li{float:left;}
|
||||||
.tabs{border-color:#ddd;border-style:solid;border-width:0 0 1px;}.tabs>li{position:relative;margin-bottom:-1px;}.tabs>li>a{padding:0 15px;margin-right:2px;line-height:36px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.tabs>li>a:hover{text-decoration:none;background-color:#eee;border-color:#eee #eee #ddd;}
|
.tabs>li>a,.pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
|
||||||
|
.tabs{border-bottom:1px solid #ddd;}
|
||||||
|
.tabs>li{margin-bottom:-1px;}
|
||||||
|
.tabs>li>a{padding-top:9px;padding-bottom:9px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.tabs>li>a:hover{border-color:#eee #eee #ddd;}
|
||||||
.tabs .active>a,.tabs .active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
.tabs .active>a,.tabs .active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
||||||
|
.pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||||
|
.pills .active>a,.pills .active>a:hover{color:#ffffff;background-color:#0088cc;}
|
||||||
|
.nav.stacked>li{float:none;}
|
||||||
|
.nav.stacked>li>a{margin-right:0;}
|
||||||
|
.tabs.stacked{border-bottom:0;}
|
||||||
|
.tabs.stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
|
||||||
|
.tabs.stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
|
||||||
|
.tabs.stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
|
||||||
|
.tabs.stacked>li>a:hover{border-color:#ddd;z-index:2;}
|
||||||
|
.pills.stacked>li>a{margin-bottom:3px;}
|
||||||
|
.pills.stacked>li:last-child>a{margin-bottom:1px;}
|
||||||
|
.tabs .dropdown-menu,.pills .dropdown-menu{top:33px;border-width:1px;}
|
||||||
|
.pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||||
|
.tabs .dropdown-toggle .caret,.pills .dropdown-toggle .caret{margin-top:6px;}
|
||||||
|
.tabs .open .dropdown-toggle,.pills .open .dropdown-toggle{background-color:#999;border-color:#999;}
|
||||||
|
.tabs .open .caret,.pills .open .caret{border-top-color:#fff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
|
||||||
.tabbable{margin-bottom:18px;}.tabbable .tabs{margin-bottom:0;border-bottom:0;}
|
.tabbable{margin-bottom:18px;}.tabbable .tabs{margin-bottom:0;border-bottom:0;}
|
||||||
.tabbable .tab-content{padding:19px;border:1px solid #ddd;}
|
.tabbable .tab-content{padding:19px;border:1px solid #ddd;}
|
||||||
.tabbable.tabs-bottom .tabs>li{margin-top:-1px;margin-bottom:0;}
|
.tabbable.tabs-bottom .tabs>li{margin-top:-1px;margin-bottom:0;}
|
||||||
@@ -354,13 +376,6 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
|
|||||||
.tabbable.tabs-right .tab-content{margin-right:100px;}
|
.tabbable.tabs-right .tab-content{margin-right:100px;}
|
||||||
.tabbable.tabs-right .tabs{float:right;}.tabbable.tabs-right .tabs>li{margin-left:-1px;}.tabbable.tabs-right .tabs>li>a{margin-left:0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}.tabbable.tabs-right .tabs>li>a:hover{border-left-color:#ddd;}
|
.tabbable.tabs-right .tabs{float:right;}.tabbable.tabs-right .tabs>li{margin-left:-1px;}.tabbable.tabs-right .tabs>li>a{margin-left:0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}.tabbable.tabs-right .tabs>li>a:hover{border-left-color:#ddd;}
|
||||||
.tabbable.tabs-right .tabs .active>a,.tabbable.tabs-right .tabs .active>a:hover{border-color:#ddd;border-left-color:transparent;}
|
.tabbable.tabs-right .tabs .active>a,.tabbable.tabs-right .tabs .active>a:hover{border-color:#ddd;border-left-color:transparent;}
|
||||||
.tabs .dropdown-menu{top:37px;border-width:1px;}
|
|
||||||
.tabs .dropdown-toggle .caret{margin-top:15px;margin-left:5px;}
|
|
||||||
.tabs .open .dropdown-toggle{border-color:#999;}
|
|
||||||
.tabs .open .dropdown-toggle .caret{border-top-color:#fff;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
|
|
||||||
.pills>li>a{padding:0 15px;margin:5px 3px 5px 0;line-height:30px;text-shadow:0 1px 1px #ffffff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.pills>li>a:hover{color:#ffffff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#005580;}
|
|
||||||
.pills .active>a{color:#ffffff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#0088cc;}
|
|
||||||
.pills-vertical>li{float:none;}
|
|
||||||
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
|
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
|
||||||
.tab-content>.active,.pill-content>.active{display:block;}
|
.tab-content>.active,.pill-content>.active{display:block;}
|
||||||
.step-nav{position:relative;margin:0 0 18px;list-style:none;line-height:30px;text-align:center;background-color:#f5f5f5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.step-nav li{display:inline;color:#999999;}
|
.step-nav{position:relative;margin:0 0 18px;list-style:none;line-height:30px;text-align:center;background-color:#f5f5f5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.step-nav li{display:inline;color:#999999;}
|
||||||
@@ -373,15 +388,6 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
|
|||||||
.subnav li:first-child a{border-left:0;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
|
.subnav li:first-child a{border-left:0;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;}
|
||||||
.subnav li:last-child a{border-right:0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
|
.subnav li:last-child a{border-right:0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;}
|
||||||
.subnav ul .active>a{color:#333333;background-color:#eee;}
|
.subnav ul .active>a{color:#333333;background-color:#eee;}
|
||||||
.side-nav{padding:9px 0;}
|
|
||||||
.side-nav .nav-label,.side-nav .nav-item{display:block;padding:3px 15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
|
||||||
.side-nav .nav-label{font-size:11px;line-height:18px;color:#999999;text-transform:uppercase;}
|
|
||||||
.side-nav .nav-group{margin:0;list-style:none;}
|
|
||||||
.side-nav .nav-group+.nav-label{margin-top:9px;}
|
|
||||||
.side-nav .nav-item{font-weight:bold;}
|
|
||||||
.side-nav .nav-item i{vertical-align:-2px;}
|
|
||||||
.side-nav .nav-item:hover{text-decoration:none;}
|
|
||||||
.side-nav .active .nav-item{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);background-color:#999999;background-image:-khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#999999));background-image:-moz-linear-gradient(top, #cccccc, #999999);background-image:-ms-linear-gradient(top, #cccccc, #999999);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #999999));background-image:-webkit-linear-gradient(top, #cccccc, #999999);background-image:-o-linear-gradient(top, #cccccc, #999999);background-image:linear-gradient(top, #cccccc, #999999);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#999999', GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.05),inset 0 -1px 0 rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.05),inset 0 -1px 0 rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.05),inset 0 -1px 0 rgba(0, 0, 0, 0.05);}
|
|
||||||
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
||||||
.breadcrumb .divider{padding:0 5px;color:#999999;}
|
.breadcrumb .divider{padding:0 5px;color:#999999;}
|
||||||
.breadcrumb .active a{color:#333333;}
|
.breadcrumb .active a{color:#333333;}
|
||||||
|
|||||||
@@ -6,21 +6,13 @@
|
|||||||
.kwd, .linenums .tag { color: #1e347b; }
|
.kwd, .linenums .tag { color: #1e347b; }
|
||||||
.typ, .atn, .dec, .var { color: teal; }
|
.typ, .atn, .dec, .var { color: teal; }
|
||||||
.pln { color: #48484c; }
|
.pln { color: #48484c; }
|
||||||
pre.prettyprint {
|
|
||||||
background-color: #fefbf3;
|
|
||||||
padding: 9px;
|
|
||||||
margin-bottom: 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.prettyprint {
|
.prettyprint {
|
||||||
color: #ccc;
|
|
||||||
background-color: #252525;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre.prettyprint {
|
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
background-color: #f7f7f9;
|
background-color: #f7f7f9;
|
||||||
border: 1px solid #e1e1e8;
|
border: 1px solid #e1e1e8;
|
||||||
|
}
|
||||||
|
.prettyprint.linenums {
|
||||||
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||||
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||||
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
|
||||||
|
|||||||
+543
-504
File diff suppressed because it is too large
Load Diff
@@ -113,6 +113,15 @@
|
|||||||
<li>Now requires you to add a <code><span class="caret"></span></code> to show the dropdown arrow</li>
|
<li>Now requires you to add a <code><span class="caret"></span></code> to show the dropdown arrow</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
<li>Navigation
|
||||||
|
<ul>
|
||||||
|
<li>Tabs and pills now require the use of a new base class, <code>.nav</code>, on their <code><ul></code></li>
|
||||||
|
<li>New nav list component added that uses the same base class, <code>.nav</code></li>
|
||||||
|
<li>Vertical tabs and pills have been added—just add <code>.stacked</code> to the <code><ul></code></li>
|
||||||
|
<li>Pills were restyled to be less rounded by default</li>
|
||||||
|
<li>Pills now have dropdown menu support (they share the same markup and styles as tabs)</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<!--
|
<!--
|
||||||
<li>
|
<li>
|
||||||
|
|||||||
Vendored
+1
-2
@@ -33,8 +33,7 @@
|
|||||||
|
|
||||||
// Components: Nav
|
// Components: Nav
|
||||||
@import "navbar.less";
|
@import "navbar.less";
|
||||||
@import "tabs-pills.less";
|
@import "navs.less";
|
||||||
@import "sidenav.less";
|
|
||||||
@import "breadcrumbs.less";
|
@import "breadcrumbs.less";
|
||||||
@import "pagination.less";
|
@import "pagination.less";
|
||||||
|
|
||||||
|
|||||||
+4
-1
@@ -1,4 +1,6 @@
|
|||||||
// Dropdown Menus
|
// DROPDOWN MENUS
|
||||||
|
// --------------
|
||||||
|
|
||||||
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
|
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
|
||||||
.dropdown {
|
.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -71,6 +73,7 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||||
#gradient > .vertical(@blue, @blueDark);
|
#gradient > .vertical(@blue, @blueDark);
|
||||||
|
#gradient > .vertical(@linkColor, darken(@linkColor, 5%));
|
||||||
@shadow: inset 0 1px 0 rgba(0,0,0,.075), inset 0 -1px rgba(0,0,0,.075);
|
@shadow: inset 0 1px 0 rgba(0,0,0,.075), inset 0 -1px rgba(0,0,0,.075);
|
||||||
.box-shadow(@shadow);
|
.box-shadow(@shadow);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,6 +20,7 @@ legend {
|
|||||||
line-height: @baseLineHeight * 2;
|
line-height: @baseLineHeight * 2;
|
||||||
color: @grayDark;
|
color: @grayDark;
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
|
-webkit-margin-collapse: separate;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set font for forms
|
// Set font for forms
|
||||||
|
|||||||
+3
-4
@@ -135,7 +135,7 @@
|
|||||||
|
|
||||||
// Nav for navbar and topbar
|
// Nav for navbar and topbar
|
||||||
// ul.nav for all topbar based navigation to avoid inheritance issues and over-specificity
|
// ul.nav for all topbar based navigation to avoid inheritance issues and over-specificity
|
||||||
.nav {
|
.navbar .nav {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 0;
|
left: 0;
|
||||||
display: block;
|
display: block;
|
||||||
@@ -146,7 +146,6 @@
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
display: block;
|
|
||||||
float: none;
|
float: none;
|
||||||
padding: 10px 10px 11px;
|
padding: 10px 10px 11px;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
@@ -182,7 +181,7 @@
|
|||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// Dropdowns within the .nav
|
/* // Dropdowns within the .nav
|
||||||
.dropdown-toggle:hover,
|
.dropdown-toggle:hover,
|
||||||
.dropdown.open .dropdown-toggle {
|
.dropdown.open .dropdown-toggle {
|
||||||
background: #444;
|
background: #444;
|
||||||
@@ -213,5 +212,5 @@
|
|||||||
background-color: #222;
|
background-color: #222;
|
||||||
border-color: #444;
|
border-color: #444;
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
}
|
}
|
||||||
|
|||||||
+327
@@ -0,0 +1,327 @@
|
|||||||
|
// NAVIGATIONS
|
||||||
|
// -----------
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// BASE CLASS
|
||||||
|
// ----------
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make links block level
|
||||||
|
.nav > li > a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.nav > li > a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// NAV LIST
|
||||||
|
// --------
|
||||||
|
|
||||||
|
.nav.list {
|
||||||
|
padding-left: 14px;
|
||||||
|
padding-right: 14px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.nav.list > li > a,
|
||||||
|
.nav.list .nav-header {
|
||||||
|
display: block;
|
||||||
|
padding: 3px 15px;
|
||||||
|
margin-left: -15px;
|
||||||
|
margin-right: -15px;
|
||||||
|
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||||
|
}
|
||||||
|
.nav.list .nav-header {
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
color: @grayLight;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.nav.list > li + .nav-header {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
.nav.list .active > a {
|
||||||
|
color: @white;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
||||||
|
background-color: @linkColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// TABS AND PILLS
|
||||||
|
// -------------
|
||||||
|
|
||||||
|
// Common styles
|
||||||
|
.tabs,
|
||||||
|
.pills {
|
||||||
|
.clearfix();
|
||||||
|
}
|
||||||
|
.tabs > li,
|
||||||
|
.pills > li {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.tabs > li > a,
|
||||||
|
.pills > li > a {
|
||||||
|
padding-right: 12px;
|
||||||
|
padding-left: 12px;
|
||||||
|
margin-right: 2px;
|
||||||
|
line-height: 14px; // keeps the overall height an even number
|
||||||
|
}
|
||||||
|
|
||||||
|
// TABS
|
||||||
|
// ----
|
||||||
|
|
||||||
|
// Give the tabs something to sit on
|
||||||
|
.tabs {
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make the list-items overlay the bottom border
|
||||||
|
.tabs > li {
|
||||||
|
margin-bottom: -1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Actual tabs (as links)
|
||||||
|
.tabs > li > a {
|
||||||
|
padding-top: 9px;
|
||||||
|
padding-bottom: 9px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
.border-radius(4px 4px 0 0);
|
||||||
|
&:hover {
|
||||||
|
border-color: #eee #eee #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Active state, and it's :hover to override normal :hover
|
||||||
|
.tabs .active > a,
|
||||||
|
.tabs .active > a:hover {
|
||||||
|
color: @gray;
|
||||||
|
background-color: @white;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
// PILLS
|
||||||
|
// -----
|
||||||
|
|
||||||
|
// Links rendered as pills
|
||||||
|
.pills > li > a {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
.border-radius(5px);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Active state
|
||||||
|
.pills .active > a,
|
||||||
|
.pills .active > a:hover {
|
||||||
|
color: @white;
|
||||||
|
background-color: @linkColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// STACKED NAV
|
||||||
|
// -----------
|
||||||
|
|
||||||
|
// Stacked tabs and pills
|
||||||
|
.nav.stacked > li {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
.nav.stacked > li > a {
|
||||||
|
margin-right: 0; // no need for the gap between nav items
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tabs
|
||||||
|
.tabs.stacked {
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.tabs.stacked > li > a {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
.border-radius(0);
|
||||||
|
}
|
||||||
|
.tabs.stacked > li:first-child > a {
|
||||||
|
.border-radius(4px 4px 0 0);
|
||||||
|
}
|
||||||
|
.tabs.stacked > li:last-child > a {
|
||||||
|
.border-radius(0 0 4px 4px);
|
||||||
|
}
|
||||||
|
.tabs.stacked > li > a:hover {
|
||||||
|
border-color: #ddd;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pills
|
||||||
|
.pills.stacked > li > a {
|
||||||
|
margin-bottom: 3px;
|
||||||
|
}
|
||||||
|
.pills.stacked > li:last-child > a {
|
||||||
|
margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// DROPDOWNS
|
||||||
|
// ---------
|
||||||
|
|
||||||
|
// Position the menu
|
||||||
|
.tabs .dropdown-menu,
|
||||||
|
.pills .dropdown-menu {
|
||||||
|
top: 33px;
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
.pills .dropdown-menu {
|
||||||
|
.border-radius(4px);
|
||||||
|
}
|
||||||
|
.tabs .dropdown-toggle .caret,
|
||||||
|
.pills .dropdown-toggle .caret {
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
.tabs .open .dropdown-toggle,
|
||||||
|
.pills .open .dropdown-toggle {
|
||||||
|
background-color: #999;
|
||||||
|
border-color: #999;
|
||||||
|
}
|
||||||
|
.tabs .open .caret,
|
||||||
|
.pills .open .caret {
|
||||||
|
border-top-color: #fff;
|
||||||
|
.opacity(100);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// TABBABLE
|
||||||
|
// --------
|
||||||
|
|
||||||
|
.tabbable {
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
|
||||||
|
// Tabs on top
|
||||||
|
.tabs {
|
||||||
|
margin-bottom: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.tab-content {
|
||||||
|
padding: 19px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tabs on bottom
|
||||||
|
&.tabs-bottom .tabs > li {
|
||||||
|
margin-top: -1px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
&.tabs-bottom .tabs > li > a {
|
||||||
|
.border-radius(0 0 4px 4px);
|
||||||
|
&:hover {
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
border-top-color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.tabs-bottom .tabs > .active > a,
|
||||||
|
&.tabs-bottom .tabs > .active > a:hover {
|
||||||
|
border-color: transparent #ddd #ddd #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tabs on left and right
|
||||||
|
&.tabs-left,
|
||||||
|
&.tabs-right {
|
||||||
|
.clearfix();
|
||||||
|
.tabs {
|
||||||
|
// Give a fixed width to avoid floating .tab-con
|
||||||
|
width: 100px;
|
||||||
|
// Unfloat them so they stack
|
||||||
|
> li {
|
||||||
|
float: none;
|
||||||
|
margin-bottom: -1px;
|
||||||
|
> a {
|
||||||
|
margin-bottom: 2px;
|
||||||
|
&:hover {
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tabs on left
|
||||||
|
&.tabs-left {
|
||||||
|
.tab-content {
|
||||||
|
margin-left: 100px;
|
||||||
|
}
|
||||||
|
.tabs {
|
||||||
|
float: left;
|
||||||
|
> li {
|
||||||
|
margin-right: -1px;
|
||||||
|
> a {
|
||||||
|
margin-right: 0;
|
||||||
|
.border-radius(4px 0 0 4px);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-right-color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Active state
|
||||||
|
.active > a,
|
||||||
|
.active > a:hover {
|
||||||
|
border-color: #ddd;
|
||||||
|
border-right-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tabs on right
|
||||||
|
&.tabs-right {
|
||||||
|
.tab-content {
|
||||||
|
margin-right: 100px;
|
||||||
|
}
|
||||||
|
.tabs {
|
||||||
|
float: right;
|
||||||
|
> li {
|
||||||
|
margin-left: -1px;
|
||||||
|
> a {
|
||||||
|
margin-left: 0;
|
||||||
|
.border-radius(0 4px 4px 0);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-left-color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Active state
|
||||||
|
.active > a,
|
||||||
|
.active > a:hover {
|
||||||
|
border-color: #ddd;
|
||||||
|
border-left-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Tabbable areas
|
||||||
|
.tab-content > .tab-pane,
|
||||||
|
.pill-content > .pill-pane {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.tab-content > .active,
|
||||||
|
.pill-content > .active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
// SIDE NAV
|
|
||||||
// --------
|
|
||||||
|
|
||||||
|
|
||||||
.side-nav {
|
|
||||||
padding: @baseLineHeight / 2 0;
|
|
||||||
}
|
|
||||||
.side-nav .nav-label,
|
|
||||||
.side-nav .nav-item {
|
|
||||||
display: block;
|
|
||||||
padding: 3px 15px;
|
|
||||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
|
||||||
}
|
|
||||||
.side-nav .nav-label {
|
|
||||||
font-size: 11px;
|
|
||||||
line-height: @baseLineHeight;
|
|
||||||
color: @grayLight;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.side-nav .nav-group {
|
|
||||||
margin: 0; // clear default ul margins
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
.side-nav .nav-group + .nav-label {
|
|
||||||
margin-top: 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.side-nav .nav-item {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.side-nav .nav-item i {
|
|
||||||
vertical-align: -2px;
|
|
||||||
}
|
|
||||||
.side-nav .nav-item:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.side-nav .active .nav-item {
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.3);
|
|
||||||
#gradient > .vertical(#ccc, #999);
|
|
||||||
@shadow: inset 0 1px 0 rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.05);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
}
|
|
||||||
@@ -1,285 +0,0 @@
|
|||||||
// Tabs and Pills
|
|
||||||
.tabs,
|
|
||||||
.pills {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0 0 20px;
|
|
||||||
list-style: none;
|
|
||||||
.clearfix();
|
|
||||||
> li {
|
|
||||||
float: left;
|
|
||||||
> a {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabs
|
|
||||||
.tabs {
|
|
||||||
border-color: #ddd;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 0 0 1px;
|
|
||||||
> li {
|
|
||||||
position: relative; // For the dropdowns mostly
|
|
||||||
margin-bottom: -1px;
|
|
||||||
> a {
|
|
||||||
padding: 0 15px;
|
|
||||||
margin-right: 2px;
|
|
||||||
line-height: @baseLineHeight * 2;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
.border-radius(4px 4px 0 0);
|
|
||||||
&:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
background-color: #eee;
|
|
||||||
border-color: #eee #eee #ddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Active state, and it's :hover to override normal :hover
|
|
||||||
.active > a,
|
|
||||||
.active > a:hover {
|
|
||||||
color: @gray;
|
|
||||||
background-color: @white;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-bottom-color: transparent;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbable {
|
|
||||||
margin-bottom: @baseLineHeight;
|
|
||||||
|
|
||||||
// Tabs on top
|
|
||||||
.tabs {
|
|
||||||
margin-bottom: 0;
|
|
||||||
border-bottom: 0;
|
|
||||||
}
|
|
||||||
.tab-content {
|
|
||||||
padding: 19px;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabs on bottom
|
|
||||||
&.tabs-bottom .tabs > li {
|
|
||||||
margin-top: -1px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
&.tabs-bottom .tabs > li > a {
|
|
||||||
.border-radius(0 0 4px 4px);
|
|
||||||
&:hover {
|
|
||||||
border-bottom-color: transparent;
|
|
||||||
border-top-color: #ddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.tabs-bottom .tabs > .active > a,
|
|
||||||
&.tabs-bottom .tabs > .active > a:hover {
|
|
||||||
border-color: transparent #ddd #ddd #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabs on left and right
|
|
||||||
&.tabs-left,
|
|
||||||
&.tabs-right {
|
|
||||||
.clearfix();
|
|
||||||
.tabs {
|
|
||||||
// Give a fixed width to avoid floating .tab-con
|
|
||||||
width: 100px;
|
|
||||||
// Unfloat them so they stack
|
|
||||||
> li {
|
|
||||||
float: none;
|
|
||||||
margin-bottom: -1px;
|
|
||||||
> a {
|
|
||||||
margin-bottom: 2px;
|
|
||||||
&:hover {
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabs on left
|
|
||||||
&.tabs-left {
|
|
||||||
.tab-content {
|
|
||||||
margin-left: 100px;
|
|
||||||
}
|
|
||||||
.tabs {
|
|
||||||
float: left;
|
|
||||||
> li {
|
|
||||||
margin-right: -1px;
|
|
||||||
> a {
|
|
||||||
margin-right: 0;
|
|
||||||
.border-radius(4px 0 0 4px);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-right-color: #ddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Active state
|
|
||||||
.active > a,
|
|
||||||
.active > a:hover {
|
|
||||||
border-color: #ddd;
|
|
||||||
border-right-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabs on right
|
|
||||||
&.tabs-right {
|
|
||||||
.tab-content {
|
|
||||||
margin-right: 100px;
|
|
||||||
}
|
|
||||||
.tabs {
|
|
||||||
float: right;
|
|
||||||
> li {
|
|
||||||
margin-left: -1px;
|
|
||||||
> a {
|
|
||||||
margin-left: 0;
|
|
||||||
.border-radius(0 4px 4px 0);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
border-left-color: #ddd;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Active state
|
|
||||||
.active > a,
|
|
||||||
.active > a:hover {
|
|
||||||
border-color: #ddd;
|
|
||||||
border-left-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Dropdowns in tabs
|
|
||||||
.tabs {
|
|
||||||
.dropdown-menu {
|
|
||||||
top: 37px;
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
.dropdown-toggle .caret {
|
|
||||||
margin-top: 15px;
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
.open .dropdown-toggle {
|
|
||||||
border-color: #999;
|
|
||||||
}
|
|
||||||
.open .dropdown-toggle .caret {
|
|
||||||
border-top-color: #fff;
|
|
||||||
.opacity(100);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Pills
|
|
||||||
.pills {
|
|
||||||
> li > a {
|
|
||||||
padding: 0 15px;
|
|
||||||
margin: 5px 3px 5px 0;
|
|
||||||
line-height: 30px;
|
|
||||||
text-shadow: 0 1px 1px @white;
|
|
||||||
.border-radius(15px);
|
|
||||||
&:hover {
|
|
||||||
color: @white;
|
|
||||||
text-decoration: none;
|
|
||||||
text-shadow: 0 1px 1px rgba(0,0,0,.25);
|
|
||||||
background-color: @linkColorHover;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.active > a {
|
|
||||||
color: @white;
|
|
||||||
text-shadow: 0 1px 1px rgba(0,0,0,.25);
|
|
||||||
background-color: @linkColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Stacked pills
|
|
||||||
.pills-vertical > li {
|
|
||||||
float: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tabbable areas
|
|
||||||
.tab-content > .tab-pane,
|
|
||||||
.pill-content > .pill-pane {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.tab-content > .active,
|
|
||||||
.pill-content > .active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Step nav
|
|
||||||
.step-nav {
|
|
||||||
position: relative; // for prev/next links
|
|
||||||
margin: 0 0 @baseLineHeight;
|
|
||||||
list-style: none;
|
|
||||||
line-height: 30px;
|
|
||||||
text-align: center;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
.border-radius(15px);
|
|
||||||
li {
|
|
||||||
display: inline;
|
|
||||||
color: @grayLight;
|
|
||||||
}
|
|
||||||
// prev/next links
|
|
||||||
.prev,
|
|
||||||
.next {
|
|
||||||
position: absolute;
|
|
||||||
top: 6px;
|
|
||||||
}
|
|
||||||
.prev {
|
|
||||||
left: 15px;
|
|
||||||
}
|
|
||||||
.next {
|
|
||||||
right: 15px;
|
|
||||||
}
|
|
||||||
// indicators for each step/page/item/etc
|
|
||||||
.dot {
|
|
||||||
display: inline-block;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
margin: 0 3px;
|
|
||||||
text-indent: -999em;
|
|
||||||
background-color: @grayLight;
|
|
||||||
.border-radius(5px);
|
|
||||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.25));
|
|
||||||
}
|
|
||||||
.dot:hover,
|
|
||||||
.active .dot {
|
|
||||||
background-color: @grayDark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Subnav
|
|
||||||
// STILL A WIP
|
|
||||||
.subnav {
|
|
||||||
#gradient > .vertical(#f5f5f5, #eeeeee);
|
|
||||||
@shadow: inset 0 1px 0 #fff, 0 0 5px rgba(0,0,0,.5);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
a {
|
|
||||||
padding: 8px 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
color: @linkColor;
|
|
||||||
text-shadow: 0 1px 0 #fff;
|
|
||||||
border-left: 1px solid #f9f9f9;
|
|
||||||
border-right: 1px solid #e5e5e5;
|
|
||||||
&:hover {
|
|
||||||
color: @linkColorHover;
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
li:first-child a {
|
|
||||||
border-left: 0;
|
|
||||||
.border-radius(6px 0 0 6px);
|
|
||||||
}
|
|
||||||
li:last-child a {
|
|
||||||
border-right: 0;
|
|
||||||
.border-radius(0 6px 6px 0);
|
|
||||||
}
|
|
||||||
ul .active > a {
|
|
||||||
color: @grayDark;
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
+1
-1
@@ -201,7 +201,7 @@ pre {
|
|||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border: 1px solid rgba(0,0,0,.15);
|
border: 1px solid rgba(0,0,0,.15);
|
||||||
.border-radius(3px);
|
.border-radius(4px);
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
|
|||||||
Reference in New Issue
Block a user