2013-02-12 21:16:32 +01:00
/ * !
* Bootstrap v3 . 0 . 0
*
* Copyright 2012 Twitter , Inc
* Licensed under the Apache License v2 . 0
* http : / / www . apache . org / licenses / LICENSE-2 . 0
*
* Designed and built with all the love in the world by @ mdo and @ fat .
* /
/ * @ padding-large-input : 10px 14px ; / / 44px
/ / firefox hack since it doesn ' t accept custom line-height for inputs and automatically sets line-height as font-size + 4 px .
/ / input-large at 18 + 4 = 22 , so I tried to compensate on padding .
* /
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article ,
aside ,
details ,
figcaption ,
figure ,
footer ,
header ,
hgroup ,
main ,
nav ,
section ,
summary {
display : block ;
}
audio ,
canvas ,
video {
display : inline-block ;
}
audio : not ( [ controls ] ) {
display : none ;
height : 0 ;
}
[ hidden ] {
display : none ;
}
html {
font-family : sans-serif ;
-webkit-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
}
body {
margin : 0 ;
}
a : focus {
outline : thin dotted ;
}
a : active ,
a : hover {
outline : 0 ;
}
h1 {
margin : 0 . 67em 0 ;
font-size : 2em ;
}
abbr [ title ] {
border-bottom : 1px dotted ;
}
b ,
strong {
font-weight : bold ;
}
dfn {
font-style : italic ;
}
hr {
height : 0 ;
-moz-box-sizing : content-box ;
box-sizing : content-box ;
}
mark {
color : # 000 ;
background : # ff0 ;
}
code ,
kbd ,
pre ,
samp {
font-family : monospace , serif ;
font-size : 1em ;
}
pre {
white-space : pre-wrap ;
}
q {
quotes : "\201C" "\201D" "\2018" "\2019" ;
}
small {
font-size : 80 % ;
}
sub ,
sup {
position : relative ;
font-size : 75 % ;
line-height : 0 ;
vertical-align : baseline ;
}
sup {
top : -0 . 5em ;
}
sub {
bottom : -0 . 25em ;
}
img {
border : 0 ;
}
svg : not ( : root ) {
overflow : hidden ;
}
figure {
margin : 0 ;
}
fieldset {
padding : 0 . 35em 0 . 625em 0 . 75em ;
margin : 0 2px ;
border : 1px solid # c0c0c0 ;
}
legend {
padding : 0 ;
border : 0 ;
}
button ,
input ,
select ,
textarea {
margin : 0 ;
font-family : inherit ;
font-size : 100 % ;
}
button ,
input {
line-height : normal ;
}
button ,
select {
text-transform : none ;
}
button ,
html input [ type = "button" ] ,
input [ type = "reset" ] ,
input [ type = "submit" ] {
cursor : pointer ;
-webkit-appearance : button ;
}
button [ disabled ] ,
html input [ disabled ] {
cursor : default ;
}
input [ type = "checkbox" ] ,
input [ type = "radio" ] {
padding : 0 ;
box-sizing : border-box ;
}
input [ type = "search" ] {
-webkit-box-sizing : content-box ;
-moz-box-sizing : content-box ;
box-sizing : content-box ;
-webkit-appearance : textfield ;
}
input [ type = "search" ] :: -webkit-search-cancel-button ,
input [ type = "search" ] :: -webkit-search-decoration {
-webkit-appearance : none ;
}
button :: -moz-focus-inner ,
input :: -moz-focus-inner {
padding : 0 ;
border : 0 ;
}
textarea {
overflow : auto ;
vertical-align : top ;
}
table {
border-collapse : collapse ;
border-spacing : 0 ;
}
html {
font-size : 62 . 5 % ;
-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 : 100 % ;
-ms-text-size-adjust : 100 % ;
}
}
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 ,
a : focus {
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-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 ;
line-height : 1 . 25 ;
}
small {
font-size : 85 % ;
}
strong {
font-weight : bold ;
}
em {
font-style : italic ;
}
cite {
font-style : normal ;
}
. muted {
color : # 999999 ;
}
a . muted : hover ,
a . muted : focus {
color : # 808080 ;
}
. text-warning {
color : # c09853 ;
}
a . text-warning : hover ,
a . text-warning : focus {
color : # a47e3c ;
}
. text-error {
color : # b94a48 ;
}
a . text-error : hover ,
a . text-error : focus {
color : # 953b39 ;
}
. text-success {
color : # 468847 ;
}
a . text-success : hover ,
a . text-success : focus {
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 {
margin-top : 20px ;
margin-bottom : 10px ;
line-height : 40px ;
}
h3 {
line-height : 30px ;
}
h4 ,
h5 ,
h6 {
margin-top : 10px ;
margin-bottom : 10px ;
}
h1 {
font-size : 38 . 5px ;
font-size : 4rem ;
}
h2 {
font-size : 31 . 5px ;
font-size : 3rem ;
}
h3 {
font-size : 24 . 5px ;
font-size : 2 . 5rem ;
}
h4 {
font-size : 17 . 5px ;
font-size : 2rem ;
}
h5 {
font-size : 14px ;
font-size : 1 . 6rem ;
}
h6 {
font-size : 11 . 9px ;
font-size : 1 . 2rem ;
}
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 ;
margin : 40px 0 20px ;
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 {
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" ] {
min-height : 1px ;
padding-right : 10px ;
padding-left : 10px ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
}
@ media screen and ( min-width : 768px ) {
. container {
max-width : 728px ;
}
[ class ^ = "span" ] {
float : left ;
}
. span12 {
width : 100 % ;
}
. span11 {
width : 91 . 66666666666666 % ;
}
. span10 {
width : 83 . 33333333333334 % ;
}
. span9 {
width : 75 % ;
}
. span8 {
width : 66 . 66666666666666 % ;
}
. span7 {
width : 58 . 333333333333336 % ;
}
. span6 {
width : 50 % ;
}
. span5 {
width : 41 . 66666666666667 % ;
}
. span4 {
width : 33 . 33333333333333 % ;
}
. span3 {
width : 25 % ;
}
. span2 {
width : 16 . 666666666666664 % ;
}
. span1 {
width : 8 . 333333333333332 % ;
}
. offset12 {
margin-left : 100 % ;
}
. offset11 {
margin-left : 91 . 66666666666666 % ;
}
. offset10 {
margin-left : 83 . 33333333333334 % ;
}
. offset9 {
margin-left : 75 % ;
}
. offset8 {
margin-left : 66 . 66666666666666 % ;
}
. offset7 {
margin-left : 58 . 333333333333336 % ;
}
. offset6 {
margin-left : 50 % ;
}
. offset5 {
margin-left : 41 . 66666666666667 % ;
}
. offset4 {
margin-left : 33 . 33333333333333 % ;
}
. offset3 {
margin-left : 25 % ;
}
. offset2 {
margin-left : 16 . 666666666666664 % ;
}
. offset1 {
margin-left : 8 . 333333333333332 % ;
}
}
@ media screen and ( min-width : 992px ) {
. container {
max-width : 940px ;
}
}
@ media screen and ( min-width : 1200px ) {
. container {
max-width : 1170px ;
}
[ class ^ = "span" ] {
padding-right : 15px ;
padding-left : 15px ;
}
}
[ class * = "span" ] . pull-right {
float : right ;
}
table {
max-width : 100 % ;
background-color : transparent ;
border-collapse : collapse ;
border-spacing : 0 ;
}
th {
text-align : left ;
}
. table {
width : 100 % ;
margin-bottom : 20px ;
}
. table th ,
. table td {
padding : 8px ;
line-height : 20px ;
vertical-align : top ;
border-top : 1px solid # dddddd ;
}
. 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-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 ;
}
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 : inline-block ;
min-height : 34px ;
padding : 6px 9px ;
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 :: -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 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 {
min-height : 26px ;
padding : 2px 10px ;
font-size : 11 . 9px ;
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-small ,
. input-group-btn . input-small ,
. input-group input . input-small ,
. input-group . uneditable-input . input-small {
border-radius : 0 ;
}
. input-group-addon . input-large ,
. input-group-btn . input-large ,
. input-group input . input-large ,
. input-group . uneditable-input . input-large {
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-addon . input-small {
padding : 2px 10px ;
font-size : 11 . 9px ;
}
. input-group-addon . input-large {
padding : 11px 14px ;
font-size : 17 . 5px ;
}
. 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 input : first-child . input-small ,
. input-group . uneditable-input : first-child . input-small ,
. input-group-addon : first-child . input-small {
border-bottom-left-radius : 3px ;
border-top-left-radius : 3px ;
}
. input-group input : first-child . input-large ,
. input-group . uneditable-input : first-child . input-large ,
. input-group-addon : first-child . input-large {
border-bottom-left-radius : 6px ;
border-top-left-radius : 6px ;
}
. 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 input : last-child . input-small ,
. input-group . uneditable-input : last-child . input-small ,
. input-group-addon : last-child . input-small {
border-top-right-radius : 3px ;
border-bottom-right-radius : 3px ;
}
. input-group input : last-child . input-large ,
. input-group . uneditable-input : last-child . input-large ,
. input-group-addon : last-child . input-large {
border-top-right-radius : 6px ;
border-bottom-right-radius : 6px ;
}
. 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 : first-child > . btn . btn-large ,
. input-group-btn . btn-group : first-child > . btn . btn-large {
border-radius : 6px 0 0 6px ;
}
. input-group-btn : first-child > . btn . btn-small ,
. input-group-btn . btn-group : first-child > . btn . btn-small {
border-radius : 3px 0 0 3px ;
}
. 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 ;
}
. input-group-btn : last-child > . btn . btn-large ,
. input-group-btn . btn-group : last-child > . btn . btn-large {
border-radius : 0 6px 6px 0 ;
}
. input-group-btn : last-child > . btn . btn-small ,
. input-group-btn . btn-group : last-child > . btn . btn-small {
border-radius : 0 3px 3px 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 ;
}
}
. btn {
display : inline-block ;
padding : 6px 12px ;
margin-bottom : 0 ;
font-size : 14px ;
font-weight : 500 ;
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 ,
. btn : focus {
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 14px ;
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 : # ffffff ;
background-color : # a7a9aa ;
border-color : # a7a9aa ;
}
. btn : hover ,
. btn : focus ,
. btn : active {
background-color : # 9a9c9d ;
border-color : # 8d9091 ;
}
. btn . disabled : hover ,
. btn [ disabled ] : hover ,
fieldset [ disabled ] . btn : hover ,
. btn . disabled : focus ,
. btn [ disabled ] : focus ,
fieldset [ disabled ] . btn : focus ,
. btn . disabled : active ,
. btn [ disabled ] : active ,
fieldset [ disabled ] . btn : active {
background-color : # a7a9aa ;
border-color : # a7a9aa ;
}
. btn-primary {
background-color : # 428bca ;
border-color : # 428bca ;
}
. btn-primary : hover ,
. btn-primary : focus ,
. btn-primary : active {
background-color : # 357ebd ;
border-color : # 3071a9 ;
}
. btn-primary . disabled : hover ,
. btn-primary [ disabled ] : hover ,
fieldset [ disabled ] . btn-primary : hover ,
. btn-primary . disabled : focus ,
. btn-primary [ disabled ] : focus ,
fieldset [ disabled ] . btn-primary : focus ,
. btn-primary . disabled : active ,
. btn-primary [ disabled ] : active ,
fieldset [ disabled ] . btn-primary : active {
background-color : # 428bca ;
border-color : # 428bca ;
}
. btn-warning {
background-color : # f0ad4e ;
border-color : # f0ad4e ;
}
. btn-warning : hover ,
. btn-warning : focus ,
. btn-warning : active {
background-color : # eea236 ;
border-color : # ec971f ;
}
. btn-warning . disabled : hover ,
. btn-warning [ disabled ] : hover ,
fieldset [ disabled ] . btn-warning : hover ,
. btn-warning . disabled : focus ,
. btn-warning [ disabled ] : focus ,
fieldset [ disabled ] . btn-warning : focus ,
. btn-warning . disabled : active ,
. btn-warning [ disabled ] : active ,
fieldset [ disabled ] . btn-warning : active {
background-color : # f0ad4e ;
border-color : # f0ad4e ;
}
. btn-danger {
background-color : # d9534f ;
border-color : # d9534f ;
}
. btn-danger : hover ,
. btn-danger : focus ,
. btn-danger : active {
background-color : # d43f3a ;
border-color : # c9302c ;
}
. btn-danger . disabled : hover ,
. btn-danger [ disabled ] : hover ,
fieldset [ disabled ] . btn-danger : hover ,
. btn-danger . disabled : focus ,
. btn-danger [ disabled ] : focus ,
fieldset [ disabled ] . btn-danger : focus ,
. btn-danger . disabled : active ,
. btn-danger [ disabled ] : active ,
fieldset [ disabled ] . btn-danger : active {
background-color : # d9534f ;
border-color : # d9534f ;
}
. btn-success {
background-color : # 5cb85c ;
border-color : # 5cb85c ;
}
. btn-success : hover ,
. btn-success : focus ,
. btn-success : active {
background-color : # 4cae4c ;
border-color : # 449d44 ;
}
. btn-success . disabled : hover ,
. btn-success [ disabled ] : hover ,
fieldset [ disabled ] . btn-success : hover ,
. btn-success . disabled : focus ,
. btn-success [ disabled ] : focus ,
fieldset [ disabled ] . btn-success : focus ,
. btn-success . disabled : active ,
. btn-success [ disabled ] : active ,
fieldset [ disabled ] . btn-success : active {
background-color : # 5cb85c ;
border-color : # 5cb85c ;
}
. btn-info {
background-color : # 5bc0de ;
border-color : # 5bc0de ;
}
. btn-info : hover ,
. btn-info : focus ,
. btn-info : active {
background-color : # 46b8da ;
border-color : # 31b0d5 ;
}
. btn-info . disabled : hover ,
. btn-info [ disabled ] : hover ,
fieldset [ disabled ] . btn-info : hover ,
. btn-info . disabled : focus ,
. btn-info [ disabled ] : focus ,
fieldset [ disabled ] . btn-info : focus ,
. btn-info . disabled : active ,
. btn-info [ disabled ] : active ,
fieldset [ disabled ] . btn-info : active {
background-color : # 5bc0de ;
border-color : # 5bc0de ;
}
. 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 : focus ,
. btn-link : active {
border-color : transparent ;
}
. btn-link {
font-weight : normal ;
color : # 428bca ;
cursor : pointer ;
border-radius : 0 ;
}
. btn-link : hover ,
. btn-link : focus {
color : # 2a6496 ;
text-decoration : underline ;
background-color : transparent ;
}
. btn-link [ disabled ] : hover ,
fieldset [ disabled ] . btn-link : hover ,
. btn-link [ disabled ] : focus ,
fieldset [ disabled ] . btn-link : focus {
color : # 333333 ;
text-decoration : none ;
}
. 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 ;
}
@ 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' ) ;
}
2013-02-16 10:26:43 +01:00
. glyphicon : before {
2013-02-12 21:16:32 +01:00
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" ;
}
. 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 0 ;
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 ;
}
2013-02-17 22:35:14 +01:00
. dropdown-menu > li > a : hover ,
. dropdown-menu > li > a : focus ,
. dropdown-submenu : hover > a ,
. dropdown-submenu : focus > a {
2013-02-12 21:16:32 +01:00
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 ,
. dropdown-menu > . active > 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 ;
outline : 0 ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ff428bca' , endColorstr = '#ff357ebd' , GradientType = 0 ) ;
}
. dropdown-menu > . disabled > a ,
. dropdown-menu > . disabled > a : hover ,
. dropdown-menu > . disabled > a : focus {
color : # 999999 ;
}
. dropdown-menu > . disabled > a : hover ,
. dropdown-menu > . disabled > a : focus {
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 ;
}
2013-02-17 22:35:14 +01:00
. dropdown-submenu {
position : relative ;
}
. dropdown-submenu > . dropdown-menu {
top : 0 ;
left : 100 % ;
margin-top : -6px ;
margin-left : -1px ;
border-top-left-radius : 0 ;
}
. dropdown-submenu : hover > . dropdown-menu {
display : block ;
}
. dropup . dropdown-submenu > . dropdown-menu {
top : auto ;
bottom : 0 ;
margin-top : 0 ;
margin-bottom : -2px ;
border-bottom-left-radius : 0 ;
}
. dropdown-submenu > a : after {
display : block ;
float : right ;
width : 0 ;
height : 0 ;
margin-top : 5px ;
margin-right : -10px ;
border-color : transparent ;
border-left-color : # cccccc ;
border-style : solid ;
border-width : 5px 0 5px 5px ;
content : " " ;
}
. dropdown-submenu : hover > a : after {
border-left-color : # ffffff ;
}
. dropdown-submenu . pull-left {
float : none ;
}
. dropdown-submenu . pull-left > . dropdown-menu {
left : -100 % ;
margin-left : 10px ;
border-top-right-radius : 0 ;
}
2013-02-12 21:16:32 +01:00
. dropdown . dropdown-menu . nav-header {
padding-right : 20px ;
padding-left : 20px ;
}
. typeahead {
z-index : 1051 ;
}
. 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 ,
. close : focus {
color : # 000 ;
text-decoration : none ;
cursor : pointer ;
opacity : 0 . 5 ;
filter : alpha ( opacity = 50 ) ;
}
button . close {
padding : 0 ;
cursor : pointer ;
background : transparent ;
border : 0 ;
-webkit-appearance : none ;
}
. 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 ,
. nav > li > a : focus {
text-decoration : none ;
background-color : # eeeeee ;
}
. nav > . pull-right {
float : right ;
}
. nav-tabs {
border-bottom : 1px solid # ddd ;
}
. nav-tabs > li {
float : left ;
margin-bottom : -1px ;
}
. nav-tabs > li > a {
margin-right : 2px ;
line-height : 20px ;
border : 1px solid transparent ;
border-radius : 4px 4px 0 0 ;
}
. nav-tabs > li > a : hover {
border-color : # eeeeee # eeeeee # dddddd ;
}
. nav-tabs > . active > a ,
. nav-tabs > . active > a : hover ,
. nav-tabs > . active > a : focus {
color : # 555555 ;
cursor : default ;
background-color : # ffffff ;
border : 1px solid # ddd ;
border-bottom-color : transparent ;
}
. nav-pills > li {
float : left ;
}
. nav-pills > li > a {
border-radius : 5px ;
}
. nav-pills > li + li > a {
margin-left : 2px ;
}
. nav-pills > . active > a ,
. nav-pills > . active > a : hover ,
. nav-pills > . active > a : focus {
color : # fff ;
background-color : # 428bca ;
}
. nav-stacked > li {
float : none ;
}
. nav-stacked > li + li > a {
margin-top : 2px ;
margin-left : 0 ;
}
. nav-justified {
max-height : 40px ;
}
. nav-justified > li {
display : table-cell ;
float : none ;
width : 1 % ;
text-align : center ;
}
. 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 ,
. nav-list > . active > a : focus {
z-index : 2 ;
color : # fff ;
background-color : # 428bca ;
border-color : # 428bca ;
}
. nav > . disabled > a {
color : # 999999 ;
}
. nav > . disabled > a : hover ,
. nav > . disabled > a : focus {
text-decoration : none ;
cursor : default ;
background-color : transparent ;
}
. nav-header {
display : block ;
padding : 3px 15px ;
font-size : 11px ;
font-weight : bold ;
line-height : 20px ;
color : # 999999 ;
text-shadow : 0 1px 0 rgba ( 255 , 255 , 255 , 0 . 5 ) ;
text-transform : uppercase ;
}
. nav li + . nav-header {
margin-top : 9px ;
}
. nav . divider {
height : 1px ;
margin : 9px 0 ;
overflow : hidden ;
background-color : # e5e5e5 ;
border-bottom : 1px solid # ffffff ;
}
/ *
/ / Prevent IE8 from misplacing imgs
/ / See https : / / github . com / h5bp / html5-boilerplate / issues / 984 # issuecomment-3985989
. nav > li > a > img {
max-width : none ;
}
/ / Dropdowns
/ / -------------------------
. 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 ;
}
* /
. navbar {
padding : 15px ;
background-color : # eeeeee ;
border-radius : 4px ;
}
. navbar : before ,
. navbar : after {
display : table ;
content : " " ;
}
. navbar : after {
clear : both ;
}
. navbar . nav {
margin-top : 15px ;
}
. navbar . nav > li > a {
padding-top : 15px ;
padding-bottom : 15px ;
line-height : 20px ;
color : # 777777 ;
}
. navbar . nav > li > a : hover ,
. navbar . nav > li > a : focus {
color : # 333333 ;
background-color : transparent ;
}
. navbar . nav > . active > a ,
. navbar . nav > . active > a : hover ,
. navbar . nav > . active > a : focus {
color : # 555555 ;
background-color : # d5d5d5 ;
}
. navbar-static-top {
position : static ;
border-radius : 0 ;
}
. navbar-fixed-top ,
. navbar-fixed-bottom {
2013-02-18 03:33:55 +01:00
position : fixed ;
right : 0 ;
left : 0 ;
z-index : 1030 ;
2013-02-12 21:16:32 +01:00
border-radius : 0 ;
}
2013-02-18 03:33:55 +01:00
. navbar-fixed-top {
top : 0 ;
}
. navbar-fixed-bottom {
bottom : 0 ;
}
2013-02-12 21:16:32 +01:00
. navbar . brand {
display : inline-block ;
padding : 7px 15px ;
font-size : 18px ;
font-weight : 500 ;
line-height : 20px ;
color : # 777777 ;
}
. navbar . brand : hover ,
. navbar . brand : focus {
color : # 5e5e5e ;
text-decoration : none ;
background-color : transparent ;
}
. 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 > . divider {
height : 1px ;
margin : 9px 0 ;
overflow : hidden ;
background-color : # e1e1e1 ;
border-bottom : 1px solid # fbfbfb ;
}
. navbar-form {
margin-top : 8px ;
margin-bottom : 8px ;
}
. navbar . nav > li > . dropdown-menu {
margin-top : 0 ;
border-top-right-radius : 0 ;
border-top-left-radius : 0 ;
}
. navbar-fixed-bottom . nav > li > . dropdown-menu {
border-bottom-right-radius : 0 ;
border-bottom-left-radius : 0 ;
}
. navbar . nav li . dropdown > a : hover . caret ,
. navbar . nav li . dropdown > a : focus . caret {
border-top-color : # 333333 ;
border-bottom-color : # 333333 ;
}
. navbar . nav li . dropdown . open > . dropdown-toggle ,
. navbar . nav li . dropdown . active > . dropdown-toggle ,
. navbar . nav li . dropdown . open . active > . dropdown-toggle {
color : # 555555 ;
background-color : # d5d5d5 ;
}
. navbar . nav li . dropdown > . dropdown-toggle . caret {
border-top-color : # 777777 ;
border-bottom-color : # 777777 ;
}
. 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 : # 555555 ;
border-bottom-color : # 555555 ;
}
. navbar . pull-right > li > . dropdown-menu ,
. navbar . nav > li > . dropdown-menu . pull-right {
right : 0 ;
left : auto ;
}
. navbar-inverse {
background-color : # 222222 ;
}
. navbar-inverse . brand {
color : # 999999 ;
}
. navbar-inverse . brand : hover ,
. navbar-inverse . brand : focus {
color : # ffffff ;
background-color : transparent ;
}
. navbar-inverse . navbar-text {
color : # 999999 ;
}
. navbar-inverse . nav > li > a {
color : # 999999 ;
}
. navbar-inverse . nav > li > a : hover ,
. navbar-inverse . nav > li > a : focus {
color : # ffffff ;
background-color : transparent ;
}
. navbar-inverse . nav > . active > a ,
. navbar-inverse . nav > . active > a : hover ,
. navbar-inverse . nav > . active > a : focus {
color : # ffffff ;
2013-02-13 21:30:56 +01:00
background-color : # 080808 ;
2013-02-12 21:16:32 +01:00
}
. navbar-inverse . btn-navbar {
background-color : # 444 ;
}
. navbar-inverse . nav > . divider {
background-color : # 151515 ;
border-bottom-color : # 2f2f2f ;
}
. navbar-inverse . nav li . dropdown . open > . dropdown-toggle ,
. navbar-inverse . nav li . dropdown . active > . dropdown-toggle ,
. navbar-inverse . nav li . dropdown . open . active > . dropdown-toggle {
color : # ffffff ;
2013-02-13 21:30:56 +01:00
background-color : # 080808 ;
2013-02-12 21:16:32 +01:00
}
. navbar-inverse . nav li . dropdown > a : hover . caret {
border-top-color : # ffffff ;
border-bottom-color : # ffffff ;
}
. navbar-inverse . nav li . dropdown > . dropdown-toggle . caret {
border-top-color : # 999999 ;
border-bottom-color : # 999999 ;
}
. navbar-inverse . nav li . dropdown . open > . dropdown-toggle . caret ,
. navbar-inverse . nav li . dropdown . active > . dropdown-toggle . caret ,
. navbar-inverse . nav li . dropdown . open . active > . dropdown-toggle . caret {
border-top-color : # ffffff ;
border-bottom-color : # ffffff ;
}
@ media screen and ( min-width : 768px ) {
. navbar {
padding-top : 0 ;
padding-bottom : 0 ;
}
. navbar . brand {
float : left ;
padding-top : 15px ;
padding-bottom : 15px ;
margin-left : -15px ;
}
. navbar . nav {
float : left ;
margin-top : 0 ;
}
. navbar . nav : before ,
. navbar . nav : after {
display : table ;
content : " " ;
}
. navbar . nav : after {
clear : both ;
}
. navbar . nav . pull-right {
float : right ;
}
. navbar . nav > li {
float : left ;
}
. navbar . nav > . divider {
width : 1px ;
height : 30px ;
margin : 10px 9px ;
border-right : 1px solid # fbfbfb ;
border-bottom : 0 ;
}
. navbar-inverse . nav > . divider {
border-right-color : # 2f2f2f ;
}
. navbar . btn-navbar {
display : none ;
}
. nav-collapse . collapse {
height : auto ! important ;
overflow : visible ! important ;
}
}
/ *
/ / Janky solution for now to account for links outside the . nav
/ / -------------------------
. navbar-link {
color : @ navbar-link-color ;
& : hover {
color : @ navbar-link-color-hover ;
}
}
/ / 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
}
}
}
* /
. btn . caret {
border-top-color : # ffffff ;
}
. dropup . btn . caret {
border-bottom-color : # ffffff ;
}
. 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 {
border-width : 5px ;
}
. 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 ;
}
. btn-group-justified {
display : table ;
width : 100 % ;
}
. btn-group-justified . btn {
display : table-cell ;
float : none ;
width : 1 % ;
}
. 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 ;
}
. 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 > li > a : focus ,
. 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 ,
. pagination > . disabled > a : focus {
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 14px ;
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 ,
. pager li > a : focus {
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 > a : focus ,
. pager . disabled > span {
color : # 999999 ;
cursor : default ;
background-color : # fff ;
}
. modal-open {
overflow : hidden ;
}
. modal {
position : fixed ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
z-index : 1040 ;
display : none ;
overflow : auto ;
overflow-y : scroll ;
-webkit-overflow-scrolling : touch ;
}
. modal . fade {
top : -25 % ;
-webkit-transition : opacity 0 . 3s linear , top 0 . 3s ease-out ;
-moz-transition : opacity 0 . 3s linear , top 0 . 3s ease-out ;
-o-transition : opacity 0 . 3s linear , top 0 . 3s ease-out ;
transition : opacity 0 . 3s linear , top 0 . 3s ease-out ;
}
. modal . fade . in {
top : 0 ;
}
. modal-dialog {
position : relative ;
top : 0 ;
right : 0 ;
left : 0 ;
z-index : 1050 ;
width : auto ;
padding : 10px ;
}
. modal-content {
position : relative ;
background-color : # fff ;
border : 1px solid # 999 ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 2 ) ;
border-radius : 6px ;
outline : none ;
-webkit-box-shadow : 0 3px 9px rgba ( 0 , 0 , 0 , 0 . 5 ) ;
box-shadow : 0 3px 9px rgba ( 0 , 0 , 0 , 0 . 5 ) ;
-webkit-background-clip : padding-box ;
-moz-background-clip : padding-box ;
background-clip : padding-box ;
}
. modal-backdrop {
position : fixed ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
z-index : 1030 ;
background-color : # 000 ;
}
. modal-backdrop . fade {
opacity : 0 ;
}
. modal-backdrop . fade . in {
opacity : 0 . 5 ;
filter : alpha ( opacity = 50 ) ;
}
. modal-header {
padding : 9px 15px ;
border-bottom : 1px solid # e5e5e5 ;
}
. modal-header . close {
margin-top : 2px ;
}
. modal-title {
margin : 0 ;
line-height : 30px ;
}
. modal-body {
position : relative ;
padding : 20px ;
}
. modal-footer {
padding : 19px 20px 20px ;
margin-top : 15px ;
text-align : right ;
border-top : 1px solid # e5e5e5 ;
}
. modal-footer : before ,
. modal-footer : after {
display : table ;
content : " " ;
}
. modal-footer : after {
clear : both ;
}
. modal-footer . btn + . btn {
margin-bottom : 0 ;
margin-left : 5px ;
}
. modal-footer . btn-group . btn + . btn {
margin-left : -1px ;
}
. modal-footer . btn-block + . btn-block {
margin-left : 0 ;
}
@ media screen and ( min-width : 768px ) {
. modal-dialog {
right : auto ;
left : 50 % ;
width : 560px ;
padding-top : 30px ;
padding-bottom : 30px ;
margin-left : -280px ;
}
. modal-content {
-webkit-box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , 0 . 5 ) ;
box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , 0 . 5 ) ;
}
}
. tooltip {
position : absolute ;
z-index : 1030 ;
display : block ;
font-size : 11px ;
line-height : 1 . 4 ;
opacity : 0 ;
filter : alpha ( opacity = 0 ) ;
visibility : visible ;
}
. tooltip . in {
opacity : 1 ;
filter : alpha ( opacity = 100 ) ;
}
. tooltip . top {
padding : 5px 0 ;
margin-top : -3px ;
}
. tooltip . right {
padding : 0 5px ;
margin-left : 3px ;
}
. tooltip . bottom {
padding : 5px 0 ;
margin-top : 3px ;
}
. tooltip . left {
padding : 0 5px ;
margin-left : -3px ;
}
. tooltip-inner {
max-width : 200px ;
padding : 3px 8px ;
color : # ffffff ;
text-align : center ;
text-decoration : none ;
background-color : rgba ( 0 , 0 , 0 , 0 . 9 ) ;
border-radius : 4px ;
}
. tooltip-arrow {
position : absolute ;
width : 0 ;
height : 0 ;
border-color : transparent ;
border-style : solid ;
}
. tooltip . top . tooltip-arrow {
bottom : 0 ;
left : 50 % ;
margin-left : -5px ;
border-top-color : rgba ( 0 , 0 , 0 , 0 . 9 ) ;
border-width : 5px 5px 0 ;
}
. tooltip . right . tooltip-arrow {
top : 50 % ;
left : 0 ;
margin-top : -5px ;
border-right-color : rgba ( 0 , 0 , 0 , 0 . 9 ) ;
border-width : 5px 5px 5px 0 ;
}
. tooltip . left . tooltip-arrow {
top : 50 % ;
right : 0 ;
margin-top : -5px ;
border-left-color : rgba ( 0 , 0 , 0 , 0 . 9 ) ;
border-width : 5px 0 5px 5px ;
}
. tooltip . bottom . tooltip-arrow {
top : 0 ;
left : 50 % ;
margin-left : -5px ;
border-bottom-color : rgba ( 0 , 0 , 0 , 0 . 9 ) ;
border-width : 0 5px 5px ;
}
. popover {
position : absolute ;
top : 0 ;
left : 0 ;
z-index : 1010 ;
display : none ;
max-width : 276px ;
padding : 1px ;
text-align : left ;
white-space : normal ;
background-color : # ffffff ;
border : 1px solid # ccc ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 2 ) ;
border-radius : 6px ;
-webkit-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 ;
}
. popover . top {
margin-top : -10px ;
}
. popover . right {
margin-left : 10px ;
}
. popover . bottom {
margin-top : 10px ;
}
. popover . left {
margin-left : -10px ;
}
. popover-title {
padding : 8px 14px ;
margin : 0 ;
font-size : 14px ;
font-weight : normal ;
line-height : 18px ;
background-color : # f7f7f7 ;
border-bottom : 1px solid # ebebeb ;
border-radius : 5px 5px 0 0 ;
}
. popover-title : empty {
display : none ;
}
. popover-content {
padding : 9px 14px ;
}
. popover . arrow ,
. popover . arrow : after {
position : absolute ;
display : block ;
width : 0 ;
height : 0 ;
border-color : transparent ;
border-style : solid ;
}
. popover . arrow {
border-width : 11px ;
}
. popover . arrow : after {
border-width : 10px ;
content : "" ;
}
. popover . top . arrow {
bottom : -11px ;
left : 50 % ;
margin-left : -11px ;
border-top-color : # 999 ;
border-top-color : rgba ( 0 , 0 , 0 , 0 . 25 ) ;
border-bottom-width : 0 ;
}
. popover . top . arrow : after {
bottom : 1px ;
margin-left : -10px ;
border-top-color : # ffffff ;
border-bottom-width : 0 ;
}
. popover . right . arrow {
top : 50 % ;
left : -11px ;
margin-top : -11px ;
border-right-color : # 999 ;
border-right-color : rgba ( 0 , 0 , 0 , 0 . 25 ) ;
border-left-width : 0 ;
}
. popover . right . arrow : after {
bottom : -10px ;
left : 1px ;
border-right-color : # ffffff ;
border-left-width : 0 ;
}
. popover . bottom . arrow {
top : -11px ;
left : 50 % ;
margin-left : -11px ;
border-bottom-color : # 999 ;
border-bottom-color : rgba ( 0 , 0 , 0 , 0 . 25 ) ;
border-top-width : 0 ;
}
. popover . bottom . arrow : after {
top : 1px ;
margin-left : -10px ;
border-bottom-color : # ffffff ;
border-top-width : 0 ;
}
. popover . left . arrow {
top : 50 % ;
right : -11px ;
margin-top : -11px ;
border-left-color : # 999 ;
border-left-color : rgba ( 0 , 0 , 0 , 0 . 25 ) ;
border-right-width : 0 ;
}
. popover . left . arrow : after {
right : 1px ;
bottom : -10px ;
border-left-color : # ffffff ;
border-right-width : 0 ;
}
. alert {
padding : 8px 35px 8px 14px ;
margin-bottom : 20px ;
color : # c09853 ;
background-color : # fcf8e3 ;
border : 1px solid # fbeed5 ;
border-radius : 4px ;
}
. alert h4 {
margin-top : 0 ;
color : inherit ;
}
. alert . close {
position : relative ;
top : -2px ;
right : -21px ;
line-height : 20px ;
color : inherit ;
}
. alert-success {
color : # 468847 ;
background-color : # dff0d8 ;
border-color : # d6e9c6 ;
}
. alert-danger ,
. alert-error {
color : # b94a48 ;
background-color : # f2dede ;
border-color : # eed3d7 ;
}
. alert-info {
color : # 3a87ad ;
background-color : # d9edf7 ;
border-color : # bce8f1 ;
}
. alert-block {
padding-top : 14px ;
padding-bottom : 14px ;
}
. alert-block > p ,
. alert-block > ul {
margin-bottom : 0 ;
}
. alert-block p + p {
margin-top : 5px ;
}
. thumbnail ,
. img-thumbnail {
padding : 4px ;
line-height : 20px ;
border : 1px solid # ddd ;
border-radius : 4px ;
-webkit-transition : all 0 . 2s ease-in-out ;
-moz-transition : all 0 . 2s ease-in-out ;
-o-transition : all 0 . 2s ease-in-out ;
transition : all 0 . 2s ease-in-out ;
}
. thumbnail {
display : block ;
}
. img-thumbnail {
display : inline-block ;
}
a . thumbnail : hover ,
a . thumbnail : focus {
border-color : # 428bca ;
}
. thumbnail > img {
display : block ;
max-width : 100 % ;
margin-right : auto ;
margin-left : auto ;
}
. thumbnail . caption {
padding : 9px ;
color : # 555555 ;
}
. media ,
. media-body {
overflow : hidden ;
zoom : 1 ;
}
. media ,
. media . media {
margin-top : 15px ;
}
. media : first-child {
margin-top : 0 ;
}
. media-object {
display : block ;
}
. media-heading {
margin : 0 0 5px ;
}
. media > . pull-left {
margin-right : 10px ;
}
. media > . pull-right {
margin-left : 10px ;
}
. media-list {
margin-left : 0 ;
list-style : none ;
}
. counter {
display : inline-block ;
min-width : 10px ;
padding : 3px 7px ;
font-size : 12px ;
font-weight : bold ;
line-height : 1 ;
color : # fff ;
text-align : center ;
white-space : nowrap ;
vertical-align : middle ;
background-color : # 999999 ;
border-radius : 10px ;
}
. counter : empty {
display : none ;
}
a . counter : hover ,
a . counter : focus {
color : # fff ;
text-decoration : none ;
cursor : pointer ;
}
. btn . counter {
position : relative ;
top : -1px ;
}
. btn-mini . counter {
top : 0 ;
}
. nav-list > . active > a > . counter ,
. nav-pills > . active > a > . counter {
color : # 428bca ;
background-color : # fff ;
}
. nav-pills > li > a > . counter {
margin-left : 3px ;
}
@ -webkit-keyframes progress-bar-stripes {
from {
background-position : 40px 0 ;
}
to {
background-position : 0 0 ;
}
}
@ -moz-keyframes progress-bar-stripes {
from {
background-position : 40px 0 ;
}
to {
background-position : 0 0 ;
}
}
@ -ms-keyframes progress-bar-stripes {
from {
background-position : 40px 0 ;
}
to {
background-position : 0 0 ;
}
}
@ -o-keyframes progress-bar-stripes {
from {
background-position : 0 0 ;
}
to {
background-position : 40px 0 ;
}
}
@ keyframes progress-bar-stripes {
from {
background-position : 40px 0 ;
}
to {
background-position : 0 0 ;
}
}
. progress {
height : 20px ;
margin-bottom : 20px ;
overflow : hidden ;
background-color : # f5f5f5 ;
border-radius : 4px ;
-webkit-box-shadow : inset 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
box-shadow : inset 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. progress-bar {
float : left ;
width : 0 ;
height : 100 % ;
font-size : 12px ;
color : # fff ;
text-align : center ;
text-shadow : 0 -1px 0 rgba ( 0 , 0 , 0 , 0 . 25 ) ;
background-color : # 428bca ;
-webkit-box-shadow : inset 0 -1px 0 rgba ( 0 , 0 , 0 , 0 . 15 ) ;
box-shadow : inset 0 -1px 0 rgba ( 0 , 0 , 0 , 0 . 15 ) ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
-webkit-transition : width 0 . 6s ease ;
-moz-transition : width 0 . 6s ease ;
-o-transition : width 0 . 6s ease ;
transition : width 0 . 6s ease ;
}
. progress-striped . progress-bar {
background-color : # 428bca ;
background-image : -webkit-gradient ( linear , 0 100 % , 100 % 0 , color-stop ( 0 . 25 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 25 , transparent ) , color-stop ( 0 . 5 , transparent ) , color-stop ( 0 . 5 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , transparent ) , to ( transparent ) ) ;
background-image : -webkit-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -moz-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -o-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
-webkit-background-size : 40px 40px ;
-moz-background-size : 40px 40px ;
-o-background-size : 40px 40px ;
background-size : 40px 40px ;
}
. progress . active . progress-bar {
-webkit-animation : progress-bar-stripes 2s linear infinite ;
-moz-animation : progress-bar-stripes 2s linear infinite ;
-ms-animation : progress-bar-stripes 2s linear infinite ;
-o-animation : progress-bar-stripes 2s linear infinite ;
animation : progress-bar-stripes 2s linear infinite ;
}
. progress-bar-danger {
background-color : # d9534f ;
}
. progress-striped . progress-bar-danger {
background-color : # d9534f ;
background-image : -webkit-gradient ( linear , 0 100 % , 100 % 0 , color-stop ( 0 . 25 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 25 , transparent ) , color-stop ( 0 . 5 , transparent ) , color-stop ( 0 . 5 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , transparent ) , to ( transparent ) ) ;
background-image : -webkit-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -moz-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -o-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
}
. progress-bar-success {
background-color : # 5cb85c ;
}
. progress-striped . progress-bar-success {
background-color : # 5cb85c ;
background-image : -webkit-gradient ( linear , 0 100 % , 100 % 0 , color-stop ( 0 . 25 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 25 , transparent ) , color-stop ( 0 . 5 , transparent ) , color-stop ( 0 . 5 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , transparent ) , to ( transparent ) ) ;
background-image : -webkit-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -moz-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -o-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
}
. progress-bar-warning {
background-color : # f0ad4e ;
}
. progress-striped . progress-bar-warning {
background-color : # f0ad4e ;
background-image : -webkit-gradient ( linear , 0 100 % , 100 % 0 , color-stop ( 0 . 25 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 25 , transparent ) , color-stop ( 0 . 5 , transparent ) , color-stop ( 0 . 5 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , transparent ) , to ( transparent ) ) ;
background-image : -webkit-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -moz-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -o-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
}
. progress-bar-info {
background-color : # 5bc0de ;
}
. progress-striped . progress-bar-info {
background-color : # 5bc0de ;
background-image : -webkit-gradient ( linear , 0 100 % , 100 % 0 , color-stop ( 0 . 25 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 25 , transparent ) , color-stop ( 0 . 5 , transparent ) , color-stop ( 0 . 5 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , rgba ( 255 , 255 , 255 , 0 . 15 ) ) , color-stop ( 0 . 75 , transparent ) , to ( transparent ) ) ;
background-image : -webkit-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -moz-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : -o-linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
background-image : linear-gradient ( 45deg , rgba ( 255 , 255 , 255 , 0 . 15 ) 25 % , transparent 25 % , transparent 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 50 % , rgba ( 255 , 255 , 255 , 0 . 15 ) 75 % , transparent 75 % , transparent ) ;
}
. accordion {
margin-bottom : 20px ;
}
. accordion-group {
margin-bottom : 2px ;
border : 1px solid # e5e5e5 ;
border-radius : 4px ;
}
. accordion-heading {
border-bottom : 0 ;
}
. accordion-heading . accordion-toggle {
display : block ;
padding : 8px 15px ;
}
. accordion-toggle {
cursor : pointer ;
}
. accordion-inner {
padding : 9px 15px ;
border-top : 1px solid # e5e5e5 ;
}
. carousel {
position : relative ;
}
. carousel-inner {
position : relative ;
width : 100 % ;
overflow : hidden ;
}
. carousel-inner > . item {
position : relative ;
display : none ;
-webkit-transition : 0 . 6s ease-in-out left ;
-moz-transition : 0 . 6s ease-in-out left ;
-o-transition : 0 . 6s ease-in-out left ;
transition : 0 . 6s ease-in-out left ;
}
. carousel-inner > . item > img ,
. carousel-inner > . item > a > img {
display : block ;
line-height : 1 ;
}
. carousel-inner > . active ,
. carousel-inner > . next ,
. carousel-inner > . prev {
display : block ;
}
. carousel-inner > . active {
left : 0 ;
}
. carousel-inner > . next ,
. carousel-inner > . prev {
position : absolute ;
top : 0 ;
width : 100 % ;
}
. carousel-inner > . next {
left : 100 % ;
}
. carousel-inner > . prev {
left : -100 % ;
}
. carousel-inner > . next . left ,
. carousel-inner > . prev . right {
left : 0 ;
}
. carousel-inner > . active . left {
left : -100 % ;
}
. carousel-inner > . active . right {
left : 100 % ;
}
. carousel-control {
position : absolute ;
top : 0 ;
bottom : 0 ;
left : 0 ;
2013-02-16 11:47:15 +01:00
width : 15 % ;
font-size : 20px ;
color : # fff ;
text-align : center ;
text-shadow : 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 6 ) ;
2013-02-12 21:16:32 +01:00
opacity : 0 . 5 ;
filter : alpha ( opacity = 50 ) ;
}
. carousel-control . left {
2013-02-16 11:47:15 +01:00
background-color : rgba ( 0 , 0 , 0 , 0 . 0001 ) ;
2013-02-12 21:16:32 +01:00
background-color : transparent ;
2013-02-16 11:47:15 +01:00
background-image : -moz-linear-gradient ( left , rgba ( 0 , 0 , 0 , 0 . 5 ) , rgba ( 0 , 0 , 0 , 0 . 0001 ) ) ;
background-image : -webkit-gradient ( linear , 0 0 , 100 % 0 , from ( rgba ( 0 , 0 , 0 , 0 . 5 ) ) , to ( rgba ( 0 , 0 , 0 , 0 . 0001 ) ) ) ;
background-image : -webkit-linear-gradient ( left , rgba ( 0 , 0 , 0 , 0 . 5 ) , rgba ( 0 , 0 , 0 , 0 . 0001 ) ) ;
background-image : -o-linear-gradient ( left , rgba ( 0 , 0 , 0 , 0 . 5 ) , rgba ( 0 , 0 , 0 , 0 . 0001 ) ) ;
background-image : linear-gradient ( to right , rgba ( 0 , 0 , 0 , 0 . 5 ) , rgba ( 0 , 0 , 0 , 0 . 0001 ) ) ;
2013-02-12 21:16:32 +01:00
background-repeat : repeat-x ;
2013-02-16 10:22:15 +01:00
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#80000000' , endColorstr = '#00000000' , GradientType = 1 ) ;
2013-02-12 21:16:32 +01:00
}
. carousel-control . right {
right : 0 ;
left : auto ;
2013-02-16 10:22:15 +01:00
background-color : rgba ( 0 , 0 , 0 , 0 . 5 ) ;
2013-02-12 21:16:32 +01:00
background-color : transparent ;
2013-02-16 11:47:15 +01:00
background-image : -moz-linear-gradient ( left , rgba ( 0 , 0 , 0 , 0 . 0001 ) , rgba ( 0 , 0 , 0 , 0 . 5 ) ) ;
background-image : -webkit-gradient ( linear , 0 0 , 100 % 0 , from ( rgba ( 0 , 0 , 0 , 0 . 0001 ) ) , to ( rgba ( 0 , 0 , 0 , 0 . 5 ) ) ) ;
background-image : -webkit-linear-gradient ( left , rgba ( 0 , 0 , 0 , 0 . 0001 ) , rgba ( 0 , 0 , 0 , 0 . 5 ) ) ;
background-image : -o-linear-gradient ( left , rgba ( 0 , 0 , 0 , 0 . 0001 ) , rgba ( 0 , 0 , 0 , 0 . 5 ) ) ;
background-image : linear-gradient ( to right , rgba ( 0 , 0 , 0 , 0 . 0001 ) , rgba ( 0 , 0 , 0 , 0 . 5 ) ) ;
2013-02-12 21:16:32 +01:00
background-repeat : repeat-x ;
2013-02-16 10:22:15 +01:00
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#00000000' , endColorstr = '#80000000' , GradientType = 1 ) ;
2013-02-12 21:16:32 +01:00
}
. carousel-control : hover ,
. carousel-control : focus {
color : # fff ;
text-decoration : none ;
opacity : 0 . 9 ;
filter : alpha ( opacity = 90 ) ;
}
2013-02-16 11:47:15 +01:00
. carousel-control . glyphicon {
2013-02-12 21:16:32 +01:00
position : absolute ;
top : 50 % ;
2013-02-16 11:47:15 +01:00
left : 50 % ;
2013-02-12 21:16:32 +01:00
z-index : 5 ;
2013-02-16 10:22:15 +01:00
display : inline-block ;
width : 20px ;
height : 20px ;
margin-top : -10px ;
2013-02-16 11:47:15 +01:00
margin-left : -10px ;
2013-02-12 21:16:32 +01:00
}
. carousel-indicators {
position : absolute ;
2013-02-16 11:47:15 +01:00
bottom : 20px ;
2013-02-16 10:22:15 +01:00
left : 50 % ;
2013-02-12 21:16:32 +01:00
z-index : 5 ;
2013-02-16 10:22:15 +01:00
width : 100px ;
margin : 0 0 0 -50px ;
text-align : center ;
2013-02-12 21:16:32 +01:00
list-style : none ;
}
. carousel-indicators li {
2013-02-16 10:22:15 +01:00
display : inline-block ;
width : 8px ;
height : 8px ;
margin-right : 0 ;
margin-left : 0 ;
2013-02-12 21:16:32 +01:00
text-indent : -999px ;
cursor : pointer ;
2013-02-16 10:22:15 +01:00
border : 1px solid # fff ;
2013-02-12 21:16:32 +01:00
border-radius : 5px ;
}
. carousel-indicators . active {
background-color : # fff ;
}
2013-02-16 11:47:15 +01:00
. carousel-caption {
position : absolute ;
right : 20 % ;
bottom : 20px ;
left : 20 % ;
display : none ;
padding-top : 20px ;
padding-bottom : 20px ;
color : # fff ;
text-shadow : 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 6 ) ;
}
2013-02-16 10:22:15 +01:00
@ media screen and ( min-width : 768px ) {
2013-02-16 11:47:15 +01:00
. carousel-control . glyphicon {
2013-02-16 10:22:15 +01:00
width : 30px ;
height : 30px ;
margin-top : -15px ;
2013-02-16 11:47:15 +01:00
margin-left : -15px ;
2013-02-16 10:22:15 +01:00
font-size : 30px ;
}
2013-02-16 11:47:15 +01:00
. carousel-caption {
right : 0 ;
left : 0 ;
z-index : 10 ;
display : block ;
max-width : 60 % ;
padding : 30px ;
margin-right : 0 ;
margin-left : 0 ;
2013-02-16 10:22:15 +01:00
}
2013-02-12 21:16:32 +01:00
}
. jumbotron {
padding : 30px ;
margin-bottom : 30px ;
font-size : 21px ;
font-weight : 200 ;
line-height : 30px ;
color : inherit ;
background-color : # eeeeee ;
}
. jumbotron h1 {
line-height : 1 ;
color : inherit ;
}
. jumbotron p {
line-height : 1 . 4 ;
}
@ media screen and ( min-width : 768px ) {
. jumbotron {
padding : 50px 60px ;
border-radius : 6px ;
}
. jumbotron h1 {
font-size : 60px ;
}
}
. clearfix : before ,
. clearfix : after {
display : table ;
content : " " ;
}
. clearfix : after {
clear : both ;
}
. pull-right {
float : right ;
}
. pull-left {
float : left ;
}
. hide {
display : none ! important ;
}
. show {
display : block ! important ;
}
. invisible {
visibility : hidden ;
}
. text-hide {
font : 0 / 0 a ;
color : transparent ;
text-shadow : none ;
background-color : transparent ;
border : 0 ;
}
. affix {
position : fixed ;
}
@ -ms-viewport {
width : device-width ;
}
. hidden {
display : none ;
visibility : hidden ;
}
. visible-phone {
display : none ! important ;
}
. visible-tablet {
display : none ! important ;
}
. hidden-desktop {
display : none ! important ;
}
. visible-desktop {
display : inherit ! important ;
}
@ media ( min-width : 768px ) and ( max-width : 979px ) {
. hidden-desktop {
display : inherit ! important ;
}
. visible-desktop {
display : none ! important ;
}
. visible-tablet {
display : inherit ! important ;
}
. hidden-tablet {
display : none ! important ;
}
}
@ media ( max-width : 767px ) {
. hidden-desktop {
display : inherit ! important ;
}
. visible-desktop {
display : none ! important ;
}
. visible-phone {
display : inherit ! important ;
}
. hidden-phone {
display : none ! important ;
}
}
. visible-print {
display : none ! important ;
}
@ media print {
. visible-print {
display : inherit ! important ;
}
. hidden-print {
display : none ! important ;
}
}