"
Template:Team:Duke/CSS
From 2012.igem.org
(Difference between revisions)
| Line 683: | Line 683: | ||
} | } | ||
} | } | ||
| + | /*! | ||
| + | * Bootstrap v2.0.2 | ||
| + | * | ||
| + | * Copyright 2012 Twitter, Inc | ||
| + | * Licensed under the Apache License v2.0 | ||
| + | * http://www.apache.org/licenses/LICENSE-2.0 | ||
| + | * | ||
| + | * Designed and built with all the love in the world @twitter by @mdo and @fat. | ||
| + | */ | ||
| + | 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:0; | ||
| + | } | ||
| + | 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 { | ||
| + | height: auto; | ||
| + | border: 0; | ||
| + | -ms-interpolation-mode: bicubic; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | 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-appearance: textfield; | ||
| + | -webkit-box-sizing: content-box; | ||
| + | -moz-box-sizing: content-box; | ||
| + | box-sizing: content-box; | ||
| + | } | ||
| + | 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 { | ||
| + | overflow: hidden; | ||
| + | text-indent: 100%; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .input-block-level { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | min-height: 28px; | ||
| + | /* Make inputs at least the height of their button counterpart */ | ||
| + | |||
| + | /* Makes inputs behave like true block-level elements */ | ||
| + | |||
| + | -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: #333333; | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | a { | ||
| + | color: #0505ff; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a:hover { | ||
| + | color: #005580; | ||
| + | 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"] { | ||
| + | float: left; | ||
| + | margin-left: 2.127659574%; | ||
| + | } | ||
| + | .row-fluid > [class*="span"]:first-child { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .row-fluid > .span12 { | ||
| + | width: 99.99999998999999%; | ||
| + | } | ||
| + | .row-fluid > .span11 { | ||
| + | width: 91.489361693%; | ||
| + | } | ||
| + | .row-fluid > .span10 { | ||
| + | width: 82.97872339599999%; | ||
| + | } | ||
| + | .row-fluid > .span9 { | ||
| + | width: 74.468085099%; | ||
| + | } | ||
| + | .row-fluid > .span8 { | ||
| + | width: 65.95744680199999%; | ||
| + | } | ||
| + | .row-fluid > .span7 { | ||
| + | width: 57.446808505%; | ||
| + | } | ||
| + | .row-fluid > .span6 { | ||
| + | width: 48.93617020799999%; | ||
| + | } | ||
| + | .row-fluid > .span5 { | ||
| + | width: 40.425531911%; | ||
| + | } | ||
| + | .row-fluid > .span4 { | ||
| + | width: 31.914893614%; | ||
| + | } | ||
| + | .row-fluid > .span3 { | ||
| + | width: 23.404255317%; | ||
| + | } | ||
| + | .row-fluid > .span2 { | ||
| + | width: 14.89361702%; | ||
| + | } | ||
| + | .row-fluid > .span1 { | ||
| + | width: 6.382978723%; | ||
| + | } | ||
| + | .container { | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | *zoom: 1; | ||
| + | } | ||
| + | .container:before, | ||
| + | .container:after { | ||
| + | display: table; | ||
| + | content: ""; | ||
| + | } | ||
| + | .container:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .container-fluid { | ||
| + | padding-left: 20px; | ||
| + | padding-right: 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 { | ||
| + | line-height: 27px; | ||
| + | font-size: 18px; | ||
| + | margin-bottom:7px; | ||
| + | } | ||
| + | h3 small { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | h4, | ||
| + | h5, | ||
| + | h6 { | ||
| + | line-height: 18px; | ||
| + | } | ||
| + | h4 { | ||
| + | font-size: 14px; | ||
| + | margin-bottom:7px; | ||
| + | } | ||
| + | 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: 20px; | ||
| + | font-size:12px; | ||
| + | } | ||
| + | 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; | ||
| + | clear: left; | ||
| + | width: 120px; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .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] { | ||
| + | border-bottom: 1px dotted #ddd; | ||
| + | cursor: help; | ||
| + | } | ||
| + | abbr.initialism { | ||
| + | font-size: 90%; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | blockquote { | ||
| + | padding: 0 0 0 15px; | ||
| + | margin: 0 0 0px; | ||
| + | border-left: 5px solid #efefef; | ||
| + | } | ||
| + | blockquote p { | ||
| + | margin-bottom: 0px !important; | ||
| + | font-size: 14px; | ||
| + | font-weight: 300; | ||
| + | line-height: 22.5px; | ||
| + | } | ||
| + | blockquote small { | ||
| + | display: block; | ||
| + | line-height: 16px; | ||
| + | color: #999999; | ||
| + | } | ||
| + | blockquote small:before { | ||
| + | content: '\2014 \00A0'; | ||
| + | } | ||
| + | blockquote.pull-right { | ||
| + | float: right; | ||
| + | padding-left: 0; | ||
| + | padding-right: 15px; | ||
| + | border-left: 0; | ||
| + | border-right: 5px solid #eeeeee; | ||
| + | } | ||
| + | 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; | ||
| + | line-height: 18px; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | small { | ||
| + | font-size: 100%; | ||
| + | } | ||
| + | cite { | ||
| + | font-style: normal; | ||
| + | } | ||
| + | code, | ||
| + | pre { | ||
| + | padding: 0 3px 2px; | ||
| + | font-family: Menlo, Monaco, "Courier New", monospace; | ||
| + | font-size: 12px; | ||
| + | color: #333333; | ||
| + | -webkit-border-radius: 3px; | ||
| + | -moz-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | code { | ||
| + | padding: 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; | ||
| + | background-color: #f5f5f5; | ||
| + | border: 1px solid #ccc; | ||
| + | border: 1px solid rgba(0, 0, 0, 0.15); | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | white-space: pre; | ||
| + | white-space: pre-wrap; | ||
| + | word-break: break-all; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | 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; | ||
| + | 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; | ||
| + | -webkit-border-radius: 0; | ||
| + | -moz-border-radius: 0; | ||
| + | border-radius: 0; | ||
| + | border: 0 \9; | ||
| + | /* IE9 and down */ | ||
| + | |||
| + | } | ||
| + | input[type="image"] { | ||
| + | border: 0; | ||
| + | } | ||
| + | input[type="file"] { | ||
| + | width: auto; | ||
| + | padding: initial; | ||
| + | line-height: initial; | ||
| + | border: initial; | ||
| + | background-color: #ffffff; | ||
| + | background-color: 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 { | ||
| + | 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); | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | ||
| + | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | ||
| + | outline: 0; | ||
| + | /* IE6-9 */ | ||
| + | |||
| + | } | ||
| + | input[type="file"]:focus, | ||
| + | input[type="radio"]:focus, | ||
| + | input[type="checkbox"]:focus, | ||
| + | select:focus { | ||
| + | -webkit-box-shadow: none; | ||
| + | -moz-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .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 { | ||
| + | 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] { | ||
| + | background-color: #eeeeee; | ||
| + | border-color: #ddd; | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .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: #b94a48; | ||
| + | } | ||
| + | .control-group.error input, | ||
| + | .control-group.error select, | ||
| + | .control-group.error textarea { | ||
| + | color: #b94a48; | ||
| + | border-color: #b94a48; | ||
| + | } | ||
| + | .control-group.error input:focus, | ||
| + | .control-group.error select:focus, | ||
| + | .control-group.error textarea:focus { | ||
| + | border-color: #953b39; | ||
| + | -webkit-box-shadow: 0 0 6px #d59392; | ||
| + | -moz-box-shadow: 0 0 6px #d59392; | ||
| + | box-shadow: 0 0 6px #d59392; | ||
| + | } | ||
| + | .control-group.error .input-prepend .add-on, | ||
| + | .control-group.error .input-append .add-on { | ||
| + | color: #b94a48; | ||
| + | background-color: #f2dede; | ||
| + | border-color: #b94a48; | ||
| + | } | ||
| + | .control-group.success > label, | ||
| + | .control-group.success .help-block, | ||
| + | .control-group.success .help-inline { | ||
| + | color: #4255a1; | ||
| + | } | ||
| + | .control-group.success input, | ||
| + | .control-group.success select, | ||
| + | .control-group.success textarea { | ||
| + | color: #4255a1; | ||
| + | border-color: #4255a1; | ||
| + | } | ||
| + | .control-group.success input:focus, | ||
| + | .control-group.success select:focus, | ||
| + | .control-group.success textarea:focus { | ||
| + | border-color: #30338c; | ||
| + | -webkit-box-shadow: 0 0 6px #3486cf; | ||
| + | -moz-box-shadow: 0 0 6px #3486cf; | ||
| + | box-shadow: 0 0 6px #3486cf; | ||
| + | } | ||
| + | .control-group.success .input-prepend .add-on, | ||
| + | .control-group.success .input-append .add-on { | ||
| + | color: #1d3288; | ||
| + | background-color: #dff0d8; | ||
| + | border-color: #1d3288; | ||
| + | } | ||
| + | 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: #eeeeee; | ||
| + | border-top: 1px solid #ddd; | ||
| + | *zoom: 1; | ||
| + | } | ||
| + | .form-actions:before, | ||
| + | .form-actions:after { | ||
| + | display: table; | ||
| + | content: ""; | ||
| + | } | ||
| + | .form-actions:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .uneditable-input { | ||
| + | display: block; | ||
| + | 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); | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | :-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 { | ||
| + | *margin-left: 0; | ||
| + | -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 { | ||
| + | position: relative; | ||
| + | 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; | ||
| + | min-width: 16px; | ||
| + | height: 18px; | ||
| + | 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 { | ||
| + | -webkit-border-radius: 3px 0 0 3px; | ||
| + | -moz-border-radius: 3px 0 0 3px; | ||
| + | border-radius: 3px 0 0 3px; | ||
| + | } | ||
| + | .input-prepend .active, | ||
| + | .input-append .active { | ||
| + | background-color: #39b5db; | ||
| + | border-color: #3941b8; | ||
| + | } | ||
| + | .input-prepend .add-on, | ||
| + | .input-prepend .btn { | ||
| + | margin-right: -1px; | ||
| + | } | ||
| + | .input-append input, | ||
| + | .input-append select .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-left-color: #eee; | ||
| + | border-right-color: #ccc; | ||
| + | } | ||
| + | .input-append .add-on, | ||
| + | .input-append .btn { | ||
| + | margin-left: -1px; | ||
| + | -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-left: 14px; | ||
| + | padding-right: 14px; | ||
| + | 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; | ||
| + | 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-left: 0; | ||
| + | margin-right: 3px; | ||
| + | } | ||
| + | .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 { | ||
| + | margin-left: 160px; | ||
| + | /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */ | ||
| + | |||
| + | *display: inline-block; | ||
| + | *margin-left: 0; | ||
| + | *padding-left: 20px; | ||
| + | } | ||
| + | .form-horizontal .help-block { | ||
| + | margin-top: 9px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .form-horizontal .form-actions { | ||
| + | padding-left: 160px; | ||
| + | } | ||
| + | table { | ||
| + | max-width: 100%; | ||
| + | border-collapse: collapse; | ||
| + | border-spacing: 0; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .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 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-left: 0; | ||
| + | border-collapse: separate; | ||
| + | *border-collapse: collapsed; | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .table-bordered th, | ||
| + | .table-bordered td { | ||
| + | border-left: 1px solid #dddddd; | ||
| + | } | ||
| + | .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-radius: 4px 0 0 0; | ||
| + | -moz-border-radius: 4px 0 0 0; | ||
| + | border-radius: 4px 0 0 0; | ||
| + | } | ||
| + | .table-bordered thead:first-child tr:first-child th:last-child, | ||
| + | .table-bordered tbody:first-child tr:first-child td:last-child { | ||
| + | -webkit-border-radius: 0 4px 0 0; | ||
| + | -moz-border-radius: 0 4px 0 0; | ||
| + | border-radius: 0 4px 0 0; | ||
| + | } | ||
| + | .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; | ||
| + | } | ||
| + | .table-bordered thead:last-child tr:last-child th:last-child, | ||
| + | .table-bordered tbody:last-child tr:last-child td:last-child { | ||
| + | -webkit-border-radius: 0 0 4px 0; | ||
| + | -moz-border-radius: 0 0 4px 0; | ||
| + | border-radius: 0 0 4px 0; | ||
| + | } | ||
| + | .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; | ||
| + | } | ||
| + | [class^="icon-"], | ||
| + | [class*=" icon-"] { | ||
| + | display: inline-block; | ||
| + | width: 14px; | ||
| + | height: 14px; | ||
| + | line-height: 14px; | ||
| + | vertical-align: text-top; | ||
| + | background-image: url("../img/glyphicons-halflings.png"); | ||
| + | background-position: 14px 14px; | ||
| + | background-repeat: no-repeat; | ||
| + | *margin-right: .3em; | ||
| + | } | ||
| + | [class^="icon-"]:last-child, | ||
| + | [class*=" icon-"]:last-child { | ||
| + | *margin-left: 0; | ||
| + | } | ||
| + | .icon-white { | ||
| + | background-image: url("../img/glyphicons-halflings-white.png"); | ||
| + | } | ||
| + | .icon-glass { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | .icon-music { | ||
| + | background-position: -24px 0; | ||
| + | } | ||
| + | .icon-search { | ||
| + | background-position: -48px 0; | ||
| + | } | ||
| + | .icon-envelope { | ||
| + | background-position: -72px 0; | ||
| + | } | ||
| + | .icon-heart { | ||
| + | background-position: -96px 0; | ||
| + | } | ||
| + | .icon-star { | ||
| + | background-position: -120px 0; | ||
| + | } | ||
| + | .icon-star-empty { | ||
| + | background-position: -144px 0; | ||
| + | } | ||
| + | .icon-user { | ||
| + | background-position: -168px 0; | ||
| + | } | ||
| + | .icon-film { | ||
| + | background-position: -192px 0; | ||
| + | } | ||
| + | .icon-th-large { | ||
| + | background-position: -216px 0; | ||
| + | } | ||
| + | .icon-th { | ||
| + | background-position: -240px 0; | ||
| + | } | ||
| + | .icon-th-list { | ||
| + | background-position: -264px 0; | ||
| + | } | ||
| + | .icon-ok { | ||
| + | background-position: -288px 0; | ||
| + | } | ||
| + | .icon-remove { | ||
| + | background-position: -312px 0; | ||
| + | } | ||
| + | .icon-zoom-in { | ||
| + | background-position: -336px 0; | ||
| + | } | ||
| + | .icon-zoom-out { | ||
| + | background-position: -360px 0; | ||
| + | } | ||
| + | .icon-off { | ||
| + | background-position: -384px 0; | ||
| + | } | ||
| + | .icon-signal { | ||
| + | background-position: -408px 0; | ||
| + | } | ||
| + | .icon-cog { | ||
| + | background-position: -432px 0; | ||
| + | } | ||
| + | .icon-trash { | ||
| + | background-position: -456px 0; | ||
| + | } | ||
| + | .icon-home { | ||
| + | background-position: 0 -24px; | ||
| + | } | ||
| + | .icon-file { | ||
| + | background-position: -24px -24px; | ||
| + | } | ||
| + | .icon-time { | ||
| + | background-position: -48px -24px; | ||
| + | } | ||
| + | .icon-road { | ||
| + | background-position: -72px -24px; | ||
| + | } | ||
| + | .icon-download-alt { | ||
| + | background-position: -96px -24px; | ||
| + | } | ||
| + | .icon-download { | ||
| + | background-position: -120px -24px; | ||
| + | } | ||
| + | .icon-upload { | ||
| + | background-position: -144px -24px; | ||
| + | } | ||
| + | .icon-inbox { | ||
| + | background-position: -168px -24px; | ||
| + | } | ||
| + | .icon-play-circle { | ||
| + | background-position: -192px -24px; | ||
| + | } | ||
| + | .icon-repeat { | ||
| + | background-position: -216px -24px; | ||
| + | } | ||
| + | .icon-refresh { | ||
| + | background-position: -240px -24px; | ||
| + | } | ||
| + | .icon-list-alt { | ||
| + | background-position: -264px -24px; | ||
| + | } | ||
| + | .icon-lock { | ||
| + | background-position: -287px -24px; | ||
| + | } | ||
| + | .icon-flag { | ||
| + | background-position: -312px -24px; | ||
| + | } | ||
| + | .icon-headphones { | ||
| + | background-position: -336px -24px; | ||
| + | } | ||
| + | .icon-volume-off { | ||
| + | background-position: -360px -24px; | ||
| + | } | ||
| + | .icon-volume-down { | ||
| + | background-position: -384px -24px; | ||
| + | } | ||
| + | .icon-volume-up { | ||
| + | background-position: -408px -24px; | ||
| + | } | ||
| + | .icon-qrcode { | ||
| + | background-position: -432px -24px; | ||
| + | } | ||
| + | .icon-barcode { | ||
| + | background-position: -456px -24px; | ||
| + | } | ||
| + | .icon-tag { | ||
| + | background-position: 0 -48px; | ||
| + | } | ||
| + | .icon-tags { | ||
| + | background-position: -25px -48px; | ||
| + | } | ||
| + | .icon-book { | ||
| + | background-position: -48px -48px; | ||
| + | } | ||
| + | .icon-bookmark { | ||
| + | background-position: -72px -48px; | ||
| + | } | ||
| + | .icon-print { | ||
| + | background-position: -96px -48px; | ||
| + | } | ||
| + | .icon-camera { | ||
| + | background-position: -120px -48px; | ||
| + | } | ||
| + | .icon-font { | ||
| + | background-position: -144px -48px; | ||
| + | } | ||
| + | .icon-bold { | ||
| + | background-position: -167px -48px; | ||
| + | } | ||
| + | .icon-italic { | ||
| + | background-position: -192px -48px; | ||
| + | } | ||
| + | .icon-text-height { | ||
| + | background-position: -216px -48px; | ||
| + | } | ||
| + | .icon-text-width { | ||
| + | background-position: -240px -48px; | ||
| + | } | ||
| + | .icon-align-left { | ||
| + | background-position: -264px -48px; | ||
| + | } | ||
| + | .icon-align-center { | ||
| + | background-position: -288px -48px; | ||
| + | } | ||
| + | .icon-align-right { | ||
| + | background-position: -312px -48px; | ||
| + | } | ||
| + | .icon-align-justify { | ||
| + | background-position: -336px -48px; | ||
| + | } | ||
| + | .icon-list { | ||
| + | background-position: -360px -48px; | ||
| + | } | ||
| + | .icon-indent-left { | ||
| + | background-position: -384px -48px; | ||
| + | } | ||
| + | .icon-indent-right { | ||
| + | background-position: -408px -48px; | ||
| + | } | ||
| + | .icon-facetime-video { | ||
| + | background-position: -432px -48px; | ||
| + | } | ||
| + | .icon-picture { | ||
| + | background-position: -456px -48px; | ||
| + | } | ||
| + | .icon-pencil { | ||
| + | background-position: 0 -72px; | ||
| + | } | ||
| + | .icon-map-marker { | ||
| + | background-position: -24px -72px; | ||
| + | } | ||
| + | .icon-adjust { | ||
| + | background-position: -48px -72px; | ||
| + | } | ||
| + | .icon-tint { | ||
| + | background-position: -72px -72px; | ||
| + | } | ||
| + | .icon-edit { | ||
| + | background-position: -96px -72px; | ||
| + | } | ||
| + | .icon-share { | ||
| + | background-position: -120px -72px; | ||
| + | } | ||
| + | .icon-check { | ||
| + | background-position: -144px -72px; | ||
| + | } | ||
| + | .icon-move { | ||
| + | background-position: -168px -72px; | ||
| + | } | ||
| + | .icon-step-backward { | ||
| + | background-position: -192px -72px; | ||
| + | } | ||
| + | .icon-fast-backward { | ||
| + | background-position: -216px -72px; | ||
| + | } | ||
| + | .icon-backward { | ||
| + | background-position: -240px -72px; | ||
| + | } | ||
| + | .icon-play { | ||
| + | background-position: -264px -72px; | ||
| + | } | ||
| + | .icon-pause { | ||
| + | background-position: -288px -72px; | ||
| + | } | ||
| + | .icon-stop { | ||
| + | background-position: -312px -72px; | ||
| + | } | ||
| + | .icon-forward { | ||
| + | background-position: -336px -72px; | ||
| + | } | ||
| + | .icon-fast-forward { | ||
| + | background-position: -360px -72px; | ||
| + | } | ||
| + | .icon-step-forward { | ||
| + | background-position: -384px -72px; | ||
| + | } | ||
| + | .icon-eject { | ||
| + | background-position: -408px -72px; | ||
| + | } | ||
| + | .icon-chevron-left { | ||
| + | background-position: -432px -72px; | ||
| + | } | ||
| + | .icon-chevron-right { | ||
| + | background-position: -456px -72px; | ||
| + | } | ||
| + | .icon-plus-sign { | ||
| + | background-position: 0 -96px; | ||
| + | } | ||
| + | .icon-minus-sign { | ||
| + | background-position: -24px -96px; | ||
| + | } | ||
| + | .icon-remove-sign { | ||
| + | background-position: -48px -96px; | ||
| + | } | ||
| + | .icon-ok-sign { | ||
| + | background-position: -72px -96px; | ||
| + | } | ||
| + | .icon-question-sign { | ||
| + | background-position: -96px -96px; | ||
| + | } | ||
| + | .icon-info-sign { | ||
| + | background-position: -120px -96px; | ||
| + | } | ||
| + | .icon-screenshot { | ||
| + | background-position: -144px -96px; | ||
| + | } | ||
| + | .icon-remove-circle { | ||
| + | background-position: -168px -96px; | ||
| + | } | ||
| + | .icon-ok-circle { | ||
| + | background-position: -192px -96px; | ||
| + | } | ||
| + | .icon-ban-circle { | ||
| + | background-position: -216px -96px; | ||
| + | } | ||
| + | .icon-arrow-left { | ||
| + | background-position: -240px -96px; | ||
| + | } | ||
| + | .icon-arrow-right { | ||
| + | background-position: -264px -96px; | ||
| + | |||
| + | } | ||
| + | .icon-arrow-up { | ||
| + | background-position: -289px -96px; | ||
| + | } | ||
| + | .icon-arrow-down { | ||
| + | background-position: -312px -96px; | ||
| + | } | ||
| + | .icon-share-alt { | ||
| + | background-position: -336px -96px; | ||
| + | } | ||
| + | .icon-resize-full { | ||
| + | background-position: -360px -96px; | ||
| + | } | ||
| + | .icon-resize-small { | ||
| + | background-position: -384px -96px; | ||
| + | } | ||
| + | .icon-plus { | ||
| + | background-position: -408px -96px; | ||
| + | } | ||
| + | .icon-minus { | ||
| + | background-position: -433px -96px; | ||
| + | } | ||
| + | .icon-asterisk { | ||
| + | background-position: -456px -96px; | ||
| + | } | ||
| + | .icon-exclamation-sign { | ||
| + | background-position: 0 -120px; | ||
| + | } | ||
| + | .icon-gift { | ||
| + | background-position: -24px -120px; | ||
| + | } | ||
| + | .icon-leaf { | ||
| + | background-position: -48px -120px; | ||
| + | } | ||
| + | .icon-fire { | ||
| + | background-position: -72px -120px; | ||
| + | } | ||
| + | .icon-eye-open { | ||
| + | background-position: -96px -120px; | ||
| + | } | ||
| + | .icon-eye-close { | ||
| + | background-position: -120px -120px; | ||
| + | } | ||
| + | .icon-warning-sign { | ||
| + | background-position: -144px -120px; | ||
| + | } | ||
| + | .icon-plane { | ||
| + | background-position: -168px -120px; | ||
| + | } | ||
| + | .icon-calendar { | ||
| + | background-position: -192px -120px; | ||
| + | } | ||
| + | .icon-random { | ||
| + | background-position: -216px -120px; | ||
| + | } | ||
| + | .icon-comment { | ||
| + | background-position: -240px -120px; | ||
| + | } | ||
| + | .icon-magnet { | ||
| + | background-position: -264px -120px; | ||
| + | } | ||
| + | .icon-chevron-up { | ||
| + | background-position: -288px -120px; | ||
| + | } | ||
| + | .icon-chevron-down { | ||
| + | background-position: -313px -119px; | ||
| + | } | ||
| + | .icon-retweet { | ||
| + | background-position: -336px -120px; | ||
| + | } | ||
| + | .icon-shopping-cart { | ||
| + | background-position: -360px -120px; | ||
| + | } | ||
| + | .icon-folder-close { | ||
| + | background-position: -384px -120px; | ||
| + | } | ||
| + | .icon-folder-open { | ||
| + | background-position: -408px -120px; | ||
| + | } | ||
| + | .icon-resize-vertical { | ||
| + | background-position: -432px -119px; | ||
| + | } | ||
| + | .icon-resize-horizontal { | ||
| + | background-position: -456px -118px; | ||
| + | } | ||
| + | .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-left: 4px solid transparent; | ||
| + | border-right: 4px solid transparent; | ||
| + | border-top: 4px solid #000000; | ||
| + | opacity: 0.3; | ||
| + | filter: alpha(opacity=30); | ||
| + | content: ""; | ||
| + | } | ||
| + | .dropdown .caret { | ||
| + | margin-top: 8px; | ||
| + | margin-left: 2px; | ||
| + | } | ||
| + | .dropdown:hover .caret, | ||
| + | .open.dropdown .caret { | ||
| + | opacity: 1; | ||
| + | filter: alpha(opacity=100); | ||
| + | } | ||
| + | .dropdown-menu { | ||
| + | position: absolute; | ||
| + | top: 100%; | ||
| + | left: 0; | ||
| + | z-index: 1000; | ||
| + | float: left; | ||
| + | display: none; | ||
| + | min-width: 160px; | ||
| + | padding: 4px 0; | ||
| + | margin: 0; | ||
| + | list-style: none; | ||
| + | background-color: #ffffff; | ||
| + | border-color: #ccc; | ||
| + | border-color: rgba(0, 0, 0, 0.2); | ||
| + | border-style: solid; | ||
| + | border-width: 1px; | ||
| + | -webkit-border-radius: 0 0 5px 5px; | ||
| + | -moz-border-radius: 0 0 5px 5px; | ||
| + | border-radius: 0 0 5px 5px; | ||
| + | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
| + | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
| + | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
| + | -webkit-background-clip: padding-box; | ||
| + | -moz-background-clip: padding; | ||
| + | background-clip: padding-box; | ||
| + | *border-right-width: 2px; | ||
| + | *border-bottom-width: 2px; | ||
| + | } | ||
| + | .dropdown-menu.pull-right { | ||
| + | right: 0; | ||
| + | left: auto; | ||
| + | } | ||
| + | .dropdown-menu .divider { | ||
| + | height: 1px; | ||
| + | margin: 8px 1px; | ||
| + | overflow: hidden; | ||
| + | background-color: #e5e5e5; | ||
| + | border-bottom: 1px solid #ffffff; | ||
| + | *width: 100%; | ||
| + | *margin: -5px 0 5px; | ||
| + | } | ||
| + | .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: #7DAF27; | ||
| + | } | ||
| + | .dropdown.open { | ||
| + | *z-index: 1000; | ||
| + | } | ||
| + | .dropdown.open .dropdown-toggle { | ||
| + | color: #ffffff; | ||
| + | background: #ccc; | ||
| + | background: rgba(0, 0, 0, 0.3); | ||
| + | } | ||
| + | .dropdown.open .dropdown-menu { | ||
| + | display: block; | ||
| + | } | ||
| + | .pull-right .dropdown-menu { | ||
| + | left: auto; | ||
| + | right: 0; | ||
| + | } | ||
| + | .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 { | ||
| + | -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; | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .fade.in { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .collapse { | ||
| + | -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; | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | height: 0; | ||
| + | } | ||
| + | .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; | ||
| + | opacity: 0.4; | ||
| + | filter: alpha(opacity=40); | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .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; | ||
| + | color: #333333; | ||
| + | text-align: center; | ||
| + | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | ||
| + | vertical-align: middle; | ||
| + | background-color: #f5f5f5; | ||
| + | background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | ||
| + | background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); | ||
| + | border-color: #e6e6e6 #e6e6e6 #bfbfbf; | ||
| + | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
| + | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| + | border: 1px solid #cccccc; | ||
| + | border-bottom-color: #b3b3b3; | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | cursor: pointer; | ||
| + | *margin-left: .3em; | ||
| + | } | ||
| + | .btn:hover, | ||
| + | .btn:active, | ||
| + | .btn.active, | ||
| + | .btn.disabled, | ||
| + | .btn[disabled] { | ||
| + | background-color: #e6e6e6; | ||
| + | } | ||
| + | .btn:active, | ||
| + | .btn.active { | ||
| + | background-color: #cccccc \9; | ||
| + | } | ||
| + | .btn:first-child { | ||
| + | *margin-left: 0; | ||
| + | } | ||
| + | .btn:hover { | ||
| + | color: #333333; | ||
| + | text-decoration: none; | ||
| + | background-color: #e6e6e6; | ||
| + | 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:0; | ||
| + | } | ||
| + | .btn.active, | ||
| + | .btn:active { | ||
| + | background-image: none; | ||
| + | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | background-color: #e6e6e6; | ||
| + | background-color: #d9d9d9 \9; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn.disabled, | ||
| + | .btn[disabled] { | ||
| + | cursor: default; | ||
| + | background-image: none; | ||
| + | background-color: #e6e6e6; | ||
| + | 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 { | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .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-primary { | ||
| + | background-color: #0074cc; | ||
| + | background-image: -moz-linear-gradient(top, #0088cc, #0055cc); | ||
| + | background-image: -ms-linear-gradient(top, #0088cc, #0055cc); | ||
| + | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc)); | ||
| + | background-image: -webkit-linear-gradient(top, #0088cc, #0055cc); | ||
| + | background-image: -o-linear-gradient(top, #0088cc, #0055cc); | ||
| + | background-image: linear-gradient(top, #0088cc, #0055cc); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0); | ||
| + | border-color: #0055cc #0055cc #003580; | ||
| + | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
| + | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| + | } | ||
| + | .btn-primary:hover, | ||
| + | .btn-primary:active, | ||
| + | .btn-primary.active, | ||
| + | .btn-primary.disabled, | ||
| + | .btn-primary[disabled] { | ||
| + | background-color: #0055cc; | ||
| + | } | ||
| + | .btn-primary:active, | ||
| + | .btn-primary.active { | ||
| + | background-color: #004099 \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); | ||
| + | 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; | ||
| + | } | ||
| + | .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); | ||
| + | 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; | ||
| + | } | ||
| + | .btn-danger:active, | ||
| + | .btn-danger.active { | ||
| + | background-color: #942a25 \9; | ||
| + | } | ||
| + | .btn-success { | ||
| + | background-color: #659a22; | ||
| + | background-image: -moz-linear-gradient(top, #9ac92c, #659a22); | ||
| + | background-image: -ms-linear-gradient(top, #9ac92c, #659a22); | ||
| + | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ac92c), to(#659a22)); | ||
| + | background-image: -webkit-linear-gradient(top, #9ac92c, #659a22); | ||
| + | background-image: -o-linear-gradient(top, #9ac92c, #659a22); | ||
| + | background-image: linear-gradient(top, #9ac92c, #659a22); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ac92c', endColorstr='#659a22', GradientType=0); | ||
| + | border-color: #51a351 #51a351 #387038; | ||
| + | border-color: rgba(255, 255, 255, 0.15) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
| + | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| + | text-shadow:1px 1px #659a22 !important; | ||
| + | } | ||
| + | .btn-success:hover, | ||
| + | .btn-success:active, | ||
| + | .btn-success.active, | ||
| + | .btn-success.disabled, | ||
| + | .btn-success[disabled] { | ||
| + | background-color: #659a22; | ||
| + | } | ||
| + | .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); | ||
| + | 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; | ||
| + | } | ||
| + | .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); | ||
| + | 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; | ||
| + | } | ||
| + | .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, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | *padding-top: 3px; | ||
| + | *padding-bottom: 3px; | ||
| + | } | ||
| + | .btn-group .btn-mini.dropdown-toggle { | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | *padding-top: 1px; | ||
| + | *padding-bottom: 1px; | ||
| + | } | ||
| + | .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 { | ||
| + | *z-index: 1000; | ||
| + | } | ||
| + | .btn-group.open .dropdown-menu { | ||
| + | display: block; | ||
| + | margin-top: 1px; | ||
| + | -webkit-border-radius: 5px; | ||
| + | -moz-border-radius: 5px; | ||
| + | border-radius: 5px; | ||
| + | } | ||
| + | .btn-group.open .dropdown-toggle { | ||
| + | background-image: none; | ||
| + | -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | } | ||
| + | .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: 5px solid transparent; | ||
| + | border-right: 5px solid transparent; | ||
| + | border-top: 5px solid #000000; | ||
| + | } | ||
| + | .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: #f2dede; | ||
| + | border-color: #eed3d7; | ||
| + | color: #b94a48; | ||
| + | } | ||
| + | .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 .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: #7daf27; | ||
| + | } | ||
| + | .nav-list [class^="icon-"] { | ||
| + | margin-right: 2px; | ||
| + | } | ||
| + | .nav-list .divider { | ||
| + | height: 1px; | ||
| + | margin: 8px 1px; | ||
| + | overflow: hidden; | ||
| + | background-color: #e5e5e5; | ||
| + | border-bottom: 1px solid #ffffff; | ||
| + | *width: 100%; | ||
| + | *margin: -5px 0 5px; | ||
| + | } | ||
| + | .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: #7daf27; | ||
| + | } | ||
| + | .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, | ||
| + | .nav-pills .dropdown-menu { | ||
| + | margin-top: 1px; | ||
| + | border-width: 1px; | ||
| + | } | ||
| + | .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: #7DAF27; | ||
| + | border-bottom-color: #7DAF27; | ||
| + | margin-top: 6px; | ||
| + | } | ||
| + | .nav-tabs .dropdown-toggle:hover .caret, | ||
| + | .nav-pills .dropdown-toggle:hover .caret { | ||
| + | border-top-color: #005580; | ||
| + | border-bottom-color: #005580; | ||
| + | } | ||
| + | .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 > .open.active > a:hover { | ||
| + | color: #ffffff; | ||
| + | background-color: #999999; | ||
| + | border-color: #999999; | ||
| + | } | ||
| + | .nav .open .caret, | ||
| + | .nav .open.active .caret, | ||
| + | .nav .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 { | ||
| + | display: table; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .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 { | ||
| + | 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, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| + | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| + | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); | ||
| + | } | ||
| + | .navbar .container { | ||
| + | width: auto; | ||
| + | } | ||
| + | .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); | ||
| + | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| + | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
| + | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
| + | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
| + | } | ||
| + | .btn-navbar:hover, | ||
| + | .btn-navbar:active, | ||
| + | .btn-navbar.active, | ||
| + | .btn-navbar.disabled, | ||
| + | .btn-navbar[disabled] { | ||
| + | background-color: #222222; | ||
| + | } | ||
| + | .btn-navbar:active, | ||
| + | .btn-navbar.active { | ||
| + | background-color: #080808 \9; | ||
| + | } | ||
| + | .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; | ||
| + | } | ||
| + | .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: #ffffff; | ||
| + | } | ||
| + | .navbar .navbar-text { | ||
| + | margin-bottom: 0; | ||
| + | line-height: 40px; | ||
| + | } | ||
| + | .navbar .btn, | ||
| + | .navbar .btn-group { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .navbar .btn-group .btn { | ||
| + | margin-top: 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, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); | ||
| + | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); | ||
| + | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.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: 10px 10px 11px; | ||
| + | line-height: 19px; | ||
| + | color: #999999; | ||
| + | text-decoration: none; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
| + | } | ||
| + | .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 .dropdown-menu { | ||
| + | margin-top: 1px; | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .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 .dropdown-toggle .caret, | ||
| + | .navbar .nav .open.dropdown .caret { | ||
| + | border-top-color: #ffffff; | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | .navbar .nav .active .caret { | ||
| + | opacity: 1; | ||
| + | filter: alpha(opacity=100); | ||
| + | } | ||
| + | .navbar .nav .open > .dropdown-toggle, | ||
| + | .navbar .nav .active > .dropdown-toggle, | ||
| + | .navbar .nav .open.active > .dropdown-toggle { | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar .nav .active > .dropdown-toggle:hover { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .navbar .nav.pull-right .dropdown-menu, | ||
| + | .navbar .nav .dropdown-menu.pull-right { | ||
| + | left: auto; | ||
| + | right: 0; | ||
| + | } | ||
| + | .navbar .nav.pull-right .dropdown-menu:before, | ||
| + | .navbar .nav .dropdown-menu.pull-right:before { | ||
| + | left: auto; | ||
| + | right: 12px; | ||
| + | } | ||
| + | .navbar .nav.pull-right .dropdown-menu:after, | ||
| + | .navbar .nav .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; | ||
| + | } | ||
| + | .thumbnails > li { | ||
| + | float: left; | ||
| + | margin: 0 0 18px 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: #7DAF27; | ||
| + | -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 { | ||
| + | padding: 1px 4px 2px; | ||
| + | font-size: 10.998px; | ||
| + | font-weight: bold; | ||
| + | line-height: 13px; | ||
| + | color: #ffffff; | ||
| + | vertical-align: middle; | ||
| + | white-space: pre-wrap; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
| + | background-color: #999999; | ||
| + | -webkit-border-radius: 3px; | ||
| + | -moz-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .label:hover { | ||
| + | color: #ffffff; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .label-important { | ||
| + | background-color: #b94a48; | ||
| + | } | ||
| + | .label-important:hover { | ||
| + | background-color: #953b39; | ||
| + | } | ||
| + | .label-warning { | ||
| + | background-color: #f89406; | ||
| + | } | ||
| + | .label-warning:hover { | ||
| + | background-color: #c67605; | ||
| + | } | ||
| + | .label-success { | ||
| + | background-color: #468847; | ||
| + | } | ||
| + | .label-success:hover { | ||
| + | background-color: #356635; | ||
| + | } | ||
| + | .label-info { | ||
| + | background-color: #3a87ad; | ||
| + | } | ||
| + | .label-info:hover { | ||
| + | background-color: #2d6987; | ||
| + | } | ||
| + | .label-inverse { | ||
| + | background-color: #333333; | ||
| + | } | ||
| + | .label-inverse:hover { | ||
| + | background-color: #1a1a1a; | ||
| + | } | ||
| + | .badge { | ||
| + | padding: 1px 9px 2px; | ||
| + | font-size: 12.025px; | ||
| + | font-weight: bold; | ||
| + | white-space: nowrap; | ||
| + | color: #ffffff; | ||
| + | background-color: #999999; | ||
| + | -webkit-border-radius: 9px; | ||
| + | -moz-border-radius: 9px; | ||
| + | border-radius: 9px; | ||
| + | } | ||
| + | .badge:hover { | ||
| + | color: #ffffff; | ||
| + | text-decoration: none; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .badge-error { | ||
| + | background-color: #b94a48; | ||
| + | } | ||
| + | .badge-error:hover { | ||
| + | background-color: #953b39; | ||
| + | } | ||
| + | .badge-warning { | ||
| + | background-color: #f89406; | ||
| + | } | ||
| + | .badge-warning:hover { | ||
| + | background-color: #c67605; | ||
| + | } | ||
| + | .badge-success { | ||
| + | background-color: #468847; | ||
| + | } | ||
| + | .badge-success:hover { | ||
| + | background-color: #356635; | ||
| + | } | ||
| + | .badge-info { | ||
| + | background-color: #3a87ad; | ||
| + | } | ||
| + | .badge-info:hover { | ||
| + | background-color: #2d6987; | ||
| + | } | ||
| + | .badge-inverse { | ||
| + | background-color: #333333; | ||
| + | } | ||
| + | .badge-inverse:hover { | ||
| + | background-color: #1a1a1a; | ||
| + | } | ||
| + | @-webkit-keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 40px 0; | ||
| + | } | ||
| + | } | ||
| + | @-moz-keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 40px 0; | ||
| + | } | ||
| + | } | ||
| + | @-ms-keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 40px 0; | ||
| + | } | ||
| + | } | ||
| + | @keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 40px 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; | ||
| + | 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: #659a22; | ||
| + | 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: #659a22; | ||
| + | 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-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; | ||
| + | } | ||
| + | /* | ||
| + | VALERA - CSS | ||
| + | Copyrights - orange-idea.com | ||
| + | Creator: OrangeIdea | ||
| + | April - 2012 | ||
| + | Portfolio - http://themeforest.net/user/OrangeIdea/portfolio | ||
| + | Version 1.3 | ||
| + | |||
| + | /* Body and structure | ||
| + | -------------------------------------------------- */ | ||
| + | body { | ||
| + | position: relative; | ||
| + | background-color: #fff; | ||
| + | background-repeat: repeat; | ||
| + | line-height:1.6em !important; | ||
| + | color:#666; | ||
| + | } | ||
| + | .gray_bg { background-color:#f8f8f8; border-top:1px solid #efefef; border-bottom:1px solid #efefef;} | ||
| + | .header_social {float:right; margin-right:20px; margin-top:5px; font-size:11px;} | ||
| + | ::selection { | ||
| + | background:#7daf27; | ||
| + | color:#fff; | ||
| + | } | ||
| + | ::-moz-selection { | ||
| + | background:#000; | ||
| + | color:#fff; | ||
| + | } | ||
| + | img::selection { | ||
| + | background: transparent; | ||
| + | } | ||
| + | img::-moz-selection { | ||
| + | background: transparent; | ||
| + | } | ||
| + | img { max-width:100%;} | ||
| + | h1, h2, h3, h4, h5, h6 { text-transform:uppercase; color:#444;} | ||
| + | p{ margin-bottom:20px; font-size:12px;} | ||
| + | a { color:#7daf27;} | ||
| + | a:hover { color:#7daf27; text-decoration:underline;} | ||
| + | a:focus { outline:none !important;} | ||
| + | .header_social .badge, .comment .badge{ | ||
| + | background-color:#f5f5f5; | ||
| + | font-size:inherit; | ||
| + | font:inherit; | ||
| + | -webkit-border-radius: 5px; | ||
| + | -moz-border-radius: 5px; | ||
| + | border-radius: 5px; | ||
| + | -webkit-transition:all 0.1s ease-in-out; | ||
| + | -moz-transition:all 0.1s ease-in-out; | ||
| + | -o-transition:all 0.1s ease-in-out; | ||
| + | transition:all 0.1s ease-in-out; | ||
| + | color:inherit; | ||
| + | |||
| + | } | ||
| + | .comment .badge { font-size:11px; color:#999; margin-left:10px;} | ||
| + | .header_social .badge:hover, .comment .badge:hover { | ||
| + | background-color:#7daf27; | ||
| + | font-size:inherit; | ||
| + | font:inherit; | ||
| + | -webkit-border-radius: 5px; | ||
| + | -moz-border-radius: 5px; | ||
| + | border-radius: 5px; | ||
| + | -webkit-transition:all 0.1s ease-in-out; | ||
| + | -moz-transition:all 0.1s ease-in-out; | ||
| + | -o-transition:all 0.1s ease-in-out; | ||
| + | transition:all 0.1s ease-in-out; | ||
| + | } | ||
| + | .comment .badge:hover { font-size:11px; color:#fff;} | ||
| + | .badge a { | ||
| + | color:#7daf27; | ||
| + | text-shadow:1px 1px #fff; | ||
| + | -webkit-transition:all 0.1s ease-in-out; | ||
| + | -moz-transition:all 0.1s ease-in-out; | ||
| + | -o-transition:all 0.1s ease-in-out; | ||
| + | transition:all 0.1s ease-in-out; | ||
| + | } | ||
| + | .badge:hover a { | ||
| + | color:#fff; | ||
| + | text-decoration:none; | ||
| + | text-shadow:none; | ||
| + | -webkit-transition:all 0.1s ease-in-out; | ||
| + | -moz-transition:all 0.1s ease-in-out; | ||
| + | -o-transition:all 0.1s ease-in-out; | ||
| + | transition:all 0.1s ease-in-out; | ||
| + | } | ||
| + | .center {text-align:center;} | ||
| + | .block .description {padding:10px; padding-top:0px;} | ||
| + | .blog_item {background-color:#f5f5f5; border-bottom:1px solid #dfdfdf;} | ||
| + | .blog_item p { padding:20px; margin-bottom:0px;} | ||
| + | .blog_head {background-color:#3A3A3A; padding:10px 15px;} | ||
| + | .blog_head h4 {font-weight:bold; color:#FFF;} | ||
| + | .blog_head span {font-size:10px; color:#dfdfdf; padding-left:3px;} | ||
| + | .blog_head span a { color: #fff;} | ||
| + | .blog_head a { color:#FFF;} | ||
| + | /* Tweak navbar brand link to be super sleek | ||
| + | -------------------------------------------------- */ | ||
| + | .navbar-fixed-top .brand { | ||
| + | padding-right: 0; | ||
| + | padding-left: 0; | ||
| + | margin-left: 20px; | ||
| + | float: right; | ||
| + | font-weight: bold; | ||
| + | color: #000; | ||
| + | text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); | ||
| + | -webkit-transition: all .2s linear; | ||
| + | -moz-transition: all .2s linear; | ||
| + | transition: all .2s linear; | ||
| + | } | ||
| + | .navbar-fixed-top .brand:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Space out sub-sections more | ||
| + | -------------------------------------------------- */ | ||
| + | section { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | |||
| + | /* Faded out hr */ | ||
| + | hr.soften { | ||
| + | height: 1px; | ||
| + | margin: 35px 0; | ||
| + | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
| + | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
| + | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
| + | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
| + | border: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */ | ||
| + | @media (min-width: 980px) { | ||
| + | #main-nav a { | ||
| + | } | ||
| + | .subnav-fixed { | ||
| + | position: fixed; | ||
| + | top: 40px; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ | ||
| + | border-color: #d5d5d5; | ||
| + | border-width: 0 0 1px; /* drop the border on the fixed edges */ | ||
| + | -webkit-border-radius: 0; | ||
| + | -moz-border-radius: 0; | ||
| + | border-radius: 0; | ||
| + | -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); | ||
| + | -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); | ||
| + | box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ | ||
| + | } | ||
| + | .subnav-fixed .nav { | ||
| + | width: 938px; | ||
| + | margin: 0 auto; | ||
| + | padding: 0 1px; | ||
| + | } | ||
| + | .subnav .nav > li:first-child > a, | ||
| + | .subnav .nav > li:first-child > a:hover { | ||
| + | -webkit-border-radius: 0; | ||
| + | -moz-border-radius: 0; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Quick links | ||
| + | -------------------------------------------------- */ | ||
| + | .quick-links { | ||
| + | min-height: 30px; | ||
| + | padding: 5px 20px; | ||
| + | margin: 36px 0; | ||
| + | list-style: none; | ||
| + | text-align: center; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .quick-links li { | ||
| + | display: inline; | ||
| + | margin: 0 5px; | ||
| + | color: #999; | ||
| + | } | ||
| + | .quick-links .github-btn, | ||
| + | .quick-links .tweet-btn, | ||
| + | .quick-links .follow-btn { | ||
| + | position: relative; | ||
| + | top: 5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Marketing section of Overview | ||
| + | -------------------------------------------------- */ | ||
| + | .marketing .row { | ||
| + | margin-bottom: 9px; | ||
| + | } | ||
| + | .marketing h1 { | ||
| + | margin: 36px 0 27px; | ||
| + | font-size: 40px; | ||
| + | font-weight: 300; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .marketing h2, | ||
| + | .marketing h3 { | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | .marketing h2 { | ||
| + | font-size: 22px; | ||
| + | } | ||
| + | .marketing p { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .marketing .bs-icon { | ||
| + | float: left; | ||
| + | margin: 7px 10px 0 0; | ||
| + | opacity: .8; | ||
| + | } | ||
| + | .marketing .small-bs-icon { | ||
| + | float: left; | ||
| + | margin: 4px 5px 0 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* Footer | ||
| + | -------------------------------------------------- */ | ||
| + | footer h5 { color:#999 !important; margin-bottom:5px;} | ||
| + | .footer { | ||
| + | |||
| + | } | ||
| + | footer p { | ||
| + | margin-bottom: 0; | ||
| + | color: #777; | ||
| + | font-size:11px; line-height:14px; | ||
| + | } | ||
| + | footer hr { | ||
| + | margin: 5px 0; | ||
| + | border: 0; | ||
| + | border-top: 1px solid #222; | ||
| + | border-bottom: 1px solid #444; | ||
| + | } | ||
| + | footer span { margin-bottom: 0; | ||
| + | color: #777; | ||
| + | font-size:11px; line-height:14px;} | ||
| + | /* Special grid styles | ||
| + | -------------------------------------------------- */ | ||
| + | .show-grid { | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .show-grid [class*="span"] { | ||
| + | background-color: #eee; | ||
| + | text-align: center; | ||
| + | -webkit-border-radius: 3px; | ||
| + | -moz-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | min-height: 30px; | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .show-grid:hover [class*="span"] { | ||
| + | background: #ddd; | ||
| + | } | ||
| + | .show-grid .show-grid { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .show-grid .show-grid [class*="span"] { | ||
| + | background-color: #ccc; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Render mini layout previews | ||
| + | -------------------------------------------------- */ | ||
| + | .mini-layout { | ||
| + | border: 1px solid #ddd; | ||
| + | -webkit-border-radius: 6px; | ||
| + | -moz-border-radius: 6px; | ||
| + | border-radius: 6px; | ||
| + | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); | ||
| + | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); | ||
| + | box-shadow: 0 1px 2px rgba(0,0,0,.075); | ||
| + | } | ||
| + | .mini-layout { | ||
| + | height: 240px; | ||
| + | margin-bottom: 20px; | ||
| + | padding: 9px; | ||
| + | } | ||
| + | .mini-layout div { | ||
| + | -webkit-border-radius: 3px; | ||
| + | -moz-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .mini-layout .mini-layout-body { | ||
| + | background-color: #dceaf4; | ||
| + | margin: 0 auto; | ||
| + | width: 70%; | ||
| + | height: 240px; | ||
| + | } | ||
| + | .mini-layout.fluid .mini-layout-sidebar, | ||
| + | .mini-layout.fluid .mini-layout-header, | ||
| + | .mini-layout.fluid .mini-layout-body { | ||
| + | float: left; | ||
| + | } | ||
| + | .mini-layout.fluid .mini-layout-sidebar { | ||
| + | background-color: #bbd8e9; | ||
| + | width: 20%; | ||
| + | height: 240px; | ||
| + | } | ||
| + | .mini-layout.fluid .mini-layout-body { | ||
| + | width: 77.5%; | ||
| + | margin-left: 2.5%; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Popover docs | ||
| + | -------------------------------------------------- */ | ||
| + | .popover-well { | ||
| + | min-height: 160px; | ||
| + | } | ||
| + | .popover-well .popover { | ||
| + | display: block; | ||
| + | } | ||
| + | .popover-well .popover-wrapper { | ||
| + | width: 50%; | ||
| + | height: 160px; | ||
| + | float: left; | ||
| + | margin-left: 55px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .popover-well .popover-menu-wrapper { | ||
| + | height: 80px; | ||
| + | } | ||
| + | .large-bird { | ||
| + | margin: 5px 0 0 310px; | ||
| + | opacity: .1; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Download page | ||
| + | -------------------------------------------------- */ | ||
| + | .download .page-header { | ||
| + | } | ||
| + | .page-header .toggle-all { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | |||
| + | /* Space out h3s when following a section */ | ||
| + | .download h3 { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .download-builder input + h3, | ||
| + | .download-builder .checkbox + h3 { | ||
| + | margin-top: 9px; | ||
| + | } | ||
| + | |||
| + | /* Fields for variables */ | ||
| + | .download-builder input[type=text] { | ||
| + | margin-bottom: 9px; | ||
| + | font-family: Menlo, Monaco, "Courier New", monospace; | ||
| + | font-size: 12px; | ||
| + | color: #d14; | ||
| + | } | ||
| + | .download-builder input[type=text]:focus { | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | |||
| + | /* Custom, larger checkbox labels */ | ||
| + | .download .checkbox { | ||
| + | padding: 6px 10px 6px 25px; | ||
| + | color: #555; | ||
| + | background-color: #f9f9f9; | ||
| + | -webkit-border-radius: 3px; | ||
| + | -moz-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .download .checkbox:hover { | ||
| + | color: #333; | ||
| + | background-color: #f8f8f8; | ||
| + | } | ||
| + | .download .checkbox small { | ||
| + | font-size: 12px; | ||
| + | color: #777; | ||
| + | } | ||
| + | |||
| + | /* Variables section */ | ||
| + | #variables label { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | |||
| + | /* Giant download button */ | ||
| + | .download-btn { | ||
| + | margin: 36px 0 108px; | ||
| + | } | ||
| + | .download p, | ||
| + | .download h4 { | ||
| + | max-width: 50%; | ||
| + | margin: 0 auto; | ||
| + | color: #999; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .download h4 { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .download p { | ||
| + | margin-bottom: 18px; | ||
| + | } | ||
| + | .download-btn .btn { | ||
| + | display: block; | ||
| + | width: auto; | ||
| + | padding: 19px 24px; | ||
| + | margin-bottom: 27px; | ||
| + | font-size: 30px; | ||
| + | line-height: 1; | ||
| + | text-align: center; | ||
| + | -webkit-border-radius: 6px; | ||
| + | -moz-border-radius: 6px; | ||
| + | border-radius: 6px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* Color swatches on LESS docs page | ||
| + | -------------------------------------------------- */ | ||
| + | /* Sets the width of the td */ | ||
| + | .swatch-col { | ||
| + | width: 30px; | ||
| + | } | ||
| + | /* Le swatch */ | ||
| + | .swatch { | ||
| + | display: inline-block; | ||
| + | width: 30px; | ||
| + | height: 20px; | ||
| + | margin: -6px 0; | ||
| + | -webkit-border-radius: 3px; | ||
| + | -moz-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | /* For white swatches, give a border */ | ||
| + | .swatch-bordered { | ||
| + | width: 28px; | ||
| + | height: 18px; | ||
| + | border: 1px solid #eee; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Misc | ||
| + | -------------------------------------------------- */ | ||
| + | |||
| + | |||
| + | .browser-support { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | |||
| + | /* Make tables spaced out a bit more */ | ||
| + | h2 + table, | ||
| + | h3 + table, | ||
| + | h4 + table, | ||
| + | h2 + .row { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | |||
| + | /* Example sites showcase */ | ||
| + | .example-sites img { | ||
| + | max-width: 100%; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | .marketing-byline { | ||
| + | margin: -18px 0 27px; | ||
| + | font-size: 18px; | ||
| + | font-weight: 300; | ||
| + | line-height: 24px; | ||
| + | color: #999; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .scrollspy-example { | ||
| + | height: 200px; | ||
| + | overflow: auto; | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | /* Remove bottom margin on example forms in wells */ | ||
| + | form.well { | ||
| + | padding: 14px; | ||
| + | } | ||
| + | |||
| + | /* Tighten up spacing */ | ||
| + | .well hr { | ||
| + | margin: 18px 0; | ||
| + | } | ||
| + | |||
| + | /* Fake the :focus state to demo it */ | ||
| + | .focused { | ||
| + | border-color: rgba(82,168,236,.8); | ||
| + | -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); | ||
| + | -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); | ||
| + | box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); | ||
| + | outline: 0; | ||
| + | } | ||
| + | |||
| + | /* For input sizes, make them display block */ | ||
| + | .docs-input-sizes select, | ||
| + | .docs-input-sizes input[type=text] { | ||
| + | display: block; | ||
| + | margin-bottom: 9px; | ||
| + | } | ||
| + | |||
| + | /* Icons | ||
| + | ------------------------- */ | ||
| + | .the-icons { | ||
| + | margin-left: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .the-icons i:hover { | ||
| + | background-color: rgba(255,0,0,.25); | ||
| + | } | ||
| + | |||
| + | /* Eaxmples page | ||
| + | ------------------------- */ | ||
| + | .bootstrap-examples .thumbnail { | ||
| + | margin-bottom: 9px; | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Responsive Docs | ||
| + | -------------------------------------------------- */ | ||
| + | @media (max-width: 480px) { | ||
| + | |||
| + | /* Reduce padding above jumbotron */ | ||
| + | body { | ||
| + | padding-top: 70px; | ||
| + | } | ||
| + | |||
| + | /* Change up some type stuff */ | ||
| + | h2 { | ||
| + | margin-top: 27px; | ||
| + | } | ||
| + | h2 small { | ||
| + | display: block; | ||
| + | line-height: 18px; | ||
| + | } | ||
| + | h3 { | ||
| + | margin-top: 18px; | ||
| + | } | ||
| + | |||
| + | /* Adjust the jumbotron */ | ||
| + | .jumbotron h1, | ||
| + | .jumbotron p { | ||
| + | text-align: center; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .jumbotron h1 { | ||
| + | font-size: 45px; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .jumbotron p { | ||
| + | margin-right: 0; | ||
| + | margin-left: 0; | ||
| + | font-size: 18px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .jumbotron .btn { | ||
| + | display: block; | ||
| + | font-size: 18px; | ||
| + | padding: 10px 14px; | ||
| + | margin: 0 auto 10px; | ||
| + | } | ||
| + | /* Masthead (home page jumbotron) */ | ||
| + | .masthead { | ||
| + | padding-top: 0; | ||
| + | } | ||
| + | |||
| + | /* Don't space out quick links so much */ | ||
| + | .quick-links { | ||
| + | margin: 40px 0 0; | ||
| + | } | ||
| + | /* hide the bullets on mobile since our horizontal space is limited */ | ||
| + | .quick-links .divider { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | /* center example sites */ | ||
| + | .example-sites { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .example-sites > li { | ||
| + | float: none; | ||
| + | display: block; | ||
| + | max-width: 280px; | ||
| + | margin: 0 auto 18px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .example-sites .thumbnail > img { | ||
| + | max-width: 270px; | ||
| + | } | ||
| + | |||
| + | table code { | ||
| + | white-space: normal; | ||
| + | word-wrap: break-word; | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | |||
| + | /* Modal example */ | ||
| + | .modal-example .modal { | ||
| + | position: relative; | ||
| + | top: auto; | ||
| + | right: auto; | ||
| + | bottom: auto; | ||
| + | left: auto; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | @media (max-width: 768px) { | ||
| + | |||
| + | /* Remove any padding from the body */ | ||
| + | body { | ||
| + | padding-top: 0; | ||
| + | } | ||
| + | |||
| + | /* Jumbotron buttons */ | ||
| + | .jumbotron .btn { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | |||
| + | /* Subnav */ | ||
| + | .subnav { | ||
| + | position: static; | ||
| + | top: auto; | ||
| + | z-index: auto; | ||
| + | width: auto; | ||
| + | height: auto; | ||
| + | background: #fff; /* whole background property since we use a background-image for gradient */ | ||
| + | -webkit-box-shadow: none; | ||
| + | -moz-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | .subnav .nav > li { | ||
| + | float: none; | ||
| + | } | ||
| + | .subnav .nav > li > a { | ||
| + | border: 0; | ||
| + | } | ||
| + | .subnav .nav > li + li > a { | ||
| + | border-top: 1px solid #e5e5e5; | ||
| + | } | ||
| + | .subnav .nav > li:first-child > a, | ||
| + | .subnav .nav > li:first-child > a:hover { | ||
| + | -webkit-border-radius: 4px 4px 0 0; | ||
| + | -moz-border-radius: 4px 4px 0 0; | ||
| + | border-radius: 4px 4px 0 0; | ||
| + | } | ||
| + | |||
| + | /* Popovers */ | ||
| + | .large-bird { | ||
| + | display: none; | ||
| + | } | ||
| + | .popover-well .popover-wrapper { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | |||
| + | /* Space out the show-grid examples */ | ||
| + | .show-grid [class*="span"] { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | |||
| + | /* Unfloat the back to top link in footer */ | ||
| + | .footer .pull-right { | ||
| + | float: none; | ||
| + | } | ||
| + | .footer p { | ||
| + | margin-bottom: 9px; | ||
| + | } | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | @media (min-width: 480px) and (max-width: 768px) { | ||
| + | |||
| + | /* Scale down the jumbotron content */ | ||
| + | .jumbotron h1 { | ||
| + | font-size: 54px; | ||
| + | } | ||
| + | .jumbotron p { | ||
| + | margin-right: 0; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .hello {padding-bottom:0px; text-rendering: optimizelegibility; font-size:50px; text-align: center !important; font-weight:bolder; line-height:0px;color:#000;} | ||
| + | 6 | ||
| + | } | ||
| + | |||
| + | |||
| + | @media (min-width: 768px) and (max-width: 980px) { | ||
| + | |||
| + | /* Remove any padding from the body */ | ||
| + | body { | ||
| + | padding-top: 0; | ||
| + | } | ||
| + | |||
| + | /* Scale down the jumbotron content */ | ||
| + | .jumbotron h1 { | ||
| + | font-size: 72px; | ||
| + | } | ||
| + | .hello {padding-bottom:0px; text-rendering: optimizelegibility; font-size:30px; text-align: center !important; font-weight:bolder; line-height:80px;color:#000;} | ||
| + | |||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | @media (max-width: 980px) { | ||
| + | |||
| + | /* Unfloat brand */ | ||
| + | .navbar-fixed-top .brand { | ||
| + | float: left; | ||
| + | margin-left: 0; | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | |||
| + | /* Inline-block quick links for more spacing */ | ||
| + | .quick-links li { | ||
| + | display: inline-block; | ||
| + | margin: 5px; | ||
| + | } | ||
| + | |||
| + | #main-nav a:after { | ||
| + | display:none !important; | ||
| + | } | ||
| + | .no { display:none !important;} | ||
| + | } | ||
| + | |||
| + | |||
| + | /* LARGE DESKTOP SCREENS */ | ||
| + | @media (min-width: 1210px) { | ||
| + | .mainslider { height:400px;} | ||
| + | /*Update subnav container */ | ||
| + | .subnav-fixed .nav { | ||
| + | width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ | ||
| + | } | ||
| + | |||
| + | .hello {padding-bottom:0px; text-rendering: optimizelegibility; font-size:80px; text-align: center !important; font-weight:bolder; line-height:80px;color:#000;} | ||
| + | } | ||
| + | .container {padding:0 20px;} | ||
| + | .welcome { margin-top:30px;} | ||
| + | .welcome h1 { text-align:center; line-height:50px; font-size:42px; font-family:arial !important;} | ||
| + | .welcome p { text-align:center; margin-top:10px; margin-bottom:30px;} | ||
| + | .welcome h6 { padding:100px; padding-bottom:0px; padding-top:0px;} | ||
| + | .welcome a { float:right;} | ||
| + | /* -------------------------------------------------- */ | ||
| + | /* Main Navigation | ||
| + | /* -------------------------------------------------- */ | ||
| + | /*** arrows **/ | ||
| + | |||
| + | .sf-sub-indicator { | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | right: 15px; | ||
| + | top: 40px; /* IE6 only */ | ||
| + | width: 10px; | ||
| + | height: 20px; | ||
| + | text-indent: -999em; | ||
| + | overflow: hidden; | ||
| + | background: url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ | ||
| + | } | ||
| + | a > .sf-sub-indicator { /* give all except IE6 the correct values */ | ||
| + | top: 10px; | ||
| + | background-position: 0 -100px; /* use translucent arrow for modern browsers*/ | ||
| + | } | ||
| + | /* apply hovers to modern browsers */ | ||
| + | a:focus > .sf-sub-indicator, | ||
| + | a:hover > .sf-sub-indicator, | ||
| + | a:active > .sf-sub-indicator, | ||
| + | li:hover > a > .sf-sub-indicator, | ||
| + | li.sfHover > a > .sf-sub-indicator { | ||
| + | background-position: -10px -100px; /* arrow hovers for modern browsers*/ | ||
| + | } | ||
| + | |||
| + | /* point right for anchors in subs */ | ||
| + | #menu ul .sf-sub-indicator { background-position: -10px 0; } | ||
| + | #menu ul a > .sf-sub-indicator { background-position: 0 0; } | ||
| + | /* apply hovers to modern browsers */ | ||
| + | #menu ul a:focus > .sf-sub-indicator, | ||
| + | #menu ul a:hover > .sf-sub-indicator, | ||
| + | #menu ul a:active > .sf-sub-indicator, | ||
| + | #menu ul li:hover > a > .sf-sub-indicator, | ||
| + | #menu ul li.sfHover > a > .sf-sub-indicator { | ||
| + | background-position: -10px 0; /* arrow hovers for modern browsers*/ | ||
| + | } | ||
| + | |||
| + | |||
| + | #main-nav { float: right; margin-top:30px; } | ||
| + | |||
| + | #main-nav > ul { margin-top:-3px; } | ||
| + | |||
| + | #main-nav li { | ||
| + | list-style: none; | ||
| + | float: left; | ||
| + | margin: 0; | ||
| + | position: relative; | ||
| + | margin-right:15px; | ||
| + | } | ||
| + | |||
| + | #main-nav li:last-child {margin-right:0px;} | ||
| + | |||
| + | #main-nav a { | ||
| + | color: #666; | ||
| + | font-family:arial ; | ||
| + | font-size: 12px; | ||
| + | display: block; | ||
| + | position: relative; | ||
| + | text-align: center; | ||
| + | z-index: 98; | ||
| + | padding: 8px 22px 8px 22px !important; | ||
| + | background:#efefef; | ||
| + | border-radius:3px; | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | #main-nav a:after { | ||
| + | color: #aeaeae; | ||
| + | font-size: 11px; | ||
| + | font-style: italic; | ||
| + | font-weight: 400; | ||
| + | display: block; | ||
| + | line-height: 0; | ||
| + | text-align: center; | ||
| + | text-transform: lowercase; | ||
| + | } | ||
| + | |||
| + | #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a, { | ||
| + | border-top-color: #fff; | ||
| + | color: #000; | ||
| + | background:#7daf27; | ||
| + | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); | ||
| + | } | ||
| + | |||
| + | #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { | ||
| + | color:#fff; | ||
| + | text-decoration:none; | ||
| + | background-color: #332fba; | ||
| + | background-image: -moz-linear-gradient(top, #5dc2fc, #332fba); | ||
| + | background-image: -ms-linear-gradient(top, #5dc2fc, #332fba); | ||
| + | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5dc2fc), to(#332fba)); | ||
| + | background-image: -webkit-linear-gradient(top, #5dc2fc, #332fba); | ||
| + | background-image: -o-linear-gradient(top, #5dc2fc, #332fba); | ||
| + | background-image: linear-gradient(top, #5dc2fc, #332fba); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5dc2fc', endColorstr='#332fba', 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); | ||
| + | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| + | text-shadow:1px 1px #332fba !important; | ||
| + | |||
| + | } | ||
| + | #main-nav ul li ul li a:hover > #main-nav ul li a {background:#379ad4 !important;} | ||
| + | |||
| + | /* Dropdown */ | ||
| + | |||
| + | |||
| + | #main-nav ul ul { | ||
| + | left: -25px; | ||
| + | padding: 0; | ||
| + | position: absolute; | ||
| + | top: 45px; | ||
| + | visibility:hidden; | ||
| + | } | ||
| + | #main-nav ul ul ul { | ||
| + | left: 150px; | ||
| + | padding: 0; | ||
| + | position: absolute; | ||
| + | top: 0px; | ||
| + | visibility:hidden; | ||
| + | } | ||
| + | #main-nav li:hover > ul { | ||
| + | visibility:visible; | ||
| + | } | ||
| + | #main-nav ul ul li { float: none; } | ||
| + | |||
| + | #main-nav ul ul a { | ||
| + | color: #fff; | ||
| + | font-size: 12px; | ||
| + | font-weight: 400; | ||
| + | text-align:left !important; | ||
| + | width:120px; | ||
| + | border-bottom:1px solid #555; | ||
| + | background:#444; | ||
| + | border-radius:0px; | ||
| + | |||
| + | } | ||
| + | |||
| + | #main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover { | ||
| + | color: #fff; | ||
| + | text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2); | ||
| + | border-bottom-color:#353535; | ||
| + | border-bottom-color:#353535; | ||
| + | } | ||
| + | |||
| + | #main-nav ul li.current > a:after { | ||
| + | content: ''; | ||
| + | position: absolute; | ||
| + | left:50%; | ||
| + | top: 100%; | ||
| + | margin-left:-5px; | ||
| + | border-left: 6px solid transparent; | ||
| + | border-right: 6px solid transparent; | ||
| + | border-top: 6px solid #36399a; | ||
| + | |||
| + | } | ||
| + | #main-nav ul li ul li:first-child > a:after { | ||
| + | content: ''; | ||
| + | position: absolute; | ||
| + | left:24%; | ||
| + | top: 0%; | ||
| + | margin-left:-5px; | ||
| + | margin-top:-6px; | ||
| + | border-left: 6px solid transparent; | ||
| + | border-right: 6px solid transparent; | ||
| + | border-bottom: 6px solid #444; | ||
| + | } | ||
| + | #main-nav ul li ul li:first-child > a:hover:after { | ||
| + | border-bottom-color:#4e8cc9; | ||
| + | |||
| + | |||
| + | } | ||
| + | #main-nav ul li.current ul li:first-child > a:after { | ||
| + | content: ''; | ||
| + | position: absolute; | ||
| + | left:24%; | ||
| + | top: 0%; | ||
| + | margin-left:-5px; | ||
| + | margin-top:-6px; | ||
| + | border-left: none; | ||
| + | border-right: none; | ||
| + | border-bottom: none; | ||
| + | |||
| + | } | ||
| + | #main-nav ul li ul li ul li:first-child > a:after { | ||
| + | content: ''; | ||
| + | position: absolute; | ||
| + | left: -1px; | ||
| + | top: 50%; | ||
| + | margin-top: -6px; | ||
| + | border-left: 0; | ||
| + | border-bottom: 6px solid transparent; | ||
| + | border-top: 6px solid transparent; | ||
| + | border-right: 6px solid #444; | ||
| + | |||
| + | } | ||
| + | #main-nav ul li ul li ul li:first-child > a:hover:after { | ||
| + | border-bottom-color: transparent; | ||
| + | border-right-color:#3368c4; | ||
| + | } | ||
| + | nav select { display: none; } | ||
| + | /*Landscape phones and down*/ | ||
| + | @media (max-width: 480px) { | ||
| + | .logo { text-align:center; margin-top:20px;} | ||
| + | nav ul { display: none; } | ||
| + | nav select { display: inline-block; width:100% !important; } | ||
| + | nav { position: relative; right: auto; top: auto; width: 100%} | ||
| + | .welcome h1 {line-height:36px; font-size:22px; font-weight:bold;} | ||
| + | .hidden-phone { display:none !important;} | ||
| + | h3 {line-height: 18px; font-size: 14px;} | ||
| + | hr.visible-desktop { margin-top:15px !important; margin-bottom:15px !important} | ||
| + | #portfolio .block { margin-top:25px !important; margin-bottom:25px !important;} | ||
| + | .twit_img { display:none;} | ||
| + | |||
| + | } | ||
| + | #portfolio img{ width:100%;} | ||
| + | /* Landscape phone to portrait tablet*/ | ||
| + | @media (min-width: 480px) and (max-width: 768px) { | ||
| + | .logo { text-align:center;} | ||
| + | nav ul { display: none; } | ||
| + | nav select { display: inline-block; width:100% !important; } | ||
| + | nav { position: relative; right: auto; top: auto; width: 100%} | ||
| + | .welcome h1 {line-height:36px; font-size:22px; font-weight:bold;} | ||
| + | .hidden-phone { display:none !important;} | ||
| + | .m25 .span4 { margin-top:55px;} | ||
| + | h3 {line-height: 24px; font-size: 14px;} | ||
| + | .mainslider { width:97%;} | ||
| + | footer h5 { margin-top:30px !important;} | ||
| + | .twit_img { display:none;} | ||
| + | #portfolio .block { margin-top:25px !important; margin-bottom:25px !important;} | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 980px) { | ||
| + | #main-nav a {padding: 8px 8px 8px 8px !important;} | ||
| + | #main-nav li { margin-right:6px;} | ||
| + | .welcome h1 {line-height:36px; font-size:32px;} | ||
| + | .slider_area h2 { font-size:15px !important; line-height:18px;} | ||
| + | .visible-desktop { display:none !important;} | ||
| + | .mega { font-size:12px; padding: 8px 0px !important;} | ||
| + | h3 {line-height: 18px; font-size: 14px;} | ||
| + | .m25 .span4 img { width:20%} | ||
| + | h2 { font-size:21px; line-height:26px;} | ||
| + | .about_icons { display:none} | ||
| + | .twit_img { display:none} | ||
| + | #main-nav ul ul ul {left: 120px;} | ||
| + | } | ||
| + | /* Portrait tablet to landscape and desktop*/ | ||
| + | @media (min-width: 980px) and (max-width: 1200px) { | ||
| + | #main-nav a {padding: 8px 15px 8px 15px !important;} | ||
| + | .welcome h1 {line-height:44px; font-size:36px;} | ||
| + | .slider_area h2 { font-size:21px !important;} | ||
| + | .slider_area .mega {padding: 8px 0px; } | ||
| + | .intro { display:none;} | ||
| + | .about_icons img{} | ||
| + | .about_icons { display:none;} | ||
| + | .twit_img { display:none;} | ||
| + | #main-nav ul ul ul {left: 140px;} | ||
| + | |||
| + | } | ||
| + | .welcome_inner { padding-top:20px; padding-bottom:15px;} | ||
| + | .welcome_inner h1 { } | ||
| + | .inner_content { margin-bottom:45px;} | ||
| + | .with_icon a:hover > .icon-exclamation-sign{ background-image: url("../img/glyphicons-halflings-white.png");} | ||
| + | .twit_img {float:left; margin-right:20px !important; margin-top:10px !important;} | ||
| + | .about_icons { margin-right:11px; margin-top:7px; margin-bottom:20px;} | ||
| + | .m25 .span4 { margin-top:25px;} | ||
| + | img.pull-left { margin-right:15px !important; margin-top:7px !important;} | ||
| + | .mega {width:100%; text-align:center; padding: 20px 0px; text-transform:uppercase; font-weight:bold;"><i class="icon-download-alt icon-white} | ||
| + | .slider_area { padding-top:40px; padding-bottom:40px;} | ||
| + | .slider_area h2 {margin-bottom:15px; font-size:26px; line-height:30px;} | ||
| + | .top_line { height:5px; background-color:#f5f5f5;} | ||
| + | /* | ||
| + | * jQuery FlexSlider v1.8 | ||
| + | * http://flex.madebymufffin.com | ||
| + | * | ||
| + | * Copyright 2011, Tyler Smith | ||
| + | * Free to use under the MIT license. | ||
| + | * http://www.opensource.org/licenses/mit-license.php | ||
| + | */ | ||
| + | |||
| + | /* Browser Resets */ | ||
| + | .flex-container a:active, | ||
| + | .flexslider a:active {outline: none;} | ||
| + | .slides, | ||
| + | .flex-control-nav, | ||
| + | .flex-direction-nav {margin: 0; padding: 0; list-style: none;} | ||
| + | |||
| + | /* FlexSlider Necessary Styles | ||
| + | *********************************/ | ||
| + | .flexslider {width: 100%; margin: 0; padding: 0; } | ||
| + | .flexslider .slides > li, .blogslider .slides > li, .testimonialslider .slides > li{display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ | ||
| + | .blogslider .slides > li:first-child, .flexslider .slides > li:first-child, .testimonialslider .slides > li:first-child { display: block !important} | ||
| + | .flexslider .slides > li:first-child { background:url('../img/spinner.gif') center center no-repeat #f5f5f5;} | ||
| + | .flexslider .slides img {max-width: 100%; display: block;} | ||
| + | .flex-pauseplay span {text-transform: capitalize;} | ||
| + | |||
| + | /* Clearfix for the .slides element */ | ||
| + | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} | ||
| + | html[xmlns] .slides {display: block;} | ||
| + | * html .slides {height: 1%;} | ||
| + | |||
| + | /* No JavaScript Fallback */ | ||
| + | /* If you are not using another script, such as Modernizr, make sure you | ||
| + | * include js that eliminates this class on page load */ | ||
| + | .no-js .slides > li:first-child {display: block;} | ||
| + | |||
| + | |||
| + | /* FlexSlider Default Theme | ||
| + | *********************************/ | ||
| + | .flexslider, .blogslider {background: #fff; position: relative; zoom: 1;} | ||
| + | .flexslider, .blogslider .slides {zoom: 1;} | ||
| + | .flexslider, .blogslider .slides > li {position: relative;} | ||
| + | /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ | ||
| + | .flex-container {zoom: 1; position: relative;} | ||
| + | |||
| + | /* Caption style */ | ||
| + | /* IE rgba() hack */ | ||
| + | .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); | ||
| + | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} | ||
| + | .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; top: 350; background: rgba(0,0,0,255); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; margin-bottom:0px !important;} | ||
| + | |||
| + | /* Direction Nav */ | ||
| + | .blogslider .flex-direction-nav li a, .portfolio-slider .flex-direction-nav li a{ | ||
| + | margin-top:5px; | ||
| + | display: block; | ||
| + | display: inline-block; | ||
| + | *display: inline; | ||
| + | /* IE7 inline-block hack */ | ||
| + | *zoom: 1; | ||
| + | padding: 4px 10px 4px; | ||
| + | margin-bottom: 0; | ||
| + | line-height: 14px; | ||
| + | color: #333333; | ||
| + | text-align: center; | ||
| + | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | ||
| + | vertical-align: middle; | ||
| + | background-color: #f5f5f5; | ||
| + | background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | ||
| + | background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); | ||
| + | border-color: #e6e6e6 #e6e6e6 #bfbfbf; | ||
| + | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
| + | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| + | border: 1px solid #cccccc; | ||
| + | border-bottom-color: #b3b3b3; | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | cursor: pointer; | ||
| + | *margin-left: .3em; | ||
| + | position: absolute; | ||
| + | cursor: pointer; | ||
| + | font-size:11px; | ||
| + | bottom:20px !important; | ||
| + | right: 20px !important; | ||
| + | } | ||
| + | .blogslider .flex-direction-nav li a:hover, .portfolio-slider .flex-direction-nav li a:hover { | ||
| + | text-decoration:none; background-color: #e6e6e6; | ||
| + | color: #333333; | ||
| + | text-decoration: none; | ||
| + | background-color: #e6e6e6; | ||
| + | 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; | ||
| + | } | ||
| + | .blogslider .flex-direction-nav li .next {background-position: -30px 0; right: 0px;} | ||
| + | .blogslider .flex-direction-nav li .prev {right:54px !important; } | ||
| + | .portfolio-slider .flex-direction-nav li .next {background-position: -30px 0; right: 0px;} | ||
| + | .portfolio-slider .flex-direction-nav li .prev {right:54px !important; } | ||
| + | |||
| + | .mainslider .flex-direction-nav li a { | ||
| + | margin-top:5px; | ||
| + | display: block; | ||
| + | display: inline-block; | ||
| + | *display: inline; | ||
| + | /* IE7 inline-block hack */ | ||
| + | *zoom: 1; | ||
| + | padding: 4px 10px 4px; | ||
| + | margin-bottom: 0; | ||
| + | line-height: 14px; | ||
| + | color: #333333; | ||
| + | text-align: center; | ||
| + | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | ||
| + | vertical-align: middle; | ||
| + | background-color: #f5f5f5; | ||
| + | background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | ||
| + | background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-image: linear-gradient(top, #ffffff, #e6e6e6); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); | ||
| + | border-color: #e6e6e6 #e6e6e6 #bfbfbf; | ||
| + | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
| + | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| + | border: 1px solid #cccccc; | ||
| + | border-bottom-color: #b3b3b3; | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
| + | cursor: pointer; | ||
| + | *margin-left: .3em; | ||
| + | position: absolute; | ||
| + | cursor: pointer; | ||
| + | font-size:11px; | ||
| + | bottom:-37px !important; | ||
| + | right: 10px !important; | ||
| + | |||
| + | } | ||
| + | .mainslider .flex-direction-nav li a:hover { | ||
| + | text-decoration:none; background-color: #e6e6e6; | ||
| + | color: #333333; | ||
| + | text-decoration: none; | ||
| + | background-color: #e6e6e6 !important; | ||
| + | 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; | ||
| + | } | ||
| + | |||
| + | .mainslider { padding-bottom:45px; background:url('../img/spinner.gif') center center no-repeat #f5f5f5; border-bottom:1px solid #dfdfdf;} | ||
| + | .mainslider .flex-direction-nav li .next {background-position: -30px 0; right: 0px;} | ||
| + | .mainslider .flex-direction-nav li .prev {right:76px !important; } | ||
| + | .flexslider:hover > .flex-direction-nav li .prev { display:block;} | ||
| + | .flexslider:hover > .flex-direction-nav li .next { display:block;} | ||
| + | .mainslider .flex-direction-nav li .prev:hover {background-color:#9abf27;} | ||
| + | .mainslider .flex-direction-nav li .next:hover {background-color:#9abf27;} | ||
| + | .flex-pauseplay { position:absolute; top:100%; right:0px; margin-top:12px; margin-right:72px !important;} | ||
| + | .flex-pauseplay .pause { background: url('../img/pause.png') no-repeat 0 0; width:31px; height:28px; font-size:0px; position:absolute;} | ||
| + | .flex-pauseplay .play { background: url('../img/play.png') no-repeat 0 0; width:31px; height:28px; font-size:0px; position:absolute;} | ||
| + | .flexslider:hover > .flex-pauseplay .pause { display:block;} | ||
| + | .flexslider:hover > .flex-pauseplay .play { display:block;} | ||
| + | .flex-pauseplay .pause:hover { cursor:pointer; background: url('../img/pause-hover.png')} | ||
| + | .flex-pauseplay .play:hover { cursor:pointer; background: url('../img/play-hover.png')} | ||
| + | |||
| + | .portfolio-slider .flex-pauseplay { display:none;} | ||
| + | |||
| + | /* Control Nav */ | ||
| + | .flex-control-nav {width: 100%; position: absolute; bottom: -37px; left:10px;} | ||
| + | .flex-control-nav li {margin: 0 0 0 6px; display: inline-block; zoom: 1; *display: inline;} | ||
| + | .flex-control-nav li:first-child {margin: 0;} | ||
| + | .flex-control-nav li a {width: 27px; height: 13px; display: block; background: url('../img/bullet.png') no-repeat 0 0; cursor: pointer; text-indent: -9999px;} | ||
| + | .flex-control-nav li a:hover {width: 27px; height: 13px; display: block; background: url('../img/bullet-hover.png')} | ||
| + | .flex-control-nav li a.active {width: 27px; height: 13px; display: block; background: url('../img/bullet-hover.png')} | ||
| + | .colored { color:#3368c4; } | ||
| + | .slider-title { padding:10px; background:#000; color:#FFF !important;} | ||
| + | .slider-title h3 { text-transform:uppercase; color:#FFF !important;} | ||
| + | |||
| + | .portfolio-slider .flex-control-nav { display:none;} | ||
| + | |||
| + | .flex-control-nav li a{ | ||
| + | -webkit-transition:all 0.1s ease-in-out; | ||
| + | -moz-transition:all 0.1s ease-in-out; | ||
| + | -o-transition:all 0.1s ease-in-out; | ||
| + | transition:all 0.1s ease-in-out; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | header { background: #fff; padding-bottom:30px;} | ||
| + | .twitter-block { padding:20px 0px; background:#3a3a3a; color:#FFF;} | ||
| + | .bottom-block { padding:10px 0px; background:#3a3a3a; color:#999; font-size:11px; border-bottom:5px solid #000;} | ||
| + | .twitter-block h4 { color:#FFF;} | ||
| + | footer { padding:30px 0px; background:#303030; color:#cacaca; border-top:1px solid #444; border-bottom:1px solid #444;} | ||
| + | .flip:hover {cursor:pointer !important;} | ||
| + | .blog-icon { background:#000; float:left; padding:7px 12px; margin-top:10px; margin-right:15px;} | ||
| + | img { margin:0px !important; padding:0px !important} | ||
| + | .block { margin-bottom:30px; background-color:#f5f5f5; border-bottom:1px solid #dfdfdf; text-align:center;} | ||
| + | .block p { margin-bottom:0px; margin-top:3px;} | ||
| + | .block h5 { padding-top:10px; padding-left:10px;} | ||
| + | .block:hover {} | ||
| + | .block a { | ||
| + | text-shadow:1px 1px #fff; | ||
| + | color:#444; | ||
| + | -webkit-transition: all 0.2s ease-in-out; | ||
| + | -moz-transition: all 0.2s ease-in-out; | ||
| + | -o-transition: all 0.2s ease-in-out; | ||
| + | -ms-transition: all 0.2s ease-in-out; | ||
| + | transition: all 0.2s ease-in-out; | ||
| + | } | ||
| + | .block a:hover { | ||
| + | text-shadow:1px 1px #fff; | ||
| + | color:#3368c4; | ||
| + | text-decoration:none; | ||
| + | -webkit-transition: all 0.2s ease-in-out; | ||
| + | -moz-transition: all 0.2s ease-in-out; | ||
| + | -o-transition: all 0.2s ease-in-out; | ||
| + | -ms-transition: all 0.2s ease-in-out; | ||
| + | transition: all 0.2s ease-in-out; | ||
| + | } | ||
| + | .left .span3 { text-align:left;} | ||
| + | .nbm { margin-bottom:0px !important;} | ||
| + | .nbm .span3 { margin-bottom:0px;} | ||
| + | .undercolored { border-bottom:1px solid #3368c4;} | ||
| + | .undercolored a { color:inherit;} | ||
| + | .undercolored a:hover { color:#3368c4; text-decoration:none;} | ||
| + | .welcome .undercolored { border-width:2px;} | ||
| + | |||
| + | |||
| + | .view { | ||
| + | overflow: hidden; | ||
| + | position: relative; | ||
| + | text-align: center; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .view .mask,.view .content { | ||
| + | position: absolute; | ||
| + | overflow: hidden; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | } | ||
| + | .view img { | ||
| + | display: block; | ||
| + | position: relative; | ||
| + | } | ||
| + | .view h2 { | ||
| + | text-transform: uppercase; | ||
| + | color: #fff; | ||
| + | text-align: center; | ||
| + | position: relative; | ||
| + | font-size: 17px; | ||
| + | padding: 10px; | ||
| + | background: rgba(0, 0, 0, 0.1); | ||
| + | margin: 20px 0 0 0; | ||
| + | } | ||
| + | .view p { | ||
| + | font-family: Georgia, serif; | ||
| + | font-style: italic; | ||
| + | font-size: 12px; | ||
| + | position: relative; | ||
| + | color: #fff; | ||
| + | padding: 10px 20px 20px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .view a.info { | ||
| + | display: inline-block; | ||
| + | text-decoration: none; | ||
| + | color: #fff; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .view a.link { | ||
| + | display: inline-block; | ||
| + | text-decoration: none; | ||
| + | color: #fff; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .view a.info: hover { | ||
| + | -webkit-box-shadow: 0 0 5px #000; | ||
| + | -moz-box-shadow: 0 0 5px #000; | ||
| + | box-shadow: 0 0 5px #000; | ||
| + | } | ||
| + | |||
| + | .view-first img { | ||
| + | -webkit-transition: all 0.2s linear; | ||
| + | -moz-transition: all 0.2s linear; | ||
| + | -o-transition: all 0.2s linear; | ||
| + | -ms-transition: all 0.2s linear; | ||
| + | transition: all 0.2s linear; | ||
| + | } | ||
| + | .view-first .mask { | ||
| + | filter: alpha(opacity=100) !important; | ||
| + | display:none; | ||
| + | opacity: 0; | ||
| + | background-color: rgba(0,0,0, 0.1); | ||
| + | -webkit-transition: all 0.4s ease-in-out; | ||
| + | -moz-transition: all 0.4s ease-in-out; | ||
| + | -o-transition: all 0.4s ease-in-out; | ||
| + | -ms-transition: all 0.4s ease-in-out; | ||
| + | transition: all 0.4s ease-in-out; | ||
| + | width:100%; | ||
| + | height:100%; | ||
| + | } | ||
| + | .view-first h2 { | ||
| + | -webkit-transform: translateY(-100px); | ||
| + | -moz-transform: translateY(-100px); | ||
| + | -o-transform: translateY(-100px); | ||
| + | -ms-transform: translateY(-100px); | ||
| + | transform: translateY(-100px); | ||
| + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
| + | filter: alpha(opacity=0) !important; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: all 0.2s ease-in-out; | ||
| + | -moz-transition: all 0.2s ease-in-out; | ||
| + | -o-transition: all 0.2s ease-in-out; | ||
| + | -ms-transition: all 0.2s ease-in-out; | ||
| + | transition: all 0.2s ease-in-out; | ||
| + | } | ||
| + | .view-first p { | ||
| + | -webkit-transform: translateY(100px); | ||
| + | -moz-transform: translateY(100px); | ||
| + | -o-transform: translateY(100px); | ||
| + | -ms-transform: translateY(100px); | ||
| + | transform: translateY(100px); | ||
| + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
| + | filter: alpha(opacity=0); | ||
| + | opacity: 0 !important; | ||
| + | -webkit-transition: all 0.2s linear; | ||
| + | -moz-transition: all 0.2s linear; | ||
| + | -o-transition: all 0.2s linear; | ||
| + | -ms-transition: all 0.2s linear; | ||
| + | transition: all 0.2s linear; | ||
| + | } | ||
| + | .view-first:hover img { | ||
| + | |||
| + | } | ||
| + | .view-first a.info { | ||
| + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
| + | filter: alpha(opacity=0) !important; | ||
| + | opacity: 0; | ||
| + | position:absolute; | ||
| + | left:50%; | ||
| + | top:50%; | ||
| + | margin-top:-25px; | ||
| + | margin-left:-64px; | ||
| + | |||
| + | } | ||
| + | .view-first a.link { | ||
| + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
| + | filter: alpha(opacity=0) !important; | ||
| + | opacity: 0; | ||
| + | position:absolute; | ||
| + | left:50%; | ||
| + | top:50%; | ||
| + | margin-top:-25px; | ||
| + | margin-left:11px; | ||
| + | |||
| + | } | ||
| + | |||
| + | .view-first:hover .mask, .mask:hover{ | ||
| + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; | ||
| + | filter: alpha(opacity=100) !important; | ||
| + | opacity: 1; | ||
| + | display:block; | ||
| + | } | ||
| + | .view-first:hover h2, | ||
| + | .view-first:hover p, | ||
| + | .view-first:hover a.info, | ||
| + | .view-first:hover a.link { | ||
| + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)"; | ||
| + | filter: alpha(opacity=70) !important; | ||
| + | opacity: 0.7; | ||
| + | -webkit-transform: translateY(0px); | ||
| + | -moz-transform: translateY(0px); | ||
| + | -o-transform: translateY(0px); | ||
| + | -ms-transform: translateY(0px); | ||
| + | transform: translateY(0px); | ||
| + | } | ||
| + | .view-first:hover a.info:hover, | ||
| + | .view-first:hover a.link:hover { | ||
| + | -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; | ||
| + | filter: alpha(opacity=100) !important; | ||
| + | opacity: 1; | ||
| + | |||
| + | } | ||
| + | .view-first:hover p { | ||
| + | -webkit-transition-delay: 0.1s; | ||
| + | -moz-transition-delay: 0.1s; | ||
| + | -o-transition-delay: 0.1s; | ||
| + | -ms-transition-delay: 0.1s; | ||
| + | transition-delay: 0.1s; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | .button { | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | margin: 10px; | ||
| + | padding: 0 20px; | ||
| + | text-align: center; | ||
| + | text-decoration: none; | ||
| + | font: bold 12px/25px Arial, sans-serif; | ||
| + | |||
| + | -webkit-border-radius: 30px; | ||
| + | -moz-border-radius: 30px; | ||
| + | border-radius: 30px; | ||
| + | |||
| + | |||
| + | -webkit-transition: all 0.15s ease; | ||
| + | -moz-transition: all 0.15s ease; | ||
| + | -o-transition: all 0.15s ease; | ||
| + | -ms-transition: all 0.15s ease; | ||
| + | transition: all 0.15s ease; | ||
| + | } | ||
| + | |||
| + | .button:hover { | ||
| + | -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); | ||
| + | -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); | ||
| + | box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5); | ||
| + | } | ||
| + | |||
| + | .button:active { | ||
| + | -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); | ||
| + | -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); | ||
| + | box-shadow: inset 0px 0px 3px rgba(0,0,0, .8); | ||
| + | } | ||
| + | |||
| + | /* Big Button Style */ | ||
| + | |||
| + | .big { | ||
| + | padding: 0 40px; | ||
| + | padding-top: 10px; | ||
| + | text-transform: uppercase; | ||
| + | font: bold 20px/22px Arial, sans-serif; | ||
| + | } | ||
| + | |||
| + | .big span { | ||
| + | display: block; | ||
| + | text-transform: none; | ||
| + | font: italic normal 12px/18px Georgia, sans-serif; | ||
| + | text-shadow: 1px 1px 1px rgba(255,255,255, .12); | ||
| + | } | ||
| + | |||
| + | /* Green Color */ | ||
| + | |||
| + | .green { | ||
| + | color: #3e5706; | ||
| + | |||
| + | background: #a5cd4e; /* Old browsers */ | ||
| + | background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */ | ||
| + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */ | ||
| + | background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */ | ||
| + | background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */ | ||
| + | background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */ | ||
| + | background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%); /* W3C */ | ||
| + | } | ||
| + | |||
| + | /* Blue Color */ | ||
| + | |||
| + | .blue { | ||
| + | color: #19667d; | ||
| + | |||
| + | background: #70c9e3; /* Old browsers */ | ||
| + | background: -moz-linear-gradient(top, #70c9e3 0%, #39a0be 100%); /* FF3.6+ */ | ||
| + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */ | ||
| + | background: -webkit-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */ | ||
| + | background: -o-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */ | ||
| + | background: -ms-linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* IE10+ */ | ||
| + | background: linear-gradient(top, #70c9e3 0%,#39a0be 100%); /* W3C */ | ||
| + | } | ||
| + | |||
| + | /* Gray Color */ | ||
| + | |||
| + | .gray { | ||
| + | color: #515151; | ||
| + | |||
| + | background: #d3d3d3; /* Old browsers */ | ||
| + | background: -moz-linear-gradient(top, #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */ | ||
| + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */ | ||
| + | background: -webkit-linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */ | ||
| + | background: -o-linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */ | ||
| + | background: -ms-linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */ | ||
| + | background: linear-gradient(top, #d3d3d3 0%,#8a8a8a 100%); /* W3C */ | ||
| + | } | ||
| + | |||
| + | |||
| + | /*Mega button */ | ||
| + | /*-------------------------------------------------------------------------------------------------*/ | ||
| + | |||
| + | .a-btn{ | ||
| + | font-family:Oswald; | ||
| + | background:#3333; | ||
| + | background:-webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#333,1)); | ||
| + | background:-webkit-linear-gradient(top, #666 0%, #333 100%); | ||
| + | background:-moz-linear-gradient(top, #666 0%, #333 100%); | ||
| + | background:-o-linear-gradient(top, #666 0%, #333 100%); | ||
| + | background:linear-gradient(top, #666 0%, #333 100%); | ||
| + | padding:15px 0; | ||
| + | display:inline-block; | ||
| + | position:relative; | ||
| + | text-align:center; | ||
| + | border:1px solid #333; | ||
| + | -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); | ||
| + | -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); | ||
| + | box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2); | ||
| + | -webkit-border-radius:4px; | ||
| + | -moz-border-radius:4px; | ||
| + | border-radius:5px; | ||
| + | clear:both; | ||
| + | overflow:hidden; | ||
| + | width:100%; | ||
| + | -webkit-transition:box-shadow 0.3s ease-in-out; | ||
| + | -moz-transition:box-shadow 0.3s ease-in-out; | ||
| + | -o-transition:box-shadow 0.3s ease-in-out; | ||
| + | transition:box-shadow 0.3s ease-in-out; | ||
| + | } | ||
| + | .a-btn img{ | ||
| + | background-image:url('../images/icons/button_icon_bg.png'); | ||
| + | background-repeat:no-repeat; | ||
| + | position:absolute; | ||
| + | left:15px; | ||
| + | top:13px; | ||
| + | padding-top:17px; | ||
| + | padding-left:17px; | ||
| + | padding-bottom:17px; | ||
| + | padding-right:17px; | ||
| + | border:none; | ||
| + | -webkit-transition:all 0.1s ease-in-out; | ||
| + | -moz-transition:all 0.1s ease-in-out; | ||
| + | -o-transition:all 0.1s ease-in-out; | ||
| + | transition:all 0.1s ease-in-out; | ||
| + | } | ||
| + | .a-btn .a-btn-slide-text{ | ||
| + | position:absolute; | ||
| + | font-size:30px; | ||
| + | color:#fff; | ||
| + | text-shadow:1px 1px 0px #333; | ||
| + | -webkit-transform:scale(0); | ||
| + | -moz-transform:scale(0); | ||
| + | -ms-transform:scale(0); | ||
| + | -o-transform:scale(0); | ||
| + | transform:scale(0); | ||
| + | opacity:0 !important; | ||
| + | -webkit-transition:all 0.1s ease-in-out; | ||
| + | -moz-transition:all 0.1s ease-in-out; | ||
| + | -o-transition:all 0.1s ease-in-out; | ||
| + | transition:all 0.1s ease-in-out; | ||
| + | } | ||
| + | .a-btn-text{ | ||
| + | color:#fff; | ||
| + | display:block; | ||
| + | font-size:26px; | ||
| + | text-transform:uppercase; | ||
| + | line-height:36px; | ||
| + | text-shadow:1px 1px 0px #111; | ||
| + | } | ||
| + | .a-btn-text small{ | ||
| + | line-height:22px; | ||
| + | display:block; | ||
| + | font-size:12px; | ||
| + | letter-spacing:1px; | ||
| + | } | ||
| + | .a-btn-icon-right{ | ||
| + | position:absolute; | ||
| + | right:0px; | ||
| + | top:0px; | ||
| + | height:100%; | ||
| + | width:80px; | ||
| + | border-left:1px solid #5d81ab; | ||
| + | -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset; | ||
| + | -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset; | ||
| + | box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset; | ||
| + | } | ||
| + | .a-btn:hover{ | ||
| + | background:#3368c4; | ||
| + | background:-webkit-gradient(linear,left top,left bottom,color-stop(#3368c4,0),color-stop(#9ec622,1)); | ||
| + | background:-webkit-linear-gradient(top, #3368c4 0%, #2666c6 100%); | ||
| + | background:-moz-linear-gradient(top, #3368c4 0%, #2666c6 100%); | ||
| + | background:-o-linear-gradient(top, #3368c4 0%, #2666c6 100%); | ||
| + | background:linear-gradient(top, #3368c4 0%, #2666c6 100%); | ||
| + | text-decoration:none; | ||
| + | border-color:#2666c6; | ||
| + | } | ||
| + | .a-btn:hover > .a-btn-text{ text-shadow:1px 1px 0px #2666c6;} | ||
| + | .a-btn:hover img{ | ||
| + | opacity:0; | ||
| + | } | ||
| + | .a-btn:hover .a-btn-slide-text{ | ||
| + | color:#fff; | ||
| + | text-shadow:1px 1px #111; | ||
| + | font-size:40px; | ||
| + | line-height:44px; | ||
| + | opacity:1; | ||
| + | -webkit-transform:scale(1); | ||
| + | -moz-transform:scale(1); | ||
| + | -ms-transform:scale(1); | ||
| + | -o-transform:scale(1); | ||
| + | transform:scale(1); | ||
| + | } | ||
| + | .a-btn:hover .a-btn-icon-right span{ | ||
| + | opacity:1; | ||
| + | background-color:#fff; | ||
| + | } | ||
| + | .a-btn:active{ | ||
| + | position:relative; | ||
| + | background:#000; | ||
| + | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; | ||
| + | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; | ||
| + | box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset; | ||
| + | border-color:#444; | ||
| + | } | ||
| + | .a-btn:active .a-btn-icon-right span{ | ||
| + | -webkit-transform:rotate(360deg); | ||
| + | -moz-transform:rotate(360deg); | ||
| + | -ms-transform:rotate(360deg); | ||
| + | -o-transform:rotate(360deg); | ||
| + | transform:rotate(360deg); | ||
| + | } | ||
| + | h2 .label, h3 .label { font-size:inherit; border-radius: 0px !important; background-color: #3368c4;} | ||
| + | .dash { border-style:dashed !important; margin-top:10px; margin-bottom:10px;} | ||
| + | /*-------------------------------------------------------------------------------------------------*/ | ||
| + | /*DROPCAPS*/ | ||
| + | /*-------------------------------------------------------------------------------------------------*/ | ||
| + | |||
| + | .dropcap{ | ||
| + | float: left; | ||
| + | font-size: 36px; | ||
| + | margin: 10px 6px 1px 0; | ||
| + | } | ||
| + | .dropcap2 { | ||
| + | border-radius: 30px 30px 30px 30px; | ||
| + | -moz-border-radius:30px; | ||
| + | -webkit-border-radius:30px; | ||
| + | -o-border-radius:30px; | ||
| + | text-shadow:1px 1px #393b3f; | ||
| + | background-color:#393b3f; | ||
| + | color: #FFFFFF; | ||
| + | display: block; | ||
| + | float: left; | ||
| + | font-size: 25px; | ||
| + | height: 20px; | ||
| + | margin: 5px 10px 0 0; | ||
| + | padding: 13px 10px 13px 12px; | ||
| + | text-align: center; | ||
| + | vertical-align: bottom; | ||
| + | width: 25px; | ||
| + | } | ||
| + | |||
| + | .dropcap3 { | ||
| + | background-color:#393b3f; | ||
| + | color: #FFFFFF; | ||
| + | text-shadow:1px 1px #393b3f; | ||
| + | display: block; | ||
| + | float: left; | ||
| + | font-size: 25px; | ||
| + | height: 20px; | ||
| + | margin: 5px 10px 0 0; | ||
| + | padding: 13px 10px 13px 12px; | ||
| + | text-align: center; | ||
| + | vertical-align: bottom; | ||
| + | width: 25px; | ||
| + | } | ||
| + | |||
| + | .dropcap4 { | ||
| + | border-radius: 30px; | ||
| + | -moz-border-radius:30px; | ||
| + | -webkit-border-radius:30px; | ||
| + | -o-border-radius:30px; | ||
| + | background-color:#ededed; | ||
| + | color: #393b3f; | ||
| + | display: block; | ||
| + | float: left; | ||
| + | font-size: 25px; | ||
| + | height: 20px; | ||
| + | margin: 5px 10px 0 0; | ||
| + | padding: 13px 10px 13px 12px; | ||
| + | text-align: center; | ||
| + | vertical-align: bottom; | ||
| + | width: 25px; | ||
| + | } | ||
| + | |||
| + | .dropcap5 { | ||
| + | background-color:#ededed; | ||
| + | color: #393b3f; | ||
| + | display: block; | ||
| + | float: left; | ||
| + | font-size: 25px; | ||
| + | height: 20px; | ||
| + | margin: 5px 10px 0 0; | ||
| + | padding: 13px 10px 13px 12px; | ||
| + | text-align: center; | ||
| + | vertical-align: bottom; | ||
| + | width: 25px; | ||
| + | } | ||
| + | ul.unstyled li { margin-bottom:5px;} | ||
| + | |||
| + | .twitter-block .btn-success { | ||
| + | border-color: #111 #111 #111 !important; | ||
| + | border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1); | ||
| + | border-radius:5px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*-------------------------------------------------------------------------------------------------*/ | ||
| + | /*TWITTER FEED */ | ||
| + | /*-------------------------------------------------------------------------------------------------*/ | ||
| + | |||
| + | #jstwitter .tweet { | ||
| + | font-size:13px; | ||
| + | padding-right:5px; | ||
| + | margin-right:20px; | ||
| + | color:#999; | ||
| + | } | ||
| + | #jstwitter {} | ||
| + | #jstwitter:first-child {border-top:none; } | ||
| + | #jstwitter .tweet a { | ||
| + | text-decoration: none; | ||
| + | color: inherit; | ||
| + | border-bottom:1px solid #3368c4; | ||
| + | } | ||
| + | |||
| + | #jstwitter .tweet a:hover { | ||
| + | color:#3368c4; | ||
| + | } | ||
| + | |||
| + | #jstwitter .tweet .time { | ||
| + | font-size: 10px; | ||
| + | font-style: italic; | ||
| + | color: #666; | ||
| + | } | ||
| + | .twitter-block .well { | ||
| + | min-height: 20px; | ||
| + | padding: 15px; | ||
| + | margin-bottom: 0px !important; | ||
| + | background-color: #333; | ||
| + | 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); | ||
| + | } | ||
| + | .panel .well { | ||
| + | background-color: #333; margin-bottom:0px; | ||
| + | } | ||
| + | .panel {display:none; visibility:visible background-color:#f5f5f5;} | ||
| + | #map {height:350px; width:100%; border-bottom:5px solid #f5f5f5;} | ||
| + | #map-contact {height:300px; width:100%;} | ||
| + | .twitter-block h5 { margin-bottom:5px; color:#999;} | ||
| + | .twitter-block .header p{ font-size:11px; line-height:14px; color:#777;} | ||
| + | .flickr img { width:25%; margin-right:15px !important;} | ||
| + | .form-inline { margin:0} | ||
| + | .soc_icons a{ float:left; margin-right:10px; margin-top:5px;} | ||
| + | .icon_t { width:24px; height:24px; background:url('../img/icons_twitter.png')} | ||
| + | .icon_t:hover {background:url('../img/icons_twitter_hover.png')} | ||
| + | .icon_facebook { width:24px; height:24px; background:url('../img/icons_facebook.png')} | ||
| + | .icon_facebook:hover {background:url('../img/icons_facebook_hover.png')} | ||
| + | .icon_dribbble { width:24px; height:24px; background:url('../img/icons_dribbble.png')} | ||
| + | .icon_dribbble:hover {background:url('../img/icons_dribbble_hover.png')} | ||
| + | .icon_google { width:24px; height:24px; background:url('../img/icons_google.png')} | ||
| + | .icon_google:hover {background:url('../img/icons_google_hover.png')} | ||
| + | .icon_in { width:24px; height:24px; background:url('../img/icons_in.png')} | ||
| + | .icon_in:hover {background:url('../img/icons_in_hover.png')} | ||
| + | .icon_flickr { width:24px; height:24px; background:url('../img/icons_flickr.png')} | ||
| + | .icon_flickr:hover {background:url('../img/icons_flickr_hover.png')} | ||
| + | |||
| + | .preloader { background:url('../img/spinner.gif') center center no-repeat #ffffff; } | ||
| + | .view {background:url('../img/spinner.gif') center center no-repeat #f5f5f5;} | ||
| + | |||
| + | /* Responsive table | ||
| + | ------------------------- */ | ||
| + | .responsive-utilities th small { | ||
| + | display: block; | ||
| + | font-weight: normal; | ||
| + | color: #999; | ||
| + | } | ||
| + | .responsive-utilities tbody th { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .responsive-utilities td { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .responsive-utilities td.is-visible { | ||
| + | color: #468847; | ||
| + | background-color: #dff0d8 !important; | ||
| + | } | ||
| + | .responsive-utilities td.is-hidden { | ||
| + | color: #ccc; | ||
| + | background-color: #f9f9f9 !important; | ||
| + | } | ||
| + | |||
| + | /* Responsive tests | ||
| + | ------------------------- */ | ||
| + | .responsive-utilities-test { | ||
| + | margin-top: 5px; | ||
| + | margin-left: 0; | ||
| + | list-style: none; | ||
| + | overflow: hidden; /* clear floats */ | ||
| + | } | ||
| + | .responsive-utilities-test li { | ||
| + | position: relative; | ||
| + | float: left; | ||
| + | width: 25%; | ||
| + | height: 43px; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | line-height: 43px; | ||
| + | color: #999; | ||
| + | text-align: center; | ||
| + | border: 1px solid #ddd; | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .responsive-utilities-test li + li { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .responsive-utilities-test span { | ||
| + | position: absolute; | ||
| + | top: -1px; | ||
| + | left: -1px; | ||
| + | right: -1px; | ||
| + | bottom: -1px; | ||
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .responsive-utilities-test span { | ||
| + | color: #2e2eff; | ||
| + | background-color: #dff0d8; | ||
| + | border: 1px solid #d6e9c6; | ||
| + | } | ||
| + | |||
| + | |||
| + | input:focus, | ||
| + | textarea:focus { | ||
| + | border-color: rgba(101, 154, 34, 0.8); | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 154, 34, 0.6); | ||
| + | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 154, 34, 0.6); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 154, 34, 0.6); | ||
| + | outline: 0; | ||
| + | /* IE6-9 */ | ||
| + | |||
| + | } | ||
| + | .side_bar .well { background:#f8f8f8;} | ||
| + | .side_bar section section { padding-top:35px;} | ||
| + | .blog_cat ul.nav-pills{ list-style:none; margin-left:0px; margin-bottom:0px} | ||
| + | .blog_cat ul.nav-pills li a { padding-left:30px; background-image:url(../img/next.png); background-repeat:no-repeat; background-position:10px center;} | ||
| + | .blog_cat ul.nav-pills li:last-child { margin-bottom:0px !important;} | ||
| + | .blog_cat ul.nav-pills li a:hover { text-decoration:none; color:#3368c4; text-shadow:1px 1px #fff !important;} | ||
| + | .side_bar hr { margin-top:5px; margin-bottom:10px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #ffffff;} | ||
| + | .ddate { background:#efefef; text-align:center; border-radius:5px;} | ||
| + | .ddate h5 { padding-top:15px; padding-bottom:7px;} | ||
| + | .blog_head h3 { color:#fff; padding-left:3px;} | ||
| + | .ddate .firstA { | ||
| + | display:block; | ||
| + | position: relative; | ||
| + | left:50%; | ||
| + | top:10px; | ||
| + | margin-left:-10px !important; | ||
| + | border-top: 10px solid #efefef; | ||
| + | border-left: 10px solid transparent; | ||
| + | border-right: 10px solid transparent; | ||
| + | font-size: 0px; | ||
| + | height: 0px; | ||
| + | line-height: 0; | ||
| + | margin-bottom: 20px; | ||
| + | width: 0px; | ||
| + | } | ||
| + | .meta span { font-size:11px; line-height:14px; margin-bottom:7px; display:block; } | ||
| + | .share {font-size:11px; float:left; margin-right:5px;} | ||
| + | .comment { margin-top:20px; font-size:11px; line-height:15px;} | ||
| + | .comment img { margin-right:20px !important; margin-bottom:20px !important; } | ||
| + | .comment h5 { margin-bottom:10px;} | ||
| + | .tab-pane { padding:15px; background:#FFF; padding-bottom:1px; border:1px solid #dfdfdf; border-top: 0px;} | ||
| + | .nav-tabs { margin-bottom:0px !important;} | ||
| + | ul#filters { list-style:none; margin:0px !important;} | ||
| + | ul#filters li { float:left; padding-left:0px; margin-right:20px;} | ||
| + | |||
| + | .isotope-item { z-index: 2; } | ||
| + | .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } | ||
| + | |||
| + | /* Isotope CSS3 transitions */ | ||
| + | .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } | ||
| + | .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } | ||
| + | .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } | ||
| + | |||
| + | /* disabling Isotope CSS3 transitions */ | ||
| + | .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } | ||
| + | |||
| + | .portfolio-description section{ padding-top:20px;} | ||
| + | #note { color:#ff0000; font-size:11px; line-height:14px; margin-bottom:15px;} | ||
| + | |||
| + | .container, | ||
| + | .navbar-fixed-top .container, | ||
| + | .navbar-fixed-bottom .container { | ||
| + | width: 1132px !important; | ||
| + | } | ||
| + | .span12 { | ||
| + | width: 1132px !important; | ||
| + | } | ||
| + | .span11 { | ||
| + | width: 1036px !important; | ||
| + | } | ||
| + | .span10 { | ||
| + | width: 940px !important; | ||
| + | } | ||
| + | .span9 { | ||
| + | width: 844px !important; | ||
| + | } | ||
| + | .span8 { | ||
| + | width: 748px !important; | ||
| + | } | ||
| + | .span7 { | ||
| + | width: 652px !important; | ||
| + | } | ||
| + | .span6 { | ||
| + | width: 556px !important; | ||
| + | } | ||
| + | .span5 { | ||
| + | width: 460px !important; | ||
| + | } | ||
| + | .span4 { | ||
| + | width: 364px !important; | ||
| + | } | ||
| + | .span3 { | ||
| + | width: 268px !important; | ||
| + | } | ||
| + | .span2 { | ||
| + | width: 172px !important; | ||
| + | } | ||
| + | .span1 { | ||
| + | width: 76px !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .progress-success .bar { | ||
| + | background-color: #7DAF27 !important; | ||
| + | |||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7DAF27', endColorstr='#8CB929', GradientType=0); | ||
| + | } | ||
| + | |||
| + | |||
| + | .progress-success.progress-striped .bar { | ||
| + | background-color: #7DAF27 !important; | ||
| + | background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 100%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent) !important; | ||
| + | background-image: linear-gradient(-45deg, rgba(255, 255, 255, 1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, transparent 75%, transparent) !important; | ||
| + | } | ||
| + | |||
| + | .twitter-block .well { | ||
| + | min-height: 20px; | ||
| + | padding: 15px; | ||
| + | margin-bottom: 0px !important; | ||
| + | background-color: #333; | ||
| + | border: 1px solid #313131; | ||
| + | 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); | ||
| + | } | ||
| + | .slider_area h2 { font-size:25px !important;} | ||
| + | #main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { | ||
| + | background-image:none !important; | ||
| + | } | ||
| + | #main-nav ul li.current > a:after { | ||
| + | content: ''; | ||
| + | position: absolute; | ||
| + | left:50%; | ||
| + | top: 100%; | ||
| + | margin-left:-5px; | ||
| + | border-left: 6px solid transparent; | ||
| + | border-right: 6px solid transparent; | ||
| + | border-top: 6px solid #659a22} | ||
| + | #main-nav ul li ul li:first-child > a:hover:after { | ||
| + | border-bottom-color:#659a22;} | ||
| + | |||
| + | #main-nav ul li ul li ul li:first-child > a:hover:after { | ||
| + | border-bottom-color: transparent; | ||
| + | border-right-color:#659a22; | ||
| + | } | ||
| + | |||
| + | .view-first .mask { display:none !important;} | ||
| + | .view-first:hover .mask { display:block !important;} | ||
| + | div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} | ||
| + | div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} | ||
| + | div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} | ||
| + | div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} | ||
| + | div.pp_default .pp_content .ppt{color:#f8f8f8} | ||
| + | div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} | ||
| + | div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} | ||
| + | div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} | ||
| + | div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} | ||
| + | div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} | ||
| + | div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} | ||
| + | div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} | ||
| + | div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} | ||
| + | div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} | ||
| + | div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} | ||
| + | div.pp_default .pp_social{margin-top:7px} | ||
| + | div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} | ||
| + | div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} | ||
| + | div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} | ||
| + | div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} | ||
| + | div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} | ||
| + | div.pp_default .pp_content_container .pp_details{margin-top:5px} | ||
| + | div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} | ||
| + | div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} | ||
| + | div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} | ||
| + | div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} | ||
| + | div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} | ||
| + | div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} | ||
| + | div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} | ||
| + | div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} | ||
| + | div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} | ||
| + | div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} | ||
| + | div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} | ||
| + | div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} | ||
| + | div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} | ||
| + | div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} | ||
| + | div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} | ||
| + | div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} | ||
| + | div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} | ||
| + | div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} | ||
| + | div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} | ||
| + | div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} | ||
| + | div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} | ||
| + | div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} | ||
| + | div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} | ||
| + | div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} | ||
| + | div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} | ||
| + | div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} | ||
| + | div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} | ||
| + | div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} | ||
| + | div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} | ||
| + | div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} | ||
| + | div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} | ||
| + | div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} | ||
| + | div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} | ||
| + | div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} | ||
| + | div.dark_rounded .pp_description{color:#fff;margin-right:85px} | ||
| + | div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} | ||
| + | div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} | ||
| + | div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} | ||
| + | div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} | ||
| + | div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} | ||
| + | div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} | ||
| + | div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} | ||
| + | div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} | ||
| + | div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} | ||
| + | div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} | ||
| + | div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} | ||
| + | div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} | ||
| + | div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} | ||
| + | div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} | ||
| + | div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} | ||
| + | div.dark_square .pp_nav{clear:none} | ||
| + | div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} | ||
| + | div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} | ||
| + | div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} | ||
| + | div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} | ||
| + | div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} | ||
| + | div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} | ||
| + | div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} | ||
| + | div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} | ||
| + | div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} | ||
| + | div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} | ||
| + | div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} | ||
| + | div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} | ||
| + | div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} | ||
| + | div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} | ||
| + | div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} | ||
| + | div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} | ||
| + | div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} | ||
| + | div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} | ||
| + | div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} | ||
| + | div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} | ||
| + | div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} | ||
| + | div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} | ||
| + | div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} | ||
| + | div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} | ||
| + | div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} | ||
| + | div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} | ||
| + | div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} | ||
| + | div.facebook .pp_description{margin:0 37px 0 0} | ||
| + | div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} | ||
| + | div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} | ||
| + | div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} | ||
| + | div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} | ||
| + | div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} | ||
| + | div.facebook .pp_nav{margin-top:0} | ||
| + | div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} | ||
| + | div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} | ||
| + | div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} | ||
| + | div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} | ||
| + | div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} | ||
| + | div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} | ||
| + | div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} | ||
| + | div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} | ||
| + | div.pp_pic_holder a:focus{outline:none} | ||
| + | div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} | ||
| + | div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} | ||
| + | .pp_content{height:40px;min-width:40px} | ||
| + | * html .pp_content{width:40px} | ||
| + | .pp_content_container{position:relative;text-align:left;width:100%} | ||
| + | .pp_content_container .pp_left{padding-left:20px} | ||
| + | .pp_content_container .pp_right{padding-right:20px} | ||
| + | .pp_content_container .pp_details{float:left;margin:10px 0 2px} | ||
| + | .pp_description{display:none;margin:0} | ||
| + | .pp_social{float:left;margin:0} | ||
| + | .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} | ||
| + | .pp_social .twitter{float:left} | ||
| + | .pp_nav{clear:right;float:left;margin:3px 10px 0 0} | ||
| + | .pp_nav p{float:left;margin:2px 4px;white-space:nowrap} | ||
| + | .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} | ||
| + | a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} | ||
| + | .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} | ||
| + | .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} | ||
| + | .pp_gallery div{float:left;overflow:hidden;position:relative} | ||
| + | .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} | ||
| + | .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} | ||
| + | .pp_gallery ul a img{border:0} | ||
| + | .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} | ||
| + | .pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} | ||
| + | .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} | ||
| + | a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} | ||
| + | a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} | ||
| + | a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} | ||
| + | a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} | ||
| + | .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} | ||
| + | #pp_full_res{line-height:1!important} | ||
| + | #pp_full_res .pp_inline{text-align:left} | ||
| + | #pp_full_res .pp_inline p{margin:0 0 15px} | ||
| + | div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} | ||
| + | div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} | ||
| + | div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} | ||
| + | div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} | ||
| + | div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} | ||
| + | div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} | ||
| + | div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} | ||
| + | div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} | ||
| + | div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} | ||
| + | div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} | ||
| + | div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} | ||
| + | div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} | ||
| + | div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} | ||
| + | div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} | ||
| + | .pp_top,.pp_bottom{height:20px;position:relative} | ||
| + | * html .pp_top,* html .pp_bottom{padding:0 20px} | ||
| + | .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} | ||
| + | .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} | ||
| + | * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} | ||
| + | .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} | ||
| + | .pp_fade,.pp_gallery li.default a img{display:none} | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 04:34, 4 September 2012
