Created
April 16, 2013 10:51
-
-
Save stefanw/5395032 to your computer and use it in GitHub Desktop.
CKAN's main debug css for debug=true
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
nav, | |
section { | |
display: block; | |
} | |
audio, | |
canvas, | |
video { | |
display: inline-block; | |
*display: inline; | |
*zoom: 1; | |
} | |
audio:not([controls]) { | |
display: none; | |
} | |
html { | |
font-size: 100%; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
} | |
a:focus { | |
outline: thin dotted #333; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
a:hover, | |
a:active { | |
outline: 0; | |
} | |
sub, | |
sup { | |
position: relative; | |
font-size: 75%; | |
line-height: 0; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
img { | |
max-width: 100%; | |
vertical-align: middle; | |
border: 0; | |
-ms-interpolation-mode: bicubic; | |
} | |
button, | |
input, | |
select, | |
textarea { | |
margin: 0; | |
font-size: 100%; | |
vertical-align: middle; | |
} | |
button, | |
input { | |
*overflow: visible; | |
line-height: normal; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
padding: 0; | |
border: 0; | |
} | |
button, | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
cursor: pointer; | |
-webkit-appearance: button; | |
} | |
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-decoration, | |
input[type="search"]::-webkit-search-cancel-button { | |
-webkit-appearance: none; | |
} | |
textarea { | |
overflow: auto; | |
vertical-align: top; | |
} | |
.clearfix { | |
*zoom: 1; | |
} | |
.clearfix:before, | |
.clearfix:after { | |
display: table; | |
content: ""; | |
} | |
.clearfix:after { | |
clear: both; | |
} | |
.hide-text { | |
font: 0/0 a; | |
color: transparent; | |
text-shadow: none; | |
background-color: transparent; | |
border: 0; | |
} | |
.input-block-level { | |
display: block; | |
width: 100%; | |
min-height: 28px; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
body { | |
margin: 0; | |
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
font-size: 13px; | |
line-height: 18px; | |
color: #4d4d4d; | |
background-color: #efefef; | |
} | |
a { | |
color: #187794; | |
text-decoration: none; | |
} | |
a:hover { | |
color: #0d4252; | |
text-decoration: underline; | |
} | |
.row { | |
margin-left: -20px; | |
*zoom: 1; | |
} | |
.row:before, | |
.row:after { | |
display: table; | |
content: ""; | |
} | |
.row:after { | |
clear: both; | |
} | |
[class*="span"] { | |
float: left; | |
margin-left: 20px; | |
} | |
.container, | |
.navbar-fixed-top .container, | |
.navbar-fixed-bottom .container { | |
width: 940px; | |
} | |
.span12 { | |
width: 940px; | |
} | |
.span11 { | |
width: 860px; | |
} | |
.span10 { | |
width: 780px; | |
} | |
.span9 { | |
width: 700px; | |
} | |
.span8 { | |
width: 620px; | |
} | |
.span7 { | |
width: 540px; | |
} | |
.span6 { | |
width: 460px; | |
} | |
.span5 { | |
width: 380px; | |
} | |
.span4 { | |
width: 300px; | |
} | |
.span3 { | |
width: 220px; | |
} | |
.span2 { | |
width: 140px; | |
} | |
.span1 { | |
width: 60px; | |
} | |
.offset12 { | |
margin-left: 980px; | |
} | |
.offset11 { | |
margin-left: 900px; | |
} | |
.offset10 { | |
margin-left: 820px; | |
} | |
.offset9 { | |
margin-left: 740px; | |
} | |
.offset8 { | |
margin-left: 660px; | |
} | |
.offset7 { | |
margin-left: 580px; | |
} | |
.offset6 { | |
margin-left: 500px; | |
} | |
.offset5 { | |
margin-left: 420px; | |
} | |
.offset4 { | |
margin-left: 340px; | |
} | |
.offset3 { | |
margin-left: 260px; | |
} | |
.offset2 { | |
margin-left: 180px; | |
} | |
.offset1 { | |
margin-left: 100px; | |
} | |
.row-fluid { | |
width: 100%; | |
*zoom: 1; | |
} | |
.row-fluid:before, | |
.row-fluid:after { | |
display: table; | |
content: ""; | |
} | |
.row-fluid:after { | |
clear: both; | |
} | |
.row-fluid [class*="span"] { | |
display: block; | |
width: 100%; | |
min-height: 28px; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
float: left; | |
margin-left: 2.127659574%; | |
*margin-left: 2.0744680846382977%; | |
} | |
.row-fluid [class*="span"]:first-child { | |
margin-left: 0; | |
} | |
.row-fluid .span12 { | |
width: 99.99999998999999%; | |
*width: 99.94680850063828%; | |
} | |
.row-fluid .span11 { | |
width: 91.489361693%; | |
*width: 91.4361702036383%; | |
} | |
.row-fluid .span10 { | |
width: 82.97872339599999%; | |
*width: 82.92553190663828%; | |
} | |
.row-fluid .span9 { | |
width: 74.468085099%; | |
*width: 74.4148936096383%; | |
} | |
.row-fluid .span8 { | |
width: 65.95744680199999%; | |
*width: 65.90425531263828%; | |
} | |
.row-fluid .span7 { | |
width: 57.446808505%; | |
*width: 57.3936170156383%; | |
} | |
.row-fluid .span6 { | |
width: 48.93617020799999%; | |
*width: 48.88297871863829%; | |
} | |
.row-fluid .span5 { | |
width: 40.425531911%; | |
*width: 40.3723404216383%; | |
} | |
.row-fluid .span4 { | |
width: 31.914893614%; | |
*width: 31.8617021246383%; | |
} | |
.row-fluid .span3 { | |
width: 23.404255317%; | |
*width: 23.3510638276383%; | |
} | |
.row-fluid .span2 { | |
width: 14.89361702%; | |
*width: 14.8404255306383%; | |
} | |
.row-fluid .span1 { | |
width: 6.382978723%; | |
*width: 6.329787233638298%; | |
} | |
.container { | |
margin-right: auto; | |
margin-left: auto; | |
*zoom: 1; | |
} | |
.container:before, | |
.container:after { | |
display: table; | |
content: ""; | |
} | |
.container:after { | |
clear: both; | |
} | |
.container-fluid { | |
padding-right: 20px; | |
padding-left: 20px; | |
*zoom: 1; | |
} | |
.container-fluid:before, | |
.container-fluid:after { | |
display: table; | |
content: ""; | |
} | |
.container-fluid:after { | |
clear: both; | |
} | |
p { | |
margin: 0 0 9px; | |
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
font-size: 13px; | |
line-height: 18px; | |
} | |
p small { | |
font-size: 11px; | |
color: #999999; | |
} | |
.lead { | |
margin-bottom: 18px; | |
font-size: 20px; | |
font-weight: 200; | |
line-height: 27px; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
margin: 0; | |
font-family: inherit; | |
font-weight: bold; | |
color: inherit; | |
text-rendering: optimizelegibility; | |
} | |
h1 small, | |
h2 small, | |
h3 small, | |
h4 small, | |
h5 small, | |
h6 small { | |
font-weight: normal; | |
color: #999999; | |
} | |
h1 { | |
font-size: 30px; | |
line-height: 36px; | |
} | |
h1 small { | |
font-size: 18px; | |
} | |
h2 { | |
font-size: 24px; | |
line-height: 36px; | |
} | |
h2 small { | |
font-size: 18px; | |
} | |
h3 { | |
font-size: 18px; | |
line-height: 27px; | |
} | |
h3 small { | |
font-size: 14px; | |
} | |
h4, | |
h5, | |
h6 { | |
line-height: 18px; | |
} | |
h4 { | |
font-size: 14px; | |
} | |
h4 small { | |
font-size: 12px; | |
} | |
h5 { | |
font-size: 12px; | |
} | |
h6 { | |
font-size: 11px; | |
color: #999999; | |
text-transform: uppercase; | |
} | |
.page-header { | |
padding-bottom: 17px; | |
margin: 18px 0; | |
border-bottom: 1px solid #eeeeee; | |
} | |
.page-header h1 { | |
line-height: 1; | |
} | |
ul, | |
ol { | |
padding: 0; | |
margin: 0 0 9px 25px; | |
} | |
ul ul, | |
ul ol, | |
ol ol, | |
ol ul { | |
margin-bottom: 0; | |
} | |
ul { | |
list-style: disc; | |
} | |
ol { | |
list-style: decimal; | |
} | |
li { | |
line-height: 18px; | |
} | |
ul.unstyled, | |
ol.unstyled { | |
margin-left: 0; | |
list-style: none; | |
} | |
dl { | |
margin-bottom: 18px; | |
} | |
dt, | |
dd { | |
line-height: 18px; | |
} | |
dt { | |
font-weight: bold; | |
line-height: 17px; | |
} | |
dd { | |
margin-left: 9px; | |
} | |
.dl-horizontal dt { | |
float: left; | |
width: 120px; | |
clear: left; | |
text-align: right; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.dl-horizontal dd { | |
margin-left: 130px; | |
} | |
hr { | |
margin: 18px 0; | |
border: 0; | |
border-top: 1px solid #eeeeee; | |
border-bottom: 1px solid #ffffff; | |
} | |
strong { | |
font-weight: bold; | |
} | |
em { | |
font-style: italic; | |
} | |
.muted { | |
color: #999999; | |
} | |
abbr[title] { | |
cursor: help; | |
border-bottom: 1px dotted #ddd; | |
} | |
abbr.initialism { | |
font-size: 90%; | |
text-transform: uppercase; | |
} | |
blockquote { | |
padding: 0 0 0 15px; | |
margin: 0 0 18px; | |
border-left: 5px solid #eeeeee; | |
} | |
blockquote p { | |
margin-bottom: 0; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 22.5px; | |
} | |
blockquote small { | |
display: block; | |
line-height: 18px; | |
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; | |
} | |
q:before, | |
q:after, | |
blockquote:before, | |
blockquote:after { | |
content: ""; | |
} | |
address { | |
display: block; | |
margin-bottom: 18px; | |
font-style: normal; | |
line-height: 18px; | |
} | |
small { | |
font-size: 100%; | |
} | |
cite { | |
font-style: normal; | |
} | |
code, | |
pre { | |
padding: 0 3px 2px; | |
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |
font-size: 12px; | |
color: #333333; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
code { | |
padding: 2px 4px; | |
color: #d14; | |
background-color: #f7f7f9; | |
border: 1px solid #e1e1e8; | |
} | |
pre { | |
display: block; | |
padding: 8.5px; | |
margin: 0 0 9px; | |
font-size: 12.025px; | |
line-height: 18px; | |
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); | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
pre.prettyprint { | |
margin-bottom: 18px; | |
} | |
pre code { | |
padding: 0; | |
color: inherit; | |
background-color: transparent; | |
border: 0; | |
} | |
.pre-scrollable { | |
max-height: 340px; | |
overflow-y: scroll; | |
} | |
form { | |
margin: 0 0 18px; | |
} | |
fieldset { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
} | |
legend { | |
display: block; | |
width: 100%; | |
padding: 0; | |
margin-bottom: 27px; | |
font-size: 19.5px; | |
line-height: 36px; | |
color: #333333; | |
border: 0; | |
border-bottom: 1px solid #eee; | |
} | |
legend small { | |
font-size: 13.5px; | |
color: #999999; | |
} | |
label, | |
input, | |
button, | |
select, | |
textarea { | |
font-size: 13px; | |
font-weight: normal; | |
line-height: 18px; | |
} | |
input, | |
button, | |
select, | |
textarea { | |
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
} | |
label { | |
display: block; | |
margin-bottom: 5px; | |
color: #333333; | |
} | |
input, | |
textarea, | |
select, | |
.uneditable-input { | |
display: inline-block; | |
width: 210px; | |
height: 18px; | |
padding: 4px; | |
margin-bottom: 9px; | |
font-size: 13px; | |
line-height: 18px; | |
color: #555555; | |
background-color: #ffffff; | |
border: 1px solid #cccccc; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
.uneditable-textarea { | |
width: auto; | |
height: auto; | |
} | |
label input, | |
label textarea, | |
label select { | |
display: block; | |
} | |
input[type="image"], | |
input[type="checkbox"], | |
input[type="radio"] { | |
width: auto; | |
height: auto; | |
padding: 0; | |
margin: 3px 0; | |
*margin-top: 0; | |
/* IE7 */ | |
line-height: normal; | |
cursor: pointer; | |
background-color: transparent; | |
border: 0 \9; | |
/* IE9 and down */ | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
input[type="image"] { | |
border: 0; | |
} | |
input[type="file"] { | |
width: auto; | |
padding: initial; | |
line-height: initial; | |
background-color: #ffffff; | |
background-color: initial; | |
border: initial; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
width: auto; | |
height: auto; | |
} | |
select, | |
input[type="file"] { | |
height: 28px; | |
/* In IE7, the height of the select element cannot be changed by height, only font-size */ | |
*margin-top: 4px; | |
/* For IE7, add top margin to align select with labels */ | |
line-height: 28px; | |
} | |
input[type="file"] { | |
line-height: 18px \9; | |
} | |
select { | |
width: 220px; | |
background-color: #ffffff; | |
} | |
select[multiple], | |
select[size] { | |
height: auto; | |
} | |
input[type="image"] { | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
textarea { | |
height: auto; | |
} | |
input[type="hidden"] { | |
display: none; | |
} | |
.radio, | |
.checkbox { | |
min-height: 18px; | |
padding-left: 18px; | |
} | |
.radio input[type="radio"], | |
.checkbox input[type="checkbox"] { | |
float: left; | |
margin-left: -18px; | |
} | |
.controls > .radio:first-child, | |
.controls > .checkbox:first-child { | |
padding-top: 5px; | |
} | |
.radio.inline, | |
.checkbox.inline { | |
display: inline-block; | |
padding-top: 5px; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.radio.inline + .radio.inline, | |
.checkbox.inline + .checkbox.inline { | |
margin-left: 10px; | |
} | |
input, | |
textarea { | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
-moz-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-transition: border linear 0.2s, box-shadow linear 0.2s; | |
-moz-transition: border linear 0.2s, box-shadow linear 0.2s; | |
-ms-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:focus, | |
textarea:focus { | |
border-color: rgba(82, 168, 236, 0.8); | |
outline: 0; | |
outline: thin dotted \9; | |
/* IE6-9 */ | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
} | |
input[type="file"]:focus, | |
input[type="radio"]:focus, | |
input[type="checkbox"]:focus, | |
select:focus { | |
outline: thin dotted #333; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
.input-mini { | |
width: 60px; | |
} | |
.input-small { | |
width: 90px; | |
} | |
.input-medium { | |
width: 150px; | |
} | |
.input-large { | |
width: 210px; | |
} | |
.input-xlarge { | |
width: 270px; | |
} | |
.input-xxlarge { | |
width: 530px; | |
} | |
input[class*="span"], | |
select[class*="span"], | |
textarea[class*="span"], | |
.uneditable-input[class*="span"], | |
.row-fluid input[class*="span"], | |
.row-fluid select[class*="span"], | |
.row-fluid textarea[class*="span"], | |
.row-fluid .uneditable-input[class*="span"] { | |
float: none; | |
margin-left: 0; | |
} | |
input, | |
textarea, | |
.uneditable-input { | |
margin-left: 0; | |
} | |
input.span12, textarea.span12, .uneditable-input.span12 { | |
width: 930px; | |
} | |
input.span11, textarea.span11, .uneditable-input.span11 { | |
width: 850px; | |
} | |
input.span10, textarea.span10, .uneditable-input.span10 { | |
width: 770px; | |
} | |
input.span9, textarea.span9, .uneditable-input.span9 { | |
width: 690px; | |
} | |
input.span8, textarea.span8, .uneditable-input.span8 { | |
width: 610px; | |
} | |
input.span7, textarea.span7, .uneditable-input.span7 { | |
width: 530px; | |
} | |
input.span6, textarea.span6, .uneditable-input.span6 { | |
width: 450px; | |
} | |
input.span5, textarea.span5, .uneditable-input.span5 { | |
width: 370px; | |
} | |
input.span4, textarea.span4, .uneditable-input.span4 { | |
width: 290px; | |
} | |
input.span3, textarea.span3, .uneditable-input.span3 { | |
width: 210px; | |
} | |
input.span2, textarea.span2, .uneditable-input.span2 { | |
width: 130px; | |
} | |
input.span1, textarea.span1, .uneditable-input.span1 { | |
width: 50px; | |
} | |
input[disabled], | |
select[disabled], | |
textarea[disabled], | |
input[readonly], | |
select[readonly], | |
textarea[readonly] { | |
cursor: not-allowed; | |
background-color: #eeeeee; | |
border-color: #ddd; | |
} | |
input[type="radio"][disabled], | |
input[type="checkbox"][disabled], | |
input[type="radio"][readonly], | |
input[type="checkbox"][readonly] { | |
background-color: transparent; | |
} | |
.control-group.warning > label, | |
.control-group.warning .help-block, | |
.control-group.warning .help-inline { | |
color: #c09853; | |
} | |
.control-group.warning input, | |
.control-group.warning select, | |
.control-group.warning textarea { | |
color: #c09853; | |
border-color: #c09853; | |
} | |
.control-group.warning input:focus, | |
.control-group.warning select:focus, | |
.control-group.warning textarea:focus { | |
border-color: #a47e3c; | |
-webkit-box-shadow: 0 0 6px #dbc59e; | |
-moz-box-shadow: 0 0 6px #dbc59e; | |
box-shadow: 0 0 6px #dbc59e; | |
} | |
.control-group.warning .input-prepend .add-on, | |
.control-group.warning .input-append .add-on { | |
color: #c09853; | |
background-color: #fcf8e3; | |
border-color: #c09853; | |
} | |
.control-group.error > label, | |
.control-group.error .help-block, | |
.control-group.error .help-inline { | |
color: #b55457; | |
} | |
.control-group.error input, | |
.control-group.error select, | |
.control-group.error textarea { | |
color: #b55457; | |
border-color: #b55457; | |
} | |
.control-group.error input:focus, | |
.control-group.error select:focus, | |
.control-group.error textarea:focus { | |
border-color: #954143; | |
-webkit-box-shadow: 0 0 6px #d49b9d; | |
-moz-box-shadow: 0 0 6px #d49b9d; | |
box-shadow: 0 0 6px #d49b9d; | |
} | |
.control-group.error .input-prepend .add-on, | |
.control-group.error .input-append .add-on { | |
color: #b55457; | |
background-color: #f8f0f0; | |
border-color: #b55457; | |
} | |
.control-group.success > label, | |
.control-group.success .help-block, | |
.control-group.success .help-inline { | |
color: #468847; | |
} | |
.control-group.success input, | |
.control-group.success select, | |
.control-group.success textarea { | |
color: #468847; | |
border-color: #468847; | |
} | |
.control-group.success input:focus, | |
.control-group.success select:focus, | |
.control-group.success textarea:focus { | |
border-color: #356635; | |
-webkit-box-shadow: 0 0 6px #7aba7b; | |
-moz-box-shadow: 0 0 6px #7aba7b; | |
box-shadow: 0 0 6px #7aba7b; | |
} | |
.control-group.success .input-prepend .add-on, | |
.control-group.success .input-append .add-on { | |
color: #468847; | |
background-color: #dff0d8; | |
border-color: #468847; | |
} | |
input:focus:required:invalid, | |
textarea:focus:required:invalid, | |
select:focus:required:invalid { | |
color: #b94a48; | |
border-color: #ee5f5b; | |
} | |
input:focus:required:invalid:focus, | |
textarea:focus:required:invalid:focus, | |
select:focus:required:invalid:focus { | |
border-color: #e9322d; | |
-webkit-box-shadow: 0 0 6px #f8b9b7; | |
-moz-box-shadow: 0 0 6px #f8b9b7; | |
box-shadow: 0 0 6px #f8b9b7; | |
} | |
.form-actions { | |
padding: 17px 20px 18px; | |
margin-top: 18px; | |
margin-bottom: 18px; | |
background-color: #f5f5f5; | |
border-top: 1px solid #ddd; | |
*zoom: 1; | |
} | |
.form-actions:before, | |
.form-actions:after { | |
display: table; | |
content: ""; | |
} | |
.form-actions:after { | |
clear: both; | |
} | |
.uneditable-input { | |
overflow: hidden; | |
white-space: nowrap; | |
cursor: not-allowed; | |
background-color: #ffffff; | |
border-color: #eee; | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
} | |
:-moz-placeholder { | |
color: #999999; | |
} | |
::-webkit-input-placeholder { | |
color: #999999; | |
} | |
.help-block, | |
.help-inline { | |
color: #555555; | |
} | |
.help-block { | |
display: block; | |
margin-bottom: 9px; | |
} | |
.help-inline { | |
display: inline-block; | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
vertical-align: middle; | |
padding-left: 5px; | |
} | |
.input-prepend, | |
.input-append { | |
margin-bottom: 5px; | |
} | |
.input-prepend input, | |
.input-append input, | |
.input-prepend select, | |
.input-append select, | |
.input-prepend .uneditable-input, | |
.input-append .uneditable-input { | |
position: relative; | |
margin-bottom: 0; | |
*margin-left: 0; | |
vertical-align: middle; | |
-webkit-border-radius: 0 3px 3px 0; | |
-moz-border-radius: 0 3px 3px 0; | |
border-radius: 0 3px 3px 0; | |
} | |
.input-prepend input:focus, | |
.input-append input:focus, | |
.input-prepend select:focus, | |
.input-append select:focus, | |
.input-prepend .uneditable-input:focus, | |
.input-append .uneditable-input:focus { | |
z-index: 2; | |
} | |
.input-prepend .uneditable-input, | |
.input-append .uneditable-input { | |
border-left-color: #ccc; | |
} | |
.input-prepend .add-on, | |
.input-append .add-on { | |
display: inline-block; | |
width: auto; | |
height: 18px; | |
min-width: 16px; | |
padding: 4px 5px; | |
font-weight: normal; | |
line-height: 18px; | |
text-align: center; | |
text-shadow: 0 1px 0 #ffffff; | |
vertical-align: middle; | |
background-color: #eeeeee; | |
border: 1px solid #ccc; | |
} | |
.input-prepend .add-on, | |
.input-append .add-on, | |
.input-prepend .btn, | |
.input-append .btn { | |
margin-left: -1px; | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
.input-prepend .active, | |
.input-append .active { | |
background-color: #a9dba9; | |
border-color: #46a546; | |
} | |
.input-prepend .add-on, | |
.input-prepend .btn { | |
margin-right: -1px; | |
} | |
.input-prepend .add-on:first-child, | |
.input-prepend .btn:first-child { | |
-webkit-border-radius: 3px 0 0 3px; | |
-moz-border-radius: 3px 0 0 3px; | |
border-radius: 3px 0 0 3px; | |
} | |
.input-append input, | |
.input-append select, | |
.input-append .uneditable-input { | |
-webkit-border-radius: 3px 0 0 3px; | |
-moz-border-radius: 3px 0 0 3px; | |
border-radius: 3px 0 0 3px; | |
} | |
.input-append .uneditable-input { | |
border-right-color: #ccc; | |
border-left-color: #eee; | |
} | |
.input-append .add-on:last-child, | |
.input-append .btn:last-child { | |
-webkit-border-radius: 0 3px 3px 0; | |
-moz-border-radius: 0 3px 3px 0; | |
border-radius: 0 3px 3px 0; | |
} | |
.input-prepend.input-append input, | |
.input-prepend.input-append select, | |
.input-prepend.input-append .uneditable-input { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
.input-prepend.input-append .add-on:first-child, | |
.input-prepend.input-append .btn:first-child { | |
margin-right: -1px; | |
-webkit-border-radius: 3px 0 0 3px; | |
-moz-border-radius: 3px 0 0 3px; | |
border-radius: 3px 0 0 3px; | |
} | |
.input-prepend.input-append .add-on:last-child, | |
.input-prepend.input-append .btn:last-child { | |
margin-left: -1px; | |
-webkit-border-radius: 0 3px 3px 0; | |
-moz-border-radius: 0 3px 3px 0; | |
border-radius: 0 3px 3px 0; | |
} | |
.search-query { | |
padding-right: 14px; | |
padding-right: 4px \9; | |
padding-left: 14px; | |
padding-left: 4px \9; | |
/* IE7-8 doesn't have border-radius, so don't indent the padding */ | |
margin-bottom: 0; | |
-webkit-border-radius: 14px; | |
-moz-border-radius: 14px; | |
border-radius: 14px; | |
} | |
.form-search input, | |
.form-inline input, | |
.form-horizontal input, | |
.form-search textarea, | |
.form-inline textarea, | |
.form-horizontal textarea, | |
.form-search select, | |
.form-inline select, | |
.form-horizontal select, | |
.form-search .help-inline, | |
.form-inline .help-inline, | |
.form-horizontal .help-inline, | |
.form-search .uneditable-input, | |
.form-inline .uneditable-input, | |
.form-horizontal .uneditable-input, | |
.form-search .input-prepend, | |
.form-inline .input-prepend, | |
.form-horizontal .input-prepend, | |
.form-search .input-append, | |
.form-inline .input-append, | |
.form-horizontal .input-append { | |
display: inline-block; | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
margin-bottom: 0; | |
} | |
.form-search .hide, | |
.form-inline .hide, | |
.form-horizontal .hide { | |
display: none; | |
} | |
.form-search label, | |
.form-inline label { | |
display: inline-block; | |
} | |
.form-search .input-append, | |
.form-inline .input-append, | |
.form-search .input-prepend, | |
.form-inline .input-prepend { | |
margin-bottom: 0; | |
} | |
.form-search .radio, | |
.form-search .checkbox, | |
.form-inline .radio, | |
.form-inline .checkbox { | |
padding-left: 0; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.form-search .radio input[type="radio"], | |
.form-search .checkbox input[type="checkbox"], | |
.form-inline .radio input[type="radio"], | |
.form-inline .checkbox input[type="checkbox"] { | |
float: left; | |
margin-right: 3px; | |
margin-left: 0; | |
} | |
.control-group { | |
margin-bottom: 9px; | |
} | |
legend + .control-group { | |
margin-top: 18px; | |
-webkit-margin-top-collapse: separate; | |
} | |
.form-horizontal .control-group { | |
margin-bottom: 18px; | |
*zoom: 1; | |
} | |
.form-horizontal .control-group:before, | |
.form-horizontal .control-group:after { | |
display: table; | |
content: ""; | |
} | |
.form-horizontal .control-group:after { | |
clear: both; | |
} | |
.form-horizontal .control-label { | |
float: left; | |
width: 140px; | |
padding-top: 5px; | |
text-align: right; | |
} | |
.form-horizontal .controls { | |
*display: inline-block; | |
*padding-left: 20px; | |
margin-left: 160px; | |
*margin-left: 0; | |
} | |
.form-horizontal .controls:first-child { | |
*padding-left: 160px; | |
} | |
.form-horizontal .help-block { | |
margin-top: 9px; | |
margin-bottom: 0; | |
} | |
.form-horizontal .form-actions { | |
padding-left: 160px; | |
} | |
table { | |
max-width: 100%; | |
background-color: transparent; | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
.table { | |
width: 100%; | |
margin-bottom: 18px; | |
} | |
.table th, | |
.table td { | |
padding: 8px; | |
line-height: 18px; | |
text-align: left; | |
vertical-align: top; | |
border-top: 1px solid #dddddd; | |
} | |
.table th { | |
font-weight: bold; | |
} | |
.table thead th { | |
vertical-align: bottom; | |
} | |
.table caption + thead tr:first-child th, | |
.table caption + thead tr:first-child td, | |
.table colgroup + thead tr:first-child th, | |
.table colgroup + thead tr:first-child td, | |
.table thead:first-child tr:first-child th, | |
.table thead:first-child tr:first-child td { | |
border-top: 0; | |
} | |
.table tbody + tbody { | |
border-top: 2px solid #dddddd; | |
} | |
.table-condensed th, | |
.table-condensed td { | |
padding: 4px 5px; | |
} | |
.table-bordered { | |
border: 1px solid #dddddd; | |
border-collapse: separate; | |
*border-collapse: collapsed; | |
border-left: 0; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
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 { | |
-webkit-border-top-left-radius: 4px; | |
border-top-left-radius: 4px; | |
-moz-border-radius-topleft: 4px; | |
} | |
.table-bordered thead:first-child tr:first-child th:last-child, | |
.table-bordered tbody:first-child tr:first-child td:last-child { | |
-webkit-border-top-right-radius: 4px; | |
border-top-right-radius: 4px; | |
-moz-border-radius-topright: 4px; | |
} | |
.table-bordered thead:last-child tr:last-child th:first-child, | |
.table-bordered tbody:last-child tr:last-child td:first-child { | |
-webkit-border-radius: 0 0 0 4px; | |
-moz-border-radius: 0 0 0 4px; | |
border-radius: 0 0 0 4px; | |
-webkit-border-bottom-left-radius: 4px; | |
border-bottom-left-radius: 4px; | |
-moz-border-radius-bottomleft: 4px; | |
} | |
.table-bordered thead:last-child tr:last-child th:last-child, | |
.table-bordered tbody:last-child tr:last-child td:last-child { | |
-webkit-border-bottom-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
-moz-border-radius-bottomright: 4px; | |
} | |
.table-striped tbody tr:nth-child(odd) td, | |
.table-striped tbody tr:nth-child(odd) th { | |
background-color: #f9f9f9; | |
} | |
.table tbody tr:hover td, | |
.table tbody tr:hover th { | |
background-color: #f5f5f5; | |
} | |
table .span1 { | |
float: none; | |
width: 44px; | |
margin-left: 0; | |
} | |
table .span2 { | |
float: none; | |
width: 124px; | |
margin-left: 0; | |
} | |
table .span3 { | |
float: none; | |
width: 204px; | |
margin-left: 0; | |
} | |
table .span4 { | |
float: none; | |
width: 284px; | |
margin-left: 0; | |
} | |
table .span5 { | |
float: none; | |
width: 364px; | |
margin-left: 0; | |
} | |
table .span6 { | |
float: none; | |
width: 444px; | |
margin-left: 0; | |
} | |
table .span7 { | |
float: none; | |
width: 524px; | |
margin-left: 0; | |
} | |
table .span8 { | |
float: none; | |
width: 604px; | |
margin-left: 0; | |
} | |
table .span9 { | |
float: none; | |
width: 684px; | |
margin-left: 0; | |
} | |
table .span10 { | |
float: none; | |
width: 764px; | |
margin-left: 0; | |
} | |
table .span11 { | |
float: none; | |
width: 844px; | |
margin-left: 0; | |
} | |
table .span12 { | |
float: none; | |
width: 924px; | |
margin-left: 0; | |
} | |
table .span13 { | |
float: none; | |
width: 1004px; | |
margin-left: 0; | |
} | |
table .span14 { | |
float: none; | |
width: 1084px; | |
margin-left: 0; | |
} | |
table .span15 { | |
float: none; | |
width: 1164px; | |
margin-left: 0; | |
} | |
table .span16 { | |
float: none; | |
width: 1244px; | |
margin-left: 0; | |
} | |
table .span17 { | |
float: none; | |
width: 1324px; | |
margin-left: 0; | |
} | |
table .span18 { | |
float: none; | |
width: 1404px; | |
margin-left: 0; | |
} | |
table .span19 { | |
float: none; | |
width: 1484px; | |
margin-left: 0; | |
} | |
table .span20 { | |
float: none; | |
width: 1564px; | |
margin-left: 0; | |
} | |
table .span21 { | |
float: none; | |
width: 1644px; | |
margin-left: 0; | |
} | |
table .span22 { | |
float: none; | |
width: 1724px; | |
margin-left: 0; | |
} | |
table .span23 { | |
float: none; | |
width: 1804px; | |
margin-left: 0; | |
} | |
table .span24 { | |
float: none; | |
width: 1884px; | |
margin-left: 0; | |
} | |
.dropup, | |
.dropdown { | |
position: relative; | |
} | |
.dropdown-toggle { | |
*margin-bottom: -3px; | |
} | |
.dropdown-toggle:active, | |
.open .dropdown-toggle { | |
outline: 0; | |
} | |
.caret { | |
display: inline-block; | |
width: 0; | |
height: 0; | |
vertical-align: top; | |
border-top: 4px solid #000000; | |
border-right: 4px solid transparent; | |
border-left: 4px solid transparent; | |
content: ""; | |
opacity: 0.3; | |
filter: alpha(opacity=30); | |
} | |
.dropdown .caret { | |
margin-top: 8px; | |
margin-left: 2px; | |
} | |
.dropdown:hover .caret, | |
.open .caret { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.dropdown-menu { | |
position: absolute; | |
top: 100%; | |
left: 0; | |
z-index: 1000; | |
display: none; | |
float: left; | |
min-width: 160px; | |
padding: 4px 0; | |
margin: 1px 0 0; | |
list-style: none; | |
background-color: #ffffff; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, 0.2); | |
*border-right-width: 2px; | |
*border-bottom-width: 2px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
-webkit-background-clip: padding-box; | |
-moz-background-clip: padding; | |
background-clip: padding-box; | |
} | |
.dropdown-menu.pull-right { | |
right: 0; | |
left: auto; | |
} | |
.dropdown-menu .divider { | |
*width: 100%; | |
height: 1px; | |
margin: 8px 1px; | |
*margin: -5px 0 5px; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
border-bottom: 1px solid #ffffff; | |
} | |
.dropdown-menu a { | |
display: block; | |
padding: 3px 15px; | |
clear: both; | |
font-weight: normal; | |
line-height: 18px; | |
color: #333333; | |
white-space: nowrap; | |
} | |
.dropdown-menu li > a:hover, | |
.dropdown-menu .active > a, | |
.dropdown-menu .active > a:hover { | |
color: #ffffff; | |
text-decoration: none; | |
background-color: #187794; | |
} | |
.open { | |
*z-index: 1000; | |
} | |
.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 #000000; | |
content: "\2191"; | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 1px; | |
} | |
.typeahead { | |
margin-top: 2px; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
.well { | |
min-height: 20px; | |
padding: 19px; | |
margin-bottom: 20px; | |
background-color: #f5f5f5; | |
border: 1px solid #eee; | |
border: 1px solid rgba(0, 0, 0, 0.05); | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
} | |
.well blockquote { | |
border-color: #ddd; | |
border-color: rgba(0, 0, 0, 0.15); | |
} | |
.well-large { | |
padding: 24px; | |
-webkit-border-radius: 6px; | |
-moz-border-radius: 6px; | |
border-radius: 6px; | |
} | |
.well-small { | |
padding: 9px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
.fade { | |
opacity: 0; | |
filter: alpha(opacity=0); | |
-webkit-transition: opacity 0.15s linear; | |
-moz-transition: opacity 0.15s linear; | |
-ms-transition: opacity 0.15s linear; | |
-o-transition: opacity 0.15s linear; | |
transition: opacity 0.15s linear; | |
} | |
.fade.in { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.collapse { | |
position: relative; | |
height: 0; | |
overflow: hidden; | |
-webkit-transition: height 0.35s ease; | |
-moz-transition: height 0.35s ease; | |
-ms-transition: height 0.35s ease; | |
-o-transition: height 0.35s ease; | |
transition: height 0.35s ease; | |
} | |
.collapse.in { | |
height: auto; | |
} | |
.close { | |
float: right; | |
font-size: 20px; | |
font-weight: bold; | |
line-height: 18px; | |
color: #000000; | |
text-shadow: 0 1px 0 #ffffff; | |
opacity: 0.2; | |
filter: alpha(opacity=20); | |
} | |
.close:hover { | |
color: #000000; | |
text-decoration: none; | |
cursor: pointer; | |
opacity: 0.4; | |
filter: alpha(opacity=40); | |
} | |
button.close { | |
padding: 0; | |
cursor: pointer; | |
background: transparent; | |
border: 0; | |
-webkit-appearance: none; | |
} | |
.btn { | |
display: inline-block; | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
padding: 4px 10px 4px; | |
margin-bottom: 0; | |
font-size: 13px; | |
line-height: 18px; | |
*line-height: 20px; | |
color: #333333; | |
text-align: center; | |
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | |
vertical-align: middle; | |
cursor: pointer; | |
background-color: #f7f7f7; | |
background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); | |
background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); | |
background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); | |
background-image: -o-linear-gradient(top, #ffffff, #eaeaea); | |
background-image: linear-gradient(top, #ffffff, #eaeaea); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0); | |
border-color: #eaeaea #eaeaea #c4c4c4; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #eaeaea; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
border: 1px solid #cccccc; | |
*border: 0; | |
border-bottom-color: #b3b3b3; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
*margin-left: .3em; | |
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
} | |
.btn:hover, | |
.btn:active, | |
.btn.active, | |
.btn.disabled, | |
.btn[disabled] { | |
background-color: #eaeaea; | |
*background-color: #dddddd; | |
} | |
.btn:active, | |
.btn.active { | |
background-color: #d1d1d1 \9; | |
} | |
.btn:first-child { | |
*margin-left: 0; | |
} | |
.btn:hover { | |
color: #333333; | |
text-decoration: none; | |
background-color: #e6e6e6; | |
*background-color: #d9d9d9; | |
/* Buttons in IE7 don't get borders, so darken on hover */ | |
background-position: 0 -15px; | |
-webkit-transition: background-position 0.1s linear; | |
-moz-transition: background-position 0.1s linear; | |
-ms-transition: background-position 0.1s linear; | |
-o-transition: background-position 0.1s linear; | |
transition: background-position 0.1s linear; | |
} | |
.btn:focus { | |
outline: thin dotted #333; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
.btn.active, | |
.btn:active { | |
background-color: #e6e6e6; | |
background-color: #d9d9d9 \9; | |
background-image: none; | |
outline: 0; | |
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
} | |
.btn.disabled, | |
.btn[disabled] { | |
cursor: default; | |
background-color: #e6e6e6; | |
background-image: none; | |
opacity: 0.65; | |
filter: alpha(opacity=65); | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn-large { | |
padding: 9px 14px; | |
font-size: 15px; | |
line-height: normal; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
} | |
.btn-large [class^="icon-"] { | |
margin-top: 1px; | |
} | |
.btn-small { | |
padding: 5px 9px; | |
font-size: 11px; | |
line-height: 16px; | |
} | |
.btn-small [class^="icon-"] { | |
margin-top: -1px; | |
} | |
.btn-mini { | |
padding: 2px 6px; | |
font-size: 11px; | |
line-height: 14px; | |
} | |
.btn-primary, | |
.btn-primary:hover, | |
.btn-warning, | |
.btn-warning:hover, | |
.btn-danger, | |
.btn-danger:hover, | |
.btn-success, | |
.btn-success:hover, | |
.btn-info, | |
.btn-info:hover, | |
.btn-inverse, | |
.btn-inverse:hover { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
} | |
.btn-primary.active, | |
.btn-warning.active, | |
.btn-danger.active, | |
.btn-success.active, | |
.btn-info.active, | |
.btn-inverse.active { | |
color: rgba(255, 255, 255, 0.75); | |
} | |
.btn { | |
border-color: #ccc; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
} | |
.btn-primary { | |
background-color: #206b82; | |
background-image: -moz-linear-gradient(top, #30778d, #085871); | |
background-image: -ms-linear-gradient(top, #30778d, #085871); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#30778d), to(#085871)); | |
background-image: -webkit-linear-gradient(top, #30778d, #085871); | |
background-image: -o-linear-gradient(top, #30778d, #085871); | |
background-image: linear-gradient(top, #30778d, #085871); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30778d', endColorstr='#085871', GradientType=0); | |
border-color: #085871 #085871 #03202a; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #085871; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.btn-primary:hover, | |
.btn-primary:active, | |
.btn-primary.active, | |
.btn-primary.disabled, | |
.btn-primary[disabled] { | |
background-color: #085871; | |
*background-color: #064559; | |
} | |
.btn-primary:active, | |
.btn-primary.active { | |
background-color: #053341 \9; | |
} | |
.btn-warning { | |
background-color: #faa732; | |
background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
background-image: -ms-linear-gradient(top, #fbb450, #f89406); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
background-image: linear-gradient(top, #fbb450, #f89406); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); | |
border-color: #f89406 #f89406 #ad6704; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #f89406; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.btn-warning:hover, | |
.btn-warning:active, | |
.btn-warning.active, | |
.btn-warning.disabled, | |
.btn-warning[disabled] { | |
background-color: #f89406; | |
*background-color: #df8505; | |
} | |
.btn-warning:active, | |
.btn-warning.active { | |
background-color: #c67605 \9; | |
} | |
.btn-danger { | |
background-color: #da4f49; | |
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); | |
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: linear-gradient(top, #ee5f5b, #bd362f); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); | |
border-color: #bd362f #bd362f #802420; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #bd362f; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.btn-danger:hover, | |
.btn-danger:active, | |
.btn-danger.active, | |
.btn-danger.disabled, | |
.btn-danger[disabled] { | |
background-color: #bd362f; | |
*background-color: #a9302a; | |
} | |
.btn-danger:active, | |
.btn-danger.active { | |
background-color: #942a25 \9; | |
} | |
.btn-success { | |
background-color: #5bb75b; | |
background-image: -moz-linear-gradient(top, #62c462, #51a351); | |
background-image: -ms-linear-gradient(top, #62c462, #51a351); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); | |
background-image: -webkit-linear-gradient(top, #62c462, #51a351); | |
background-image: -o-linear-gradient(top, #62c462, #51a351); | |
background-image: linear-gradient(top, #62c462, #51a351); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); | |
border-color: #51a351 #51a351 #387038; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #51a351; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.btn-success:hover, | |
.btn-success:active, | |
.btn-success.active, | |
.btn-success.disabled, | |
.btn-success[disabled] { | |
background-color: #51a351; | |
*background-color: #499249; | |
} | |
.btn-success:active, | |
.btn-success.active { | |
background-color: #408140 \9; | |
} | |
.btn-info { | |
background-color: #49afcd; | |
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); | |
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: linear-gradient(top, #5bc0de, #2f96b4); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); | |
border-color: #2f96b4 #2f96b4 #1f6377; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #2f96b4; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.btn-info:hover, | |
.btn-info:active, | |
.btn-info.active, | |
.btn-info.disabled, | |
.btn-info[disabled] { | |
background-color: #2f96b4; | |
*background-color: #2a85a0; | |
} | |
.btn-info:active, | |
.btn-info.active { | |
background-color: #24748c \9; | |
} | |
.btn-inverse { | |
background-color: #414141; | |
background-image: -moz-linear-gradient(top, #555555, #222222); | |
background-image: -ms-linear-gradient(top, #555555, #222222); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); | |
background-image: -webkit-linear-gradient(top, #555555, #222222); | |
background-image: -o-linear-gradient(top, #555555, #222222); | |
background-image: linear-gradient(top, #555555, #222222); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); | |
border-color: #222222 #222222 #000000; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #222222; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.btn-inverse:hover, | |
.btn-inverse:active, | |
.btn-inverse.active, | |
.btn-inverse.disabled, | |
.btn-inverse[disabled] { | |
background-color: #222222; | |
*background-color: #151515; | |
} | |
.btn-inverse:active, | |
.btn-inverse.active { | |
background-color: #080808 \9; | |
} | |
button.btn, | |
input[type="submit"].btn { | |
*padding-top: 2px; | |
*padding-bottom: 2px; | |
} | |
button.btn::-moz-focus-inner, | |
input[type="submit"].btn::-moz-focus-inner { | |
padding: 0; | |
border: 0; | |
} | |
button.btn.btn-large, | |
input[type="submit"].btn.btn-large { | |
*padding-top: 7px; | |
*padding-bottom: 7px; | |
} | |
button.btn.btn-small, | |
input[type="submit"].btn.btn-small { | |
*padding-top: 3px; | |
*padding-bottom: 3px; | |
} | |
button.btn.btn-mini, | |
input[type="submit"].btn.btn-mini { | |
*padding-top: 1px; | |
*padding-bottom: 1px; | |
} | |
.btn-group { | |
position: relative; | |
*zoom: 1; | |
*margin-left: .3em; | |
} | |
.btn-group:before, | |
.btn-group:after { | |
display: table; | |
content: ""; | |
} | |
.btn-group:after { | |
clear: both; | |
} | |
.btn-group:first-child { | |
*margin-left: 0; | |
} | |
.btn-group + .btn-group { | |
margin-left: 5px; | |
} | |
.btn-toolbar { | |
margin-top: 9px; | |
margin-bottom: 9px; | |
} | |
.btn-toolbar .btn-group { | |
display: inline-block; | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
} | |
.btn-group > .btn { | |
position: relative; | |
float: left; | |
margin-left: -1px; | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
.btn-group > .btn:first-child { | |
margin-left: 0; | |
-webkit-border-top-left-radius: 4px; | |
-moz-border-radius-topleft: 4px; | |
border-top-left-radius: 4px; | |
-webkit-border-bottom-left-radius: 4px; | |
-moz-border-radius-bottomleft: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.btn-group > .btn:last-child, | |
.btn-group > .dropdown-toggle { | |
-webkit-border-top-right-radius: 4px; | |
-moz-border-radius-topright: 4px; | |
border-top-right-radius: 4px; | |
-webkit-border-bottom-right-radius: 4px; | |
-moz-border-radius-bottomright: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.btn-group > .btn.large:first-child { | |
margin-left: 0; | |
-webkit-border-top-left-radius: 6px; | |
-moz-border-radius-topleft: 6px; | |
border-top-left-radius: 6px; | |
-webkit-border-bottom-left-radius: 6px; | |
-moz-border-radius-bottomleft: 6px; | |
border-bottom-left-radius: 6px; | |
} | |
.btn-group > .btn.large:last-child, | |
.btn-group > .large.dropdown-toggle { | |
-webkit-border-top-right-radius: 6px; | |
-moz-border-radius-topright: 6px; | |
border-top-right-radius: 6px; | |
-webkit-border-bottom-right-radius: 6px; | |
-moz-border-radius-bottomright: 6px; | |
border-bottom-right-radius: 6px; | |
} | |
.btn-group > .btn:hover, | |
.btn-group > .btn:focus, | |
.btn-group > .btn:active, | |
.btn-group > .btn.active { | |
z-index: 2; | |
} | |
.btn-group .dropdown-toggle:active, | |
.btn-group.open .dropdown-toggle { | |
outline: 0; | |
} | |
.btn-group > .dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px; | |
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
*padding-top: 4px; | |
*padding-bottom: 4px; | |
} | |
.btn-group > .btn-mini.dropdown-toggle { | |
padding-left: 5px; | |
padding-right: 5px; | |
} | |
.btn-group > .btn-small.dropdown-toggle { | |
*padding-top: 4px; | |
*padding-bottom: 4px; | |
} | |
.btn-group > .btn-large.dropdown-toggle { | |
padding-left: 12px; | |
padding-right: 12px; | |
} | |
.btn-group.open .dropdown-toggle { | |
background-image: none; | |
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
} | |
.btn-group.open .btn.dropdown-toggle { | |
background-color: #eaeaea; | |
} | |
.btn-group.open .btn-primary.dropdown-toggle { | |
background-color: #085871; | |
} | |
.btn-group.open .btn-warning.dropdown-toggle { | |
background-color: #f89406; | |
} | |
.btn-group.open .btn-danger.dropdown-toggle { | |
background-color: #bd362f; | |
} | |
.btn-group.open .btn-success.dropdown-toggle { | |
background-color: #51a351; | |
} | |
.btn-group.open .btn-info.dropdown-toggle { | |
background-color: #2f96b4; | |
} | |
.btn-group.open .btn-inverse.dropdown-toggle { | |
background-color: #222222; | |
} | |
.btn .caret { | |
margin-top: 7px; | |
margin-left: 0; | |
} | |
.btn:hover .caret, | |
.open.btn-group .caret { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.btn-mini .caret { | |
margin-top: 5px; | |
} | |
.btn-small .caret { | |
margin-top: 6px; | |
} | |
.btn-large .caret { | |
margin-top: 6px; | |
border-left-width: 5px; | |
border-right-width: 5px; | |
border-top-width: 5px; | |
} | |
.dropup .btn-large .caret { | |
border-bottom: 5px solid #000000; | |
border-top: 0; | |
} | |
.btn-primary .caret, | |
.btn-warning .caret, | |
.btn-danger .caret, | |
.btn-info .caret, | |
.btn-success .caret, | |
.btn-inverse .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.alert { | |
padding: 8px 35px 8px 14px; | |
margin-bottom: 18px; | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
background-color: #fcf8e3; | |
border: 1px solid #fbeed5; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
color: #c09853; | |
} | |
.alert-heading { | |
color: inherit; | |
} | |
.alert .close { | |
position: relative; | |
top: -2px; | |
right: -21px; | |
line-height: 18px; | |
} | |
.alert-success { | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
color: #468847; | |
} | |
.alert-danger, | |
.alert-error { | |
background-color: #f8f0f0; | |
border-color: #c6898b; | |
color: #b55457; | |
} | |
.alert-info { | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
color: #3a87ad; | |
} | |
.alert-block { | |
padding-top: 14px; | |
padding-bottom: 14px; | |
} | |
.alert-block > p, | |
.alert-block > ul { | |
margin-bottom: 0; | |
} | |
.alert-block p + p { | |
margin-top: 5px; | |
} | |
.nav { | |
margin-left: 0; | |
margin-bottom: 18px; | |
list-style: none; | |
} | |
.nav > li > a { | |
display: block; | |
} | |
.nav > li > a:hover { | |
text-decoration: none; | |
background-color: #eeeeee; | |
} | |
.nav > .pull-right { | |
float: right; | |
} | |
.nav .nav-header { | |
display: block; | |
padding: 3px 15px; | |
font-size: 11px; | |
font-weight: bold; | |
line-height: 18px; | |
color: #999999; | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
text-transform: uppercase; | |
} | |
.nav li + .nav-header { | |
margin-top: 9px; | |
} | |
.nav-list { | |
padding-left: 15px; | |
padding-right: 15px; | |
margin-bottom: 0; | |
} | |
.nav-list > li > a, | |
.nav-list .nav-header { | |
margin-left: -15px; | |
margin-right: -15px; | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
} | |
.nav-list > li > a { | |
padding: 3px 15px; | |
} | |
.nav-list > .active > a, | |
.nav-list > .active > a:hover { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
background-color: #187794; | |
} | |
.nav-list [class^="icon-"] { | |
margin-right: 2px; | |
} | |
.nav-list .divider { | |
*width: 100%; | |
height: 1px; | |
margin: 8px 1px; | |
*margin: -5px 0 5px; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
border-bottom: 1px solid #ffffff; | |
} | |
.nav-tabs, | |
.nav-pills { | |
*zoom: 1; | |
} | |
.nav-tabs:before, | |
.nav-pills:before, | |
.nav-tabs:after, | |
.nav-pills:after { | |
display: table; | |
content: ""; | |
} | |
.nav-tabs:after, | |
.nav-pills:after { | |
clear: both; | |
} | |
.nav-tabs > li, | |
.nav-pills > li { | |
float: left; | |
} | |
.nav-tabs > li > a, | |
.nav-pills > li > a { | |
padding-right: 12px; | |
padding-left: 12px; | |
margin-right: 2px; | |
line-height: 14px; | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #ddd; | |
} | |
.nav-tabs > li { | |
margin-bottom: -1px; | |
} | |
.nav-tabs > li > a { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
line-height: 18px; | |
border: 1px solid transparent; | |
-webkit-border-radius: 4px 4px 0 0; | |
-moz-border-radius: 4px 4px 0 0; | |
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 { | |
color: #555555; | |
background-color: #ffffff; | |
border: 1px solid #ddd; | |
border-bottom-color: transparent; | |
cursor: default; | |
} | |
.nav-pills > li > a { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
margin-top: 2px; | |
margin-bottom: 2px; | |
-webkit-border-radius: 5px; | |
-moz-border-radius: 5px; | |
border-radius: 5px; | |
} | |
.nav-pills > .active > a, | |
.nav-pills > .active > a:hover { | |
color: #ffffff; | |
background-color: #187794; | |
} | |
.nav-stacked > li { | |
float: none; | |
} | |
.nav-stacked > li > a { | |
margin-right: 0; | |
} | |
.nav-tabs.nav-stacked { | |
border-bottom: 0; | |
} | |
.nav-tabs.nav-stacked > li > a { | |
border: 1px solid #ddd; | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
.nav-tabs.nav-stacked > li:first-child > a { | |
-webkit-border-radius: 4px 4px 0 0; | |
-moz-border-radius: 4px 4px 0 0; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs.nav-stacked > li:last-child > a { | |
-webkit-border-radius: 0 0 4px 4px; | |
-moz-border-radius: 0 0 4px 4px; | |
border-radius: 0 0 4px 4px; | |
} | |
.nav-tabs.nav-stacked > li > a:hover { | |
border-color: #ddd; | |
z-index: 2; | |
} | |
.nav-pills.nav-stacked > li > a { | |
margin-bottom: 3px; | |
} | |
.nav-pills.nav-stacked > li:last-child > a { | |
margin-bottom: 1px; | |
} | |
.nav-tabs .dropdown-menu { | |
-webkit-border-radius: 0 0 5px 5px; | |
-moz-border-radius: 0 0 5px 5px; | |
border-radius: 0 0 5px 5px; | |
} | |
.nav-pills .dropdown-menu { | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
.nav-tabs .dropdown-toggle .caret, | |
.nav-pills .dropdown-toggle .caret { | |
border-top-color: #187794; | |
border-bottom-color: #187794; | |
margin-top: 6px; | |
} | |
.nav-tabs .dropdown-toggle:hover .caret, | |
.nav-pills .dropdown-toggle:hover .caret { | |
border-top-color: #0d4252; | |
border-bottom-color: #0d4252; | |
} | |
.nav-tabs .active .dropdown-toggle .caret, | |
.nav-pills .active .dropdown-toggle .caret { | |
border-top-color: #333333; | |
border-bottom-color: #333333; | |
} | |
.nav > .dropdown.active > a:hover { | |
color: #000000; | |
cursor: pointer; | |
} | |
.nav-tabs .open .dropdown-toggle, | |
.nav-pills .open .dropdown-toggle, | |
.nav > li.dropdown.open.active > a:hover { | |
color: #ffffff; | |
background-color: #999999; | |
border-color: #999999; | |
} | |
.nav li.dropdown.open .caret, | |
.nav li.dropdown.open.active .caret, | |
.nav li.dropdown.open a:hover .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.tabs-stacked .open > a:hover { | |
border-color: #999999; | |
} | |
.tabbable { | |
*zoom: 1; | |
} | |
.tabbable:before, | |
.tabbable:after { | |
display: table; | |
content: ""; | |
} | |
.tabbable:after { | |
clear: both; | |
} | |
.tab-content { | |
overflow: auto; | |
} | |
.tabs-below > .nav-tabs, | |
.tabs-right > .nav-tabs, | |
.tabs-left > .nav-tabs { | |
border-bottom: 0; | |
} | |
.tab-content > .tab-pane, | |
.pill-content > .pill-pane { | |
display: none; | |
} | |
.tab-content > .active, | |
.pill-content > .active { | |
display: block; | |
} | |
.tabs-below > .nav-tabs { | |
border-top: 1px solid #ddd; | |
} | |
.tabs-below > .nav-tabs > li { | |
margin-top: -1px; | |
margin-bottom: 0; | |
} | |
.tabs-below > .nav-tabs > li > a { | |
-webkit-border-radius: 0 0 4px 4px; | |
-moz-border-radius: 0 0 4px 4px; | |
border-radius: 0 0 4px 4px; | |
} | |
.tabs-below > .nav-tabs > li > a:hover { | |
border-bottom-color: transparent; | |
border-top-color: #ddd; | |
} | |
.tabs-below > .nav-tabs > .active > a, | |
.tabs-below > .nav-tabs > .active > a:hover { | |
border-color: transparent #ddd #ddd #ddd; | |
} | |
.tabs-left > .nav-tabs > li, | |
.tabs-right > .nav-tabs > li { | |
float: none; | |
} | |
.tabs-left > .nav-tabs > li > a, | |
.tabs-right > .nav-tabs > li > a { | |
min-width: 74px; | |
margin-right: 0; | |
margin-bottom: 3px; | |
} | |
.tabs-left > .nav-tabs { | |
float: left; | |
margin-right: 19px; | |
border-right: 1px solid #ddd; | |
} | |
.tabs-left > .nav-tabs > li > a { | |
margin-right: -1px; | |
-webkit-border-radius: 4px 0 0 4px; | |
-moz-border-radius: 4px 0 0 4px; | |
border-radius: 4px 0 0 4px; | |
} | |
.tabs-left > .nav-tabs > li > a:hover { | |
border-color: #eeeeee #dddddd #eeeeee #eeeeee; | |
} | |
.tabs-left > .nav-tabs .active > a, | |
.tabs-left > .nav-tabs .active > a:hover { | |
border-color: #ddd transparent #ddd #ddd; | |
*border-right-color: #ffffff; | |
} | |
.tabs-right > .nav-tabs { | |
float: right; | |
margin-left: 19px; | |
border-left: 1px solid #ddd; | |
} | |
.tabs-right > .nav-tabs > li > a { | |
margin-left: -1px; | |
-webkit-border-radius: 0 4px 4px 0; | |
-moz-border-radius: 0 4px 4px 0; | |
border-radius: 0 4px 4px 0; | |
} | |
.tabs-right > .nav-tabs > li > a:hover { | |
border-color: #eeeeee #eeeeee #eeeeee #dddddd; | |
} | |
.tabs-right > .nav-tabs .active > a, | |
.tabs-right > .nav-tabs .active > a:hover { | |
border-color: #ddd #ddd #ddd transparent; | |
*border-left-color: #ffffff; | |
} | |
.navbar { | |
*position: relative; | |
*z-index: 2; | |
overflow: visible; | |
margin-bottom: 18px; | |
} | |
.navbar-inner { | |
min-height: 40px; | |
padding-left: 20px; | |
padding-right: 20px; | |
background-color: #2c2c2c; | |
background-image: -moz-linear-gradient(top, #333333, #222222); | |
background-image: -ms-linear-gradient(top, #333333, #222222); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); | |
background-image: -webkit-linear-gradient(top, #333333, #222222); | |
background-image: -o-linear-gradient(top, #333333, #222222); | |
background-image: linear-gradient(top, #333333, #222222); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); | |
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); | |
box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); | |
} | |
.navbar .container { | |
width: auto; | |
} | |
.nav-collapse.collapse { | |
height: auto; | |
} | |
.navbar { | |
color: #999999; | |
} | |
.navbar .brand:hover { | |
text-decoration: none; | |
} | |
.navbar .brand { | |
float: left; | |
display: block; | |
padding: 8px 20px 12px; | |
margin-left: -20px; | |
font-size: 20px; | |
font-weight: 200; | |
line-height: 1; | |
color: #999999; | |
} | |
.navbar .navbar-text { | |
margin-bottom: 0; | |
line-height: 40px; | |
} | |
.navbar .navbar-link { | |
color: #999999; | |
} | |
.navbar .navbar-link:hover { | |
color: #ffffff; | |
} | |
.navbar .btn, | |
.navbar .btn-group { | |
margin-top: 5px; | |
} | |
.navbar .btn-group .btn { | |
margin: 0; | |
} | |
.navbar-form { | |
margin-bottom: 0; | |
*zoom: 1; | |
} | |
.navbar-form:before, | |
.navbar-form:after { | |
display: table; | |
content: ""; | |
} | |
.navbar-form:after { | |
clear: both; | |
} | |
.navbar-form input, | |
.navbar-form select, | |
.navbar-form .radio, | |
.navbar-form .checkbox { | |
margin-top: 5px; | |
} | |
.navbar-form input, | |
.navbar-form select { | |
display: inline-block; | |
margin-bottom: 0; | |
} | |
.navbar-form input[type="image"], | |
.navbar-form input[type="checkbox"], | |
.navbar-form input[type="radio"] { | |
margin-top: 3px; | |
} | |
.navbar-form .input-append, | |
.navbar-form .input-prepend { | |
margin-top: 6px; | |
white-space: nowrap; | |
} | |
.navbar-form .input-append input, | |
.navbar-form .input-prepend input { | |
margin-top: 0; | |
} | |
.navbar-search { | |
position: relative; | |
float: left; | |
margin-top: 6px; | |
margin-bottom: 0; | |
} | |
.navbar-search .search-query { | |
padding: 4px 9px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 13px; | |
font-weight: normal; | |
line-height: 1; | |
color: #ffffff; | |
background-color: #626262; | |
border: 1px solid #151515; | |
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); | |
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); | |
box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); | |
-webkit-transition: none; | |
-moz-transition: none; | |
-ms-transition: none; | |
-o-transition: none; | |
transition: none; | |
} | |
.navbar-search .search-query:-moz-placeholder { | |
color: #cccccc; | |
} | |
.navbar-search .search-query::-webkit-input-placeholder { | |
color: #cccccc; | |
} | |
.navbar-search .search-query:focus, | |
.navbar-search .search-query.focused { | |
padding: 5px 10px; | |
color: #333333; | |
text-shadow: 0 1px 0 #ffffff; | |
background-color: #ffffff; | |
border: 0; | |
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
outline: 0; | |
} | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
position: fixed; | |
right: 0; | |
left: 0; | |
z-index: 1030; | |
margin-bottom: 0; | |
} | |
.navbar-fixed-top .navbar-inner, | |
.navbar-fixed-bottom .navbar-inner { | |
padding-left: 0; | |
padding-right: 0; | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
.navbar-fixed-top .container, | |
.navbar-fixed-bottom .container { | |
width: 940px; | |
} | |
.navbar-fixed-top { | |
top: 0; | |
} | |
.navbar-fixed-bottom { | |
bottom: 0; | |
} | |
.navbar .nav { | |
position: relative; | |
left: 0; | |
display: block; | |
float: left; | |
margin: 0 10px 0 0; | |
} | |
.navbar .nav.pull-right { | |
float: right; | |
} | |
.navbar .nav > li { | |
display: block; | |
float: left; | |
} | |
.navbar .nav > li > a { | |
float: none; | |
padding: 9px 10px 11px; | |
line-height: 19px; | |
color: #999999; | |
text-decoration: none; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
} | |
.navbar .btn { | |
display: inline-block; | |
padding: 4px 10px 4px; | |
margin: 5px 5px 6px; | |
line-height: 18px; | |
} | |
.navbar .btn-group { | |
margin: 0; | |
padding: 5px 5px 6px; | |
} | |
.navbar .nav > li > a:hover { | |
background-color: transparent; | |
color: #ffffff; | |
text-decoration: none; | |
} | |
.navbar .nav .active > a, | |
.navbar .nav .active > a:hover { | |
color: #ffffff; | |
text-decoration: none; | |
background-color: #222222; | |
} | |
.navbar .divider-vertical { | |
height: 40px; | |
width: 1px; | |
margin: 0 9px; | |
overflow: hidden; | |
background-color: #222222; | |
border-right: 1px solid #333333; | |
} | |
.navbar .nav.pull-right { | |
margin-left: 10px; | |
margin-right: 0; | |
} | |
.navbar .btn-navbar { | |
display: none; | |
float: right; | |
padding: 7px 10px; | |
margin-left: 5px; | |
margin-right: 5px; | |
background-color: #2c2c2c; | |
background-image: -moz-linear-gradient(top, #333333, #222222); | |
background-image: -ms-linear-gradient(top, #333333, #222222); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); | |
background-image: -webkit-linear-gradient(top, #333333, #222222); | |
background-image: -o-linear-gradient(top, #333333, #222222); | |
background-image: linear-gradient(top, #333333, #222222); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); | |
border-color: #222222 #222222 #000000; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #222222; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); | |
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); | |
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); | |
} | |
.navbar .btn-navbar:hover, | |
.navbar .btn-navbar:active, | |
.navbar .btn-navbar.active, | |
.navbar .btn-navbar.disabled, | |
.navbar .btn-navbar[disabled] { | |
background-color: #222222; | |
*background-color: #151515; | |
} | |
.navbar .btn-navbar:active, | |
.navbar .btn-navbar.active { | |
background-color: #080808 \9; | |
} | |
.navbar .btn-navbar .icon-bar { | |
display: block; | |
width: 18px; | |
height: 2px; | |
background-color: #f5f5f5; | |
-webkit-border-radius: 1px; | |
-moz-border-radius: 1px; | |
border-radius: 1px; | |
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
} | |
.btn-navbar .icon-bar + .icon-bar { | |
margin-top: 3px; | |
} | |
.navbar .dropdown-menu:before { | |
content: ''; | |
display: inline-block; | |
border-left: 7px solid transparent; | |
border-right: 7px solid transparent; | |
border-bottom: 7px solid #ccc; | |
border-bottom-color: rgba(0, 0, 0, 0.2); | |
position: absolute; | |
top: -7px; | |
left: 9px; | |
} | |
.navbar .dropdown-menu:after { | |
content: ''; | |
display: inline-block; | |
border-left: 6px solid transparent; | |
border-right: 6px solid transparent; | |
border-bottom: 6px solid #ffffff; | |
position: absolute; | |
top: -6px; | |
left: 10px; | |
} | |
.navbar-fixed-bottom .dropdown-menu:before { | |
border-top: 7px solid #ccc; | |
border-top-color: rgba(0, 0, 0, 0.2); | |
border-bottom: 0; | |
bottom: -7px; | |
top: auto; | |
} | |
.navbar-fixed-bottom .dropdown-menu:after { | |
border-top: 6px solid #ffffff; | |
border-bottom: 0; | |
bottom: -6px; | |
top: auto; | |
} | |
.navbar .nav li.dropdown .dropdown-toggle .caret, | |
.navbar .nav li.dropdown.open .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
.navbar .nav li.dropdown.active .caret { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.navbar .nav li.dropdown.open > .dropdown-toggle, | |
.navbar .nav li.dropdown.active > .dropdown-toggle, | |
.navbar .nav li.dropdown.open.active > .dropdown-toggle { | |
background-color: transparent; | |
} | |
.navbar .nav li.dropdown.active > .dropdown-toggle:hover { | |
color: #ffffff; | |
} | |
.navbar .pull-right .dropdown-menu, | |
.navbar .dropdown-menu.pull-right { | |
left: auto; | |
right: 0; | |
} | |
.navbar .pull-right .dropdown-menu:before, | |
.navbar .dropdown-menu.pull-right:before { | |
left: auto; | |
right: 12px; | |
} | |
.navbar .pull-right .dropdown-menu:after, | |
.navbar .dropdown-menu.pull-right:after { | |
left: auto; | |
right: 13px; | |
} | |
.breadcrumb { | |
padding: 7px 14px; | |
margin: 0 0 18px; | |
list-style: none; | |
background-color: #fbfbfb; | |
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); | |
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); | |
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); | |
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); | |
background-image: linear-gradient(top, #ffffff, #f5f5f5); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); | |
border: 1px solid #ddd; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
-webkit-box-shadow: inset 0 1px 0 #ffffff; | |
-moz-box-shadow: inset 0 1px 0 #ffffff; | |
box-shadow: inset 0 1px 0 #ffffff; | |
} | |
.breadcrumb li { | |
display: inline-block; | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
text-shadow: 0 1px 0 #ffffff; | |
} | |
.breadcrumb .divider { | |
padding: 0 5px; | |
color: #999999; | |
} | |
.breadcrumb .active a { | |
color: #333333; | |
} | |
.pagination { | |
height: 36px; | |
margin: 18px 0; | |
} | |
.pagination ul { | |
display: inline-block; | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
margin-left: 0; | |
margin-bottom: 0; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
} | |
.pagination li { | |
display: inline; | |
} | |
.pagination a { | |
float: left; | |
padding: 0 14px; | |
line-height: 34px; | |
text-decoration: none; | |
border: 1px solid #ddd; | |
border-left-width: 0; | |
} | |
.pagination a:hover, | |
.pagination .active a { | |
background-color: #f5f5f5; | |
} | |
.pagination .active a { | |
color: #999999; | |
cursor: default; | |
} | |
.pagination .disabled span, | |
.pagination .disabled a, | |
.pagination .disabled a:hover { | |
color: #999999; | |
background-color: transparent; | |
cursor: default; | |
} | |
.pagination li:first-child a { | |
border-left-width: 1px; | |
-webkit-border-radius: 3px 0 0 3px; | |
-moz-border-radius: 3px 0 0 3px; | |
border-radius: 3px 0 0 3px; | |
} | |
.pagination li:last-child a { | |
-webkit-border-radius: 0 3px 3px 0; | |
-moz-border-radius: 0 3px 3px 0; | |
border-radius: 0 3px 3px 0; | |
} | |
.pagination-centered { | |
text-align: center; | |
} | |
.pagination-right { | |
text-align: right; | |
} | |
.pager { | |
margin-left: 0; | |
margin-bottom: 18px; | |
list-style: none; | |
text-align: center; | |
*zoom: 1; | |
} | |
.pager:before, | |
.pager:after { | |
display: table; | |
content: ""; | |
} | |
.pager:after { | |
clear: both; | |
} | |
.pager li { | |
display: inline; | |
} | |
.pager a { | |
display: inline-block; | |
padding: 5px 14px; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
-webkit-border-radius: 15px; | |
-moz-border-radius: 15px; | |
border-radius: 15px; | |
} | |
.pager a:hover { | |
text-decoration: none; | |
background-color: #f5f5f5; | |
} | |
.pager .next a { | |
float: right; | |
} | |
.pager .previous a { | |
float: left; | |
} | |
.pager .disabled a, | |
.pager .disabled a:hover { | |
color: #999999; | |
background-color: #fff; | |
cursor: default; | |
} | |
.modal-open .dropdown-menu { | |
z-index: 2050; | |
} | |
.modal-open .dropdown.open { | |
*z-index: 2050; | |
} | |
.modal-open .popover { | |
z-index: 2060; | |
} | |
.modal-open .tooltip { | |
z-index: 2070; | |
} | |
.modal-backdrop { | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1040; | |
background-color: #000000; | |
} | |
.modal-backdrop.fade { | |
opacity: 0; | |
} | |
.modal-backdrop, | |
.modal-backdrop.fade.in { | |
opacity: 0.8; | |
filter: alpha(opacity=80); | |
} | |
.modal { | |
position: fixed; | |
top: 50%; | |
left: 50%; | |
z-index: 1050; | |
overflow: auto; | |
width: 560px; | |
margin: -250px 0 0 -280px; | |
background-color: #ffffff; | |
border: 1px solid #999; | |
border: 1px solid rgba(0, 0, 0, 0.3); | |
*border: 1px solid #999; | |
/* IE6-7 */ | |
-webkit-border-radius: 6px; | |
-moz-border-radius: 6px; | |
border-radius: 6px; | |
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
-webkit-background-clip: padding-box; | |
-moz-background-clip: padding-box; | |
background-clip: padding-box; | |
} | |
.modal.fade { | |
-webkit-transition: opacity .3s linear, top .3s ease-out; | |
-moz-transition: opacity .3s linear, top .3s ease-out; | |
-ms-transition: opacity .3s linear, top .3s ease-out; | |
-o-transition: opacity .3s linear, top .3s ease-out; | |
transition: opacity .3s linear, top .3s ease-out; | |
top: -25%; | |
} | |
.modal.fade.in { | |
top: 50%; | |
} | |
.modal-header { | |
padding: 9px 15px; | |
border-bottom: 1px solid #eee; | |
} | |
.modal-header .close { | |
margin-top: 2px; | |
} | |
.modal-body { | |
overflow-y: auto; | |
max-height: 400px; | |
padding: 15px; | |
} | |
.modal-form { | |
margin-bottom: 0; | |
} | |
.modal-footer { | |
padding: 14px 15px 15px; | |
margin-bottom: 0; | |
text-align: right; | |
background-color: #f5f5f5; | |
border-top: 1px solid #ddd; | |
-webkit-border-radius: 0 0 6px 6px; | |
-moz-border-radius: 0 0 6px 6px; | |
border-radius: 0 0 6px 6px; | |
-webkit-box-shadow: inset 0 1px 0 #ffffff; | |
-moz-box-shadow: inset 0 1px 0 #ffffff; | |
box-shadow: inset 0 1px 0 #ffffff; | |
*zoom: 1; | |
} | |
.modal-footer:before, | |
.modal-footer:after { | |
display: table; | |
content: ""; | |
} | |
.modal-footer:after { | |
clear: both; | |
} | |
.modal-footer .btn + .btn { | |
margin-left: 5px; | |
margin-bottom: 0; | |
} | |
.modal-footer .btn-group .btn + .btn { | |
margin-left: -1px; | |
} | |
.tooltip { | |
position: absolute; | |
z-index: 1020; | |
display: block; | |
visibility: visible; | |
padding: 5px; | |
font-size: 11px; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.tooltip.in { | |
opacity: 0.8; | |
filter: alpha(opacity=80); | |
} | |
.tooltip.top { | |
margin-top: -2px; | |
} | |
.tooltip.right { | |
margin-left: 2px; | |
} | |
.tooltip.bottom { | |
margin-top: 2px; | |
} | |
.tooltip.left { | |
margin-left: -2px; | |
} | |
.tooltip.top .tooltip-arrow { | |
bottom: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-left: 5px solid transparent; | |
border-right: 5px solid transparent; | |
border-top: 5px solid #000000; | |
} | |
.tooltip.left .tooltip-arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-top: 5px solid transparent; | |
border-bottom: 5px solid transparent; | |
border-left: 5px solid #000000; | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-left: 5px solid transparent; | |
border-right: 5px solid transparent; | |
border-bottom: 5px solid #000000; | |
} | |
.tooltip.right .tooltip-arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-top: 5px solid transparent; | |
border-bottom: 5px solid transparent; | |
border-right: 5px solid #000000; | |
} | |
.tooltip-inner { | |
max-width: 200px; | |
padding: 3px 8px; | |
color: #ffffff; | |
text-align: center; | |
text-decoration: none; | |
background-color: #000000; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
.tooltip-arrow { | |
position: absolute; | |
width: 0; | |
height: 0; | |
} | |
.popover { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1010; | |
display: none; | |
padding: 5px; | |
} | |
.popover.top { | |
margin-top: -5px; | |
} | |
.popover.right { | |
margin-left: 5px; | |
} | |
.popover.bottom { | |
margin-top: 5px; | |
} | |
.popover.left { | |
margin-left: -5px; | |
} | |
.popover.top .arrow { | |
bottom: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-left: 5px solid transparent; | |
border-right: 5px solid transparent; | |
border-top: 5px solid #000000; | |
} | |
.popover.right .arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-top: 5px solid transparent; | |
border-bottom: 5px solid transparent; | |
border-right: 5px solid #000000; | |
} | |
.popover.bottom .arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-left: 5px solid transparent; | |
border-right: 5px solid transparent; | |
border-bottom: 5px solid #000000; | |
} | |
.popover.left .arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-top: 5px solid transparent; | |
border-bottom: 5px solid transparent; | |
border-left: 5px solid #000000; | |
} | |
.popover .arrow { | |
position: absolute; | |
width: 0; | |
height: 0; | |
} | |
.popover-inner { | |
padding: 3px; | |
width: 280px; | |
overflow: hidden; | |
background: #000000; | |
background: rgba(0, 0, 0, 0.8); | |
-webkit-border-radius: 6px; | |
-moz-border-radius: 6px; | |
border-radius: 6px; | |
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
} | |
.popover-title { | |
padding: 9px 15px; | |
line-height: 1; | |
background-color: #f5f5f5; | |
border-bottom: 1px solid #eee; | |
-webkit-border-radius: 3px 3px 0 0; | |
-moz-border-radius: 3px 3px 0 0; | |
border-radius: 3px 3px 0 0; | |
} | |
.popover-content { | |
padding: 14px; | |
background-color: #ffffff; | |
-webkit-border-radius: 0 0 3px 3px; | |
-moz-border-radius: 0 0 3px 3px; | |
border-radius: 0 0 3px 3px; | |
-webkit-background-clip: padding-box; | |
-moz-background-clip: padding-box; | |
background-clip: padding-box; | |
} | |
.popover-content p, | |
.popover-content ul, | |
.popover-content ol { | |
margin-bottom: 0; | |
} | |
.thumbnails { | |
margin-left: -20px; | |
list-style: none; | |
*zoom: 1; | |
} | |
.thumbnails:before, | |
.thumbnails:after { | |
display: table; | |
content: ""; | |
} | |
.thumbnails:after { | |
clear: both; | |
} | |
.row-fluid .thumbnails { | |
margin-left: 0; | |
} | |
.thumbnails > li { | |
float: left; | |
margin-bottom: 18px; | |
margin-left: 20px; | |
} | |
.thumbnail { | |
display: block; | |
padding: 4px; | |
line-height: 1; | |
border: 1px solid #ddd; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); | |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); | |
} | |
a.thumbnail:hover { | |
border-color: #187794; | |
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
} | |
.thumbnail > img { | |
display: block; | |
max-width: 100%; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.thumbnail .caption { | |
padding: 9px; | |
} | |
.label, | |
.badge { | |
font-size: 10.998px; | |
font-weight: bold; | |
line-height: 14px; | |
color: #ffffff; | |
vertical-align: baseline; | |
white-space: nowrap; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #999999; | |
} | |
.label { | |
padding: 1px 4px 2px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
.badge { | |
padding: 1px 9px 2px; | |
-webkit-border-radius: 9px; | |
-moz-border-radius: 9px; | |
border-radius: 9px; | |
} | |
a.label:hover, | |
a.badge:hover { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.label-important, | |
.badge-important { | |
background-color: #b55457; | |
} | |
.label-important[href], | |
.badge-important[href] { | |
background-color: #954143; | |
} | |
.label-warning, | |
.badge-warning { | |
background-color: #f89406; | |
} | |
.label-warning[href], | |
.badge-warning[href] { | |
background-color: #c67605; | |
} | |
.label-success, | |
.badge-success { | |
background-color: #468847; | |
} | |
.label-success[href], | |
.badge-success[href] { | |
background-color: #356635; | |
} | |
.label-info, | |
.badge-info { | |
background-color: #3a87ad; | |
} | |
.label-info[href], | |
.badge-info[href] { | |
background-color: #2d6987; | |
} | |
.label-inverse, | |
.badge-inverse { | |
background-color: #333333; | |
} | |
.label-inverse[href], | |
.badge-inverse[href] { | |
background-color: #1a1a1a; | |
} | |
@-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 { | |
overflow: hidden; | |
height: 18px; | |
margin-bottom: 18px; | |
background-color: #f7f7f7; | |
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); | |
background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); | |
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); | |
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); | |
background-image: linear-gradient(top, #f5f5f5, #f9f9f9); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
.progress .bar { | |
width: 0%; | |
height: 18px; | |
color: #ffffff; | |
font-size: 12px; | |
text-align: center; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #0e90d2; | |
background-image: -moz-linear-gradient(top, #149bdf, #0480be); | |
background-image: -ms-linear-gradient(top, #149bdf, #0480be); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); | |
background-image: -webkit-linear-gradient(top, #149bdf, #0480be); | |
background-image: -o-linear-gradient(top, #149bdf, #0480be); | |
background-image: linear-gradient(top, #149bdf, #0480be); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); | |
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
-moz-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; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
-webkit-transition: width 0.6s ease; | |
-moz-transition: width 0.6s ease; | |
-ms-transition: width 0.6s ease; | |
-o-transition: width 0.6s ease; | |
transition: width 0.6s ease; | |
} | |
.progress-striped .bar { | |
background-color: #149bdf; | |
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: -ms-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 .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-danger .bar { | |
background-color: #dd514c; | |
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); | |
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); | |
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); | |
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); | |
background-image: linear-gradient(top, #ee5f5b, #c43c35); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); | |
} | |
.progress-danger.progress-striped .bar { | |
background-color: #ee5f5b; | |
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: -ms-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-success .bar { | |
background-color: #5eb95e; | |
background-image: -moz-linear-gradient(top, #62c462, #57a957); | |
background-image: -ms-linear-gradient(top, #62c462, #57a957); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); | |
background-image: -webkit-linear-gradient(top, #62c462, #57a957); | |
background-image: -o-linear-gradient(top, #62c462, #57a957); | |
background-image: linear-gradient(top, #62c462, #57a957); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); | |
} | |
.progress-success.progress-striped .bar { | |
background-color: #62c462; | |
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: -ms-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-info .bar { | |
background-color: #4bb1cf; | |
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); | |
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); | |
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); | |
background-image: -o-linear-gradient(top, #5bc0de, #339bb9); | |
background-image: linear-gradient(top, #5bc0de, #339bb9); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); | |
} | |
.progress-info.progress-striped .bar { | |
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: -ms-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-warning .bar { | |
background-color: #faa732; | |
background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
background-image: -ms-linear-gradient(top, #fbb450, #f89406); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
background-image: linear-gradient(top, #fbb450, #f89406); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); | |
} | |
.progress-warning.progress-striped .bar { | |
background-color: #fbb450; | |
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: -ms-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: 18px; | |
} | |
.accordion-group { | |
margin-bottom: 2px; | |
border: 1px solid #e5e5e5; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
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; | |
margin-bottom: 18px; | |
line-height: 1; | |
} | |
.carousel-inner { | |
overflow: hidden; | |
width: 100%; | |
position: relative; | |
} | |
.carousel .item { | |
display: none; | |
position: relative; | |
-webkit-transition: 0.6s ease-in-out left; | |
-moz-transition: 0.6s ease-in-out left; | |
-ms-transition: 0.6s ease-in-out left; | |
-o-transition: 0.6s ease-in-out left; | |
transition: 0.6s ease-in-out left; | |
} | |
.carousel .item > img { | |
display: block; | |
line-height: 1; | |
} | |
.carousel .active, | |
.carousel .next, | |
.carousel .prev { | |
display: block; | |
} | |
.carousel .active { | |
left: 0; | |
} | |
.carousel .next, | |
.carousel .prev { | |
position: absolute; | |
top: 0; | |
width: 100%; | |
} | |
.carousel .next { | |
left: 100%; | |
} | |
.carousel .prev { | |
left: -100%; | |
} | |
.carousel .next.left, | |
.carousel .prev.right { | |
left: 0; | |
} | |
.carousel .active.left { | |
left: -100%; | |
} | |
.carousel .active.right { | |
left: 100%; | |
} | |
.carousel-control { | |
position: absolute; | |
top: 40%; | |
left: 15px; | |
width: 40px; | |
height: 40px; | |
margin-top: -20px; | |
font-size: 60px; | |
font-weight: 100; | |
line-height: 30px; | |
color: #ffffff; | |
text-align: center; | |
background: #222222; | |
border: 3px solid #ffffff; | |
-webkit-border-radius: 23px; | |
-moz-border-radius: 23px; | |
border-radius: 23px; | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
.carousel-control.right { | |
left: auto; | |
right: 15px; | |
} | |
.carousel-control:hover { | |
color: #ffffff; | |
text-decoration: none; | |
opacity: 0.9; | |
filter: alpha(opacity=90); | |
} | |
.carousel-caption { | |
position: absolute; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
padding: 10px 15px 5px; | |
background: #333333; | |
background: rgba(0, 0, 0, 0.75); | |
} | |
.carousel-caption h4, | |
.carousel-caption p { | |
color: #ffffff; | |
} | |
.hero-unit { | |
padding: 60px; | |
margin-bottom: 30px; | |
background-color: #eeeeee; | |
-webkit-border-radius: 6px; | |
-moz-border-radius: 6px; | |
border-radius: 6px; | |
} | |
.hero-unit h1 { | |
margin-bottom: 0; | |
font-size: 60px; | |
line-height: 1; | |
color: inherit; | |
letter-spacing: -1px; | |
} | |
.hero-unit p { | |
font-size: 18px; | |
font-weight: 200; | |
line-height: 27px; | |
color: inherit; | |
} | |
.pull-right { | |
float: right; | |
} | |
.pull-left { | |
float: left; | |
} | |
.hide { | |
display: none; | |
} | |
.show { | |
display: block; | |
} | |
.invisible { | |
visibility: hidden; | |
} | |
/* Font Awesome | |
the iconic font designed for use with Twitter Bootstrap | |
------------------------------------------------------- | |
The full suite of pictographic icons, examples, and documentation | |
can be found at: http://fortawesome.github.com/Font-Awesome/ | |
License | |
------------------------------------------------------- | |
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: | |
http://creativecommons.org/licenses/by/3.0/ A mention of | |
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable | |
source code is considered acceptable attribution (most common on the web). | |
If human readable source code is not available to the end user, a mention in | |
an 'About' or 'Credits' screen is considered acceptable (most common in desktop | |
or mobile software). | |
Contact | |
------------------------------------------------------- | |
Email: [email protected] | |
Twitter: http://twitter.com/fortaweso_me | |
Work: Lead Product Designer @ http://kyruus.com | |
*/ | |
@font-face { | |
font-family: 'FontAwesome'; | |
src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot'); | |
src: url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('../../../base/vendor/font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
/* Font Awesome styles | |
------------------------------------------------------- */ | |
[class^="icon-"]:before, | |
[class*=" icon-"]:before { | |
font-family: FontAwesome; | |
font-weight: normal; | |
font-style: normal; | |
display: inline-block; | |
text-decoration: inherit; | |
} | |
a [class^="icon-"], | |
a [class*=" icon-"] { | |
display: inline-block; | |
text-decoration: inherit; | |
} | |
/* makes the font 33% larger relative to the icon container */ | |
.icon-large:before { | |
vertical-align: middle; | |
font-size: 1.3333333333333333em; | |
} | |
.btn [class^="icon-"], | |
.nav-tabs [class^="icon-"], | |
.btn [class*=" icon-"], | |
.nav-tabs [class*=" icon-"] { | |
/* keeps button heights with and without icons the same */ | |
line-height: .9em; | |
} | |
li [class^="icon-"], | |
li [class*=" icon-"] { | |
display: inline-block; | |
width: 1.25em; | |
text-align: center; | |
} | |
li .icon-large:before, | |
li .icon-large:before { | |
/* 1.5 increased font size for icon-large * 1.25 width */ | |
width: 1.875em; | |
} | |
ul.icons { | |
list-style-type: none; | |
margin-left: 2em; | |
text-indent: -0.8em; | |
} | |
ul.icons li [class^="icon-"], | |
ul.icons li [class*=" icon-"] { | |
width: .8em; | |
} | |
ul.icons li .icon-large:before, | |
ul.icons li .icon-large:before { | |
/* 1.5 increased font size for icon-large * 1.25 width */ | |
vertical-align: initial; | |
} | |
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | |
readers do not read off random characters that represent icons */ | |
.icon-glass:before { | |
content: "\f000"; | |
} | |
.icon-music:before { | |
content: "\f001"; | |
} | |
.icon-search:before { | |
content: "\f002"; | |
} | |
.icon-envelope:before { | |
content: "\f003"; | |
} | |
.icon-heart:before { | |
content: "\f004"; | |
} | |
.icon-star:before { | |
content: "\f005"; | |
} | |
.icon-star-empty:before { | |
content: "\f006"; | |
} | |
.icon-user:before { | |
content: "\f007"; | |
} | |
.icon-film:before { | |
content: "\f008"; | |
} | |
.icon-th-large:before { | |
content: "\f009"; | |
} | |
.icon-th:before { | |
content: "\f00a"; | |
} | |
.icon-th-list:before { | |
content: "\f00b"; | |
} | |
.icon-ok:before { | |
content: "\f00c"; | |
} | |
.icon-remove:before { | |
content: "\f00d"; | |
} | |
.icon-zoom-in:before { | |
content: "\f00e"; | |
} | |
.icon-zoom-out:before { | |
content: "\f010"; | |
} | |
.icon-off:before { | |
content: "\f011"; | |
} | |
.icon-signal:before { | |
content: "\f012"; | |
} | |
.icon-cog:before { | |
content: "\f013"; | |
} | |
.icon-trash:before { | |
content: "\f014"; | |
} | |
.icon-home:before { | |
content: "\f015"; | |
} | |
.icon-file:before { | |
content: "\f016"; | |
} | |
.icon-time:before { | |
content: "\f017"; | |
} | |
.icon-road:before { | |
content: "\f018"; | |
} | |
.icon-download-alt:before { | |
content: "\f019"; | |
} | |
.icon-download:before { | |
content: "\f01a"; | |
} | |
.icon-upload:before { | |
content: "\f01b"; | |
} | |
.icon-inbox:before { | |
content: "\f01c"; | |
} | |
.icon-play-circle:before { | |
content: "\f01d"; | |
} | |
.icon-repeat:before { | |
content: "\f01e"; | |
} | |
/* \f020 doesn't work in Safari. all shifted one down */ | |
.icon-refresh:before { | |
content: "\f021"; | |
} | |
.icon-list-alt:before { | |
content: "\f022"; | |
} | |
.icon-lock:before { | |
content: "\f023"; | |
} | |
.icon-flag:before { | |
content: "\f024"; | |
} | |
.icon-headphones:before { | |
content: "\f025"; | |
} | |
.icon-volume-off:before { | |
content: "\f026"; | |
} | |
.icon-volume-down:before { | |
content: "\f027"; | |
} | |
.icon-volume-up:before { | |
content: "\f028"; | |
} | |
.icon-qrcode:before { | |
content: "\f029"; | |
} | |
.icon-barcode:before { | |
content: "\f02a"; | |
} | |
.icon-tag:before { | |
content: "\f02b"; | |
} | |
.icon-tags:before { | |
content: "\f02c"; | |
} | |
.icon-book:before { | |
content: "\f02d"; | |
} | |
.icon-bookmark:before { | |
content: "\f02e"; | |
} | |
.icon-print:before { | |
content: "\f02f"; | |
} | |
.icon-camera:before { | |
content: "\f030"; | |
} | |
.icon-font:before { | |
content: "\f031"; | |
} | |
.icon-bold:before { | |
content: "\f032"; | |
} | |
.icon-italic:before { | |
content: "\f033"; | |
} | |
.icon-text-height:before { | |
content: "\f034"; | |
} | |
.icon-text-width:before { | |
content: "\f035"; | |
} | |
.icon-align-left:before { | |
content: "\f036"; | |
} | |
.icon-align-center:before { | |
content: "\f037"; | |
} | |
.icon-align-right:before { | |
content: "\f038"; | |
} | |
.icon-align-justify:before { | |
content: "\f039"; | |
} | |
.icon-list:before { | |
content: "\f03a"; | |
} | |
.icon-indent-left:before { | |
content: "\f03b"; | |
} | |
.icon-indent-right:before { | |
content: "\f03c"; | |
} | |
.icon-facetime-video:before { | |
content: "\f03d"; | |
} | |
.icon-picture:before { | |
content: "\f03e"; | |
} | |
.icon-pencil:before { | |
content: "\f040"; | |
} | |
.icon-map-marker:before { | |
content: "\f041"; | |
} | |
.icon-adjust:before { | |
content: "\f042"; | |
} | |
.icon-tint:before { | |
content: "\f043"; | |
} | |
.icon-edit:before { | |
content: "\f044"; | |
} | |
.icon-share:before { | |
content: "\f045"; | |
} | |
.icon-check:before { | |
content: "\f046"; | |
} | |
.icon-move:before { | |
content: "\f047"; | |
} | |
.icon-step-backward:before { | |
content: "\f048"; | |
} | |
.icon-fast-backward:before { | |
content: "\f049"; | |
} | |
.icon-backward:before { | |
content: "\f04a"; | |
} | |
.icon-play:before { | |
content: "\f04b"; | |
} | |
.icon-pause:before { | |
content: "\f04c"; | |
} | |
.icon-stop:before { | |
content: "\f04d"; | |
} | |
.icon-forward:before { | |
content: "\f04e"; | |
} | |
.icon-fast-forward:before { | |
content: "\f050"; | |
} | |
.icon-step-forward:before { | |
content: "\f051"; | |
} | |
.icon-eject:before { | |
content: "\f052"; | |
} | |
.icon-chevron-left:before { | |
content: "\f053"; | |
} | |
.icon-chevron-right:before { | |
content: "\f054"; | |
} | |
.icon-plus-sign:before { | |
content: "\f055"; | |
} | |
.icon-minus-sign:before { | |
content: "\f056"; | |
} | |
.icon-remove-sign:before { | |
content: "\f057"; | |
} | |
.icon-ok-sign:before { | |
content: "\f058"; | |
} | |
.icon-question-sign:before { | |
content: "\f059"; | |
} | |
.icon-info-sign:before { | |
content: "\f05a"; | |
} | |
.icon-screenshot:before { | |
content: "\f05b"; | |
} | |
.icon-remove-circle:before { | |
content: "\f05c"; | |
} | |
.icon-ok-circle:before { | |
content: "\f05d"; | |
} | |
.icon-ban-circle:before { | |
content: "\f05e"; | |
} | |
.icon-arrow-left:before { | |
content: "\f060"; | |
} | |
.icon-arrow-right:before { | |
content: "\f061"; | |
} | |
.icon-arrow-up:before { | |
content: "\f062"; | |
} | |
.icon-arrow-down:before { | |
content: "\f063"; | |
} | |
.icon-share-alt:before { | |
content: "\f064"; | |
} | |
.icon-resize-full:before { | |
content: "\f065"; | |
} | |
.icon-resize-small:before { | |
content: "\f066"; | |
} | |
.icon-plus:before { | |
content: "\f067"; | |
} | |
.icon-minus:before { | |
content: "\f068"; | |
} | |
.icon-asterisk:before { | |
content: "\f069"; | |
} | |
.icon-exclamation-sign:before { | |
content: "\f06a"; | |
} | |
.icon-gift:before { | |
content: "\f06b"; | |
} | |
.icon-leaf:before { | |
content: "\f06c"; | |
} | |
.icon-fire:before { | |
content: "\f06d"; | |
} | |
.icon-eye-open:before { | |
content: "\f06e"; | |
} | |
.icon-eye-close:before { | |
content: "\f070"; | |
} | |
.icon-warning-sign:before { | |
content: "\f071"; | |
} | |
.icon-plane:before { | |
content: "\f072"; | |
} | |
.icon-calendar:before { | |
content: "\f073"; | |
} | |
.icon-random:before { | |
content: "\f074"; | |
} | |
.icon-comment:before { | |
content: "\f075"; | |
} | |
.icon-magnet:before { | |
content: "\f076"; | |
} | |
.icon-chevron-up:before { | |
content: "\f077"; | |
} | |
.icon-chevron-down:before { | |
content: "\f078"; | |
} | |
.icon-retweet:before { | |
content: "\f079"; | |
} | |
.icon-shopping-cart:before { | |
content: "\f07a"; | |
} | |
.icon-folder-close:before { | |
content: "\f07b"; | |
} | |
.icon-folder-open:before { | |
content: "\f07c"; | |
} | |
.icon-resize-vertical:before { | |
content: "\f07d"; | |
} | |
.icon-resize-horizontal:before { | |
content: "\f07e"; | |
} | |
.icon-bar-chart:before { | |
content: "\f080"; | |
} | |
.icon-twitter-sign:before { | |
content: "\f081"; | |
} | |
.icon-facebook-sign:before { | |
content: "\f082"; | |
} | |
.icon-camera-retro:before { | |
content: "\f083"; | |
} | |
.icon-key:before { | |
content: "\f084"; | |
} | |
.icon-cogs:before { | |
content: "\f085"; | |
} | |
.icon-comments:before { | |
content: "\f086"; | |
} | |
.icon-thumbs-up:before { | |
content: "\f087"; | |
} | |
.icon-thumbs-down:before { | |
content: "\f088"; | |
} | |
.icon-star-half:before { | |
content: "\f089"; | |
} | |
.icon-heart-empty:before { | |
content: "\f08a"; | |
} | |
.icon-signout:before { | |
content: "\f08b"; | |
} | |
.icon-linkedin-sign:before { | |
content: "\f08c"; | |
} | |
.icon-pushpin:before { | |
content: "\f08d"; | |
} | |
.icon-external-link:before { | |
content: "\f08e"; | |
} | |
.icon-signin:before { | |
content: "\f090"; | |
} | |
.icon-trophy:before { | |
content: "\f091"; | |
} | |
.icon-github-sign:before { | |
content: "\f092"; | |
} | |
.icon-upload-alt:before { | |
content: "\f093"; | |
} | |
.icon-lemon:before { | |
content: "\f094"; | |
} | |
.icon-phone:before { | |
content: "\f095"; | |
} | |
.icon-check-empty:before { | |
content: "\f096"; | |
} | |
.icon-bookmark-empty:before { | |
content: "\f097"; | |
} | |
.icon-phone-sign:before { | |
content: "\f098"; | |
} | |
.icon-twitter:before { | |
content: "\f099"; | |
} | |
.icon-facebook:before { | |
content: "\f09a"; | |
} | |
.icon-github:before { | |
content: "\f09b"; | |
} | |
.icon-unlock:before { | |
content: "\f09c"; | |
} | |
.icon-credit-card:before { | |
content: "\f09d"; | |
} | |
.icon-rss:before { | |
content: "\f09e"; | |
} | |
.icon-hdd:before { | |
content: "\f0a0"; | |
} | |
.icon-bullhorn:before { | |
content: "\f0a1"; | |
} | |
.icon-bell:before { | |
content: "\f0a2"; | |
} | |
.icon-certificate:before { | |
content: "\f0a3"; | |
} | |
.icon-hand-right:before { | |
content: "\f0a4"; | |
} | |
.icon-hand-left:before { | |
content: "\f0a5"; | |
} | |
.icon-hand-up:before { | |
content: "\f0a6"; | |
} | |
.icon-hand-down:before { | |
content: "\f0a7"; | |
} | |
.icon-circle-arrow-left:before { | |
content: "\f0a8"; | |
} | |
.icon-circle-arrow-right:before { | |
content: "\f0a9"; | |
} | |
.icon-circle-arrow-up:before { | |
content: "\f0aa"; | |
} | |
.icon-circle-arrow-down:before { | |
content: "\f0ab"; | |
} | |
.icon-globe:before { | |
content: "\f0ac"; | |
} | |
.icon-wrench:before { | |
content: "\f0ad"; | |
} | |
.icon-tasks:before { | |
content: "\f0ae"; | |
} | |
.icon-filter:before { | |
content: "\f0b0"; | |
} | |
.icon-briefcase:before { | |
content: "\f0b1"; | |
} | |
.icon-fullscreen:before { | |
content: "\f0b2"; | |
} | |
.icon-group:before { | |
content: "\f0c0"; | |
} | |
.icon-link:before { | |
content: "\f0c1"; | |
} | |
.icon-cloud:before { | |
content: "\f0c2"; | |
} | |
.icon-beaker:before { | |
content: "\f0c3"; | |
} | |
.icon-cut:before { | |
content: "\f0c4"; | |
} | |
.icon-copy:before { | |
content: "\f0c5"; | |
} | |
.icon-paper-clip:before { | |
content: "\f0c6"; | |
} | |
.icon-save:before { | |
content: "\f0c7"; | |
} | |
.icon-sign-blank:before { | |
content: "\f0c8"; | |
} | |
.icon-reorder:before { | |
content: "\f0c9"; | |
} | |
.icon-list-ul:before { | |
content: "\f0ca"; | |
} | |
.icon-list-ol:before { | |
content: "\f0cb"; | |
} | |
.icon-strikethrough:before { | |
content: "\f0cc"; | |
} | |
.icon-underline:before { | |
content: "\f0cd"; | |
} | |
.icon-table:before { | |
content: "\f0ce"; | |
} | |
.icon-magic:before { | |
content: "\f0d0"; | |
} | |
.icon-truck:before { | |
content: "\f0d1"; | |
} | |
.icon-pinterest:before { | |
content: "\f0d2"; | |
} | |
.icon-pinterest-sign:before { | |
content: "\f0d3"; | |
} | |
.icon-google-plus-sign:before { | |
content: "\f0d4"; | |
} | |
.icon-google-plus:before { | |
content: "\f0d5"; | |
} | |
.icon-money:before { | |
content: "\f0d6"; | |
} | |
.icon-caret-down:before { | |
content: "\f0d7"; | |
} | |
.icon-caret-up:before { | |
content: "\f0d8"; | |
} | |
.icon-caret-left:before { | |
content: "\f0d9"; | |
} | |
.icon-caret-right:before { | |
content: "\f0da"; | |
} | |
.icon-columns:before { | |
content: "\f0db"; | |
} | |
.icon-sort:before { | |
content: "\f0dc"; | |
} | |
.icon-sort-down:before { | |
content: "\f0dd"; | |
} | |
.icon-sort-up:before { | |
content: "\f0de"; | |
} | |
.icon-envelope-alt:before { | |
content: "\f0e0"; | |
} | |
.icon-linkedin:before { | |
content: "\f0e1"; | |
} | |
.icon-undo:before { | |
content: "\f0e2"; | |
} | |
.icon-legal:before { | |
content: "\f0e3"; | |
} | |
.icon-dashboard:before { | |
content: "\f0e4"; | |
} | |
.icon-comment-alt:before { | |
content: "\f0e5"; | |
} | |
.icon-comments-alt:before { | |
content: "\f0e6"; | |
} | |
.icon-bolt:before { | |
content: "\f0e7"; | |
} | |
.icon-sitemap:before { | |
content: "\f0e8"; | |
} | |
.icon-umbrella:before { | |
content: "\f0e9"; | |
} | |
.icon-paste:before { | |
content: "\f0ea"; | |
} | |
.icon-user-md:before { | |
content: "\f200"; | |
} | |
.pill { | |
background-color: #cccccc; | |
color: #ffffff; | |
padding: 1px 5px 1px 8px; | |
margin-right: 5px; | |
-webkit-border-radius: 7px; | |
-moz-border-radius: 7px; | |
border-radius: 7px; | |
} | |
.pill a { | |
color: #ffffff; | |
} | |
.pill a.remove { | |
font-size: 11px; | |
} | |
.tag { | |
background: url("../../../base/images/background-tag.png") no-repeat -13px center; | |
position: relative; | |
display: block; | |
font-size: 11px; | |
line-height: 27px; | |
color: #187794; | |
padding-left: 10px; | |
padding-right: 5px; | |
margin-right: 11px; | |
} | |
.tag:before { | |
content: ""; | |
background: url("../../../base/images/background-tag.png") no-repeat center left; | |
position: absolute; | |
display: block; | |
top: 0; | |
bottom: 0; | |
right: -11px; | |
width: 11px; | |
} | |
.unstyled { | |
margin: 0; | |
list-style: none; | |
} | |
.simple-item { | |
font-size: 12px; | |
line-height: 1.1666666666666667em; | |
padding: 7px 25px; | |
border-bottom: 1px dotted #cccccc; | |
} | |
.simple-item:last-of-type { | |
border-bottom: 0; | |
} | |
.simple-list { | |
*zoom: 1; | |
margin: 0; | |
list-style: none; | |
} | |
.simple-list:before, | |
.simple-list:after { | |
display: table; | |
content: ""; | |
} | |
.simple-list:after { | |
clear: both; | |
} | |
.simple-list > li { | |
font-size: 12px; | |
line-height: 1.1666666666666667em; | |
padding: 7px 25px; | |
border-bottom: 1px dotted #cccccc; | |
} | |
.simple-list > li:last-of-type { | |
border-bottom: 0; | |
} | |
.simple-list .ckan-icon { | |
position: relative; | |
top: 0px; | |
} | |
.module-narrow .simple-list > li { | |
padding-left: 15px; | |
padding-right: 15px; | |
position: relative; | |
} | |
.listing li { | |
text-align: right; | |
margin-bottom: 5px; | |
} | |
.listing .key { | |
clear: right; | |
font-weight: bold; | |
} | |
.js .tab-content { | |
display: none; | |
} | |
.js .tab-content.active { | |
display: block; | |
} | |
.module { | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); | |
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); | |
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); | |
background-color: #ffffff; | |
margin-bottom: 20px; | |
} | |
.module-heading { | |
-webkit-border-radius: 3px 3px 0 0; | |
-moz-border-radius: 3px 3px 0 0; | |
border-radius: 3px 3px 0 0; | |
font-size: 14px; | |
line-height: 1.3; | |
padding: 7px 25px; | |
border-bottom: 1px solid #d0d0d0; | |
background-color: #f3f3f3; | |
background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); | |
background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); | |
} | |
.module-heading-secondary { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
border-top: 1px solid #d0d0d0; | |
} | |
.module-heading [class^=icon]:before { | |
font-size: 1.2em; | |
line-height: 1; | |
position: relative; | |
top: 1px; | |
margin-right: 0.1em; | |
} | |
.module-heading .action { | |
float: right; | |
color: #8c8c8c; | |
font-size: 11px; | |
text-decoration: underline; | |
} | |
.module-content { | |
padding: 0 25px; | |
margin: 20px 0; | |
} | |
.module-content:first-child { | |
margin-top: 0; | |
padding-top: 20px; | |
} | |
.module-content:last-child { | |
margin-bottom: 0; | |
padding-bottom: 20px; | |
} | |
.module-content > :last-child { | |
margin-bottom: 0; | |
} | |
.module-border-top { | |
border-top: 1px dotted #cccccc; | |
} | |
.module-border-bottom { | |
border-bottom: 1px dotted #cccccc; | |
} | |
.module-footer { | |
padding: 7px 25px 7px; | |
border-top: 1px dotted #cccccc; | |
} | |
.module .read-more { | |
font-weight: bold; | |
color: #000000; | |
} | |
.module .pagination { | |
height: 34px; | |
margin-bottom: 0; | |
border-top: 1px solid #d0d0d0; | |
} | |
.module .pagination > ul { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
border: 0; | |
} | |
.module .pagination li a { | |
border-top: none; | |
border-bottom: none; | |
} | |
.module .pagination li:first-child a, | |
.module .pagination li:last-child a { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
} | |
.module .pagination li:first-child a { | |
border-left-width: 0; | |
} | |
.module .pagination li:last-child a { | |
border-right-width: 0; | |
} | |
.module .pagination li.active a { | |
border-left-width: 1px; | |
border-right-width: 1px; | |
} | |
.module .action { | |
text-align: center; | |
} | |
.module-shallow .module-content { | |
padding: 10px; | |
margin: 0; | |
} | |
.module-shallow .module-content:first-child { | |
padding-top: 10px; | |
} | |
.module-shallow .module-content:last-child { | |
padding-bottom: 10px; | |
} | |
.module-shallow small { | |
font-size: 11px; | |
display: block; | |
} | |
.module-narrow .module-heading, | |
.module-narrow .module-content, | |
.module-narrow .module-footer { | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
.module-grid { | |
margin: 0; | |
list-style: none; | |
*zoom: 1; | |
margin-left: -20px; | |
padding: 0; | |
} | |
.module-grid:before, | |
.module-grid:after { | |
display: table; | |
content: ""; | |
} | |
.module-grid:after { | |
clear: both; | |
} | |
.module-item { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 33.33%; | |
padding-left: 20px; | |
padding-bottom: 25px; | |
float: left; | |
margin-left: 20px; | |
width: 460px; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
padding-right: 50px; | |
overflow: hidden; | |
position: relative; | |
} | |
.module-item.first { | |
clear: left; | |
} | |
.group .content img { | |
margin: 0 -5px 5px; | |
max-width: initial; | |
} | |
.group .content h3 { | |
font-size: 14px; | |
line-height: 1.3; | |
} | |
.group-listing { | |
margin-left: -20px; | |
} | |
.ckanext-datapreview { | |
position: relative; | |
} | |
.ckanext-datapreview > iframe { | |
min-height: 400px; | |
} | |
.ckanext-datapreview > img { | |
max-height: 500px; | |
max-width: 100%; | |
overflow: hidden; | |
} | |
.package-info h4 { | |
margin-bottom: 10px; | |
} | |
.media { | |
position: relative; | |
overflow: hidden; | |
} | |
.media-content > :last-child { | |
margin-bottom: 0; | |
} | |
.media-heading { | |
font-size: 14px; | |
line-height: 1.3em; | |
margin: 5px 0; | |
} | |
.media-image, | |
.media .gravatar { | |
position: relative; | |
float: left; | |
margin-right: 10px; | |
overflow: hidden; | |
} | |
.media-image:after { | |
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); | |
-moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); | |
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); | |
content: ""; | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
z-index: 1; | |
} | |
.media-image img { | |
display: block; | |
margin: 0 auto; | |
} | |
.media-vertical .media-image, | |
.media-vertical .media-content { | |
float: none; | |
display: block; | |
} | |
.media-vertical .media-image { | |
margin-right: 0; | |
max-height: 125px; | |
} | |
.media-grid, | |
ul.media-grid, | |
ol.media-grid { | |
margin: 0; | |
list-style: none; | |
*zoom: 1; | |
margin-left: -20px; | |
} | |
.media-grid:before, | |
ul.media-grid:before, | |
ol.media-grid:before, | |
.media-grid:after, | |
ul.media-grid:after, | |
ol.media-grid:after { | |
display: table; | |
content: ""; | |
} | |
.media-grid:after, | |
ul.media-grid:after, | |
ol.media-grid:after { | |
clear: both; | |
} | |
.media-item { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
width: 33.33%; | |
padding-left: 20px; | |
padding-bottom: 25px; | |
float: left; | |
} | |
.media-item.first { | |
clear: left; | |
} | |
.media-item .media-content { | |
min-height: 63px; | |
} | |
.related-item.expanded { | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
background-color: #ffffff; | |
background-color: rgba(255, 255, 255, 0.9); | |
z-index: 2; | |
} | |
.media-wide { | |
padding: 0; | |
} | |
.media-wide .media { | |
float: left; | |
margin-left: 20px; | |
width: 460px; | |
} | |
.media-overlay { | |
position: relative; | |
min-height: 35px; | |
} | |
.media-overlay .media-heading { | |
position: absolute; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
padding: 12px 10px; | |
margin: 0; | |
background-color: #000; | |
background-color: rgba(0, 0, 0, 0.8); | |
font-size: 13px; | |
color: #fff; | |
z-index: 1; | |
} | |
.media-overlay .media-image { | |
float: none; | |
display: block; | |
margin-right: 0; | |
} | |
.banner { | |
-webkit-transform: rotate(45deg); | |
-moz-transform: rotate(45deg); | |
-ms-transform: rotate(45deg); | |
-o-transform: rotate(45deg); | |
transform: rotate(45deg); | |
-webkit-transform-origin: center center; | |
-moz-transform-origin: center center; | |
-ms-transform-origin: center center; | |
-o-transform-origin: center center; | |
transform-origin: center center; | |
position: absolute; | |
top: 15px; | |
right: -35px; | |
width: 80px; | |
color: #ffffff; | |
background: #707070; | |
padding: 1px 20px; | |
font-size: 11px; | |
text-align: center; | |
text-transform: uppercase; | |
} | |
.nav-simple { | |
*zoom: 1; | |
margin: 0; | |
list-style: none; | |
padding-bottom: 0; | |
} | |
.nav-simple:before, | |
.nav-simple:after { | |
display: table; | |
content: ""; | |
} | |
.nav-simple:after { | |
clear: both; | |
} | |
.nav-simple > li { | |
font-size: 12px; | |
line-height: 1.1666666666666667em; | |
padding: 7px 25px; | |
border-bottom: 1px dotted #cccccc; | |
} | |
.nav-simple > li:last-of-type { | |
border-bottom: 0; | |
} | |
.nav-simple .ckan-icon { | |
position: relative; | |
top: 0px; | |
} | |
.nav-item > a { | |
color: #333333; | |
margin: -7px -25px; | |
padding: 7px 25px; | |
} | |
.nav-item.active { | |
background-color: #f2f2f2; | |
} | |
.nav-item.active > a span { | |
white-space: nowrap; | |
overflow: hidden; | |
display: block; | |
} | |
.nav-item.active > a { | |
background: url("../../../base/images/background-tag.png") no-repeat -13px center; | |
display: block; | |
font-size: 11px; | |
line-height: 27px; | |
color: #187794; | |
padding-right: 5px; | |
margin-right: 11px; | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
font-size: 12px; | |
font-weight: bold; | |
position: relative; | |
left: 4px; | |
margin-left: -25px; | |
margin-right: -20px; | |
padding-left: 10px; | |
padding-right: 0px; | |
padding: 1px 22px; | |
} | |
.nav-item.active > a:before { | |
content: ""; | |
background: url("../../../base/images/background-tag.png") no-repeat center left; | |
position: absolute; | |
display: block; | |
top: 0; | |
bottom: 0; | |
right: -11px; | |
width: 11px; | |
} | |
.nav-item [class^=icon] { | |
font-size: 1.2em; | |
margin: -1px 0 -1px -1px; | |
} | |
.module-narrow .nav-item > a { | |
padding-left: 15px; | |
padding-right: 15px; | |
position: relative; | |
} | |
.module-narrow .nav-item.active > a { | |
padding-left: 12px; | |
padding-right: 12px; | |
} | |
.module-narrow .nav-item.image { | |
position: relative; | |
} | |
.module-narrow .nav-item.image > a { | |
padding-left: 42px; | |
padding-right: 42px; | |
} | |
.module-narrow .nav-item.image > img { | |
position: absolute; | |
top: 50%; | |
left: 15px; | |
width: 20px; | |
height: 20px; | |
margin-top: -10px; | |
z-index: 2; | |
} | |
.nav-facet .nav-item > a:hover:after, | |
.nav-facet .nav-item.active > a:after { | |
*margin-right: .3em; | |
display: inline-block; | |
vertical-align: text-bottom; | |
position: relative; | |
top: 2px; | |
width: 16px; | |
height: 16px; | |
background-image: url("../../../base/images/sprite-ckan-icons.png"); | |
background-repeat: no-repeat; | |
background-position: 16px 16px; | |
content: ""; | |
position: absolute; | |
top: 50%; | |
right: 5px; | |
margin-top: -8px; | |
} | |
.nav-facet .nav-item > a:hover:after:last-child, | |
.nav-facet .nav-item.active > a:after:last-child { | |
*margin-left: 0; | |
} | |
.nav-facet .nav-item > a:hover:after { | |
width: 17px; | |
height: 17px; | |
background-position: -17px -16px; | |
} | |
.nav-facet .nav-item.active > a:after { | |
width: 17px; | |
height: 17px; | |
background-position: 0px -16px; | |
right: 3px; | |
} | |
.js .js-hide { | |
display: none; | |
} | |
.js .js-hide.active { | |
display: block; | |
} | |
.btn, | |
label { | |
font-weight: bold; | |
} | |
.btn-rounded { | |
-webkit-border-radius: 100px; | |
-moz-border-radius: 100px; | |
border-radius: 100px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
label { | |
cursor: pointer; | |
font-size: 14px; | |
line-height: 2; | |
} | |
label:after { | |
content: ":"; | |
} | |
label.radio:after, | |
label.checkbox:after { | |
content: ""; | |
} | |
input, | |
textarea, | |
select, | |
.uneditable-input { | |
font-size: 14px; | |
padding: 8px 10px; | |
} | |
input[type=radio], | |
input[type=checkbox] { | |
position: relative; | |
top: 7px; | |
padding: 0; | |
margin: 0; | |
} | |
input[type=radio].checkbox-onown, | |
input[type=checkbox].checkbox-onown { | |
top: 0; | |
} | |
select { | |
margin-top: 6px; | |
padding: 4px; | |
} | |
textarea { | |
max-width: 100%; | |
} | |
.input-prepend .add-on { | |
padding: 8px 8px; | |
font-size: 14px; | |
} | |
.control-group .btn { | |
position: relative; | |
top: -2px; | |
} | |
.control-full input, | |
.control-full select, | |
.control-full textarea { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
height: auto; | |
width: 100%; | |
} | |
.control-medium input, | |
.control-medium select, | |
.control-medium textarea { | |
width: 320px; | |
} | |
.control-large input, | |
.control-large .control-label { | |
font-size: 18px; | |
} | |
.form-actions { | |
background: none; | |
margin-left: -25px; | |
margin-right: -25px; | |
margin-bottom: 0; | |
padding-bottom: 0; | |
text-align: right; | |
} | |
.form-actions .action-info { | |
float: left; | |
width: 50%; | |
line-height: 2; | |
text-align: left; | |
color: #707070; | |
margin: 0; | |
} | |
.form-actions .action-info.small { | |
font-size: 11px; | |
line-height: 1.2; | |
} | |
.form-horizontal .control-label { | |
width: 120px; | |
line-height: 1.3; | |
padding-top: 9px; | |
} | |
.form-horizontal .control-large input, | |
.form-horizontal .control-large .control-label { | |
font-size: 18px; | |
line-height: 2; | |
} | |
.form-horizontal .control-large .control-label { | |
padding-top: 10px; | |
} | |
.form-horizontal .controls { | |
margin-left: 130px; | |
} | |
.form-horizontal .info-block { | |
position: relative; | |
display: block; | |
font-size: 11px; | |
color: #aeaeae; | |
line-height: 1.3; | |
padding: 6px 0 6px 25px; | |
margin-top: 6px; | |
} | |
.form-horizontal .info-help { | |
padding: 6px 0; | |
} | |
.form-horizontal .info-help:before { | |
display: none; | |
} | |
.form-horizontal .info-help-tight { | |
margin-top: -10px; | |
} | |
.form-horizontal .info-inline { | |
float: right; | |
width: 265px; | |
margin-top: 0; | |
padding-bottom: 0; | |
} | |
.form-horizontal .control-medium .info-block.info-inline { | |
width: 165px; | |
} | |
.form-horizontal .info-block:before { | |
font-size: 2.2em; | |
position: absolute; | |
left: 0; | |
top: 2px; | |
} | |
.form-horizontal .info-inline:before { | |
top: 8px; | |
} | |
.info-block .icon-large, | |
.info-inline .icon-large { | |
float: left; | |
font-size: 22px; | |
margin-right: 15px; | |
} | |
.form-horizontal .info-block a { | |
color: #aeaeae; | |
text-decoration: underline; | |
} | |
.form-horizontal .form-actions { | |
padding-left: 25px; | |
padding-right: 25px; | |
} | |
.form-inline input { | |
padding-bottom: 9px; | |
} | |
.form-inline select { | |
margin-top: 0; | |
} | |
.form-inline .btn { | |
margin-left: 5px; | |
} | |
.form-narrow label { | |
margin-bottom: 0; | |
} | |
.form-narrow select { | |
width: 100%; | |
} | |
.form-narrow .form-actions { | |
margin-left: -15px; | |
margin-right: -15px; | |
padding: 10px 15px 0; | |
} | |
.form-select label { | |
margin-right: 5px; | |
} | |
.simple-input label, | |
.simple-input button { | |
display: none; | |
} | |
.simple-input .field { | |
position: relative; | |
} | |
.simple-input .field-bordered { | |
border-bottom: 1px dotted #cccccc; | |
} | |
.simple-input .field input { | |
width: 100%; | |
height: auto; | |
margin: 0 -7px; | |
padding: 7px 5px; | |
} | |
.simple-input .field .btn-search { | |
*margin-right: .3em; | |
display: inline-block; | |
vertical-align: text-bottom; | |
position: relative; | |
top: 2px; | |
width: 16px; | |
height: 16px; | |
background-image: url("../../../base/images/sprite-ckan-icons.png"); | |
background-repeat: no-repeat; | |
background-position: 16px 16px; | |
background-position: -51px -16px; | |
position: absolute; | |
display: block; | |
height: 17px; | |
width: 17px; | |
top: 50%; | |
right: 0; | |
margin-top: -8px; | |
background-color: transparent; | |
border: none; | |
text-indent: -999em; | |
} | |
.simple-input .field .btn-search:last-child { | |
*margin-left: 0; | |
} | |
.editor textarea { | |
-webkit-border-radius: 3px 3px 0 0; | |
-moz-border-radius: 3px 3px 0 0; | |
border-radius: 3px 3px 0 0; | |
border-bottom: none; | |
} | |
.editor .editor-info-block { | |
-webkit-border-radius: 0 0 3px 3px; | |
-moz-border-radius: 0 0 3px 3px; | |
border-radius: 0 0 3px 3px; | |
display: block; | |
float: none; | |
padding: 4px 10px; | |
background: #ebebeb; | |
width: auto; | |
border: 1px solid #cccccc; | |
border-top: none; | |
font-size: 11px; | |
color: #282828; | |
} | |
.editor .editor-info-block a { | |
color: #187794; | |
text-decoration: none; | |
} | |
.control-custom { | |
font-size: 0; | |
} | |
.control-custom label { | |
margin-bottom: 0; | |
} | |
.control-custom input { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
width: 140px; | |
} | |
.control-custom input:last-of-type { | |
-webkit-border-radius: 0 3px 3px 0; | |
-moz-border-radius: 0 3px 3px 0; | |
border-radius: 0 3px 3px 0; | |
} | |
.control-custom .checkbox { | |
display: inline-block; | |
margin-left: 5px; | |
} | |
.control-custom .checkbox input { | |
width: auto; | |
} | |
.control-custom.disabled label, | |
.control-custom.disabled input { | |
color: #aaaaaa; | |
text-decoration: line-through; | |
text-shadow: none; | |
} | |
.control-custom.disabled input { | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
background-color: #f3f3f3; | |
} | |
.control-custom.disabled .checkbox { | |
color: #4d4d4d; | |
text-decoration: none; | |
} | |
.control-custom .checkbox.btn { | |
-webkit-border-radius: 15px; | |
-moz-border-radius: 15px; | |
border-radius: 15px; | |
position: relative; | |
top: 0; | |
left: 5px; | |
height: 3px; | |
width: 8px; | |
padding: 3px 8px; | |
} | |
.control-custom .checkbox.btn span { | |
display: none; | |
width: 30px; | |
} | |
.control-custom .checkbox.btn:before { | |
position: relative; | |
top: 1px; | |
left: -1px; | |
color: #fff; | |
} | |
.control-custom .checkbox.btn input { | |
display: none; | |
} | |
.control-custom.disabled .checkbox.btn { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #206b82; | |
background-image: -moz-linear-gradient(top, #30778d, #085871); | |
background-image: -ms-linear-gradient(top, #30778d, #085871); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#30778d), to(#085871)); | |
background-image: -webkit-linear-gradient(top, #30778d, #085871); | |
background-image: -o-linear-gradient(top, #30778d, #085871); | |
background-image: linear-gradient(top, #30778d, #085871); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30778d', endColorstr='#085871', GradientType=0); | |
border-color: #085871 #085871 #03202a; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #085871; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.control-custom.disabled .checkbox.btn:hover, | |
.control-custom.disabled .checkbox.btn:active, | |
.control-custom.disabled .checkbox.btn.active, | |
.control-custom.disabled .checkbox.btn.disabled, | |
.control-custom.disabled .checkbox.btn[disabled] { | |
background-color: #085871; | |
*background-color: #064559; | |
} | |
.control-custom.disabled .checkbox.btn:active, | |
.control-custom.disabled .checkbox.btn.active { | |
background-color: #053341 \9; | |
} | |
.control-custom.disabled .checkbox.btn .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.alert-danger a, | |
.alert-error a { | |
color: #b55457; | |
} | |
.control-group.error input, | |
.control-group.error select, | |
.control-group.error textarea, | |
.control-group.error .input-prepend .add-on, | |
.control-group.error .input-append .add-on { | |
border-color: #c6898b; | |
} | |
.error-inline { | |
color: #b55457; | |
} | |
.error-block, | |
.error-inline { | |
font-size: 12px; | |
} | |
.error-block { | |
-webkit-border-radius: 0 0 3px 3px; | |
-moz-border-radius: 0 0 3px 3px; | |
border-radius: 0 0 3px 3px; | |
display: block; | |
padding: 6px 8px 3px; | |
background: #c6898b; | |
margin: -3px 0 0; | |
color: #ffffff; | |
width: 216px; | |
} | |
.control-medium .error-block { | |
width: 326px; | |
} | |
.control-full .error-block { | |
width: auto; | |
} | |
.control-group.error .input-prepend .error-block, | |
.control-custom.error .error-block { | |
margin-left: -1px; | |
width: auto; | |
} | |
.control-custom.error .error-block { | |
width: 409px; | |
} | |
.control-select.error .error-block { | |
width: 204px; | |
} | |
.stages { | |
margin: 0; | |
list-style: none; | |
*zoom: 1; | |
color: #aeaeae; | |
counter-reset: stage; | |
margin: -20px -25px 20px; | |
overflow: hidden; | |
} | |
.stages:before, | |
.stages:after { | |
display: table; | |
content: ""; | |
} | |
.stages:after { | |
clear: both; | |
} | |
.stages li { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
line-height: 27px; | |
counter-increment: stage; | |
width: 33.33%; | |
background-color: #ededed; | |
float: left; | |
padding: 10px 20px; | |
position: relative; | |
z-index: 0; | |
} | |
.stages li:before { | |
-webkit-border-radius: 14px; | |
-moz-border-radius: 14px; | |
border-radius: 14px; | |
content: counter(stage); | |
display: inline-block; | |
width: 27px; | |
height: 27px; | |
margin-right: 5px; | |
font-weight: bold; | |
text-align: center; | |
color: #ffffff; | |
background-color: #aeaeae; | |
z-index: 1; | |
} | |
.stages li:after { | |
left: 0; | |
border: solid rgba(237, 237, 237, 0); | |
content: " "; | |
height: 0; | |
width: 0; | |
position: absolute; | |
pointer-events: none; | |
border-top-color: #ededed; | |
border-bottom-color: #ededed; | |
border-width: 29px; | |
top: 50%; | |
margin-top: -29px; | |
margin-left: -30px; | |
} | |
.stages li.first, | |
.stages li.first .highlight { | |
-webkit-border-radius: 3px 0 0 0; | |
-moz-border-radius: 3px 0 0 0; | |
border-radius: 3px 0 0 0; | |
} | |
.stages li.last { | |
position: relative; | |
right: -1px; | |
} | |
.stages li.last, | |
.stages li.last .highlight { | |
-webkit-border-radius: 0 3px 0 0; | |
-moz-border-radius: 0 3px 0 0; | |
border-radius: 0 3px 0 0; | |
} | |
.stages li.first:after { | |
content: none; | |
border: none; | |
} | |
.stages li.active:after { | |
border-color: rgba(140, 198, 138, 0); | |
border-top-color: #8cc68a; | |
border-bottom-color: #8cc68a; | |
} | |
.stages li.complete:after { | |
border-color: rgba(197, 226, 196, 0); | |
border-top-color: #c5e2c4; | |
border-bottom-color: #c5e2c4; | |
} | |
.stages.stage-3 li.complete:first-child:after { | |
content: none; | |
} | |
.stages li.active, | |
.stages li.complete { | |
background: none; | |
} | |
.stages li.active:before { | |
color: #8cc68a; | |
background: #ffffff; | |
} | |
.stages li.complete:before { | |
color: #c5e2c4; | |
background: #eef6ed; | |
} | |
.stages li .highlight { | |
display: block; | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
width: 100%; | |
padding: 10px 52px; | |
border: none; | |
text-align: left; | |
text-decoration: none; | |
line-height: 27px; | |
z-index: -1; | |
} | |
.stages li.active .highlight { | |
color: #ffffff; | |
background: #8cc68a; | |
} | |
.stages li.complete .highlight { | |
color: #eef6ed; | |
background: #c5e2c4; | |
} | |
.alert > :last-child { | |
margin-bottom: 0; | |
} | |
.slug-preview { | |
font-size: 14px; | |
line-height: 1.5; | |
margin-top: 5px; | |
margin-left: 10px; | |
} | |
.slug-preview-value { | |
background-color: #faedcf; | |
margin-right: 3px; | |
} | |
.slug-preview .btn { | |
padding-top: 3px; | |
padding-bottom: 3px; | |
} | |
.resource-upload-field { | |
position: relative; | |
overflow: hidden; | |
display: inline-block; | |
vertical-align: bottom; | |
} | |
.resource-upload-field label { | |
z-index: 0; | |
} | |
.resource-upload-field input { | |
opacity: 0; | |
filter: alpha(opacity=0); | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 1; | |
margin: 0; | |
border: solid transparent; | |
border-width: 100px 0 0 200px; | |
cursor: pointer; | |
direction: ltr; | |
-moz-transform: translate(-300px, 0) scale(4); | |
} | |
.resource-upload-field.loading { | |
display: inline-block; | |
background: url("../../../base/images/loading-spinner.gif") no-repeat center right; | |
padding-right: 5px; | |
} | |
.select2-container .select2-choice input, | |
.select2-container-multi .select2-choices .select2-search-field:first-child input { | |
font-size: 14px; | |
} | |
.select2-container-multi .select2-choices .select2-search-field input { | |
height: 29px; | |
} | |
.select2-container .select2-choice input, | |
.select2-container-multi .select2-choices .select2-search-field:first-child input { | |
padding-left: 10px; | |
} | |
.select2-container { | |
margin-top: 5px; | |
} | |
.select2-container-multi { | |
margin-top: 0; | |
} | |
.select2-container-multi .select2-choices .select2-search-choice { | |
padding: 5px 8px 5px 22px; | |
} | |
.select2-container-multi.select2-container .select2-choices { | |
padding-top: 3px; | |
padding-bottom: 3px; | |
} | |
.select2-search-choice-close, | |
.select2-container-multi .select2-search-choice-close { | |
top: 6px; | |
left: 5px; | |
} | |
.select2-container-multi .select2-choices { | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
-moz-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-transition: border linear 0.2s, box-shadow linear 0.2s; | |
-moz-transition: border linear 0.2s, box-shadow linear 0.2s; | |
-ms-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; | |
background-color: #ffffff; | |
border: 1px solid #cccccc; | |
} | |
.select2-container-active .select2-choices, | |
.select2-container-multi.select2-container-active .select2-choices { | |
border-color: rgba(82, 168, 236, 0.8); | |
outline: 0; | |
outline: thin dotted \9; | |
/* IE6-9 */ | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
} | |
.select2-container-multi .select2-drop { | |
margin-top: -2px; | |
} | |
.select2-container .select2-results li { | |
line-height: 18px; | |
padding-top: 4px; | |
padding-bottom: 4px; | |
} | |
.control-full .select2-container { | |
width: 520px !important; | |
} | |
.control-group.error .select2-container input:focus, | |
.control-group.error .select2-container select:focus, | |
.control-group.error .select2-container textarea:focus { | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
.dataset-item { | |
border-bottom: 1px dotted #cccccc; | |
padding-bottom: 20px; | |
margin-bottom: 20px; | |
} | |
.dataset-item:last-of-type { | |
border-bottom: none; | |
margin-bottom: 0; | |
padding-bottom: 0; | |
} | |
.dataset-heading { | |
font-size: 14px; | |
line-height: 1.3; | |
} | |
.dataset-heading a { | |
color: #333333; | |
} | |
.dataset-heading .label { | |
position: relative; | |
top: -1px; | |
} | |
.dataset-content { | |
font-size: 12px; | |
} | |
.dataset-resources { | |
font-size: 10px; | |
line-height: 14px; | |
margin-top: 5px; | |
} | |
.dataset-resources li { | |
display: inline; | |
} | |
.dataset-resources li a { | |
background-color: #aaaaaa; | |
} | |
.dataset-heading .popular { | |
top: 0; | |
} | |
.results { | |
margin-bottom: 20px; | |
padding-bottom: 25px; | |
border-bottom: 1px dotted #cccccc; | |
} | |
.results strong { | |
display: block; | |
font-size: 24px; | |
line-height: 1.3; | |
color: #000000; | |
margin-bottom: 10px; | |
} | |
.results strong:before { | |
float: right; | |
content: " "; | |
width: 280px; | |
white-space: pre; | |
} | |
.filter-list { | |
color: #4d4d4d; | |
font-weight: bold; | |
} | |
.filter-list .extra { | |
margin-top: 10px; | |
font-size: 18px; | |
font-weight: normal; | |
color: #000000; | |
} | |
.dataset-search { | |
position: relative; | |
} | |
.search-giant { | |
position: relative; | |
} | |
.search-giant input { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
box-sizing: border-box; | |
font-size: 16px; | |
padding: 14px 10px; | |
width: 100%; | |
height: auto; | |
} | |
.search-giant button { | |
cursor: pointer; | |
position: absolute; | |
right: 15px; | |
top: 50%; | |
display: block; | |
border: none; | |
padding: 0; | |
margin-top: -17px; | |
width: 30px; | |
height: 30px; | |
background: transparent url("../../../base/images/icon-search-27x26.png") no-repeat center center; | |
text-indent: -900em; | |
} | |
.control-order-by { | |
position: absolute; | |
bottom: -65px; | |
right: 0; | |
} | |
.control-order-by label, | |
.control-order-by select { | |
display: inline; | |
} | |
.control-order-by select { | |
width: 160px; | |
} | |
.resource-list { | |
margin: 0; | |
list-style: none; | |
margin: -10px -10px 10px -10px; | |
} | |
.resource-item { | |
position: relative; | |
padding: 10px 10px 10px 60px; | |
margin-bottom: 0px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
.resource-item:hover { | |
background-color: #efefef; | |
} | |
.resource-item .heading { | |
color: #000000; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
.resource-item .format-label { | |
position: absolute; | |
top: 10px; | |
left: 10px; | |
} | |
.resource-item .description { | |
font-size: 12px; | |
margin-bottom: 0; | |
} | |
.resource-item .btn-group { | |
position: absolute; | |
top: 14px; | |
right: 10px; | |
} | |
.dataset-resource-form .dataset-form-resource-types { | |
margin-bottom: 5px; | |
} | |
.dataset-form-resource-types .ckan-icon { | |
position: relative; | |
top: 3px; | |
} | |
.dataset-form-resource-types .radio { | |
font-weight: normal; | |
padding-left: 0; | |
padding-right: 18px; | |
} | |
.dataset-form-resource-types label { | |
position: relative; | |
} | |
.dataset-form-resource-types input[type=radio]:checked + label { | |
font-weight: bold; | |
} | |
.dataset-form-resource-types input[type=radio]:checked + label:after { | |
*margin-right: .3em; | |
display: inline-block; | |
vertical-align: text-bottom; | |
position: relative; | |
top: 2px; | |
background-image: url("../../../base/images/sprite-ckan-icons.png"); | |
background-repeat: no-repeat; | |
background-position: 16px 16px; | |
width: 16px; | |
height: 16px; | |
background-position: -192px 0; | |
display: block; | |
content: ""; | |
position: absolute; | |
top: auto; | |
left: 0; | |
bottom: -12px; | |
} | |
.dataset-form-resource-types input[type=radio]:checked + label:after:last-child { | |
*margin-left: 0; | |
} | |
.dataset-form-resource-types input[type=radio] { | |
display: none; | |
} | |
.tag-list { | |
margin: 0; | |
list-style: none; | |
padding: 10px; | |
} | |
.tag-list li { | |
display: inline-block; | |
margin-right: 5px; | |
} | |
.tag-list li:last-child { | |
margin-right: 0; | |
} | |
.additional-info td, | |
.additional-info th { | |
width: 50%; | |
} | |
.label[data-format=html], | |
.label[data-format*=html] { | |
background-color: #55a1ce; | |
} | |
.label[data-format=json], | |
.label[data-format*=json] { | |
background-color: #ef7100; | |
} | |
.label[data-format=xml], | |
.label[data-format*=xml] { | |
background-color: #ef7100; | |
} | |
.label[data-format=text], | |
.label[data-format*=text] { | |
background-color: #74cbec; | |
} | |
.label[data-format=csv], | |
.label[data-format*=csv] { | |
background-color: #dfb100; | |
} | |
.label[data-format=xls], | |
.label[data-format*=xls] { | |
background-color: #2db55d; | |
} | |
.label[data-format=zip], | |
.label[data-format*=zip] { | |
background-color: #686868; | |
} | |
.label[data-format=api], | |
.label[data-format*=api] { | |
background-color: #ec96be; | |
} | |
.label[data-format=pdf], | |
.label[data-format*=pdf] { | |
background-color: #e0051e; | |
} | |
.label[data-format=rdf], | |
.label[data-format*=rdf], | |
.label[data-format*=nquad], | |
.label[data-format*=ntriples], | |
.label[data-format*=turtle] { | |
background-color: #0b4498; | |
} | |
.group .media-vertical .image { | |
margin: 0 -5px 5px; | |
} | |
.group-list:nth-child(odd) { | |
clear: left; | |
} | |
.group-list .module-heading { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
} | |
.group-list .dataset-content { | |
min-height: 54px; | |
} | |
.group-list .module-heading h3 { | |
margin-bottom: 2px; | |
} | |
.group-list .module-heading h3 a { | |
color: #333333; | |
} | |
.group-list .module-heading .media-image { | |
overflow: hidden; | |
max-height: 60px; | |
} | |
.toolbar { | |
*zoom: 1; | |
margin-top: -10px; | |
margin-bottom: 10px; | |
padding: 5px 0; | |
} | |
.toolbar:before, | |
.toolbar:after { | |
display: table; | |
content: ""; | |
} | |
.toolbar:after { | |
clear: both; | |
} | |
.toolbar .breadcrumb { | |
*zoom: 1; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
position: relative; | |
float: left; | |
margin: 0; | |
padding: 0; | |
border: none; | |
background: none; | |
font-size: 20px; | |
} | |
.toolbar .breadcrumb:before, | |
.toolbar .breadcrumb:after { | |
display: table; | |
content: ""; | |
} | |
.toolbar .breadcrumb:after { | |
clear: both; | |
} | |
.toolbar li [class^=icon]:before { | |
width: auto; | |
} | |
.toolbar .breadcrumb li:after { | |
content: " / "; | |
} | |
.toolbar .breadcrumb li.active:after { | |
content: ""; | |
} | |
.toolbar .breadcrumb li:last-of-type:after { | |
content: ""; | |
} | |
.toolbar .home a { | |
text-decoration: none; | |
} | |
.toolbar .home span { | |
display: none; | |
} | |
.toolbar .breadcrumb a { | |
color: #505050; | |
line-height: 28px; | |
} | |
.toolbar .breadcrumb .active a { | |
font-weight: bold; | |
} | |
.toolbar .actions { | |
margin: 0; | |
list-style: none; | |
} | |
.toolbar .actions li { | |
display: inline-block; | |
margin-right: 5px; | |
} | |
.toolbar .actions li { | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
} | |
.toolbar .actions li:last-of-type { | |
margin-right: 0; | |
} | |
.toolbar .btn { | |
padding: 0 10px 0 8px; | |
border-color: #b7b7b7; | |
line-height: 27px; | |
} | |
.toolbar .btn-success { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #5bb75b; | |
background-image: -moz-linear-gradient(top, #62c462, #51a351); | |
background-image: -ms-linear-gradient(top, #62c462, #51a351); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); | |
background-image: -webkit-linear-gradient(top, #62c462, #51a351); | |
background-image: -o-linear-gradient(top, #62c462, #51a351); | |
background-image: linear-gradient(top, #62c462, #51a351); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); | |
border-color: #51a351 #51a351 #387038; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #51a351; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.toolbar .btn-success:hover, | |
.toolbar .btn-success:active, | |
.toolbar .btn-success.active, | |
.toolbar .btn-success.disabled, | |
.toolbar .btn-success[disabled] { | |
background-color: #51a351; | |
*background-color: #499249; | |
} | |
.toolbar .btn-success:active, | |
.toolbar .btn-success.active { | |
background-color: #408140 \9; | |
} | |
.toolbar .btn-success .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.toolbar .btn-primary { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #206b82; | |
background-image: -moz-linear-gradient(top, #30778d, #085871); | |
background-image: -ms-linear-gradient(top, #30778d, #085871); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#30778d), to(#085871)); | |
background-image: -webkit-linear-gradient(top, #30778d, #085871); | |
background-image: -o-linear-gradient(top, #30778d, #085871); | |
background-image: linear-gradient(top, #30778d, #085871); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30778d', endColorstr='#085871', GradientType=0); | |
border-color: #085871 #085871 #03202a; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #085871; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.toolbar .btn-primary:hover, | |
.toolbar .btn-primary:active, | |
.toolbar .btn-primary.active, | |
.toolbar .btn-primary.disabled, | |
.toolbar .btn-primary[disabled] { | |
background-color: #085871; | |
*background-color: #064559; | |
} | |
.toolbar .btn-primary:active, | |
.toolbar .btn-primary.active { | |
background-color: #053341 \9; | |
} | |
.toolbar .btn-primary .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.toolbar .btn-warning { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #faa732; | |
background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
background-image: -ms-linear-gradient(top, #fbb450, #f89406); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
background-image: linear-gradient(top, #fbb450, #f89406); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); | |
border-color: #f89406 #f89406 #ad6704; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #f89406; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.toolbar .btn-warning:hover, | |
.toolbar .btn-warning:active, | |
.toolbar .btn-warning.active, | |
.toolbar .btn-warning.disabled, | |
.toolbar .btn-warning[disabled] { | |
background-color: #f89406; | |
*background-color: #df8505; | |
} | |
.toolbar .btn-warning:active, | |
.toolbar .btn-warning.active { | |
background-color: #c67605 \9; | |
} | |
.toolbar .btn-warning .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.toolbar .btn-danger { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #da4f49; | |
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); | |
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); | |
background-image: linear-gradient(top, #ee5f5b, #bd362f); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); | |
border-color: #bd362f #bd362f #802420; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #bd362f; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.toolbar .btn-danger:hover, | |
.toolbar .btn-danger:active, | |
.toolbar .btn-danger.active, | |
.toolbar .btn-danger.disabled, | |
.toolbar .btn-danger[disabled] { | |
background-color: #bd362f; | |
*background-color: #a9302a; | |
} | |
.toolbar .btn-danger:active, | |
.toolbar .btn-danger.active { | |
background-color: #942a25 \9; | |
} | |
.toolbar .btn-danger .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.toolbar .btn-success { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #5bb75b; | |
background-image: -moz-linear-gradient(top, #62c462, #51a351); | |
background-image: -ms-linear-gradient(top, #62c462, #51a351); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); | |
background-image: -webkit-linear-gradient(top, #62c462, #51a351); | |
background-image: -o-linear-gradient(top, #62c462, #51a351); | |
background-image: linear-gradient(top, #62c462, #51a351); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); | |
border-color: #51a351 #51a351 #387038; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #51a351; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.toolbar .btn-success:hover, | |
.toolbar .btn-success:active, | |
.toolbar .btn-success.active, | |
.toolbar .btn-success.disabled, | |
.toolbar .btn-success[disabled] { | |
background-color: #51a351; | |
*background-color: #499249; | |
} | |
.toolbar .btn-success:active, | |
.toolbar .btn-success.active { | |
background-color: #408140 \9; | |
} | |
.toolbar .btn-success .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.toolbar .btn-info { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #49afcd; | |
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); | |
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); | |
background-image: linear-gradient(top, #5bc0de, #2f96b4); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); | |
border-color: #2f96b4 #2f96b4 #1f6377; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #2f96b4; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.toolbar .btn-info:hover, | |
.toolbar .btn-info:active, | |
.toolbar .btn-info.active, | |
.toolbar .btn-info.disabled, | |
.toolbar .btn-info[disabled] { | |
background-color: #2f96b4; | |
*background-color: #2a85a0; | |
} | |
.toolbar .btn-info:active, | |
.toolbar .btn-info.active { | |
background-color: #24748c \9; | |
} | |
.toolbar .btn-info .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.toolbar .btn-inverse { | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
background-color: #414141; | |
background-image: -moz-linear-gradient(top, #555555, #222222); | |
background-image: -ms-linear-gradient(top, #555555, #222222); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); | |
background-image: -webkit-linear-gradient(top, #555555, #222222); | |
background-image: -o-linear-gradient(top, #555555, #222222); | |
background-image: linear-gradient(top, #555555, #222222); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); | |
border-color: #222222 #222222 #000000; | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
*background-color: #222222; | |
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.toolbar .btn-inverse:hover, | |
.toolbar .btn-inverse:active, | |
.toolbar .btn-inverse.active, | |
.toolbar .btn-inverse.disabled, | |
.toolbar .btn-inverse[disabled] { | |
background-color: #222222; | |
*background-color: #151515; | |
} | |
.toolbar .btn-inverse:active, | |
.toolbar .btn-inverse.active { | |
background-color: #080808 \9; | |
} | |
.toolbar .btn-inverse .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
opacity: 0.75; | |
filter: alpha(opacity=75); | |
} | |
.hide-heading { | |
display: none; | |
} | |
.page-header { | |
position: relative; | |
border-bottom: 1px solid #d0d0d0; | |
height: 30px; | |
-webkit-border-radius: 3px 3px 0 0; | |
-moz-border-radius: 3px 3px 0 0; | |
border-radius: 3px 3px 0 0; | |
background-color: #f3f3f3; | |
background-image: -moz-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: -ms-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f0f0f0)); | |
background-image: -webkit-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: -o-linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-image: linear-gradient(top, #f5f5f5, #f0f0f0); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f0f0f0', GradientType=0); | |
} | |
.page-header .nav-tabs { | |
position: absolute; | |
left: 20px; | |
bottom: -1px; | |
margin-bottom: 0; | |
} | |
.page-header .nav-tabs i { | |
margin-right: 10px; | |
font-size: 14px; | |
} | |
.page-header .nav-tabs a:hover { | |
background-color: #ffffff; | |
} | |
.prose h1, | |
.prose heading-1 h2, | |
.prose heading-2 { | |
margin-bottom: 15px; | |
} | |
.prose h3, | |
.prose heading-3 { | |
margin-bottom: 10px; | |
} | |
.table-chunky td, | |
.table-chunky th { | |
padding: 12px 15px; | |
font-size: 12px; | |
} | |
.table-chunky thead th, | |
.table-chunky thead td { | |
color: #ffffff; | |
background-color: #aaaaaa; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
} | |
.table-striped tbody tr:nth-child(odd) td, | |
.table-striped tbody tr:nth-child(odd) th { | |
background-color: transparent; | |
} | |
.table-striped tbody tr:nth-child(even) td, | |
.table-striped tbody tr:nth-child(even) th { | |
background-color: #f2f2f2; | |
} | |
.table-chunky.table-bordered { | |
-webkit-border-radius: 2px; | |
-moz-border-radius: 2px; | |
border-radius: 2px; | |
} | |
.table-chunky.table-bordered thead:first-child tr:first-child th:first-child, | |
.table-chunky.table-bordered tbody:first-child tr:first-child td:first-child { | |
-webkit-border-top-left-radius: 2px; | |
-moz-border-radius-topleft: 2px; | |
border-top-left-radius: 2px; | |
} | |
.table-chunky.table-bordered thead:first-child tr:first-child th:last-child, | |
.table-chunky.table-bordered tbody:first-child tr:first-child td:last-child { | |
-webkit-border-top-right-radius: 2px; | |
-moz-border-radius-topright: 2px; | |
border-top-right-radius: 2px; | |
} | |
.table-chunky.table-bordered thead:last-child tr:last-child th:first-child, | |
.table-chunky.table-bordered tbody:last-child tr:last-child td:first-child { | |
-webkit-border-radius: 0 0 0 2px; | |
-moz-border-radius: 0 0 0 2px; | |
border-radius: 0 0 0 2px; | |
-webkit-border-bottom-left-radius: 2px; | |
-moz-border-radius-bottomleft: 2px; | |
border-bottom-left-radius: 2px; | |
} | |
.table-chunky.table-bordered thead:last-child tr:last-child th:last-child, | |
.table-chunky.table-bordered tbody:last-child tr:last-child td:last-child { | |
-webkit-border-bottom-right-radius: 2px; | |
-moz-border-radius-bottomright: 2px; | |
border-bottom-right-radius: 2px; | |
} | |
.ckan-icon { | |
*margin-right: .3em; | |
display: inline-block; | |
vertical-align: text-bottom; | |
position: relative; | |
top: 2px; | |
width: 16px; | |
height: 16px; | |
background-image: url("../../../base/images/sprite-ckan-icons.png"); | |
background-repeat: no-repeat; | |
background-position: 16px 16px; | |
} | |
.ckan-icon:last-child { | |
*margin-left: 0; | |
} | |
.ckan-icon-fb { | |
width: 16px; | |
height: 16px; | |
background-position: 0px 0; | |
} | |
.ckan-icon-gplus { | |
width: 16px; | |
height: 16px; | |
background-position: -16px 0; | |
} | |
.ckan-icon-twitter { | |
width: 16px; | |
height: 16px; | |
background-position: -32px 0; | |
} | |
.ckan-icon-email { | |
width: 16px; | |
height: 16px; | |
background-position: -48px 0; | |
} | |
.ckan-icon-share { | |
width: 16px; | |
height: 16px; | |
background-position: -64px 0; | |
} | |
.ckan-icon-feed { | |
width: 16px; | |
height: 16px; | |
background-position: -80px 0; | |
} | |
.ckan-icon-calendar { | |
width: 16px; | |
height: 16px; | |
background-position: -96px 0; | |
} | |
.ckan-icon-file { | |
width: 16px; | |
height: 16px; | |
background-position: -112px 0; | |
} | |
.ckan-icon-lock { | |
width: 16px; | |
height: 16px; | |
background-position: -128px 0; | |
} | |
.ckan-icon-link-file { | |
width: 16px; | |
height: 16px; | |
background-position: -144px 0; | |
} | |
.ckan-icon-link-plugin { | |
width: 16px; | |
height: 16px; | |
background-position: -160px 0; | |
} | |
.ckan-icon-upload-file { | |
width: 16px; | |
height: 16px; | |
background-position: -176px 0; | |
} | |
.ckan-icon-callout { | |
width: 16px; | |
height: 16px; | |
background-position: -192px 0; | |
} | |
.ckan-icon-circle-cross { | |
width: 17px; | |
height: 17px; | |
background-position: 0px -16px; | |
} | |
.ckan-icon-circle-add { | |
width: 17px; | |
height: 17px; | |
background-position: -17px -16px; | |
} | |
.ckan-icon-flame { | |
width: 17px; | |
height: 17px; | |
background-position: -34px -16px; | |
} | |
.ckan-icon-search { | |
width: 17px; | |
height: 17px; | |
background-position: -51px -16px; | |
} | |
.ckan-icon-large-lock { | |
width: 20px; | |
height: 20px; | |
background-position: 0px -33px; | |
} | |
.ckan-icon-photo { | |
width: 20px; | |
height: 20px; | |
background-position: -20px -33px; | |
} | |
.ckan-icon-add { | |
width: 20px; | |
height: 20px; | |
background-position: -40px -33px; | |
} | |
.ckan-icon-home { | |
width: 20px; | |
height: 20px; | |
background-position: -60px -33px; | |
} | |
.ckan-icon-rewind { | |
width: 20px; | |
height: 20px; | |
background-position: -80px -33px; | |
} | |
.ckan-icon-tools { | |
width: 20px; | |
height: 20px; | |
background-position: -100px -33px; | |
} | |
.ckan-icon-flag { | |
width: 20px; | |
height: 20px; | |
background-position: -120px -33px; | |
} | |
.ckan-icon-clipboard { | |
width: 20px; | |
height: 20px; | |
background-position: -140px -33px; | |
} | |
.ckan-icon-share { | |
width: 20px; | |
height: 20px; | |
background-position: -160px -33px; | |
} | |
.ckan-icon-info { | |
width: 20px; | |
height: 20px; | |
background-position: -180px -33px; | |
} | |
.ckan-icon-download { | |
width: 20px; | |
height: 20px; | |
background-position: -200px -33px; | |
} | |
.ckan-icon-star { | |
width: 20px; | |
height: 20px; | |
background-position: -220px -33px; | |
} | |
.ckan-icon-info-flat { | |
width: 20px; | |
height: 20px; | |
background-position: -240px -33px; | |
} | |
.ckan-icon-tag { | |
width: 20px; | |
height: 20px; | |
background-position: -260px -33px; | |
} | |
.ckan-icon-plus { | |
width: 20px; | |
height: 20px; | |
background-position: -280px -33px; | |
width: 16px; | |
} | |
.ckan-icon-head { | |
width: 20px; | |
height: 20px; | |
background-position: -300px -33px; | |
} | |
.ckan-icon-arrow-e { | |
width: 20px; | |
height: 20px; | |
background-position: -320px -33px; | |
width: 16px; | |
} | |
.ckan-icon-bookmark { | |
width: 25px; | |
height: 25px; | |
background-position: 0px -53px; | |
} | |
.format-label { | |
*margin-right: .3em; | |
display: inline-block; | |
vertical-align: text-bottom; | |
position: relative; | |
top: 2px; | |
width: 16px; | |
height: 16px; | |
background-image: url("../../../base/images/sprite-ckan-icons.png"); | |
background-repeat: no-repeat; | |
background-position: 16px 16px; | |
text-indent: -900em; | |
background: url("../../../base/images/sprite-resource-icons.png") no-repeat 0 0; | |
} | |
.format-label:last-child { | |
*margin-left: 0; | |
} | |
.format-label { | |
width: 32px; | |
height: 35px; | |
background-position: 0px -62px; | |
} | |
.format-label[data-format=rdf], | |
.format-label[data-format*=rdf] { | |
width: 32px; | |
height: 35px; | |
background-position: -32px -62px; | |
} | |
.format-label[data-format=pdf], | |
.format-label[data-format*=pdf] { | |
width: 32px; | |
height: 35px; | |
background-position: -64px -62px; | |
} | |
.format-label[data-format=api], | |
.format-label[data-format*=api] { | |
width: 32px; | |
height: 35px; | |
background-position: -96px -62px; | |
} | |
.format-label[data-format=zip], | |
.format-label[data-format*=zip] { | |
width: 32px; | |
height: 35px; | |
background-position: -128px -62px; | |
} | |
.format-label[data-format=xls], | |
.format-label[data-format*=xls] { | |
width: 32px; | |
height: 35px; | |
background-position: -160px -62px; | |
} | |
.format-label[data-format=csv], | |
.format-label[data-format*=csv] { | |
width: 32px; | |
height: 35px; | |
background-position: -192px -62px; | |
} | |
.format-label[data-format=txt], | |
.format-label[data-format*=txt] { | |
width: 32px; | |
height: 35px; | |
background-position: -224px -62px; | |
} | |
.format-label[data-format=xml], | |
.format-label[data-format*=xml] { | |
width: 32px; | |
height: 35px; | |
background-position: -256px -62px; | |
} | |
.format-label[data-format=json], | |
.format-label[data-format*=json] { | |
width: 32px; | |
height: 35px; | |
background-position: -288px -62px; | |
} | |
.format-label[data-format=html], | |
.format-label[data-format*=html] { | |
width: 32px; | |
height: 35px; | |
background-position: -320px -62px; | |
} | |
li [class^="icon-"], | |
li [class*=" icon-"] { | |
width: auto; | |
} | |
li .icon-large:before, | |
li .icon-large:before { | |
width: auto; | |
} | |
[role=main], | |
.main { | |
position: relative; | |
padding-top: 27px; | |
padding-bottom: 27px; | |
background-color: #efefef; | |
} | |
[role=main] { | |
min-height: 350px; | |
} | |
.main:after, | |
.main:before, | |
[role=main]:after, | |
[role=main]:before { | |
content: ""; | |
position: absolute; | |
left: 0; | |
right: 0; | |
height: 7px; | |
background: #ffffff; | |
border-color: #c9c9c9; | |
border-style: solid; | |
border-width: 0; | |
} | |
.main:before, | |
[role=main]:before { | |
top: 0; | |
border-bottom-width: 1px; | |
} | |
.main:after, | |
[role=main]:after { | |
bottom: 0; | |
border-top-width: 1px; | |
} | |
[role=main] .primary { | |
float: left; | |
margin-left: 20px; | |
width: 700px; | |
float: right; | |
} | |
[role=main] .secondary { | |
margin-left: 20px; | |
width: 220px; | |
margin-left: 0; | |
float: left; | |
} | |
.primary > :last-child, | |
.secondary > :last-child { | |
margin-bottom: 0; | |
} | |
.hero { | |
background: url("../../../base/images/background-tile.png"); | |
} | |
.hero:after { | |
background-color: rgba(0, 0, 0, 0.09); | |
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); | |
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0))); | |
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); | |
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); | |
background-image: linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); | |
background-repeat: repeat-x; | |
background-color: transparent; | |
top: 7px; | |
bottom: auto; | |
height: 5px; | |
} | |
.hero { | |
padding-bottom: 0; | |
min-height: 0; | |
} | |
.hero > .container { | |
position: relative; | |
padding-bottom: 0; | |
} | |
.hero-primary, | |
.hero-secondary { | |
float: left; | |
margin-left: 20px; | |
width: 460px; | |
} | |
.hero-primary { | |
margin-left: 0; | |
} | |
.hero-primary { | |
margin-left: 0; | |
margin-bottom: 0; | |
} | |
.hero-secondary { | |
position: absolute; | |
bottom: 0; | |
right: 0; | |
} | |
.hero-secondary-inner { | |
bottom: 0; | |
left: 0; | |
right: 0; | |
} | |
.hero .module-popup { | |
-webkit-border-radius: 3px 3px 0 0; | |
-moz-border-radius: 3px 3px 0 0; | |
border-radius: 3px 3px 0 0; | |
margin-top: 50px; | |
} | |
.hero .module-popup .module-content { | |
padding-bottom: 2px; | |
} | |
.hero .page-heading { | |
font-size: 18px; | |
margin-bottom: 0; | |
} | |
.hero .module-dark { | |
padding: 5px; | |
margin-bottom: 10px; | |
color: #ffffff; | |
background: #ffffff; | |
} | |
.hero .module-dark .module-content { | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
background-color: #005d7a; | |
} | |
.hero .module-dark .module-content .heading { | |
margin-bottom: 7px; | |
} | |
.hero .tags { | |
margin-bottom: 9px; | |
} | |
.hero .tags .tag, | |
.hero .tags .tag-list { | |
display: inline-block; | |
} | |
.hero .tags .tag-list { | |
padding: 0; | |
} | |
.hero .tags .tag { | |
margin-right: 15px; | |
} | |
header.masthead { | |
*zoom: 1; | |
color: #ffffff; | |
padding: 5px 10px 3px; | |
height: 55px; | |
background-color: #005974; | |
background-image: -moz-linear-gradient(top, #005d7a, #00536b); | |
background-image: -ms-linear-gradient(top, #005d7a, #00536b); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005d7a), to(#00536b)); | |
background-image: -webkit-linear-gradient(top, #005d7a, #00536b); | |
background-image: -o-linear-gradient(top, #005d7a, #00536b); | |
background-image: linear-gradient(top, #005d7a, #00536b); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005d7a', endColorstr='#00536b', GradientType=0); | |
} | |
header.masthead:before, | |
header.masthead:after { | |
display: table; | |
content: ""; | |
} | |
header.masthead:after { | |
clear: both; | |
} | |
header.masthead .container { | |
position: relative; | |
} | |
header.masthead a { | |
color: #ffffff; | |
} | |
header.masthead hgroup h1, | |
header.masthead hgroup h2 { | |
float: left; | |
font-size: 34px; | |
line-height: 1.5; | |
} | |
header.masthead hgroup h1 { | |
font-weight: 900; | |
letter-spacing: -1px; | |
} | |
header.masthead hgroup h2 { | |
position: absolute; | |
bottom: -3px; | |
left: 0; | |
margin: 0; | |
font-size: 15px; | |
font-weight: normal; | |
line-height: 1.2; | |
white-space: nowrap; | |
} | |
header.masthead .content { | |
position: absolute; | |
top: 10px; | |
right: 0; | |
} | |
header.masthead .section { | |
float: left; | |
} | |
header.masthead .navigation { | |
margin-right: 20px; | |
} | |
header.masthead .navigation ul.unstyled { | |
*zoom: 1; | |
margin: 5px 0; | |
} | |
header.masthead .navigation ul.unstyled:before, | |
header.masthead .navigation ul.unstyled:after { | |
display: table; | |
content: ""; | |
} | |
header.masthead .navigation ul.unstyled:after { | |
clear: both; | |
} | |
header.masthead .navigation ul.unstyled li { | |
display: block; | |
float: left; | |
} | |
header.masthead .navigation ul.unstyled li a { | |
display: block; | |
font-size: 12px; | |
font-weight: bold; | |
padding: 4px 10px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
header.masthead .navigation ul.unstyled li.active a { | |
background-color: #0d6581; | |
box-shadow: 0 -1px 0 #084152, 0 1px 0 #26758e; | |
} | |
header.masthead .site-search { | |
margin: 3px 0; | |
} | |
header.masthead .site-search input { | |
width: 190px; | |
font-size: 11px; | |
padding: 4px; | |
} | |
header.masthead .account { | |
background: #003f52; | |
padding: 3px 5px; | |
margin: 2px 0 2px 30px; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 2px 4px #002b38; | |
-moz-box-shadow: inset 0 2px 4px #002b38; | |
box-shadow: inset 0 2px 4px #002b38; | |
} | |
header.masthead .account ul.unstyled { | |
*zoom: 1; | |
} | |
header.masthead .account ul.unstyled:before, | |
header.masthead .account ul.unstyled:after { | |
display: table; | |
content: ""; | |
} | |
header.masthead .account ul.unstyled:after { | |
clear: both; | |
} | |
header.masthead .account ul.unstyled li { | |
display: block; | |
float: left; | |
} | |
header.masthead .account ul.unstyled li a { | |
display: block; | |
font-size: 12px; | |
font-weight: bold; | |
padding: 4px 10px; | |
} | |
header.masthead .account ul.unstyled li a.sub { | |
font-weight: 300; | |
border-left: 1px solid #002b38; | |
} | |
header.masthead .account .dropdown { | |
float: left; | |
} | |
header.masthead .account .button { | |
display: block; | |
text-decoration: none; | |
background-color: #005d7a; | |
color: #80aebd; | |
text-shadow: 0 1px 1px #003647; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 0 #007094; | |
-moz-box-shadow: inset 0 1px 0 #007094; | |
box-shadow: inset 0 1px 0 #007094; | |
} | |
header.masthead .account .image { | |
margin: 2px 0; | |
padding: 0 4px 0 0; | |
overflow: hidden; | |
font-size: 10px; | |
-webkit-border-radius: 4px; | |
-moz-border-radius: 4px; | |
border-radius: 4px; | |
} | |
header.masthead .account .image i { | |
vertical-align: -1px; | |
} | |
header.masthead .account .image img { | |
opacity: 0.7; | |
border-right: 1px solid #00536b; | |
-webkit-border-radius: 4px 0 0 4px; | |
-moz-border-radius: 4px 0 0 4px; | |
border-radius: 4px 0 0 4px; | |
} | |
header.masthead .account .notifications { | |
padding: 4px 8px 3px 8px; | |
margin: 2px 5px 2px 0; | |
} | |
header.masthead .account .notifications.notifications-important { | |
color: #ffffff; | |
background-color: #c9403a; | |
text-shadow: 0 1px 1px #a3322d; | |
-webkit-box-shadow: inset 0 1px 0 #ce534e; | |
-moz-box-shadow: inset 0 1px 0 #ce534e; | |
box-shadow: inset 0 1px 0 #ce534e; | |
} | |
header.masthead .account .dropdown.open .image img, | |
header.masthead .account .dropdown .image:hover img { | |
opacity: 1; | |
border-right-color: #007b9e; | |
} | |
header.masthead .account .dropdown.open .button, | |
header.masthead .account .dropdown .button:hover { | |
color: #ffffff; | |
background-color: #669eaf; | |
-webkit-box-shadow: inset 0 1px 0 #80aebd; | |
-moz-box-shadow: inset 0 1px 0 #80aebd; | |
box-shadow: inset 0 1px 0 #80aebd; | |
text-decoration: none; | |
} | |
header.masthead .account .dropdown.open .notifications-important, | |
header.masthead .account .dropdown .notifications-important:hover { | |
background-color: #d46762; | |
text-shadow: 0 1px 1px #c9403a; | |
-webkit-box-shadow: inset 0 1px 0 #d97a76; | |
-moz-box-shadow: inset 0 1px 0 #d97a76; | |
box-shadow: inset 0 1px 0 #d97a76; | |
} | |
header.masthead .account.authed { | |
margin: 0 0 0 30px; | |
} | |
header.masthead .account.not-authed { | |
padding-top: 2px; | |
padding-bottom: 2px; | |
} | |
header.masthead .dropdown-menu { | |
margin-top: -1px; | |
} | |
header.masthead .user-dropdown-menu a { | |
color: #005d7a; | |
} | |
header.masthead .user-dropdown-menu a:hover { | |
color: #ffffff; | |
} | |
header.masthead .debug { | |
position: absolute; | |
top: 10px; | |
left: 10px; | |
color: rgba(255, 255, 255, 0.5); | |
} | |
.site-footer { | |
*zoom: 1; | |
color: #ffffff; | |
padding: 5px 10px 3px; | |
height: 55px; | |
background-color: #005974; | |
background-image: -moz-linear-gradient(top, #005d7a, #00536b); | |
background-image: -ms-linear-gradient(top, #005d7a, #00536b); | |
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005d7a), to(#00536b)); | |
background-image: -webkit-linear-gradient(top, #005d7a, #00536b); | |
background-image: -o-linear-gradient(top, #005d7a, #00536b); | |
background-image: linear-gradient(top, #005d7a, #00536b); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005d7a', endColorstr='#00536b', GradientType=0); | |
font-size: 12px; | |
padding: 20px 0; | |
} | |
.site-footer:before, | |
.site-footer:after { | |
display: table; | |
content: ""; | |
} | |
.site-footer:after { | |
clear: both; | |
} | |
.site-footer, | |
.site-footer label, | |
.site-footer small { | |
color: #ccdee3; | |
} | |
.site-footer a { | |
color: #ccdee3; | |
} | |
.footer-links, | |
.attribution { | |
float: left; | |
margin-left: 20px; | |
width: 460px; | |
} | |
.footer-links { | |
margin-left: 0; | |
} | |
.footer-links li { | |
display: inline-block; | |
width: 40%; | |
margin-right: 5%; | |
margin-bottom: 5px; | |
} | |
.attribution small { | |
color: #ccdee3; | |
font-size: 12px; | |
} | |
.attribution .ckan-footer-logo { | |
display: block; | |
width: 65px; | |
height: 21px; | |
margin-top: 2px; | |
background: url("../../../base/images/ckan-logo-footer.png") no-repeat top left; | |
text-indent: -900em; | |
} | |
.lang-select { | |
*zoom: 1; | |
} | |
.lang-select:before, | |
.lang-select:after { | |
display: table; | |
content: ""; | |
} | |
.lang-select:after { | |
clear: both; | |
} | |
.lang-select label, | |
.lang-select select, | |
.lang-select .lang-container { | |
float: left; | |
margin-top: 0; | |
} | |
.lang-dropdown { | |
color: #000000; | |
} | |
.lang-dropdown li { | |
width: auto; | |
} | |
.lang-dropdown .select2-result-label[data-value]:before { | |
content: ""; | |
display: inline-block; | |
background-image: url("../../../base/images/flags.png"); | |
background-repeat: no-repeat; | |
background-position: 0 11px; | |
width: 17px; | |
height: 11px; | |
position: relative; | |
top: 1px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/en/"]:before { | |
background-position: 0 0; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/de/"]:before { | |
background-position: 0 -11px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/fr/"]:before { | |
background-position: 0 -22px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/it/"]:before { | |
background-position: 0 -33px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/es/"]:before { | |
background-position: 0 -44px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/pl/"]:before { | |
background-position: 0 -55px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/ru/"]:before { | |
background-position: 0 -66px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/nl/"]:before { | |
background-position: 0 -77px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/sv/"]:before { | |
background-position: 0 -88px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/no/"]:before { | |
background-position: 0 -99px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/cs/"]:before, | |
.lang-dropdown .select2-result-label[data-value*="/cs_CZ/"]:before { | |
background-position: 0 -110px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/hu/"]:before { | |
background-position: 0 -121px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { | |
background-position: 0 -132px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/fi/"]:before { | |
background-position: 0 -143px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/bg/"]:before { | |
background-position: 0 -154px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/ca/"]:before { | |
background-position: 0 -165px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/sq/"]:before { | |
background-position: 0 -176px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/sr/"]:before, | |
.lang-dropdown .select2-result-label[data-value*="/sr_Latn/"]:before { | |
background-position: 0 -187px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/zh_TW/"]:before { | |
background-position: 0 -198px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/lv/"]:before { | |
background-position: 0 -209px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/sk/"]:before { | |
background-position: 0 -220px; | |
} | |
.lang-dropdown .select2-result-label[data-value*="/pt_BR/"]:before { | |
background-position: 0 -132px; | |
} | |
.editing [role="main"], | |
.editing .main { | |
background: #efefef url("../../../base/images/editing.png?2") 0 0 repeat-x; | |
} | |
.profile .empty, | |
.profile .dataset-list { | |
margin-bottom: 20px; | |
} | |
.profile-info .module-content { | |
padding: 15px; | |
} | |
.profile-info .avatar { | |
border: 1px solid #DDD; | |
padding: 5px; | |
-webkit-border-radius: 2px; | |
-moz-border-radius: 2px; | |
border-radius: 2px; | |
} | |
.profile-info .avatar img, | |
.profile-info .avatar a { | |
display: block; | |
} | |
.profile-info p { | |
overflow: auto; | |
} | |
.profile-info code { | |
font-weight: normal; | |
padding: 0; | |
margin: 0; | |
} | |
.profile-info h1.heading { | |
margin: 10px 0 5px 0; | |
font-size: 21px; | |
} | |
.profile-info .info { | |
margin-top: 15px; | |
padding-top: 10px; | |
border-top: 1px dotted #DDD; | |
} | |
.profile-info .info dl dd { | |
margin-top: 3px; | |
margin-left: 0; | |
} | |
.profile-info .nums { | |
*zoom: 1; | |
margin-top: 15px; | |
padding-top: 10px; | |
padding-bottom: 0; | |
border-top: 1px dotted #DDD; | |
} | |
.profile-info .nums:before, | |
.profile-info .nums:after { | |
display: table; | |
content: ""; | |
} | |
.profile-info .nums:after { | |
clear: both; | |
} | |
.profile-info .nums dl { | |
float: left; | |
width: 33%; | |
margin: 5px 0 0 0; | |
color: #4d4d4d; | |
} | |
.profile-info .nums dl dt { | |
display: block; | |
font-weight: 300; | |
} | |
.profile-info .nums dl dd { | |
display: block; | |
font-size: 30px; | |
font-weight: 700; | |
line-height: 36px; | |
margin-left: 0; | |
} | |
.profile-info .nums dl dd .smallest { | |
font-size: 13px; | |
} | |
.profile-info .nums dl dd .smaller { | |
font-size: 16px; | |
} | |
.profile-info .nums dl dd .small { | |
font-size: 21px; | |
} | |
.profile-info.editing .module-content { | |
margin-top: 0; | |
} | |
.activity { | |
margin: 10px 0; | |
padding: 0; | |
list-style-type: none; | |
background: transparent url('../../../base/images/dotted.png') 14px 0 repeat-y; | |
} | |
.activity .item { | |
position: relative; | |
margin: 0 0 15px 0; | |
padding: 0; | |
*zoom: 1; | |
} | |
.activity .item:before, | |
.activity .item:after { | |
display: table; | |
content: ""; | |
} | |
.activity .item:after { | |
clear: both; | |
} | |
.activity .item i { | |
display: block; | |
float: left; | |
width: 30px; | |
height: 30px; | |
line-height: 30px; | |
text-align: center; | |
color: #ffffff; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
font-weight: normal; | |
font-size: 16px; | |
margin-right: 10px; | |
-webkit-border-radius: 100px; | |
-moz-border-radius: 100px; | |
border-radius: 100px; | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); | |
} | |
.activity .item .gravatar { | |
-webkit-border-radius: 100px; | |
-moz-border-radius: 100px; | |
border-radius: 100px; | |
} | |
.activity .item .actor .gravatar { | |
float: left; | |
margin-top: -5px; | |
margin-right: 10px; | |
} | |
.activity .item p { | |
font-size: 14px; | |
line-height: 1.5; | |
margin: 5px 0 0 0; | |
} | |
.activity .item .date { | |
color: #999; | |
font-size: 12px; | |
white-space: nowrap; | |
margin-left: 5px; | |
} | |
.activity .item .new { | |
display: block; | |
position: absolute; | |
overflow: hidden; | |
top: -3px; | |
left: -3px; | |
width: 10px; | |
height: 10px; | |
background-color: #A35647; | |
border: 1px solid #FFF; | |
text-indent: -1000px; | |
-webkit-border-radius: 100px; | |
-moz-border-radius: 100px; | |
border-radius: 100px; | |
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); | |
} | |
.activity .load-less { | |
margin-bottom: 15px; | |
} | |
.popover .about { | |
margin-bottom: 10px; | |
} | |
.popover .popover-close { | |
float: right; | |
text-decoration: none; | |
} | |
.activity .item i { | |
background-color: #999999; | |
} | |
.activity .item.added-tag i { | |
background-color: #6995a6; | |
} | |
.activity .item.changed-group i { | |
background-color: #767dce; | |
} | |
.activity .item.changed-package i { | |
background-color: #8c76ce; | |
} | |
.activity .item.changed-package_extra i { | |
background-color: #769ace; | |
} | |
.activity .item.changed-resource i { | |
background-color: #aa76ce; | |
} | |
.activity .item.changed-user i { | |
background-color: #76b8ce; | |
} | |
.activity .item.changed-organization i { | |
background-color: #699fa6; | |
} | |
.activity .item.deleted-group i { | |
background-color: #b95252; | |
} | |
.activity .item.deleted-package i { | |
background-color: #b97452; | |
} | |
.activity .item.deleted-package_extra i { | |
background-color: #b95274; | |
} | |
.activity .item.deleted-resource i { | |
background-color: #b99752; | |
} | |
.activity .item.deleted-organization i { | |
background-color: #b95297; | |
} | |
.activity .item.new-group i { | |
background-color: #69a67a; | |
} | |
.activity .item.new-package i { | |
background-color: #69a68e; | |
} | |
.activity .item.new-package_extra i { | |
background-color: #6ca669; | |
} | |
.activity .item.new-resource i { | |
background-color: #81a669; | |
} | |
.activity .item.new-user i { | |
background-color: #69a6a3; | |
} | |
.activity .item.new-organization i { | |
background-color: #81a669; | |
} | |
.activity .item.removed-tag i { | |
background-color: #b95297; | |
} | |
.activity .item.deleted-related-item i { | |
background-color: #b9b952; | |
} | |
.activity .item.follow-dataset i { | |
background-color: #767dce; | |
} | |
.activity .item.follow-user i { | |
background-color: #8c76ce; | |
} | |
.activity .item.new-related-item i { | |
background-color: #95a669; | |
} | |
.activity .item.follow-group i { | |
background-color: #8ba669; | |
} | |
.popover-context-loading .popover-title { | |
display: none; | |
} | |
.popover-context-loading .popover-content { | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
} | |
.popover-context-loading .popover-content img { | |
vertical-align: -3px; | |
margin-right: 10px; | |
} | |
.follower-list li { | |
margin: 0 0 15px 0; | |
} | |
.follower-list .gravatar { | |
vertical-align: -4px; | |
margin-right: 3px; | |
-webkit-border-radius: 100px; | |
-moz-border-radius: 100px; | |
border-radius: 100px; | |
} | |
.module-my-datasets .empty { | |
padding: 10px; | |
} | |
.dropdown:hover .dropdown-menu { | |
display: block; | |
} | |
.js .dropdown .dropdown-menu, | |
.js .dropdown:hover .dropdown-menu { | |
display: none; | |
} | |
.js .dropdown.open .dropdown-menu { | |
display: block; | |
} | |
body { | |
background-color: #00536b; | |
} | |
[hidden] { | |
display: none; | |
} | |
table { | |
table-layout: fixed; | |
} | |
thead th { | |
vertical-align: top; | |
} | |
td, | |
th { | |
word-wrap: break-word; | |
} | |
table .metric { | |
width: 140px; | |
} | |
code { | |
padding: 2px 2px; | |
color: #000000; | |
font-weight: bold; | |
border: none; | |
background: none; | |
} | |
pre { | |
border: none; | |
background: none; | |
padding-left: 0; | |
padding-right: 0; | |
} | |
mark { | |
background: #fdf7e9; | |
} | |
blockquote p { | |
font-size: 1em; | |
} | |
iframe { | |
border: none; | |
} | |
.embedded-content h1 { | |
font-size: 1.4em; | |
} | |
.embedded-content h2 { | |
font-size: 1.4em; | |
} | |
.embedded-content h3 { | |
font-size: 1.2em; | |
} | |
.popular { | |
text-indent: -999em; | |
} | |
.empty { | |
color: #aeaeae; | |
font-style: italic; | |
} | |
.page-heading { | |
margin-bottom: 16px; | |
} | |
.m-top { | |
margin-top: 15px; | |
} | |
.m-left { | |
margin-left: 15px; | |
} | |
.m-right { | |
margin-right: 15px; | |
} | |
.m-bottom { | |
margin-bottom: 15px; | |
} | |
.no-margin { | |
margin: 0; | |
} | |
.reduced-margin { | |
margin: 3px 5px; | |
} | |
.p-top { | |
padding-top: 15px; | |
} | |
.p-left { | |
padding-left: 15px; | |
} | |
.p-right { | |
padding-right: 15px; | |
} | |
.p-bottom { | |
padding-bottom: 15px; | |
} | |
.no-padding { | |
padding: 0; | |
} | |
.reduced-padding { | |
padding: 3px 5px; | |
} | |
.ie .lang-dropdown { | |
position: relative; | |
top: -20px; | |
} | |
.ie .module, | |
.ie .media-image { | |
border: 1px solid #cccccc; | |
} | |
.ie .module-popup { | |
border-bottom: none; | |
} | |
.ie .banner { | |
top: 0; | |
right: 0; | |
width: auto; | |
} | |
.ie .group-listing { | |
margin-left: -24px; | |
} | |
.ie .toolbar .breadcrumb { | |
filter: none; | |
} | |
.ie .toolbar .breadcrumb li { | |
float: left; | |
} | |
.ie .toolbar .breadcrumb li:after { | |
margin: 0 0.2em; | |
} | |
.ie9 .control-large input { | |
height: 56px; | |
} | |
.ie9 .module { | |
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | |
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | |
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | |
} | |
.ie7 .masthead nav ul li a.active, | |
.ie8 .masthead nav ul li a.active { | |
position: relative; | |
top: -1px; | |
background-color: #006584; | |
border-top: 1px solid #00516b; | |
border-bottom: 1px solid #007094; | |
} | |
.ie8 .masthead .account a.image { | |
display: block; | |
width: 25px; | |
padding-right: 10px; | |
white-space: nowrap; | |
} | |
.ie7 .alert { | |
position: relative; | |
} | |
.ie7 .alert .close { | |
position: absolute; | |
top: 6px !important; | |
right: 20px; | |
} | |
.ie7 .media-item { | |
width: 30%; | |
} | |
.ie7 .tags .tag-list { | |
*zoom: 1; | |
} | |
.ie7 .tags .tag-list:before, | |
.ie7 .tags .tag-list:after { | |
display: table; | |
content: ""; | |
} | |
.ie7 .tags .tag-list:after { | |
clear: both; | |
} | |
.ie7 .tags .tag-list li { | |
display: block; | |
float: left; | |
} | |
.ie7 .tags h3 { | |
float: left; | |
} | |
.ie7 .tags .tag { | |
display: block; | |
border: 1px solid #d0d0d0; | |
background: #f5f5f5; | |
} | |
.ie7 .search-giant input { | |
width: 95%; | |
} | |
.ie7 .control-full input, | |
.ie7 .control-full select, | |
.ie7 .control-full textarea { | |
width: 95%; | |
} | |
.ie7 .control-full.control-large .controls input { | |
padding-bottom: 20px; | |
} | |
.ie7 .controls { | |
position: relative; | |
} | |
.ie7 .controls .info-block, | |
.ie7 .controls .info-inline { | |
position: absolute; | |
top: 0; | |
right: 0; | |
} | |
.ie7 .form-horizontal .controls { | |
margin-left: 0; | |
} | |
.ie7 .control-custom .checkbox { | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
} | |
.ie7 .stages { | |
overflow: hidden; | |
background-color: #ededed; | |
} | |
.ie7 .stages li { | |
height: 30px; | |
width: 27.5%; | |
} | |
.ie7 .stages li button, | |
.ie7 .stages li span { | |
display: block; | |
height: 30px; | |
padding-left: 20px; | |
} | |
.ie7 .stages li button { | |
height: 50px; | |
} | |
.ie7 .stages li .highlight { | |
width: auto; | |
} | |
.ie7 .masthead { | |
position: relative; | |
z-index: 1; | |
} | |
.ie7 .masthead .logo img, | |
.ie7 .masthead nav { | |
*display: inline; | |
/* IE7 inline-block hack */ | |
*zoom: 1; | |
} | |
.ie7 .masthead nav ul { | |
margin-top: 5px; | |
} | |
.ie7 .masthead nav ul li { | |
float: left; | |
} | |
.ie7 .masthead nav ul li a.active { | |
position: relative; | |
top: -1px; | |
background-color: #006584; | |
border-top: 1px solid #00516b; | |
border-bottom: 1px solid #007094; | |
} | |
.ie7 .masthead .header-image { | |
display: block; | |
} | |
.ie7 .masthead .account .dropdown-menu { | |
z-index: 10000; | |
} | |
.ie7 .footer-links { | |
*zoom: 1; | |
} | |
.ie7 .footer-links:before, | |
.ie7 .footer-links:after { | |
display: table; | |
content: ""; | |
} | |
.ie7 .footer-links:after { | |
clear: both; | |
} | |
.ie7 .footer-links li { | |
float: left; | |
} | |
.ie7 .module-narrow .nav-item.image { | |
*zoom: 1; | |
} | |
.ie7 .module-narrow .nav-item.image:before, | |
.ie7 .module-narrow .nav-item.image:after { | |
display: table; | |
content: ""; | |
} | |
.ie7 .module-narrow .nav-item.image:after { | |
clear: both; | |
} | |
.ie7 .nav-facet .nav-item.active a { | |
content: 'x'; | |
} | |
.ie7 .toolbar .breadcrumb li { | |
padding-right: 10px; | |
margin-right: 5px; | |
background: transparent url("../../../base/images/breadcrumb-slash-ie7.png") 100% 50% no-repeat; | |
} | |
.ie7 .toolbar .breadcrumb li.active { | |
background-image: none; | |
} | |
.ie7 .module-heading { | |
*zoom: 1; | |
} | |
.ie7 .module-heading:before, | |
.ie7 .module-heading:after { | |
display: table; | |
content: ""; | |
} | |
.ie7 .module-heading:after { | |
clear: both; | |
} | |
.ie7 .module-heading .media-content { | |
position: relative; | |
} | |
.ie7 .module-heading .action { | |
position: absolute; | |
top: 9px; | |
right: 10px; | |
} | |
.ie7 .module-heading .media-image img { | |
float: left; | |
} | |
.ie7 .group-listing { | |
position: relative; | |
zoom: 1; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment