2012-12-01 01:31:24 +01:00
/ * !
2012-12-01 07:30:50 +01:00
* Bootstrap v3 . 0 . 0
2012-12-01 01:31:24 +01:00
*
* Copyright 2012 Twitter , Inc
* Licensed under the Apache License v2 . 0
* http : / / www . apache . org / licenses / LICENSE-2 . 0
*
2012-12-20 03:43:55 +01:00
* Designed and built with all the love in the world by @ mdo and @ fat .
* /
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
2012-12-01 01:31:24 +01:00
article ,
aside ,
details ,
figcaption ,
figure ,
footer ,
header ,
hgroup ,
nav ,
2012-12-20 03:43:55 +01:00
section ,
summary {
2012-12-01 01:31:24 +01:00
display : block ;
}
audio ,
canvas ,
video {
display : inline-block ;
}
audio : not ( [ controls ] ) {
display : none ;
2012-12-20 03:43:55 +01:00
height : 0 ;
2012-12-01 01:31:24 +01:00
}
2012-12-20 03:43:55 +01:00
[ hidden ] {
display : none ;
}
2012-12-01 01:31:24 +01:00
html {
2012-12-20 03:43:55 +01:00
font-family : sans-serif ;
2012-12-01 01:31:24 +01:00
-webkit-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
}
2012-12-20 03:43:55 +01:00
body {
margin : 0 ;
}
2012-12-01 01:31:24 +01:00
a : focus {
2012-12-20 03:43:55 +01:00
outline : thin dotted ;
2012-12-01 01:31:24 +01:00
}
2012-12-20 03:43:55 +01:00
a : active ,
a : hover {
2012-12-01 01:31:24 +01:00
outline : 0 ;
}
2012-12-20 03:43:55 +01:00
h1 {
font-size : 2em ;
}
abbr [ title ] {
border-bottom : 1px dotted ;
}
b ,
strong {
font-weight : bold ;
}
dfn {
font-style : italic ;
}
mark {
color : # 000 ;
background : # ff0 ;
}
code ,
kbd ,
pre ,
samp {
font-family : monospace , serif ;
font-size : 1em ;
}
pre {
word-wrap : break-word ;
white-space : pre ;
white-space : pre-wrap ;
}
q {
quotes : "\201C" "\201D" "\2018" "\2019" ;
}
small {
font-size : 80 % ;
}
2012-12-01 01:31:24 +01:00
sub ,
sup {
position : relative ;
font-size : 75 % ;
line-height : 0 ;
vertical-align : baseline ;
}
sup {
top : -0 . 5em ;
}
sub {
bottom : -0 . 25em ;
}
img {
border : 0 ;
}
2012-12-20 03:43:55 +01:00
svg : not ( : root ) {
overflow : hidden ;
2012-12-01 01:31:24 +01:00
}
2012-12-20 03:43:55 +01:00
figure {
margin : 0 ;
}
fieldset {
padding : 0 . 35em 0 . 625em 0 . 75em ;
margin : 0 2px ;
border : 1px solid # c0c0c0 ;
}
legend {
padding : 0 ;
border : 0 ;
}
2012-12-01 01:31:24 +01:00
button ,
input ,
select ,
textarea {
margin : 0 ;
2012-12-20 03:43:55 +01:00
font-family : inherit ;
2012-12-01 01:31:24 +01:00
font-size : 100 % ;
}
button ,
input {
line-height : normal ;
}
button ,
html input [ type = "button" ] ,
input [ type = "reset" ] ,
input [ type = "submit" ] {
cursor : pointer ;
-webkit-appearance : button ;
}
2012-12-20 03:43:55 +01:00
button [ disabled ] ,
html input [ disabled ] {
cursor : default ;
2012-12-01 01:31:24 +01:00
}
2012-12-20 03:43:55 +01:00
input [ type = "checkbox" ] ,
input [ type = "radio" ] {
padding : 0 ;
box-sizing : border-box ;
}
2012-12-01 01:31:24 +01:00
input [ type = "search" ] {
-webkit-box-sizing : content-box ;
-moz-box-sizing : content-box ;
box-sizing : content-box ;
-webkit-appearance : textfield ;
}
2012-12-20 03:43:55 +01:00
input [ type = "search" ] :: -webkit-search-cancel-button ,
input [ type = "search" ] :: -webkit-search-decoration {
2012-12-01 01:31:24 +01:00
-webkit-appearance : none ;
}
2012-12-20 03:43:55 +01:00
button :: -moz-focus-inner ,
input :: -moz-focus-inner {
padding : 0 ;
border : 0 ;
}
2012-12-01 01:31:24 +01:00
textarea {
overflow : auto ;
vertical-align : top ;
}
2012-12-20 03:43:55 +01:00
table {
border-collapse : collapse ;
border-spacing : 0 ;
2012-12-01 01:31:24 +01:00
}
2013-01-16 02:55:14 +01:00
html {
font-size : 62 . 5 % ;
-webkit-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
-webkit-overflow-scrolling : touch ;
-webkit-tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) ;
}
@ media screen and ( max-device-width : 480px ) {
html {
-webkit-text-size-adjust : none ;
-ms-text-size-adjust : none ;
}
}
body {
margin : 0 ;
font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 14px ;
font-size : 1 . 4rem ;
line-height : 1 . 5 ;
color : # 333333 ;
background-color : # ffffff ;
}
body ,
input ,
button ,
select ,
textarea {
font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 14px ;
line-height : 20px ;
}
a {
color : # 428bca ;
text-decoration : none ;
}
a : hover {
color : # 2a6496 ;
text-decoration : underline ;
}
a : focus {
outline : thin dotted # 333 ;
outline : 5px auto -webkit-focus-ring-color ;
outline-offset : -2px ;
}
img {
width : auto \ 9 ;
height : auto ;
max-width : 100 % ;
vertical-align : middle ;
}
. img-rounded {
border-radius : 6px ;
}
. img-polaroid {
padding : 4px ;
background-color : # fff ;
border : 1px solid # ccc ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 2 ) ;
-webkit-box-shadow : 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : 0 1px 3px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. img-circle {
border-radius : 500px ;
}
@ media print {
* {
color : # 000 ! important ;
text-shadow : none ! important ;
background : transparent ! important ;
box-shadow : none ! important ;
}
a ,
a : visited {
text-decoration : underline ;
}
a [ href ] : after {
content : " (" attr ( href ) ")" ;
}
abbr [ title ] : after {
content : " (" attr ( title ) ")" ;
}
. ir a : after ,
a [ href ^ = "javascript:" ] : after ,
a [ href ^ = "#" ] : after {
content : "" ;
}
pre ,
blockquote {
border : 1px solid # 999 ;
page-break-inside : avoid ;
}
thead {
display : table-header-group ;
}
tr ,
img {
page-break-inside : avoid ;
}
img {
max-width : 100 % ! important ;
}
@ page {
margin : 0 . 5cm ;
}
p ,
h2 ,
h3 {
orphans : 3 ;
widows : 3 ;
}
h2 ,
h3 {
page-break-after : avoid ;
}
}
p {
margin : 0 0 10px ;
}
. lead {
margin-bottom : 20px ;
font-size : 21px ;
font-weight : 200 ;
2013-01-16 20:38:34 +01:00
line-height : 1 . 25 ;
2013-01-16 02:55:14 +01:00
}
small {
font-size : 85 % ;
}
strong {
font-weight : bold ;
}
em {
font-style : italic ;
}
cite {
font-style : normal ;
}
. muted {
color : # 999999 ;
}
a . muted : hover {
color : # 808080 ;
}
. text-warning {
color : # c09853 ;
}
a . text-warning : hover {
color : # a47e3c ;
}
. text-error {
color : # b94a48 ;
}
a . text-error : hover {
color : # 953b39 ;
}
. text-success {
color : # 468847 ;
}
a . text-success : hover {
color : # 356635 ;
}
. text-left {
text-align : left ;
}
. text-right {
text-align : right ;
}
. text-center {
text-align : center ;
}
h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
font-family : inherit ;
font-weight : 500 ;
line-height : 20px ;
text-rendering : optimizelegibility ;
}
h1 small ,
h2 small ,
h3 small ,
h4 small ,
h5 small ,
h6 small {
font-weight : normal ;
line-height : 1 ;
color : # 999999 ;
}
h1 ,
h2 ,
h3 {
2013-01-16 19:57:00 +01:00
margin-top : 20px ;
margin-bottom : 10px ;
2013-01-16 02:55:14 +01:00
line-height : 40px ;
}
2013-01-16 19:57:00 +01:00
h4 ,
h5 ,
h6 {
margin-top : 10px ;
margin-bottom : 10px ;
}
2013-01-16 02:55:14 +01:00
h1 {
font-size : 38 . 5px ;
2013-01-16 20:38:34 +01:00
font-size : 4rem ;
2013-01-16 02:55:14 +01:00
}
h2 {
font-size : 31 . 5px ;
2013-01-16 20:38:34 +01:00
font-size : 3rem ;
2013-01-16 02:55:14 +01:00
}
h3 {
font-size : 24 . 5px ;
2013-01-16 20:38:34 +01:00
font-size : 2 . 5rem ;
2013-01-16 02:55:14 +01:00
}
h4 {
font-size : 17 . 5px ;
2013-01-16 20:38:34 +01:00
font-size : 2rem ;
2013-01-16 02:55:14 +01:00
}
h5 {
font-size : 14px ;
2013-01-16 20:38:34 +01:00
font-size : 1 . 6rem ;
2013-01-16 02:55:14 +01:00
}
h6 {
font-size : 11 . 9px ;
2013-01-16 20:38:34 +01:00
font-size : 1 . 2rem ;
2013-01-16 02:55:14 +01:00
}
h1 small {
font-size : 24 . 5px ;
}
h2 small {
font-size : 17 . 5px ;
}
h3 small {
font-size : 14px ;
}
h4 small {
font-size : 14px ;
}
. page-header {
padding-bottom : 9px ;
2013-01-16 19:57:00 +01:00
margin : 40px 0 20px ;
2013-01-16 02:55:14 +01:00
border-bottom : 1px solid # eeeeee ;
}
ul ,
ol {
padding : 0 ;
margin : 0 0 10px 25px ;
}
ul ul ,
ul ol ,
ol ol ,
ol ul {
margin-bottom : 0 ;
}
li {
line-height : 20px ;
}
. list-unstyled ,
. list-inline {
margin-left : 0 ;
list-style : none ;
}
. list-inline > li {
display : inline-block ;
padding-right : 5px ;
padding-left : 5px ;
}
dl {
margin-bottom : 20px ;
}
dt ,
dd {
line-height : 20px ;
}
dt {
font-weight : bold ;
}
dd {
margin-left : 10px ;
}
. dl-horizontal : before ,
. dl-horizontal : after {
display : table ;
content : " " ;
}
. dl-horizontal : after {
clear : both ;
}
. dl-horizontal dt {
float : left ;
width : 160px ;
overflow : hidden ;
clear : left ;
text-align : right ;
text-overflow : ellipsis ;
white-space : nowrap ;
}
. dl-horizontal dd {
margin-left : 180px ;
}
hr {
margin : 20px 0 ;
border : 0 ;
border-top : 1px solid # eeeeee ;
border-bottom : 1px solid # fff ;
}
abbr [ title ] ,
abbr [ data-original-title ] {
cursor : help ;
border-bottom : 1px dotted # 999999 ;
}
abbr . initialism {
font-size : 90 % ;
text-transform : uppercase ;
}
blockquote {
padding : 0 0 0 15px ;
margin : 0 0 20px ;
border-left : 5px solid # eeeeee ;
}
blockquote p {
margin-bottom : 0 ;
font-size : 17 . 5px ;
font-weight : 300 ;
line-height : 1 . 25 ;
}
blockquote small {
display : block ;
line-height : 20px ;
color : # 999999 ;
}
blockquote small : before {
content : '\2014 \00A0' ;
}
blockquote . pull-right {
float : right ;
padding-right : 15px ;
padding-left : 0 ;
border-right : 5px solid # eeeeee ;
border-left : 0 ;
}
blockquote . pull-right p ,
blockquote . pull-right small {
text-align : right ;
}
blockquote . pull-right small : before {
content : '' ;
}
blockquote . pull-right small : after {
content : '\00A0 \2014' ;
}
q : before ,
q : after ,
blockquote : before ,
blockquote : after {
content : "" ;
}
address {
display : block ;
margin-bottom : 20px ;
font-style : normal ;
line-height : 20px ;
}
code ,
pre {
padding : 0 3px 2px ;
font-family : Monaco , Menlo , Consolas , "Courier New" , monospace ;
font-size : 12px ;
color : # 333333 ;
border-radius : 4px ;
}
code {
padding : 2px 4px ;
font-size : 90 % ;
color : # c7254e ;
white-space : nowrap ;
background-color : # f9f2f4 ;
}
pre {
display : block ;
padding : 9 . 5px ;
margin : 0 0 10px ;
font-size : 13px ;
line-height : 20px ;
word-break : break-all ;
word-wrap : break-word ;
white-space : pre ;
white-space : pre-wrap ;
background-color : # f5f5f5 ;
border : 1px solid # ccc ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 15 ) ;
border-radius : 4px ;
}
pre . prettyprint {
margin-bottom : 20px ;
}
pre code {
padding : 0 ;
color : inherit ;
white-space : pre ;
white-space : pre-wrap ;
background-color : transparent ;
border : 0 ;
}
. pre-scrollable {
max-height : 340px ;
overflow-y : scroll ;
}
. container {
max-width : 940px ;
margin-right : auto ;
margin-left : auto ;
}
. container : before ,
. container : after {
display : table ;
content : " " ;
}
. container : after {
clear : both ;
}
. row {
margin-right : -10px ;
margin-left : -10px ;
}
. row : before ,
. row : after {
display : table ;
content : " " ;
}
. row : after {
clear : both ;
}
[ class ^ = "span" ] {
padding-right : 10px ;
padding-left : 10px ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
}
[ class * = "span" ] . pull-right {
float : right ;
}
2013-01-16 20:48:20 +01:00
table {
max-width : 100 % ;
background-color : transparent ;
border-collapse : collapse ;
border-spacing : 0 ;
}
. table {
width : 100 % ;
margin-bottom : 20px ;
}
. table th ,
. table td {
padding : 8px ;
line-height : 20px ;
text-align : left ;
vertical-align : top ;
border-top : 1px solid # dddddd ;
}
. table th {
font-weight : bold ;
}
. table thead th {
vertical-align : bottom ;
}
. table caption + thead tr : first-child th ,
. table caption + thead tr : first-child td ,
. table colgroup + thead tr : first-child th ,
. table colgroup + thead tr : first-child td ,
. table thead : first-child tr : first-child th ,
. table thead : first-child tr : first-child td {
border-top : 0 ;
}
. table tbody + tbody {
border-top : 2px solid # dddddd ;
}
. table . table {
background-color : # ffffff ;
}
. table-condensed th ,
. table-condensed td {
padding : 4px 5px ;
}
. table-bordered {
border : 1px solid # dddddd ;
border-collapse : separate ;
border-left : 0 ;
border-radius : 4px ;
}
. table-bordered th ,
. table-bordered td {
border-left : 1px solid # dddddd ;
}
. table-bordered caption + thead tr : first-child th ,
. table-bordered caption + tbody tr : first-child th ,
. table-bordered caption + tbody tr : first-child td ,
. table-bordered colgroup + thead tr : first-child th ,
. table-bordered colgroup + tbody tr : first-child th ,
. table-bordered colgroup + tbody tr : first-child td ,
. table-bordered thead : first-child tr : first-child th ,
. table-bordered tbody : first-child tr : first-child th ,
. table-bordered tbody : first-child tr : first-child td {
border-top : 0 ;
}
. table-bordered thead : first-child tr : first-child > th : first-child ,
. table-bordered tbody : first-child tr : first-child > td : first-child ,
. table-bordered tbody : first-child tr : first-child > th : first-child {
border-top-left-radius : 4px ;
}
. table-bordered thead : first-child tr : first-child > th : last-child ,
. table-bordered tbody : first-child tr : first-child > td : last-child ,
. table-bordered tbody : first-child tr : first-child > th : last-child {
border-top-right-radius : 4px ;
}
. table-bordered thead : last-child tr : last-child > th : first-child ,
. table-bordered tbody : last-child tr : last-child > td : first-child ,
. table-bordered tbody : last-child tr : last-child > th : first-child ,
. table-bordered tfoot : last-child tr : last-child > td : first-child ,
. table-bordered tfoot : last-child tr : last-child > th : first-child {
border-bottom-left-radius : 4px ;
}
. table-bordered thead : last-child tr : last-child > th : last-child ,
. table-bordered tbody : last-child tr : last-child > td : last-child ,
. table-bordered tbody : last-child tr : last-child > th : last-child ,
. table-bordered tfoot : last-child tr : last-child > td : last-child ,
. table-bordered tfoot : last-child tr : last-child > th : last-child {
border-bottom-right-radius : 4px ;
}
. table-bordered tfoot + tbody : last-child tr : last-child > td : first-child {
border-bottom-left-radius : 0 ;
}
. table-bordered tfoot + tbody : last-child tr : last-child > td : last-child {
border-bottom-right-radius : 0 ;
}
. table-bordered caption + thead tr : first-child th : first-child ,
. table-bordered caption + tbody tr : first-child td : first-child ,
. table-bordered colgroup + thead tr : first-child th : first-child ,
. table-bordered colgroup + tbody tr : first-child td : first-child {
border-top-left-radius : 4px ;
}
. table-bordered caption + thead tr : first-child th : last-child ,
. table-bordered caption + tbody tr : first-child td : last-child ,
. table-bordered colgroup + thead tr : first-child th : last-child ,
. table-bordered colgroup + tbody tr : first-child td : last-child {
border-top-right-radius : 4px ;
}
. table-striped tbody > tr : nth-child ( odd ) > td ,
. table-striped tbody > tr : nth-child ( odd ) > th {
background-color : # f9f9f9 ;
}
. table-hover tbody tr : hover > td ,
. table-hover tbody tr : hover > th {
background-color : # f5f5f5 ;
}
table td [ class * = "span" ] ,
table th [ class * = "span" ] {
display : table-cell ;
float : none ;
margin-left : 0 ;
}
. table tbody tr . success > td {
background-color : # dff0d8 ;
}
. table tbody tr . error > td {
background-color : # f2dede ;
}
. table tbody tr . warning > td {
background-color : # fcf8e3 ;
}
. table tbody tr . info > td {
background-color : # d9edf7 ;
}
. table-hover tbody tr . success : hover > td {
background-color : # d0e9c6 ;
}
. table-hover tbody tr . error : hover > td {
background-color : # ebcccc ;
}
. table-hover tbody tr . warning : hover > td {
background-color : # faf2cc ;
}
. table-hover tbody tr . info : hover > td {
background-color : # c4e3f3 ;
}
2013-01-16 21:20:34 +01:00
form {
margin : 0 ;
}
fieldset {
padding : 0 ;
margin : 0 ;
border : 0 ;
}
legend {
display : block ;
width : 100 % ;
padding : 0 ;
margin-bottom : 20px ;
font-size : 21px ;
line-height : 40px ;
color : # 333333 ;
border : 0 ;
border-bottom : 1px solid # e5e5e5 ;
}
label {
display : inline-block ;
margin-bottom : 5px ;
font-weight : bold ;
}
select ,
textarea ,
input [ type = "text" ] ,
input [ type = "password" ] ,
input [ type = "datetime" ] ,
input [ type = "datetime-local" ] ,
input [ type = "date" ] ,
input [ type = "month" ] ,
input [ type = "time" ] ,
input [ type = "week" ] ,
input [ type = "number" ] ,
input [ type = "email" ] ,
input [ type = "url" ] ,
input [ type = "search" ] ,
input [ type = "tel" ] ,
input [ type = "color" ] ,
. uneditable-input {
display : block ;
min-height : 34px ;
padding : 6px 9px ;
margin-bottom : 10px ;
font-size : 14px ;
line-height : 20px ;
color : # 555555 ;
vertical-align : middle ;
background-color : # ffffff ;
border : 1px solid # cccccc ;
border-radius : 4px ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
-webkit-transition : border linear 0 . 2s , box-shadow linear 0 . 2s ;
-moz-transition : border linear 0 . 2s , box-shadow linear 0 . 2s ;
-o-transition : border linear 0 . 2s , box-shadow linear 0 . 2s ;
transition : border linear 0 . 2s , box-shadow linear 0 . 2s ;
}
input ,
select ,
textarea ,
. uneditable-input {
width : 100 % ;
}
input [ type = "file" ] ,
input [ type = "image" ] ,
input [ type = "submit" ] ,
input [ type = "reset" ] ,
input [ type = "button" ] ,
input [ type = "radio" ] ,
input [ type = "checkbox" ] {
width : auto ;
}
textarea {
height : auto ;
}
textarea : focus ,
input [ type = "text" ] : focus ,
input [ type = "password" ] : focus ,
input [ type = "datetime" ] : focus ,
input [ type = "datetime-local" ] : focus ,
input [ type = "date" ] : focus ,
input [ type = "month" ] : focus ,
input [ type = "time" ] : focus ,
input [ type = "week" ] : focus ,
input [ type = "number" ] : focus ,
input [ type = "email" ] : focus ,
input [ type = "url" ] : focus ,
input [ type = "search" ] : focus ,
input [ type = "tel" ] : focus ,
input [ type = "color" ] : focus ,
. uneditable-input : focus {
border-color : rgba ( 82 , 168 , 236 , 0 . 8 ) ;
outline : 0 ;
outline : thin dotted \ 9 ;
/* IE6-9 */
-webkit-box-shadow : 0 0 8px rgba ( 82 , 168 , 236 , 0 . 6 ) ;
box-shadow : 0 0 8px rgba ( 82 , 168 , 236 , 0 . 6 ) ;
}
input [ type = "radio" ] ,
input [ type = "checkbox" ] {
margin : 4px 0 0 ;
margin-top : 1px \ 9 ;
/* IE8-9 */
line-height : normal ;
}
select ,
input [ type = "file" ] {
height : 34px ;
/* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */
line-height : 34px ;
}
select {
border : 1px solid # cccccc ;
}
select [ multiple ] ,
select [ size ] {
height : auto ;
}
select : focus ,
input [ type = "file" ] : focus ,
input [ type = "radio" ] : focus ,
input [ type = "checkbox" ] : focus {
outline : thin dotted # 333 ;
outline : 5px auto -webkit-focus-ring-color ;
outline-offset : -2px ;
}
. uneditable-input ,
. uneditable-textarea {
color : # 999999 ;
cursor : not-allowed ;
background-color : # fcfcfc ;
border-color : # cccccc ;
-webkit-box-shadow : inset 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 025 ) ;
box-shadow : inset 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 025 ) ;
}
. uneditable-input {
overflow : hidden ;
white-space : nowrap ;
}
. uneditable-textarea {
width : auto ;
height : auto ;
}
input : -moz-placeholder ,
textarea : -moz-placeholder {
color : # 999999 ;
}
input : -ms-input-placeholder ,
textarea : -ms-input-placeholder {
color : # 999999 ;
}
input :: -webkit-input-placeholder ,
textarea :: -webkit-input-placeholder {
color : # 999999 ;
}
. radio ,
. checkbox {
display : block ;
min-height : 20px ;
padding-left : 20px ;
margin-bottom : 10px ;
}
. radio label ,
. checkbox label {
display : inline ;
margin-bottom : 0 ;
font-weight : normal ;
}
. radio input [ type = "radio" ] ,
. radio-inline input [ type = "radio" ] ,
. checkbox input [ type = "checkbox" ] ,
. checkbox-inline input [ type = "checkbox" ] {
float : left ;
margin-left : -20px ;
}
. radio + . radio ,
. checkbox + . checkbox {
margin-top : -5px ;
}
. controls > . radio : first-child ,
. controls > . checkbox : first-child {
padding-top : 5px ;
}
. radio-inline ,
. checkbox-inline {
display : inline-block ;
padding-top : 5px ;
padding-left : 20px ;
margin-bottom : 0 ;
font-weight : normal ;
vertical-align : middle ;
}
. radio-inline + . radio-inline ,
. checkbox-inline + . checkbox-inline {
margin-top : 0 ;
margin-left : 10px ;
}
select . input-large ,
textarea . input-large ,
input [ type = "text" ] . input-large ,
input [ type = "password" ] . input-large ,
input [ type = "datetime" ] . input-large ,
input [ type = "datetime-local" ] . input-large ,
input [ type = "date" ] . input-large ,
input [ type = "month" ] . input-large ,
input [ type = "time" ] . input-large ,
input [ type = "week" ] . input-large ,
input [ type = "number" ] . input-large ,
input [ type = "email" ] . input-large ,
input [ type = "url" ] . input-large ,
input [ type = "search" ] . input-large ,
input [ type = "tel" ] . input-large ,
input [ type = "color" ] . input-large ,
. uneditable-input . input-large {
padding : 11px 19px ;
padding-right : 14px ;
padding-left : 14px ;
font-size : 17 . 5px ;
border-radius : 6px ;
}
select . input-small ,
textarea . input-small ,
input [ type = "text" ] . input-small ,
input [ type = "password" ] . input-small ,
input [ type = "datetime" ] . input-small ,
input [ type = "datetime-local" ] . input-small ,
input [ type = "date" ] . input-small ,
input [ type = "month" ] . input-small ,
input [ type = "time" ] . input-small ,
input [ type = "week" ] . input-small ,
input [ type = "number" ] . input-small ,
input [ type = "email" ] . input-small ,
input [ type = "url" ] . input-small ,
input [ type = "search" ] . input-small ,
input [ type = "tel" ] . input-small ,
input [ type = "color" ] . input-small ,
. uneditable-input . input-small {
padding : 2px 10px ;
font-size : 11 . 9px ;
border-radius : 3px ;
}
select . input-mini ,
textarea . input-mini ,
input [ type = "text" ] . input-mini ,
input [ type = "password" ] . input-mini ,
input [ type = "datetime" ] . input-mini ,
input [ type = "datetime-local" ] . input-mini ,
input [ type = "date" ] . input-mini ,
input [ type = "month" ] . input-mini ,
input [ type = "time" ] . input-mini ,
input [ type = "week" ] . input-mini ,
input [ type = "number" ] . input-mini ,
input [ type = "email" ] . input-mini ,
input [ type = "url" ] . input-mini ,
input [ type = "search" ] . input-mini ,
input [ type = "tel" ] . input-mini ,
input [ type = "color" ] . input-mini ,
. uneditable-input . input-mini {
padding : 0 6px ;
font-size : 10 . 5px ;
border-radius : 3px ;
}
input [ class * = "span" ] ,
select [ class * = "span" ] ,
textarea [ class * = "span" ] ,
. uneditable-input [ class * = "span" ] {
float : none ;
margin-right : 0 ;
margin-left : 0 ;
}
. input-append input [ class * = "span" ] ,
. input-append . uneditable-input [ class * = "span" ] ,
. input-prepend input [ class * = "span" ] ,
. input-prepend . uneditable-input [ class * = "span" ] {
display : inline-block ;
}
input [ class * = "span" ] ,
select [ class * = "span" ] ,
textarea [ class * = "span" ] ,
. uneditable-input [ class * = "span" ] {
height : 34px ;
}
input [ disabled ] ,
select [ disabled ] ,
textarea [ disabled ] ,
input [ readonly ] ,
select [ readonly ] ,
textarea [ readonly ] ,
fieldset [ disabled ] input ,
fieldset [ disabled ] select ,
fieldset [ disabled ] textarea {
cursor : not-allowed ;
background-color : # eeeeee ;
}
input [ type = "radio" ] [ disabled ] ,
input [ type = "checkbox" ] [ disabled ] ,
input [ type = "radio" ] [ readonly ] ,
input [ type = "checkbox" ] [ readonly ] ,
fieldset [ disabled ] input [ type = "radio" ] ,
fieldset [ disabled ] input [ type = "checkbox" ] {
background-color : transparent ;
}
. has-warning . control-label {
color : # c09853 ;
}
. has-warning . input-with-feedback {
padding-right : 32px ;
border-color : # c09853 ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
}
. has-warning . input-with-feedback : focus {
border-color : # a47e3c ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) , 0 0 6px # dbc59e ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) , 0 0 6px # dbc59e ;
}
. has-error . control-label {
color : # b94a48 ;
}
. has-error . input-with-feedback {
padding-right : 32px ;
border-color : # b94a48 ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
}
. has-error . input-with-feedback : focus {
border-color : # 953b39 ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) , 0 0 6px # d59392 ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) , 0 0 6px # d59392 ;
}
. has-success . control-label {
color : # 468847 ;
}
. has-success . input-with-feedback {
padding-right : 32px ;
border-color : # 468847 ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) ;
}
. has-success . input-with-feedback : focus {
border-color : # 356635 ;
-webkit-box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) , 0 0 6px # 7aba7b ;
box-shadow : inset 0 1px 1px rgba ( 0 , 0 , 0 , 0 . 075 ) , 0 0 6px # 7aba7b ;
}
input : focus : invalid ,
textarea : focus : invalid ,
select : focus : invalid {
color : # b94a48 ;
border-color : # ee5f5b ;
}
input : focus : invalid : focus ,
textarea : focus : invalid : focus ,
select : focus : invalid : focus {
border-color : # e9322d ;
-webkit-box-shadow : 0 0 6px # f8b9b7 ;
box-shadow : 0 0 6px # f8b9b7 ;
}
. form-actions {
padding : 19px 20px 20px ;
margin-top : 20px ;
margin-bottom : 20px ;
background-color : # f5f5f5 ;
border-top : 1px solid # e5e5e5 ;
}
. form-actions : before ,
. form-actions : after {
display : table ;
content : " " ;
}
. form-actions : after {
clear : both ;
}
. help-block ,
. help-inline {
color : # 737373 ;
}
. help-block {
display : block ;
margin-bottom : 10px ;
}
. help-inline {
display : inline-block ;
padding-left : 5px ;
vertical-align : middle ;
}
. input-group {
display : table ;
}
. input-group [ class * = "span" ] {
float : none ;
padding : 0 ;
}
. input-group input ,
. input-group select ,
. input-group . uneditable-input {
width : 100 % ;
}
. input-group-addon ,
. input-group-btn ,
. input-group input ,
. input-group . uneditable-input {
display : table-cell ;
margin : 0 ;
border-radius : 0 ;
}
. input-group-addon ,
. input-group-btn {
width : 1 % ;
vertical-align : middle ;
}
. input-group-addon {
padding : 6px 8px ;
font-size : 14px ;
font-weight : normal ;
line-height : 20px ;
text-align : center ;
text-shadow : 0 1px 0 # fff ;
background-color : # eeeeee ;
border : 1px solid # ccc ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
}
. input-group input : first-child ,
. input-group . uneditable-input : first-child ,
. input-group-addon : first-child {
border-bottom-left-radius : 4px ;
border-top-left-radius : 4px ;
}
. input-group-addon : first-child {
border-right : 0 ;
}
. input-group input : last-child ,
. input-group . uneditable-input : last-child ,
. input-group-addon : last-child {
border-top-right-radius : 4px ;
border-bottom-right-radius : 4px ;
}
. input-group-addon : last-child {
border-left : 0 ;
}
. input-group-btn ,
. input-group-btn . btn {
white-space : nowrap ;
}
. input-group-btn > . btn {
float : left ;
border-radius : 0 ;
}
. input-group-btn > . btn + . btn {
border-left : 0 ;
}
. input-group-btn . btn-group {
display : table-cell ;
}
. input-group-btn : first-child > . btn ,
. input-group-btn . btn-group : first-child > . btn {
border-right : 0 ;
}
. input-group-btn : first-child > . btn ,
. input-group-btn . btn-group : first-child > . btn {
border-radius : 4px 0 0 4px ;
}
. input-group-btn : last-child > . btn ,
. input-group-btn . btn-group : last-child > . btn : first-child {
border-left : 0 ;
}
. input-group-btn : last-child > . btn ,
. input-group-btn . btn-group : last-child > . btn {
border-radius : 0 4px 4px 0 ;
}
@ media screen and ( min-width : 768px ) {
. form-horizontal . control-group {
position : relative ;
margin-bottom : 20px ;
}
. form-horizontal . control-group : before ,
. form-horizontal . control-group : after {
display : table ;
content : " " ;
}
. form-horizontal . control-group : after {
clear : both ;
}
. form-horizontal . control-group input ,
. form-horizontal . control-group select ,
. form-horizontal . control-group textarea ,
. form-horizontal . control-group . uneditable-input {
margin-bottom : 0 ;
}
. form-horizontal . control-group > . control-label {
float : left ;
width : 160px ;
padding-top : 6px ;
text-align : right ;
}
. form-horizontal . control-group > . controls {
margin-left : 180px ;
}
}
2013-01-16 19:52:33 +01:00
. btn {
display : inline-block ;
padding : 6px 12px ;
margin-bottom : 0 ;
font-size : 14px ;
2013-01-16 20:38:34 +01:00
font-weight : 500 ;
2013-01-16 19:52:33 +01:00
line-height : 20px ;
text-align : center ;
vertical-align : middle ;
cursor : pointer ;
border : 1px solid # a7a9aa ;
border-radius : 4px ;
}
. btn : focus {
outline : thin dotted # 333 ;
outline : 5px auto -webkit-focus-ring-color ;
outline-offset : -2px ;
}
. btn : hover {
color : # fff ;
text-decoration : none ;
}
. btn : active ,
. btn . active {
background-image : none ;
outline : 0 ;
-webkit-box-shadow : inset 0 3px 5px rgba ( 0 , 0 , 0 , 0 . 125 ) ;
box-shadow : inset 0 3px 5px rgba ( 0 , 0 , 0 , 0 . 125 ) ;
}
. btn . disabled ,
. btn [ disabled ] ,
fieldset [ disabled ] . btn {
cursor : default ;
opacity : 0 . 65 ;
filter : alpha ( opacity = 65 ) ;
-webkit-box-shadow : none ;
box-shadow : none ;
}
. btn-large {
padding : 11px 19px ;
font-size : 17 . 5px ;
border-radius : 6px ;
}
. btn-small {
padding : 2px 10px ;
font-size : 11 . 9px ;
border-radius : 3px ;
}
. btn-mini [ class ^ = "icon-" ] ,
. btn-mini [ class * = " icon-" ] {
margin-top : -1px ;
}
. btn-mini {
padding : 0 6px ;
font-size : 10 . 5px ;
border-radius : 3px ;
}
. btn [ class ^ = "glyphicon-" ] :: before {
vertical-align : -2px ;
}
. btn-small [ class ^ = "glyphicon-" ] :: before ,
. btn-mini [ class ^ = "glyphicon-" ] :: before {
vertical-align : -1px ;
}
. btn-block {
display : block ;
width : 100 % ;
padding-right : 0 ;
padding-left : 0 ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
}
. btn-block + . btn-block {
margin-top : 5px ;
}
input [ type = "submit" ] . btn-block ,
input [ type = "reset" ] . btn-block ,
input [ type = "button" ] . btn-block {
width : 100 % ;
}
. btn {
color : # fff ;
background-color : # a7a9aa ;
border-color : # a7a9aa ;
}
. btn : hover ,
. btn : focus ,
. btn : active {
background-color : # 9a9c9d ;
border-color : # 8d9091 ;
}
. btn-primary {
background-color : # 428bca ;
border-color : # 428bca ;
}
. btn-primary : hover ,
. btn-primary : focus ,
. btn-primary : active {
background-color : # 357ebd ;
border-color : # 3071a9 ;
}
. btn-warning {
background-color : # f0ad4e ;
border-color : # f0ad4e ;
}
. btn-warning : hover ,
. btn-warning : focus ,
. btn-warning : active {
background-color : # eea236 ;
border-color : # ec971f ;
}
. btn-danger {
background-color : # d9534f ;
border-color : # d9534f ;
}
. btn-danger : hover ,
. btn-danger : focus ,
. btn-danger : active {
background-color : # d43f3a ;
border-color : # c9302c ;
}
. btn-success {
background-color : # 5cb85c ;
border-color : # 5cb85c ;
}
. btn-success : hover ,
. btn-success : focus ,
. btn-success : active {
background-color : # 4cae4c ;
border-color : # 449d44 ;
}
. btn-link ,
. btn-link : active ,
. btn-link [ disabled ] ,
fieldset [ disabled ] . btn-link {
background-color : transparent ;
background-image : none ;
-webkit-box-shadow : none ;
box-shadow : none ;
}
. btn-link ,
. btn-link : hover ,
. btn-link : active {
border-color : transparent ;
}
. btn-link {
font-weight : normal ;
color : # 428bca ;
cursor : pointer ;
border-radius : 0 ;
}
. btn-link : hover {
color : # 2a6496 ;
text-decoration : underline ;
background-color : transparent ;
}
. btn-link [ disabled ] : hover ,
fieldset [ disabled ] . btn-link : hover {
color : # 333333 ;
text-decoration : none ;
}
2013-01-16 02:55:14 +01:00
. fade {
opacity : 0 ;
-webkit-transition : opacity 0 . 15s linear ;
-moz-transition : opacity 0 . 15s linear ;
-o-transition : opacity 0 . 15s linear ;
transition : opacity 0 . 15s linear ;
}
. fade . in {
opacity : 1 ;
}
/ * . collapse {
position : relative ;
height : 0 ;
overflow : hidden ;
. transition ( height . 35s ease ) ;
& . in {
height : auto ;
}
} * /
. collapse {
position : relative ;
height : 0 ;
overflow : hidden ;
-webkit-transition : height 0 . 35s ease ;
-moz-transition : height 0 . 35s ease ;
-o-transition : height 0 . 35s ease ;
transition : height 0 . 35s ease ;
}
. collapse . in {
height : auto ;
}
2013-01-16 21:30:44 +01:00
@ font-face {
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : normal ;
src : url ( '../fonts/glyphiconshalflings-regular.eot' ) ;
src : url ( '../fonts/glyphiconshalflings-regular.eot?#iefix' ) format ( 'embedded-opentype' ) , url ( '../fonts/glyphiconshalflings-regular.woff' ) format ( 'woff' ) , url ( '../fonts/glyphiconshalflings-regular.ttf' ) format ( 'truetype' ) , url ( '../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular' ) format ( 'svg' ) ;
}
[ class ^ = "glyphicon-" ] : before {
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
line-height : 1 ;
}
. glyphicon-glass : before {
content : "\e001" ;
}
. glyphicon-music : before {
content : "\e002" ;
}
. glyphicon-search : before {
content : "\e003" ;
}
. glyphicon-envelope : before {
content : "\2709" ;
}
. glyphicon-heart : before {
content : "\e005" ;
}
. glyphicon-star : before {
content : "\e006" ;
}
. glyphicon-star-empty : before {
content : "\e007" ;
}
. glyphicon-user : before {
content : "\e008" ;
}
. glyphicon-film : before {
content : "\e009" ;
}
. glyphicon-th-large : before {
content : "\e010" ;
}
. glyphicon-th : before {
content : "\e011" ;
}
. glyphicon-th-list : before {
content : "\e012" ;
}
. glyphicon-ok : before {
content : "\e013" ;
}
. glyphicon-remove : before {
content : "\e014" ;
}
. glyphicon-zoom-in : before {
content : "\e015" ;
}
. glyphicon-zoom-out : before {
content : "\e016" ;
}
. glyphicon-off : before {
content : "\e017" ;
}
. glyphicon-signal : before {
content : "\e018" ;
}
. glyphicon-cog : before {
content : "\e019" ;
}
. glyphicon-trash : before {
content : "\e020" ;
}
. glyphicon-home : before {
content : "\e021" ;
}
. glyphicon-file : before {
content : "\e022" ;
}
. glyphicon-time : before {
content : "\e023" ;
}
. glyphicon-road : before {
content : "\e024" ;
}
. glyphicon-download-alt : before {
content : "\e025" ;
}
. glyphicon-download : before {
content : "\e026" ;
}
. glyphicon-upload : before {
content : "\e027" ;
}
. glyphicon-inbox : before {
content : "\e028" ;
}
. glyphicon-play-circle : before {
content : "\e029" ;
}
. glyphicon-repeat : before {
content : "\e030" ;
}
. glyphicon-refresh : before {
content : "\e031" ;
}
. glyphicon-list-alt : before {
content : "\e032" ;
}
. glyphicon-lock : before {
content : "\e033" ;
}
. glyphicon-flag : before {
content : "\e034" ;
}
. glyphicon-headphones : before {
content : "\e035" ;
}
. glyphicon-volume-off : before {
content : "\e036" ;
}
. glyphicon-volume-down : before {
content : "\e037" ;
}
. glyphicon-volume-up : before {
content : "\e038" ;
}
. glyphicon-qrcode : before {
content : "\e039" ;
}
. glyphicon-barcode : before {
content : "\e040" ;
}
. glyphicon-tag : before {
content : "\e041" ;
}
. glyphicon-tags : before {
content : "\e042" ;
}
. glyphicon-book : before {
content : "\e043" ;
}
. glyphicon-bookmark : before {
content : "\e044" ;
}
. glyphicon-print : before {
content : "\e045" ;
}
. glyphicon-camera : before {
content : "\e046" ;
}
. glyphicon-font : before {
content : "\e047" ;
}
. glyphicon-bold : before {
content : "\e048" ;
}
. glyphicon-italic : before {
content : "\e049" ;
}
. glyphicon-text-height : before {
content : "\e050" ;
}
. glyphicon-text-width : before {
content : "\e051" ;
}
. glyphicon-align-left : before {
content : "\e052" ;
}
. glyphicon-align-center : before {
content : "\e053" ;
}
. glyphicon-align-right : before {
content : "\e054" ;
}
. glyphicon-align-justify : before {
content : "\e055" ;
}
. glyphicon-list : before {
content : "\e056" ;
}
. glyphicon-indent-left : before {
content : "\e057" ;
}
. glyphicon-indent-right : before {
content : "\e058" ;
}
. glyphicon-facetime-video : before {
content : "\e059" ;
}
. glyphicon-picture : before {
content : "\e060" ;
}
. glyphicon-pencil : before {
content : "\270f" ;
}
. glyphicon-map-marker : before {
content : "\e062" ;
}
. glyphicon-adjust : before {
content : "\e063" ;
}
. glyphicon-tint : before {
content : "\e064" ;
}
. glyphicon-edit : before {
content : "\e065" ;
}
. glyphicon-share : before {
content : "\e066" ;
}
. glyphicon-check : before {
content : "\e067" ;
}
. glyphicon-move : before {
content : "\e068" ;
}
. glyphicon-step-backward : before {
content : "\e069" ;
}
. glyphicon-fast-backward : before {
content : "\e070" ;
}
. glyphicon-backward : before {
content : "\e071" ;
}
. glyphicon-play : before {
content : "\e072" ;
}
. glyphicon-pause : before {
content : "\e073" ;
}
. glyphicon-stop : before {
content : "\e074" ;
}
. glyphicon-forward : before {
content : "\e075" ;
}
. glyphicon-fast-forward : before {
content : "\e076" ;
}
. glyphicon-step-forward : before {
content : "\e077" ;
}
. glyphicon-eject : before {
content : "\e078" ;
}
. glyphicon-chevron-left : before {
content : "\e079" ;
}
. glyphicon-chevron-right : before {
content : "\e080" ;
}
. glyphicon-plus-sign : before {
content : "\e081" ;
}
. glyphicon-minus-sign : before {
content : "\e082" ;
}
. glyphicon-remove-sign : before {
content : "\e083" ;
}
. glyphicon-ok-sign : before {
content : "\e084" ;
}
. glyphicon-question-sign : before {
content : "\e085" ;
}
. glyphicon-info-sign : before {
content : "\e086" ;
}
. glyphicon-screenshot : before {
content : "\e087" ;
}
. glyphicon-remove-circle : before {
content : "\e088" ;
}
. glyphicon-ok-circle : before {
content : "\e089" ;
}
. glyphicon-ban-circle : before {
content : "\e090" ;
}
. glyphicon-arrow-left : before {
content : "\e091" ;
}
. glyphicon-arrow-right : before {
content : "\e092" ;
}
. glyphicon-arrow-up : before {
content : "\e093" ;
}
. glyphicon-arrow-down : before {
content : "\e094" ;
}
. glyphicon-share-alt : before {
content : "\e095" ;
}
. glyphicon-resize-full : before {
content : "\e096" ;
}
. glyphicon-resize-small : before {
content : "\e097" ;
}
. glyphicon-plus : before {
content : "\002b" ;
}
. glyphicon-minus : before {
content : "\2212" ;
}
. glyphicon-asterisk : before {
content : "\002a" ;
}
. glyphicon-exclamation-sign : before {
content : "\e101" ;
}
. glyphicon-gift : before {
content : "\e102" ;
}
. glyphicon-leaf : before {
content : "\e103" ;
}
. glyphicon-fire : before {
content : "\e104" ;
}
. glyphicon-eye-open : before {
content : "\e105" ;
}
. glyphicon-eye-close : before {
content : "\e106" ;
}
. glyphicon-warning-sign : before {
content : "\e107" ;
}
. glyphicon-plane : before {
content : "\e108" ;
}
. glyphicon-calendar : before {
content : "\e109" ;
}
. glyphicon-random : before {
content : "\e110" ;
}
. glyphicon-comment : before {
content : "\e111" ;
}
. glyphicon-magnet : before {
content : "\e112" ;
}
. glyphicon-chevron-up : before {
content : "\e113" ;
}
. glyphicon-chevron-down : before {
content : "\e114" ;
}
. glyphicon-retweet : before {
content : "\e115" ;
}
. glyphicon-shopping-cart : before {
content : "\e116" ;
}
. glyphicon-folder-close : before {
content : "\e117" ;
}
. glyphicon-folder-open : before {
content : "\e118" ;
}
. glyphicon-resize-vertical : before {
content : "\e119" ;
}
. glyphicon-resize-horizontal : before {
content : "\e120" ;
}
. glyphicon-hdd : before {
content : "\e121" ;
}
. glyphicon-bullhorn : before {
content : "\e122" ;
}
. glyphicon-bell : before {
content : "\e123" ;
}
. glyphicon-certificate : before {
content : "\e124" ;
}
. glyphicon-thumbs-up : before {
content : "\e125" ;
}
. glyphicon-thumbs-down : before {
content : "\e126" ;
}
. glyphicon-hand-right : before {
content : "\e127" ;
}
. glyphicon-hand-left : before {
content : "\e128" ;
}
. glyphicon-hand-up : before {
content : "\e129" ;
}
. glyphicon-hand-down : before {
content : "\e130" ;
}
. glyphicon-circle-arrow-right : before {
content : "\e131" ;
}
. glyphicon-circle-arrow-left : before {
content : "\e132" ;
}
. glyphicon-circle-arrow-up : before {
content : "\e133" ;
}
. glyphicon-circle-arrow-down : before {
content : "\e134" ;
}
. glyphicon-globe : before {
content : "\e135" ;
}
. glyphicon-wrench : before {
content : "\e136" ;
}
. glyphicon-tasks : before {
content : "\e137" ;
}
. glyphicon-filter : before {
content : "\e138" ;
}
. glyphicon-briefcase : before {
content : "\e139" ;
}
. glyphicon-fullscreen : before {
content : "\e140" ;
}
. glyphicon-dashboard : before {
content : "\e141" ;
}
. glyphicon-paperclip : before {
content : "\e142" ;
}
. glyphicon-heart-empty : before {
content : "\e143" ;
}
. glyphicon-link : before {
content : "\e144" ;
}
. glyphicon-phone : before {
content : "\e145" ;
}
. glyphicon-pushpin : before {
content : "\e146" ;
}
. glyphicon-euro : before {
content : "\20ac" ;
}
. glyphicon-usd : before {
content : "\e148" ;
}
. glyphicon-gbp : before {
content : "\e149" ;
}
. glyphicon-sort : before {
content : "\e150" ;
}
. glyphicon-sort-by-alphabet : before {
content : "\e151" ;
}
. glyphicon-sort-by-alphabet-alt : before {
content : "\e152" ;
}
. glyphicon-sort-by-order : before {
content : "\e153" ;
}
. glyphicon-sort-by-order-alt : before {
content : "\e154" ;
}
. glyphicon-sort-by-attributes : before {
content : "\e155" ;
}
. glyphicon-sort-by-attributes-alt : before {
content : "\e156" ;
}
. glyphicon-unchecked : before {
content : "\e157" ;
}
. glyphicon-expand : before {
content : "\e158" ;
}
. glyphicon-collapse : before {
content : "\e159" ;
}
. glyphicon-collapse-top : before {
content : "\e160" ;
}
2013-01-16 21:44:31 +01:00
. dropup ,
. dropdown {
position : relative ;
}
. dropdown-toggle : active ,
. open . dropdown-toggle {
outline : 0 ;
}
. caret {
display : inline-block ;
width : 0 ;
height : 0 ;
vertical-align : top ;
border-top : 4px solid # 000 ;
border-right : 4px solid transparent ;
border-left : 4px solid transparent ;
content : "" ;
}
. dropdown . caret {
margin-top : 8px ;
margin-left : 2px ;
}
. dropdown-menu {
position : absolute ;
top : 100 % ;
left : 0 ;
z-index : 1000 ;
display : none ;
float : left ;
min-width : 160px ;
padding : 5px 0 ;
margin : 2px 0 0 ;
list-style : none ;
background-color : # ffffff ;
border : 1px solid # ccc ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 15 ) ;
border-radius : 4px ;
-webkit-box-shadow : 0 6px 12px rgba ( 0 , 0 , 0 , 0 . 175 ) ;
box-shadow : 0 6px 12px rgba ( 0 , 0 , 0 , 0 . 175 ) ;
-webkit-background-clip : padding-box ;
-moz-background-clip : padding-box ;
background-clip : padding-box ;
}
. dropdown-menu . pull-right {
right : 0 ;
left : auto ;
}
. dropdown-menu . divider {
height : 1px ;
margin : 9px 1px ;
overflow : hidden ;
background-color : # e5e5e5 ;
border-bottom : 1px solid # ffffff ;
}
. dropdown-menu > li > a {
display : block ;
padding : 3px 20px ;
clear : both ;
font-weight : normal ;
line-height : 20px ;
color : # 333333 ;
white-space : nowrap ;
}
. dropdown-menu li > a : hover ,
. dropdown-menu li > a : focus {
color : # ffffff ;
text-decoration : none ;
background-color : # 357ebd ;
background-image : -moz-linear-gradient ( top , # 428bca , # 357ebd ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # 428bca ) , to ( # 357ebd ) ) ;
background-image : -webkit-linear-gradient ( top , # 428bca , # 357ebd ) ;
background-image : -o-linear-gradient ( top , # 428bca , # 357ebd ) ;
background-image : linear-gradient ( to bottom , # 428bca , # 357ebd ) ;
background-repeat : repeat-x ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ff428bca' , endColorstr = '#ff357ebd' , GradientType = 0 ) ;
}
. dropdown-menu > . active > a ,
. dropdown-menu > . active > a : hover {
color : # ffffff ;
text-decoration : none ;
background-color : # 357ebd ;
background-image : -moz-linear-gradient ( top , # 428bca , # 357ebd ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # 428bca ) , to ( # 357ebd ) ) ;
background-image : -webkit-linear-gradient ( top , # 428bca , # 357ebd ) ;
background-image : -o-linear-gradient ( top , # 428bca , # 357ebd ) ;
background-image : linear-gradient ( to bottom , # 428bca , # 357ebd ) ;
background-repeat : repeat-x ;
outline : 0 ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ff428bca' , endColorstr = '#ff357ebd' , GradientType = 0 ) ;
}
. dropdown-menu > . disabled > a ,
. dropdown-menu > . disabled > a : hover {
color : # 999999 ;
}
. dropdown-menu > . disabled > a : hover {
text-decoration : none ;
cursor : default ;
background-color : transparent ;
background-image : none ;
filter : progid : DXImageTransform . Microsoft . gradient ( enabled = false ) ;
}
. open > . dropdown-menu {
display : block ;
}
. pull-right > . dropdown-menu {
right : 0 ;
left : auto ;
}
. dropup . caret ,
. navbar-fixed-bottom . dropdown . caret {
border-top : 0 ;
border-bottom : 4px solid # 000 ;
content : "" ;
}
. dropup . dropdown-menu ,
. navbar-fixed-bottom . dropdown . dropdown-menu {
top : auto ;
bottom : 100 % ;
margin-bottom : 1px ;
}
. dropdown . dropdown-menu . nav-header {
padding-right : 20px ;
padding-left : 20px ;
}
. typeahead {
z-index : 1051 ;
}
2013-01-16 02:55:14 +01:00
2013-01-16 22:05:20 +01:00
. well {
min-height : 20px ;
padding : 19px ;
margin-bottom : 20px ;
background-color : # f5f5f5 ;
border : 1px solid # e3e3e3 ;
border-radius : 4px ;
-webkit-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-large {
padding : 24px ;
border-radius : 6px ;
}
. well-small {
padding : 9px ;
border-radius : 3px ;
}
. close {
float : right ;
font-size : 20px ;
font-weight : bold ;
line-height : 20px ;
color : # 000 ;
text-shadow : 0 1px 0 # ffffff ;
opacity : 0 . 2 ;
filter : alpha ( opacity = 20 ) ;
}
. close : hover {
color : # 000 ;
text-decoration : none ;
cursor : pointer ;
opacity : 0 . 4 ;
filter : alpha ( opacity = 40 ) ;
}
button . close {
padding : 0 ;
cursor : pointer ;
background : transparent ;
border : 0 ;
-webkit-appearance : none ;
}
2013-01-16 02:55:14 +01:00
. nav {
padding-left : 0 ;
margin-bottom : 0 ;
margin-left : 0 ;
list-style : none ;
}
. nav : before ,
. nav : after {
display : table ;
content : " " ;
}
. nav : after {
clear : both ;
}
. nav > li {
display : block ;
}
. nav > li > a {
position : relative ;
display : block ;
padding : 10px 15px ;
}
. nav > li > a : hover {
text-decoration : none ;
background-color : # eeeeee ;
}
. nav-list > li > a {
margin-bottom : -1px ;
border : 1px solid # e5e5e5 ;
}
. nav-list > li : first-child > a {
border-top-right-radius : 4px ;
border-top-left-radius : 4px ;
}
. nav-list > li : last-child > a {
border-bottom-right-radius : 4px ;
border-bottom-left-radius : 4px ;
}
. nav-list > . active > a ,
. nav-list > . active > a : hover {
z-index : 2 ;
color : # fff ;
background-color : # 428bca ;
border-color : # 428bca ;
}
2013-01-15 07:05:55 +01:00
/ *
2013-01-16 02:55:14 +01:00
/ / Prevent IE8 from misplacing imgs
/ / See https : / / github . com / h5bp / html5-boilerplate / issues / 984 # issuecomment-3985989
. nav > li > a > img {
max-width : none ;
}
/ / Redeclare pull classes because of specifity
. nav > . pull-right {
float : right ;
}
/ / Nav headers ( for dropdowns and lists )
. nav-header {
display : block ;
padding : 3px 15px ;
font-size : 11px ;
font-weight : bold ;
line-height : @ line-height-base ;
color : @ grayLight ;
text-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , . 5 ) ;
text-transform : uppercase ;
}
/ / Space them out when they follow another list item ( link )
. nav li + . nav-header {
margin-top : 9px ;
}
/ / Dividers ( basically an hr ) within the dropdown
. nav . divider {
. nav-divider ( ) ;
}
* /
/ *
/ / Tabs
/ / -------------------------
/ / Give the tabs something to sit on
. nav-tabs {
border-bottom : 1px solid # ddd ;
}
/ / Make the list-items overlay the bottom border
. nav-tabs > li {
margin-bottom : -1px ;
}
/ / Actual tabs ( as links )
. nav-tabs > li > a {
margin-right : 2px ;
line-height : @ line-height-base ;
border : 1px solid transparent ;
border-radius : @ border-radius-base @ border-radius-base 0 0 ;
& : hover {
border-color : @ grayLighter @ grayLighter # ddd ;
}
}
/ / Active state , and it ' s : hover to override normal : hover
. nav-tabs > . active > a ,
. nav-tabs > . active > a : hover {
color : @ gray ;
background-color : @ body-background ;
border : 1px solid # ddd ;
border-bottom-color : transparent ;
cursor : default ;
}
/ / Pills
/ / -------------------------
/ / Links rendered as pills
. nav-pills > li > a {
border-radius : 5px ;
}
. nav-pills > li + li > a {
margin-left : 2px ;
}
/ / Active state
. nav-pills > . active > a ,
. nav-pills > . active > a : hover {
color : # fff ;
background-color : @ link-color ;
}
/ / Stacked pills
. nav-stacked > li {
float : none ;
}
. nav-stacked > li + li > a {
margin-top : 2px ;
margin-left : 0 ; / / no need for the gap between nav items
}
/ / Justified navs
/ / -------------------------
. nav-justified {
/ / Negative margin doesn ' t work , so we hack it
max-height : 37px ;
}
. nav-justified > li {
float : none ;
display : table-cell ;
width : 1 % ;
text-align : center ;
}
/ / Lists
/ / -------------------------
. nav-list {
background-color : # fff ;
border-radius : 6px ;
. box-shadow ( 0 1px 4px rgba ( 0 , 0 , 0 , . 065 ) )
}
. nav-list > li {
float : none ;
}
. nav-list > li > a {
margin-bottom : -1px ; / / pull up the following link for a 1px border between
border : 1px solid # e5e5e5 ;
}
. nav-list > li > a : hover {
background-color : # f5f5f5 ;
}
. nav-list > li : first-child > a {
border-radius : 6px 6px 0 0 ;
}
. nav-list > li : last-child > a {
border-radius : 0 0 6px 6px ;
}
. nav-list > . active > a ,
. nav-list > . active > a : hover {
position : relative ;
z-index : 2 ;
padding : 9px 15px ;
color : # fff ;
text-shadow : 0 1px 0 rgba ( 0 , 0 , 0 , . 15 ) ;
background-color : @ link-color ;
border-width : 0 ;
. box-shadow ( ~ "inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1)" )
}
/ / Dropdowns
/ / -------------------------
2012-12-01 01:31:24 +01:00
2013-01-16 02:55:14 +01:00
. nav-tabs . dropdown-menu {
/ / Remove the top rounded corners here since there is a hard edge above the menu
. border-top-radius ( 0 ) ;
}
/ / Default dropdown links
/ / -------------------------
/ / Make carets use linkColor to start
. nav . dropdown-toggle . caret {
border-top-color : @ link-color ;
border-bottom-color : @ link-color ;
margin-top : 8px ;
}
. nav . dropdown-toggle : hover . caret {
border-top-color : @ link-color-hover ;
border-bottom-color : @ link-color-hover ;
}
/ / Active dropdown links
/ / -------------------------
. nav . active . dropdown-toggle . caret {
border-top-color : # fff ;
border-bottom-color : # fff ;
}
. nav-tabs . active . dropdown-toggle . caret {
border-top-color : @ gray ;
border-bottom-color : @ gray ;
}
/ / Active : hover dropdown links
/ / -------------------------
. nav > . dropdown . active > a : hover {
cursor : pointer ;
}
/ / Open dropdowns
/ / -------------------------
. nav-tabs . open . dropdown-toggle ,
. nav-pills . open . dropdown-toggle ,
. nav > li . dropdown . open . active > a : hover {
color : # fff ;
background-color : @ grayLight ;
border-color : @ grayLight ;
}
. nav li . dropdown . open . caret ,
. nav li . dropdown . open . active . caret ,
. nav li . dropdown . open a : hover . caret {
border-top-color : # fff ;
border-bottom-color : # fff ;
. opacity ( 100 ) ;
}
/ / Dropdowns in stacked tabs
. tabs-stacked . open > a : hover {
border-color : @ grayLight ;
}
/ / Tabbable tabs
/ / -------------------------
/ / Clear any floats
. tabbable {
. clearfix ( ) ;
}
/ / Show / hide tabbable areas
. tab-content > . tab-pane ,
. pill-content > . pill-pane {
display : none ;
}
. tab-content > . active ,
. pill-content > . active {
display : block ;
}
/ / Disabled state
/ / -------------------------
/ / Gray out text
. nav > . disabled > a {
color : @ grayLight ;
}
/ / Nuke hover effects
. nav > . disabled > a : hover {
text-decoration : none ;
background-color : transparent ;
cursor : default ;
}
* /
. navbar {
padding : 15px ;
background-color : # eee ;
}
. navbar : before ,
. navbar : after {
display : table ;
content : " " ;
}
. navbar : after {
clear : both ;
}
. navbar . brand {
display : inline-block ;
padding : 7px 15px ;
font-size : 18px ;
font-weight : bold ;
line-height : 1 ;
}
. navbar . brand : hover {
text-decoration : none ;
background-color : # ddd ;
}
. btn-navbar {
float : right ;
padding : 10px 12px ;
background-color : # ddd ;
border : 0 ;
border-radius : 4px ;
}
. btn-navbar . icon-bar {
display : block ;
width : 20px ;
height : 2px ;
background-color : # fff ;
border-radius : 1px ;
}
. btn-navbar . icon-bar + . icon-bar {
margin-top : 3px ;
}
. navbar . nav {
margin-top : 15px ;
}
. navbar . nav > li > a {
line-height : 20px ;
}
. navbar . nav > li > a : hover {
background-color : # ddd ;
}
. navbar . nav > . active > a {
background-color : # ddd ;
}
. navbar-inverse {
background-color : # 222 ;
}
. navbar-inverse . brand {
color : # fff ;
}
. navbar-inverse . brand : hover {
background-color : # 333 ;
}
. navbar-inverse . nav > li > a {
color : # fff ;
}
. navbar-inverse . nav > li > a : hover {
background-color : # 333 ;
}
. navbar-inverse . nav > . active > a {
background-color : # 333 ;
}
. navbar-inverse . btn-navbar {
background-color : # 444 ;
}
/ *
/ / COMMON STYLES
/ / -------------
/ / Base class and wrapper
. navbar {
overflow : visible ;
padding : 0 20px ;
margin-bottom : @ line-height-base ;
background-color : @ navbar-background ;
border-radius : @ border-radius-base ;
/ / Prevent floats from breaking the navbar
. clearfix ( ) ;
}
/ / Set width to auto for default container
/ / We then reset it for fixed navbars in the # gridSystem mixin
. navbar . container {
width : auto ;
}
/ / Override the default collapsed state
. nav-collapse . collapse {
height : auto ;
overflow : visible ;
}
/ / Brand : website or project name
/ / -------------------------
. navbar . brand {
float : left ;
display : block ;
/ / Vertically center the text given @ navbar-height
padding : ( ( @ navbar-height - @ line-height-base ) / 2 ) 20px ( ( @ navbar-height - @ line-height-base ) / 2 ) ;
margin-left : -20px ; / / negative indent to left-align the text down the page
font-size : 20px ;
font-weight : 200 ;
color : @ navbar-brand-color ;
text-shadow : 0 1px 0 @ navbar-background-highlight ;
& : hover {
text-decoration : none ;
}
}
/ / Plain text in topbar
/ / -------------------------
. navbar-text {
margin-bottom : 0 ;
line-height : @ navbar-height ;
color : @ navbar-text ;
}
/ / Janky solution for now to account for links outside the . nav
/ / -------------------------
. navbar-link {
color : @ navbar-link-color ;
& : hover {
color : @ navbar-link-color-hover ;
}
}
/ / Dividers in navbar
/ / -------------------------
. navbar . divider-vertical {
height : @ navbar-height ;
margin : 0 9px ;
border-left : 1px solid @ navbar-background ;
border-right : 1px solid @ navbar-background-highlight ;
}
/ / Buttons in navbar
/ / -------------------------
. navbar . btn ,
. navbar . btn-group {
. navbarVerticalAlign ( 30px ) ; / / Vertically center in navbar
}
. navbar . btn-group . btn ,
. navbar . input-prepend . btn ,
. navbar . input-append . btn {
margin-top : 0 ; / / then undo the margin here so we don ' t accidentally double it
}
/ / Navbar forms
/ / -------------------------
. navbar-form {
margin-bottom : 0 ; / / remove default bottom margin
. clearfix ( ) ;
input ,
select ,
. radio ,
. checkbox {
. navbarVerticalAlign ( 30px ) ; / / Vertically center in navbar
}
input ,
select ,
. btn {
display : inline-block ;
margin-bottom : 0 ;
}
input [ type = "image" ] ,
input [ type = "checkbox" ] ,
input [ type = "radio" ] {
margin-top : 3px ;
}
. input-append ,
. input-prepend {
margin-top : 5px ;
white-space : nowrap ; / / preven two items from separating within a . navbar-form that has . pull-left
input {
margin-top : 0 ; / / remove the margin on top since it ' s on the parent
}
}
}
/ / Navbar search
/ / -------------------------
. navbar-search {
position : relative ;
float : left ;
. navbarVerticalAlign ( 30px ) ; / / Vertically center in navbar
margin-bottom : 0 ;
. search-query {
margin-bottom : 0 ;
padding : 4px 14px ;
# font > . sans-serif ( 13px , normal , 1 ) ;
border-radius : 15px ; / / redeclare because of specificity of the type attribute
}
}
/ / Static navbar
/ / -------------------------
. navbar-static-top {
position : static ;
margin-bottom : 0 ; / / remove 18px margin for default navbar
border-radius : 0 ;
}
/ / Fixed navbar
/ / -------------------------
/ / Shared ( top / bottom ) styles
. navbar-fixed-top ,
. navbar-fixed-bottom {
position : fixed ;
right : 0 ;
left : 0 ;
z-index : @ zindex-navbar-fixed ;
margin-bottom : 0 ; / / remove 18px margin for default navbar
border-radius : 0 ;
}
/ / Reset container width
/ / Required here as we reset the width earlier on and the grid mixins don ' t override early enough
. navbar-static-top . container ,
. navbar-fixed-top . container ,
. navbar-fixed-bottom . container {
# grid > . core > . span ( @ grid-columns ) ;
}
/ / Fixed to top
. navbar-fixed-top {
top : 0 ;
}
/ / Fixed to bottom
. navbar-fixed-bottom {
bottom : 0 ;
}
/ / NAVIGATION
/ / ----------
. navbar . nav {
position : relative ;
left : 0 ;
display : block ;
float : left ;
margin : 0 10px 0 0 ;
}
. navbar . nav . pull-right {
float : right ; / / redeclare due to specificity
margin-right : 0 ; / / remove margin on float right nav
}
. navbar . nav > li {
float : left ;
}
/ / Links
. navbar . nav > li > a {
float : none ;
/ / Vertically center the text given @ navbar-height
padding : ( ( @ navbar-height - @ line-height-base ) / 2 ) 15px ( ( @ navbar-height - @ line-height-base ) / 2 ) ;
color : @ navbar-link-color ;
text-decoration : none ;
text-shadow : 0 1px 0 @ navbar-background-highlight ;
}
. navbar . nav . dropdown-toggle . caret {
margin-top : 8px ;
}
/ / Hover
. navbar . nav > li > a : focus ,
. navbar . nav > li > a : hover {
background-color : @ navbar-link-background-hover ; / / "transparent" is default to differentiate : hover from . active
color : @ navbar-link-color-hover ;
text-decoration : none ;
}
/ / Active nav items
. navbar . nav > . active > a ,
. navbar . nav > . active > a : hover ,
. navbar . nav > . active > a : focus {
color : @ navbar-link-color-active ;
text-decoration : none ;
background-color : @ navbar-link-background-active ;
}
/ / Navbar button for toggling navbar items in responsive layouts
/ / These definitions need to come after '.navbar .btn'
. navbar . btn-navbar {
display : none ;
float : right ;
padding : 7px 10px ;
margin-left : 5px ;
margin-right : 5px ;
. buttonBackground ( darken ( @ navbar-background-highlight , 5 % ) , darken ( @ navbar-background , 5 % ) ) ;
. box-shadow ( ~ "inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)" ) ;
}
. navbar . btn-navbar . icon-bar {
display : block ;
width : 18px ;
height : 2px ;
background-color : # f5f5f5 ;
border-radius : 1px ;
. box-shadow ( 0 1px 0 rgba ( 0 , 0 , 0 , . 25 ) ) ;
}
. btn-navbar . icon-bar + . icon-bar {
margin-top : 3px ;
}
/ / Dropdown menus
/ / --------------
/ / Menu position and menu carets
. navbar . nav > li > . dropdown-menu {
& : before {
content : '' ;
display : inline-block ;
border-left : 7px solid transparent ;
border-right : 7px solid transparent ;
border-bottom : 7px solid # ccc ;
border-bottom-color : @ dropdown-border ;
position : absolute ;
top : -7px ;
left : 9px ;
}
& : after {
content : '' ;
display : inline-block ;
border-left : 6px solid transparent ;
border-right : 6px solid transparent ;
border-bottom : 6px solid @ dropdown-background ;
position : absolute ;
top : -6px ;
left : 10px ;
}
}
/ / Menu position and menu caret support for dropups via extra dropup class
. navbar-fixed-bottom . nav > li > . dropdown-menu {
& : before {
border-top : 7px solid # ccc ;
border-top-color : @ dropdown-border ;
border-bottom : 0 ;
bottom : -7px ;
top : auto ;
}
& : after {
border-top : 6px solid @ dropdown-background ;
border-bottom : 0 ;
bottom : -6px ;
top : auto ;
}
}
/ / Caret should match text color on hover
. navbar . nav li . dropdown > a : hover . caret {
border-top-color : @ navbar-link-color-hover ;
border-bottom-color : @ navbar-link-color-hover ;
}
/ / Remove background color from open dropdown
. navbar . nav li . dropdown . open > . dropdown-toggle ,
. navbar . nav li . dropdown . active > . dropdown-toggle ,
. navbar . nav li . dropdown . open . active > . dropdown-toggle {
background-color : @ navbar-link-background-active ;
color : @ navbar-link-color-active ;
}
. navbar . nav li . dropdown > . dropdown-toggle . caret {
border-top-color : @ navbar-link-color ;
border-bottom-color : @ navbar-link-color ;
}
. navbar . nav li . dropdown . open > . dropdown-toggle . caret ,
. navbar . nav li . dropdown . active > . dropdown-toggle . caret ,
. navbar . nav li . dropdown . open . active > . dropdown-toggle . caret {
border-top-color : @ navbar-link-color-active ;
border-bottom-color : @ navbar-link-color-active ;
}
/ / Right aligned menus need alt position
. navbar . pull-right > li > . dropdown-menu ,
. navbar . nav > li > . dropdown-menu . pull-right {
left : auto ;
right : 0 ;
& : before {
left : auto ;
right : 12px ;
}
& : after {
left : auto ;
right : 13px ;
}
. dropdown-menu {
left : auto ;
right : 100 % ;
margin-left : 0 ;
margin-right : -1px ;
border-radius : 6px 0 6px 6px ;
}
}
/ / Inverted navbar
/ / -------------------------
. navbar-inverse {
background-color : @ navbar-inverse-background ;
. brand ,
. nav > li > a {
color : @ navbar-inverse-link-color ;
text-shadow : 0 -1px 0 rgba ( 0 , 0 , 0 , . 25 ) ;
& : hover {
color : @ navbar-inverse-link-color-hover ;
}
}
. brand {
color : @ navbar-inverse-brand-color ;
}
. navbar-text {
color : @ navbar-inverse-text ;
}
. nav > li > a : focus ,
. nav > li > a : hover {
background-color : @ navbar-inverse-link-background-hover ;
color : @ navbar-inverse-link-color-hover ;
}
. nav . active > a ,
. nav . active > a : hover ,
. nav . active > a : focus {
color : @ navbar-inverse-link-color-active ;
background-color : @ navbar-inverse-link-background-active ;
}
/ / Inline text links
. navbar-link {
color : @ navbar-inverse-link-color ;
& : hover {
color : @ navbar-inverse-link-color-hover ;
}
}
/ / Dividers in navbar
. divider-vertical {
border-left-color : @ navbar-inverse-background ;
border-right-color : @ navbar-inverse-background-highlight ;
}
/ / Dropdowns
. nav li . dropdown . open > . dropdown-toggle ,
. nav li . dropdown . active > . dropdown-toggle ,
. nav li . dropdown . open . active > . dropdown-toggle {
background-color : @ navbar-inverse-link-background-active ;
color : @ navbar-inverse-link-color-active ;
}
. nav li . dropdown > a : hover . caret {
border-top-color : @ navbar-inverse-link-color-active ;
border-bottom-color : @ navbar-inverse-link-color-active ;
}
. nav li . dropdown > . dropdown-toggle . caret {
border-top-color : @ navbar-inverse-link-color ;
border-bottom-color : @ navbar-inverse-link-color ;
}
. nav li . dropdown . open > . dropdown-toggle . caret ,
. nav li . dropdown . active > . dropdown-toggle . caret ,
. nav li . dropdown . open . active > . dropdown-toggle . caret {
border-top-color : @ navbar-inverse-link-color-active ;
border-bottom-color : @ navbar-inverse-link-color-active ;
}
/ / Navbar search
. navbar-search {
. search-query {
color : # fff ;
background-color : @ navbar-inverse-search-background ;
border-color : @ navbar-inverse-search-border ;
. box-shadow ( ~ "inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)" ) ;
. transition ( none ) ;
. placeholder ( @ navbar-inverse-search-placeholder-color ) ;
/ / Focus states ( we use . focused since IE8 and down doesn ' t support : focus )
& : focus ,
& . focused {
padding : 5px 15px ;
color : @ grayDark ;
text-shadow : 0 1px 0 # fff ;
background-color : @ navbar-inverse-search-background-focus ;
border : 0 ;
. box-shadow ( 0 0 3px rgba ( 0 , 0 , 0 , . 15 ) ) ;
outline : 0 ;
}
}
}
/ / Navbar collapse button
. btn-navbar {
. buttonBackground ( darken ( @ navbar-inverse-background-highlight , 5 % ) , darken ( @ navbar-inverse-background , 5 % ) ) ;
}
}
* /
2013-01-16 22:04:29 +01:00
. caret {
border-top-color : # fff ;
border-bottom-color : # fff ;
}
. btn-group {
position : relative ;
display : inline-block ;
vertical-align : middle ;
}
. btn-group > . btn {
float : left ;
}
. btn-toolbar : before ,
. btn-toolbar : after {
display : table ;
content : " " ;
}
. btn-toolbar : after {
clear : both ;
}
. btn-toolbar . btn-group {
float : left ;
}
. btn-toolbar > . btn + . btn ,
. btn-toolbar > . btn-group + . btn ,
. btn-toolbar > . btn + . btn-group ,
. btn-toolbar > . btn-group + . btn-group {
margin-left : 5px ;
}
. btn-group > . btn {
position : relative ;
border-radius : 0 ;
}
. btn-group > . btn + . btn {
margin-left : 1px ;
}
. btn-group > . btn : first-child {
margin-left : 0 ;
border-bottom-left-radius : 4px ;
border-top-left-radius : 4px ;
}
. btn-group > . btn : last-child ,
. btn-group > . dropdown-toggle {
border-top-right-radius : 4px ;
border-bottom-right-radius : 4px ;
}
. btn-group > . btn . large : first-child {
margin-left : 0 ;
border-bottom-left-radius : 6px ;
border-top-left-radius : 6px ;
}
. btn-group > . btn . large : last-child ,
. btn-group > . large . dropdown-toggle {
border-top-right-radius : 6px ;
border-bottom-right-radius : 6px ;
}
. btn-group . dropdown-toggle : active ,
. btn-group . open . dropdown-toggle {
outline : 0 ;
}
. btn-group > . btn + . dropdown-toggle {
padding-right : 8px ;
padding-left : 8px ;
}
. btn-group > . btn-mini + . dropdown-toggle {
padding-right : 5px ;
padding-left : 5px ;
}
. btn-group > . btn-large + . dropdown-toggle {
padding-right : 12px ;
padding-left : 12px ;
}
. btn-group . open . dropdown-toggle {
-webkit-box-shadow : inset 0 3px 5px rgba ( 0 , 0 , 0 , 0 . 125 ) ;
box-shadow : inset 0 3px 5px rgba ( 0 , 0 , 0 , 0 . 125 ) ;
}
. btn . caret {
margin-top : 8px ;
margin-left : 0 ;
}
. btn-large . caret {
margin-top : 6px ;
}
. btn-large . caret {
border-width : 5px ;
}
. btn-mini . caret ,
. btn-small . caret {
margin-top : 8px ;
}
. dropup . btn-large . caret {
border-bottom-width : 5px ;
}
. btn-group-vertical > . btn {
display : block ;
float : none ;
max-width : 100 % ;
border-radius : 0 ;
}
. btn-group-vertical > . btn + . btn {
margin-top : 1px ;
margin-left : 0 ;
}
. btn-group-vertical . btn : first-child {
border-radius : 4px 4px 0 0 ;
}
. btn-group-vertical . btn : last-child {
border-radius : 0 0 4px 4px ;
}
. btn-group-vertical . btn-large : first-child {
border-radius : 6px 6px 0 0 ;
}
. btn-group-vertical . btn-large : last-child {
border-radius : 0 0 6px 6px ;
}
2013-01-16 22:06:15 +01:00
. breadcrumb {
padding : 8px 15px ;
margin : 0 0 20px ;
list-style : none ;
background-color : # f5f5f5 ;
border-radius : 4px ;
}
. breadcrumb > li {
display : inline-block ;
text-shadow : 0 1px 0 # fff ;
}
. breadcrumb > li : after {
display : inline-block ;
padding : 0 5px ;
color : # ccc ;
content : "\00a0 /" ;
}
. breadcrumb > . active {
color : # 999999 ;
}
2013-01-16 22:07:08 +01:00
. pagination {
display : inline-block ;
margin : 20px 0 ;
border-radius : 4px ;
}
. pagination > li {
display : inline ;
}
. pagination > li > a ,
. pagination > li > span {
float : left ;
padding : 4px 12px ;
line-height : 20px ;
text-decoration : none ;
background-color : # ffffff ;
border : 1px solid # dddddd ;
border-left-width : 0 ;
}
. pagination > li > a : hover ,
. pagination > . active > a ,
. pagination > . active > span {
background-color : # f5f5f5 ;
}
. pagination > . active > a ,
. pagination > . active > span {
color : # 999999 ;
cursor : default ;
}
. pagination > . disabled > span ,
. pagination > . disabled > a ,
. pagination > . disabled > a : hover {
color : # 999999 ;
cursor : default ;
background-color : transparent ;
}
. pagination > li : first-child > a ,
. pagination > li : first-child > span {
border-left-width : 1px ;
border-bottom-left-radius : 4px ;
border-top-left-radius : 4px ;
}
. pagination > li : last-child > a ,
. pagination > li : last-child > span {
border-top-right-radius : 4px ;
border-bottom-right-radius : 4px ;
}
. pagination-large > li > a ,
. pagination-large > li > span {
padding : 11px 19px ;
font-size : 17 . 5px ;
}
. pagination-large > li : first-child > a ,
. pagination-large > li : first-child > span {
border-bottom-left-radius : 6px ;
border-top-left-radius : 6px ;
}
. pagination-large > li : last-child > a ,
. pagination-large > li : last-child > span {
border-top-right-radius : 6px ;
border-bottom-right-radius : 6px ;
}
. pagination-mini > li : first-child > a ,
. pagination-small > li : first-child > a ,
. pagination-mini > li : first-child > span ,
. pagination-small > li : first-child > span {
border-bottom-left-radius : 3px ;
border-top-left-radius : 3px ;
}
. pagination-mini > li : last-child > a ,
. pagination-small > li : last-child > a ,
. pagination-mini > li : last-child > span ,
. pagination-small > li : last-child > span {
border-top-right-radius : 3px ;
border-bottom-right-radius : 3px ;
}
. pagination-small > li > a ,
. pagination-small > li > span {
padding : 2px 10px ;
font-size : 11 . 9px ;
}
. pagination-mini > li > a ,
. pagination-mini > li > span {
padding : 0 6px ;
font-size : 10 . 5px ;
}
. pager {
margin : 20px 0 ;
text-align : center ;
list-style : none ;
}
. pager : before ,
. pager : after {
display : table ;
content : " " ;
}
. pager : after {
clear : both ;
}
. pager li {
display : inline ;
}
. pager li > a ,
. pager li > span {
display : inline-block ;
padding : 5px 14px ;
background-color : # fff ;
border : 1px solid # ddd ;
border-radius : 15px ;
}
. pager li > a : hover {
text-decoration : none ;
background-color : # f5f5f5 ;
}
. pager . next > a ,
. pager . next > span {
float : right ;
}
. pager . previous > a ,
. pager . previous > span {
float : left ;
}
. pager . disabled > a ,
. pager . disabled > a : hover ,
. pager . disabled > span {
color : # 999999 ;
cursor : default ;
background-color : # fff ;
}
2013-01-16 19:52:33 +01:00
@ media screen and ( min-width : 768px ) {
[ class ^ = "span" ] {
float : left ;
}
. span1 {
width : 8 . 3333333 % ;
}
. span2 {
width : 16 . 6666667 % ;
}
. span3 {
width : 25 % ;
}
. span4 {
width : 33 . 3333333 % ;
}
. span5 {
width : 41 . 666666667 % ;
}
. span6 {
width : 50 % ;
}
. span7 {
width : 58 . 333333333 % ;
}
. span8 {
width : 66 . 666666667 % ;
}
. span9 {
width : 75 % ;
}
. span10 {
width : 83 . 333333333 % ;
}
. span11 {
width : 91 . 666666667 % ;
}
}
@ media screen and ( min-width : 992px ) {
{
/ * body {
font-size : 1 . 6rem ;
font-size : 16px ;
}
* /
/* Required to make the collapsing navbar work on regular desktops */
}
. container {
width : 940px ;
margin-right : auto ;
margin-left : auto ;
}
. navbar {
padding-top : 0 ;
padding-bottom : 0 ;
}
. navbar . brand {
float : left ;
padding-top : 11px ;
padding-bottom : 11px ;
margin-left : -15px ;
}
. navbar . nav {
margin-top : 0 ;
overflow : hidden ;
}
. navbar . nav > li {
float : left ;
}
. navbar . nav > li > a {
padding-top : 10px ;
padding-bottom : 10px ;
}
. navbar . btn-navbar {
display : none ;
}
. nav-collapse . collapse {
float : left ;
height : auto ! important ;
overflow : visible ! important ;
}
}
2013-01-16 02:55:14 +01:00
/ *
2013-01-15 07:05:55 +01:00
/ / Grid system and page structure
@ import "grid.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Base CSS
@ import "type.less" ;
@ import "code.less" ;
@ import "forms.less" ;
@ import "tables.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Components : common
@ import "glyphicons.less" ;
@ import "dropdowns.less" ;
@ import "wells.less" ;
@ import "component-animations.less" ;
@ import "close.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Components : Buttons & Alerts
@ import "buttons.less" ;
@ import "button-groups.less" ;
@ import "alerts.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Components : Nav
@ import "navs.less" ;
@ import "navbar.less" ;
@ import "breadcrumbs.less" ;
@ import "pagination.less" ;
@ import "pager.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Components : Popovers
@ import "modals.less" ;
@ import "tooltip.less" ;
@ import "popovers.less" ;
2012-12-20 09:02:52 +01:00
2013-01-15 07:05:55 +01:00
/ / Components : Misc
@ import "thumbnails.less" ;
@ import "media.less" ;
@ import "badges.less" ;
@ import "progress-bars.less" ;
@ import "accordion.less" ;
@ import "carousel.less" ;
@ import "jumbotron.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Utility classes
@ import "utilities.less" ; / / Has to be last to override when necessary
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Responsive
/ / -------------------------------------------------------------
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Responsive utility classes
@ import "responsive-utilities.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Media queries
/ / ------------------
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Large desktops
@ import "responsive-1200px-min.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Tablets to regular desktops
@ import "responsive-768px-979px.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Phones to portrait tablets and narrow desktops
@ import "responsive-767px-max.less" ;
2012-12-01 01:31:24 +01:00
2013-01-15 07:05:55 +01:00
/ / Responsive navbar
/ / From 979px and below , show a button to toggle navbar contents
@ import "responsive-navbar.less" ;
* /