7891 lines
229 KiB
Plaintext
Executable File
7891 lines
229 KiB
Plaintext
Executable File
/*
|
|
* Bootstrap v2.2.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.
|
|
*/
|
|
/* Variables */
|
|
/* Mixins */
|
|
/* Gradients */
|
|
/* Transition */
|
|
/* Box Sizing */
|
|
/* Box Shadow */
|
|
/* Border Radius */
|
|
/* Opacity */
|
|
/* CSS */
|
|
.clearfix {
|
|
*zoom: 1; }
|
|
.clearfix:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.clearfix:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
.hide-text {
|
|
font: 0/0 a;
|
|
color: transparent;
|
|
text-shadow: none;
|
|
background-color: transparent;
|
|
border: 0; }
|
|
|
|
.input-block-level {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 30px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
|
|
display: block; }
|
|
|
|
audio, canvas, video {
|
|
display: inline-block;
|
|
*display: inline;
|
|
*zoom: 1; }
|
|
|
|
audio:not([controls]) {
|
|
display: none; }
|
|
|
|
html {
|
|
font-size: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%; }
|
|
|
|
a:focus {
|
|
outline: thin dotted #333333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px; }
|
|
a:hover, a:active {
|
|
outline: 0; }
|
|
|
|
sub {
|
|
position: relative;
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
vertical-align: baseline; }
|
|
|
|
sup {
|
|
position: relative;
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
vertical-align: baseline;
|
|
top: -0.5em; }
|
|
|
|
sub {
|
|
bottom: -0.25em; }
|
|
|
|
img {
|
|
/* Responsive images (ensure images dont scale beyond their parents) */
|
|
max-width: 100%;
|
|
/* Part 1: Set a maxium relative to the parent */
|
|
width: auto\9;
|
|
/* IE7-8 need help adjusting responsive images */
|
|
height: auto;
|
|
/* Part 2: Scale the height according to the width, otherwise you get stretching */
|
|
vertical-align: middle;
|
|
border: 0;
|
|
-ms-interpolation-mode: bicubic; }
|
|
|
|
#map_canvas img, .google-maps img {
|
|
max-width: none; }
|
|
|
|
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, html input[type="button"] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer; }
|
|
|
|
input[type="reset"], input[type="submit"] {
|
|
-webkit-appearance: button;
|
|
cursor: pointer; }
|
|
|
|
label, select, button {
|
|
cursor: pointer; }
|
|
|
|
input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
|
|
cursor: pointer; }
|
|
input[type="search"] {
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
-webkit-appearance: textfield; }
|
|
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: none; }
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
vertical-align: top; }
|
|
|
|
@media print {
|
|
* {
|
|
text-shadow: none !important;
|
|
color: black !important;
|
|
background: transparent !important;
|
|
box-shadow: none !important; }
|
|
|
|
a {
|
|
text-decoration: underline; }
|
|
a:visited {
|
|
text-decoration: underline; }
|
|
a[href]:after {
|
|
content: " (" attr(href) ")"; }
|
|
|
|
abbr[title]:after {
|
|
content: " (" attr(title) ")"; }
|
|
|
|
.ir a:after {
|
|
content: ""; }
|
|
|
|
pre, blockquote {
|
|
border: 1px solid #999999;
|
|
page-break-inside: avoid; }
|
|
|
|
thead {
|
|
display: table-header-group; }
|
|
|
|
tr {
|
|
page-break-inside: avoid; }
|
|
|
|
img {
|
|
page-break-inside: avoid;
|
|
max-width: 100% !important; }
|
|
|
|
@page {
|
|
margin: 0.5cm; }
|
|
|
|
p, h2, h3 {
|
|
orphans: 3;
|
|
widows: 3; }
|
|
|
|
h2, h3 {
|
|
page-break-after: avoid; } }
|
|
body {
|
|
margin: 0;
|
|
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #333333;
|
|
background: #e8e8e8; }
|
|
|
|
a {
|
|
color: black;
|
|
text-decoration: none;
|
|
-webkit-transition: All 0.5s ease;
|
|
-moz-transition: All 0.5s ease;
|
|
-ms-transition: All 0.5s ease;
|
|
-o-transition: All 0.5s ease;
|
|
transition: All 0.5s ease; }
|
|
a:hover {
|
|
color: #b5799e;
|
|
text-decoration: none; }
|
|
|
|
.img-rounded {
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px; }
|
|
|
|
.img-polaroid {
|
|
padding: 4px;
|
|
background-color: white;
|
|
border: 1px solid gray;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.img-circle {
|
|
-webkit-border-radius: 500px;
|
|
-moz-border-radius: 500px;
|
|
border-radius: 500px; }
|
|
|
|
.row {
|
|
margin-left: -20px;
|
|
*zoom: 1; }
|
|
.row:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.row:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
[class*="span"] {
|
|
float: left;
|
|
min-height: 1px;
|
|
margin-left: 20px; }
|
|
|
|
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .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 {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.row-fluid:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.row-fluid [class*="span"] {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 30px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
margin-left: 2.127659574468085%;
|
|
*margin-left: 2.074468085106383%; }
|
|
.row-fluid [class*="span"]:first-child {
|
|
margin-left: 0; }
|
|
.row-fluid .controls-row [class*="span"] + [class*="span"] {
|
|
margin-left: 2.127659574468085%; }
|
|
.row-fluid .span12 {
|
|
width: 100%;
|
|
*width: 99.94680851063829%; }
|
|
.row-fluid .span11 {
|
|
width: 91.48936170212765%;
|
|
*width: 91.43617021276594%; }
|
|
.row-fluid .span10 {
|
|
width: 82.97872340425532%;
|
|
*width: 82.92553191489361%; }
|
|
.row-fluid .span9 {
|
|
width: 74.46808510638297%;
|
|
*width: 74.41489361702126%; }
|
|
.row-fluid .span8 {
|
|
width: 65.95744680851064%;
|
|
*width: 65.90425531914893%; }
|
|
.row-fluid .span7 {
|
|
width: 57.44680851063829%;
|
|
*width: 57.39361702127659%; }
|
|
.row-fluid .span6 {
|
|
width: 48.93617021276595%;
|
|
*width: 48.88297872340425%; }
|
|
.row-fluid .span5 {
|
|
width: 40.42553191489362%;
|
|
*width: 40.37234042553192%; }
|
|
.row-fluid .span4 {
|
|
width: 31.914893617021278%;
|
|
*width: 31.861702127659576%; }
|
|
.row-fluid .span3 {
|
|
width: 23.404255319148934%;
|
|
*width: 23.351063829787233%; }
|
|
.row-fluid .span2 {
|
|
width: 14.893617021276595%;
|
|
*width: 14.840425531914894%; }
|
|
.row-fluid .span1 {
|
|
width: 6.382978723404255%;
|
|
*width: 6.329787234042553%; }
|
|
.row-fluid .offset12 {
|
|
margin-left: 104.25531914893617%;
|
|
*margin-left: 104.14893617021275%; }
|
|
.row-fluid .offset12:first-child {
|
|
margin-left: 102.12765957446808%;
|
|
*margin-left: 102.02127659574467%; }
|
|
.row-fluid .offset11 {
|
|
margin-left: 95.74468085106382%;
|
|
*margin-left: 95.6382978723404%; }
|
|
.row-fluid .offset11:first-child {
|
|
margin-left: 93.61702127659574%;
|
|
*margin-left: 93.51063829787232%; }
|
|
.row-fluid .offset10 {
|
|
margin-left: 87.23404255319149%;
|
|
*margin-left: 87.12765957446807%; }
|
|
.row-fluid .offset10:first-child {
|
|
margin-left: 85.1063829787234%;
|
|
*margin-left: 84.99999999999999%; }
|
|
.row-fluid .offset9 {
|
|
margin-left: 78.72340425531914%;
|
|
*margin-left: 78.61702127659572%; }
|
|
.row-fluid .offset9:first-child {
|
|
margin-left: 76.59574468085106%;
|
|
*margin-left: 76.48936170212764%; }
|
|
.row-fluid .offset8 {
|
|
margin-left: 70.2127659574468%;
|
|
*margin-left: 70.10638297872339%; }
|
|
.row-fluid .offset8:first-child {
|
|
margin-left: 68.08510638297872%;
|
|
*margin-left: 67.9787234042553%; }
|
|
.row-fluid .offset7 {
|
|
margin-left: 61.70212765957446%;
|
|
*margin-left: 61.59574468085106%; }
|
|
.row-fluid .offset7:first-child {
|
|
margin-left: 59.574468085106375%;
|
|
*margin-left: 59.46808510638297%; }
|
|
.row-fluid .offset6 {
|
|
margin-left: 53.191489361702125%;
|
|
*margin-left: 53.085106382978715%; }
|
|
.row-fluid .offset6:first-child {
|
|
margin-left: 51.063829787234035%;
|
|
*margin-left: 50.95744680851063%; }
|
|
.row-fluid .offset5 {
|
|
margin-left: 44.68085106382979%;
|
|
*margin-left: 44.57446808510638%; }
|
|
.row-fluid .offset5:first-child {
|
|
margin-left: 42.5531914893617%;
|
|
*margin-left: 42.4468085106383%; }
|
|
.row-fluid .offset4 {
|
|
margin-left: 36.170212765957444%;
|
|
*margin-left: 36.06382978723405%; }
|
|
.row-fluid .offset4:first-child {
|
|
margin-left: 34.04255319148936%;
|
|
*margin-left: 33.93617021276596%; }
|
|
.row-fluid .offset3 {
|
|
margin-left: 27.659574468085104%;
|
|
*margin-left: 27.5531914893617%; }
|
|
.row-fluid .offset3:first-child {
|
|
margin-left: 25.53191489361702%;
|
|
*margin-left: 25.425531914893618%; }
|
|
.row-fluid .offset2 {
|
|
margin-left: 19.148936170212764%;
|
|
*margin-left: 19.04255319148936%; }
|
|
.row-fluid .offset2:first-child {
|
|
margin-left: 17.02127659574468%;
|
|
*margin-left: 16.914893617021278%; }
|
|
.row-fluid .offset1 {
|
|
margin-left: 10.638297872340425%;
|
|
*margin-left: 10.53191489361702%; }
|
|
.row-fluid .offset1:first-child {
|
|
margin-left: 8.51063829787234%;
|
|
*margin-left: 8.404255319148938%; }
|
|
|
|
[class*="span"].hide, .row-fluid [class*="span"].hide {
|
|
display: none; }
|
|
|
|
[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
|
|
float: right; }
|
|
|
|
.container {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
*zoom: 1; }
|
|
.container:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.container:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
.container-fluid {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
*zoom: 1; }
|
|
.container-fluid:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.container-fluid:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
p {
|
|
margin: 0 0 10px; }
|
|
|
|
.lead {
|
|
margin-bottom: 20px;
|
|
font-size: 21px;
|
|
font-weight: 200;
|
|
line-height: 30px; }
|
|
|
|
small {
|
|
font-size: 85%; }
|
|
|
|
strong {
|
|
font-weight: bold; }
|
|
|
|
em {
|
|
font-style: italic; }
|
|
|
|
cite {
|
|
font-style: normal; }
|
|
|
|
.muted {
|
|
color: #999999; }
|
|
|
|
a.muted:hover {
|
|
color: gray; }
|
|
|
|
.text-warning {
|
|
color: #b5799e; }
|
|
|
|
a.text-warning:hover {
|
|
color: #a25986; }
|
|
|
|
.text-error {
|
|
color: #e26666; }
|
|
|
|
a.text-error:hover {
|
|
color: #da3b3b; }
|
|
|
|
.text-info {
|
|
color: #47759e; }
|
|
|
|
a.text-info:hover {
|
|
color: #375b7b; }
|
|
|
|
.text-success {
|
|
color: #1e825e; }
|
|
|
|
a.text-success:hover {
|
|
color: #145940; }
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin: 10px 0;
|
|
font-family: inherit;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
color: inherit;
|
|
text-rendering: optimizelegibility; }
|
|
|
|
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
color: #999999; }
|
|
|
|
h1, h2, h3 {
|
|
line-height: 40px; }
|
|
|
|
h1 {
|
|
font-size: 38.5px; }
|
|
|
|
h2 {
|
|
font-size: 31.5px; }
|
|
|
|
h3 {
|
|
font-size: 24.5px; }
|
|
|
|
h4 {
|
|
font-size: 17.5px; }
|
|
|
|
h5 {
|
|
font-size: 14px; }
|
|
|
|
h6 {
|
|
font-size: 11.9px; }
|
|
|
|
h1 small {
|
|
font-size: 24.5px; }
|
|
|
|
h2 small {
|
|
font-size: 17.5px; }
|
|
|
|
h3 small, h4 small {
|
|
font-size: 14px; }
|
|
|
|
.page-header {
|
|
padding-bottom: 9px;
|
|
margin: 20px 0 30px;
|
|
border-bottom: 1px solid #eeeeee; }
|
|
|
|
.stylish-lists .upper-alpha {
|
|
list-style: upper-alpha; }
|
|
.stylish-lists .lower-alpha {
|
|
list-style: lower-alpha; }
|
|
.stylish-lists .roman-list {
|
|
list-style: upper-roman; }
|
|
.stylish-lists .decimal-leading-zero {
|
|
list-style: decimal-leading-zero; }
|
|
.stylish-lists ul, .stylish-lists ol {
|
|
padding: 0;
|
|
margin: 0 0 10px 25px;
|
|
list-style: disc; }
|
|
.stylish-lists ul ul, .stylish-lists ul ol {
|
|
margin-bottom: 0; }
|
|
.stylish-lists ol ol, .stylish-lists ol ul {
|
|
margin-bottom: 0; }
|
|
.stylish-lists li {
|
|
line-height: 20px; }
|
|
.stylish-lists ul.unstyled, .stylish-lists ol.unstyled, .stylish-lists ul.inline, .stylish-lists ol.inline {
|
|
margin-left: 0;
|
|
list-style: none; }
|
|
.stylish-lists ul.inline > li, .stylish-lists ol.inline > li {
|
|
display: inline-block;
|
|
padding-left: 5px;
|
|
padding-right: 5px; }
|
|
.stylish-lists dl {
|
|
margin-bottom: 20px; }
|
|
.stylish-lists dt, .stylish-lists dd {
|
|
line-height: 20px; }
|
|
.stylish-lists dt {
|
|
font-weight: bold; }
|
|
.stylish-lists dd {
|
|
margin-left: 20px; }
|
|
.stylish-lists .dl-horizontal {
|
|
*zoom: 1; }
|
|
.stylish-lists .dl-horizontal:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.stylish-lists .dl-horizontal:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.stylish-lists .dl-horizontal dt {
|
|
float: left;
|
|
width: 160px;
|
|
clear: left;
|
|
text-align: right;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap; }
|
|
.stylish-lists .dl-horizontal dd {
|
|
margin-left: 180px; }
|
|
|
|
hr {
|
|
margin: 20px 0;
|
|
border: 0;
|
|
border-top: 1px solid #eeeeee;
|
|
border-bottom: 1px solid white; }
|
|
|
|
abbr[title], abbr[data-original-title] {
|
|
cursor: help;
|
|
border-bottom: 1px dotted #999999; }
|
|
abbr.initialism {
|
|
font-size: 90%;
|
|
text-transform: uppercase; }
|
|
|
|
blockquote {
|
|
padding: 0 0 0 15px;
|
|
margin: 0 0 20px;
|
|
border-left: 4px solid #ebebeb; }
|
|
blockquote p {
|
|
margin-bottom: 0;
|
|
font-size: 12px;
|
|
font-weight: 300;
|
|
line-height: 24px; }
|
|
blockquote .title {
|
|
color: #b5799e;
|
|
font-weight: bold;
|
|
font-size: 14px; }
|
|
blockquote small {
|
|
display: block;
|
|
line-height: 20px;
|
|
color: #999999; }
|
|
blockquote small:before {
|
|
content: '\2014 \00A0'; }
|
|
blockquote.pull-right {
|
|
float: right;
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
border-right: 5px solid #eeeeee;
|
|
border-left: 0; }
|
|
blockquote.pull-right p {
|
|
text-align: right; }
|
|
blockquote.pull-right small {
|
|
text-align: right; }
|
|
blockquote.pull-right small:before {
|
|
content: ''; }
|
|
blockquote.pull-right small:after {
|
|
content: '\00A0 \2014'; }
|
|
|
|
q:before, q:after {
|
|
content: ""; }
|
|
|
|
blockquote:before, blockquote:after {
|
|
content: ""; }
|
|
|
|
address {
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
font-style: normal;
|
|
line-height: 20px; }
|
|
|
|
code, pre {
|
|
padding: 0 3px 2px;
|
|
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
font-size: 12px;
|
|
color: #333333;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px; }
|
|
|
|
code {
|
|
padding: 2px 4px;
|
|
color: #e26666;
|
|
background-color: #f2f2f2;
|
|
border: 1px solid #e8e8e8;
|
|
white-space: nowrap; }
|
|
|
|
pre {
|
|
display: block;
|
|
padding: 9.5px;
|
|
margin: 0 0 10px;
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
white-space: pre;
|
|
white-space: pre-wrap;
|
|
background-color: #f4f4f4;
|
|
border: 1px solid gray;
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px; }
|
|
pre.prettyprint {
|
|
margin-bottom: 20px; }
|
|
pre code {
|
|
padding: 0;
|
|
color: inherit;
|
|
white-space: pre;
|
|
white-space: pre-wrap;
|
|
background-color: transparent;
|
|
border: 0; }
|
|
|
|
.pre-scrollable {
|
|
max-height: 340px;
|
|
overflow-y: scroll; }
|
|
|
|
.label, .badge {
|
|
display: inline-block;
|
|
padding: 2px 4px;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
line-height: 14px;
|
|
color: white;
|
|
vertical-align: baseline;
|
|
white-space: nowrap;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #999999; }
|
|
|
|
.label {
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
|
|
.badge {
|
|
padding-left: 9px;
|
|
padding-right: 9px;
|
|
-webkit-border-radius: 9px;
|
|
-moz-border-radius: 9px;
|
|
border-radius: 9px; }
|
|
|
|
.label:empty, .badge:empty {
|
|
display: none; }
|
|
|
|
a.label:hover, a.badge:hover {
|
|
color: white;
|
|
text-decoration: none;
|
|
cursor: pointer; }
|
|
|
|
.label-important, .badge-important {
|
|
background-color: #e26666; }
|
|
|
|
.label-important[href], .badge-important[href] {
|
|
background-color: #de5151; }
|
|
|
|
.label-warning, .badge-warning {
|
|
background-color: #dba26b; }
|
|
|
|
.label-warning[href], .badge-warning[href] {
|
|
background-color: #d69556; }
|
|
|
|
.label-success, .badge-success {
|
|
background-color: #1e825e; }
|
|
|
|
.label-success[href], .badge-success[href] {
|
|
background-color: #196d4f; }
|
|
|
|
.label-info, .badge-info {
|
|
background-color: #47759e; }
|
|
|
|
.label-info[href], .badge-info[href] {
|
|
background-color: #3f688c; }
|
|
|
|
.label-inverse, .badge-inverse {
|
|
background-color: #333333; }
|
|
|
|
.label-inverse[href], .badge-inverse[href] {
|
|
background-color: #262626; }
|
|
|
|
.btn .label, .btn .badge {
|
|
position: relative;
|
|
top: -1px; }
|
|
|
|
.btn-mini .label, .btn-mini .badge {
|
|
top: 0; }
|
|
|
|
table {
|
|
max-width: 100%;
|
|
background-color: transparent;
|
|
border-collapse: collapse;
|
|
border-spacing: 0; }
|
|
|
|
.table {
|
|
width: 100%;
|
|
margin-bottom: 10px; }
|
|
.table th, .table td {
|
|
padding: 8px;
|
|
line-height: 20px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
border-top: 1px solid #d9d9d9; }
|
|
.table th {
|
|
font-weight: bold;
|
|
padding: 10px 8px; }
|
|
.table thead th {
|
|
vertical-align: bottom; }
|
|
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td {
|
|
border-top: 0; }
|
|
.table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td {
|
|
border-top: 0; }
|
|
.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 #d9d9d9; }
|
|
.table .table {
|
|
background-color: white; }
|
|
|
|
.table-condensed th, .table-condensed td {
|
|
padding: 4px 5px; }
|
|
.table-condensed th {
|
|
padding: 8px 5px; }
|
|
|
|
.table-bordered {
|
|
border: 1px solid #d9d9d9;
|
|
border-collapse: separate;
|
|
*border-collapse: collapse;
|
|
border-left: 0;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
.table-bordered th, .table-bordered td {
|
|
border-left: 1px solid #d9d9d9; }
|
|
.table-bordered caption + thead tr:first-child th {
|
|
border-top: 0; }
|
|
.table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td {
|
|
border-top: 0; }
|
|
.table-bordered colgroup + thead tr:first-child th {
|
|
border-top: 0; }
|
|
.table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td {
|
|
border-top: 0; }
|
|
.table-bordered thead:first-child tr:first-child th {
|
|
border-top: 0; }
|
|
.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: 2px 0 0 0;
|
|
-moz-border-radius: 2px 0 0 0;
|
|
border-radius: 2px 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 2px 0 0;
|
|
-moz-border-radius: 0 2px 0 0;
|
|
border-radius: 0 2px 0 0; }
|
|
.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child {
|
|
-webkit-border-radius: 0 0 0 2px;
|
|
-moz-border-radius: 0 0 0 2px;
|
|
border-radius: 0 0 0 2px; }
|
|
.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 2px 0;
|
|
-moz-border-radius: 0 0 2px 0;
|
|
border-radius: 0 0 2px 0; }
|
|
.table-bordered tfoot:last-child tr:last-child > td:last-child {
|
|
-webkit-border-radius: 0 0 2px 0;
|
|
-moz-border-radius: 0 0 2px 0;
|
|
border-radius: 0 0 2px 0; }
|
|
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
|
|
-webkit-border-radius: 0 0 0 0;
|
|
-moz-border-radius: 0 0 0 0;
|
|
border-radius: 0 0 0 0; }
|
|
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
|
|
-webkit-border-radius: 0 0 2px 0;
|
|
-moz-border-radius: 0 0 2px 0;
|
|
border-radius: 0 0 2px 0; }
|
|
.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child {
|
|
-webkit-border-radius: 2px 0 0 0;
|
|
-moz-border-radius: 2px 0 0 0;
|
|
border-radius: 2px 0 0 0; }
|
|
.table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {
|
|
-webkit-border-radius: 2px 0 0 0;
|
|
-moz-border-radius: 2px 0 0 0;
|
|
border-radius: 2px 0 0 0; }
|
|
.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child {
|
|
-webkit-border-radius: 0 2px 0 0;
|
|
-moz-border-radius: 0 2px 0 0;
|
|
border-radius: 0 2px 0 0; }
|
|
.table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {
|
|
-webkit-border-radius: 0 2px 0 0;
|
|
-moz-border-radius: 0 2px 0 0;
|
|
border-radius: 0 2px 0 0; }
|
|
|
|
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
|
|
background-color: #e8e8e8; }
|
|
|
|
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
|
|
background-color: #e0e0e0; }
|
|
|
|
table td[class*="span"], table th[class*="span"] {
|
|
display: table-cell;
|
|
float: none;
|
|
margin-left: 0; }
|
|
|
|
.row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
|
|
display: table-cell;
|
|
float: none;
|
|
margin-left: 0; }
|
|
|
|
.table td.span1, .table th.span1 {
|
|
float: none;
|
|
width: 44px;
|
|
margin-left: 0; }
|
|
.table td.span2, .table th.span2 {
|
|
float: none;
|
|
width: 124px;
|
|
margin-left: 0; }
|
|
.table td.span3, .table th.span3 {
|
|
float: none;
|
|
width: 204px;
|
|
margin-left: 0; }
|
|
.table td.span4, .table th.span4 {
|
|
float: none;
|
|
width: 284px;
|
|
margin-left: 0; }
|
|
.table td.span5, .table th.span5 {
|
|
float: none;
|
|
width: 364px;
|
|
margin-left: 0; }
|
|
.table td.span6, .table th.span6 {
|
|
float: none;
|
|
width: 444px;
|
|
margin-left: 0; }
|
|
.table td.span7, .table th.span7 {
|
|
float: none;
|
|
width: 524px;
|
|
margin-left: 0; }
|
|
.table td.span8, .table th.span8 {
|
|
float: none;
|
|
width: 604px;
|
|
margin-left: 0; }
|
|
.table td.span9, .table th.span9 {
|
|
float: none;
|
|
width: 684px;
|
|
margin-left: 0; }
|
|
.table td.span10, .table th.span10 {
|
|
float: none;
|
|
width: 764px;
|
|
margin-left: 0; }
|
|
.table td.span11, .table th.span11 {
|
|
float: none;
|
|
width: 844px;
|
|
margin-left: 0; }
|
|
.table td.span12, .table th.span12 {
|
|
float: none;
|
|
width: 924px;
|
|
margin-left: 0; }
|
|
.table tbody tr.success td {
|
|
background-color: #b2edd8; }
|
|
.table tbody tr.error td {
|
|
background-color: #fae7e7; }
|
|
.table tbody tr.warning td {
|
|
background-color: #f9efe6; }
|
|
.table tbody tr.info td {
|
|
background-color: #a7c0d7; }
|
|
|
|
.table-hover tbody tr.success:hover td {
|
|
background-color: #9de8cd; }
|
|
.table-hover tbody tr.error:hover td {
|
|
background-color: #f6d1d1; }
|
|
.table-hover tbody tr.warning:hover td {
|
|
background-color: #f4e2d2; }
|
|
.table-hover tbody tr.info:hover td {
|
|
background-color: #95b4cf; }
|
|
|
|
form {
|
|
margin: 0 0 20px; }
|
|
|
|
fieldset {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0; }
|
|
|
|
legend {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 20px;
|
|
font-size: 21px;
|
|
line-height: 40px;
|
|
color: #333333;
|
|
border: 0;
|
|
border-bottom: 1px solid #f2f2f2; }
|
|
legend small {
|
|
font-size: 15px;
|
|
color: #999999; }
|
|
|
|
label, input, button, select, textarea {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 20px; }
|
|
|
|
input, button, select, textarea {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
|
|
|
|
label {
|
|
display: block;
|
|
margin-bottom: 5px; }
|
|
|
|
select, textarea {
|
|
display: inline-block;
|
|
height: 20px;
|
|
padding: 4px 6px;
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: #525252;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
vertical-align: middle; }
|
|
|
|
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
|
|
display: inline-block;
|
|
height: 20px;
|
|
padding: 4px 6px;
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: #525252;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
vertical-align: middle; }
|
|
|
|
.uneditable-input {
|
|
display: inline-block;
|
|
height: 20px;
|
|
padding: 4px 6px;
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: #525252;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
vertical-align: middle; }
|
|
|
|
input, textarea, .uneditable-input {
|
|
width: 206px; }
|
|
|
|
textarea {
|
|
height: auto;
|
|
background-color: white;
|
|
border: 1px solid #b3b3b3;
|
|
-webkit-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-moz-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-ms-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-o-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
transition: box-shadow linear 0.2s, box-shadow linear 0.2s; }
|
|
|
|
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
|
|
background-color: white;
|
|
border: 1px solid #b3b3b3;
|
|
-webkit-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-moz-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-ms-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-o-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
transition: box-shadow linear 0.2s, box-shadow linear 0.2s; }
|
|
|
|
.uneditable-input {
|
|
background-color: white;
|
|
border: 1px solid #b3b3b3;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
|
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
|
-webkit-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-moz-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-ms-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
-o-transition: box-shadow linear 0.2s, box-shadow linear 0.2s;
|
|
transition: box-shadow linear 0.2s, box-shadow linear 0.2s; }
|
|
|
|
textarea:focus {
|
|
border-color: rgba(82, 168, 236, 0.8);
|
|
outline: 0;
|
|
outline: thin dotted \9;
|
|
/* IE6-9 */
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 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); }
|
|
|
|
input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
|
|
border-color: rgba(82, 168, 236, 0.8);
|
|
outline: 0;
|
|
outline: thin dotted \9;
|
|
/* IE6-9 */
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 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); }
|
|
|
|
.uneditable-input:focus {
|
|
border-color: rgba(82, 168, 236, 0.8);
|
|
outline: 0;
|
|
outline: thin dotted \9;
|
|
/* IE6-9 */
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 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); }
|
|
|
|
input[type="radio"], input[type="checkbox"] {
|
|
margin: 4px 0 0;
|
|
*margin-top: 0;
|
|
/* IE7 */
|
|
margin-top: 1px \9;
|
|
/* IE8-9 */
|
|
line-height: normal; }
|
|
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
|
|
width: auto; }
|
|
|
|
select, input[type="file"] {
|
|
height: 30px;
|
|
/* 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: 30px; }
|
|
|
|
select {
|
|
width: 220px;
|
|
border: 1px solid #b3b3b3;
|
|
background-color: white; }
|
|
select[multiple], select[size] {
|
|
height: auto; }
|
|
select:focus {
|
|
outline: thin dotted #333333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px; }
|
|
|
|
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
|
|
outline: thin dotted #333333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px; }
|
|
|
|
.uneditable-input, .uneditable-textarea {
|
|
color: #999999;
|
|
background-color: #fcfcfc;
|
|
border-color: #b3b3b3;
|
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset;
|
|
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025) inset;
|
|
cursor: not-allowed; }
|
|
|
|
.uneditable-input {
|
|
overflow: hidden;
|
|
white-space: nowrap; }
|
|
|
|
.uneditable-textarea {
|
|
width: auto;
|
|
height: auto; }
|
|
|
|
input:-moz-placeholder, textarea:-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
|
color: #999999; }
|
|
|
|
.radio, .checkbox {
|
|
min-height: 20px;
|
|
padding-left: 20px; }
|
|
|
|
.radio input[type="radio"], .checkbox input[type="checkbox"] {
|
|
float: left;
|
|
margin-left: -20px; }
|
|
|
|
.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-mini {
|
|
width: 60px; }
|
|
|
|
.input-small {
|
|
width: 90px; }
|
|
|
|
.input-medium {
|
|
width: 150px; }
|
|
|
|
.input-large {
|
|
width: 210px; }
|
|
|
|
.input-xlarge {
|
|
width: 270px; }
|
|
|
|
.input-xxlarge {
|
|
width: 530px; }
|
|
|
|
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"] {
|
|
float: none;
|
|
margin-left: 0; }
|
|
|
|
.row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {
|
|
float: none;
|
|
margin-left: 0; }
|
|
|
|
.input-append input[class*="span"], .input-append .uneditable-input[class*="span"] {
|
|
display: inline-block; }
|
|
|
|
.input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"] {
|
|
display: inline-block; }
|
|
|
|
.row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
|
|
display: inline-block; }
|
|
|
|
input, textarea, .uneditable-input {
|
|
margin-left: 0; }
|
|
|
|
.controls-row [class*="span"] + [class*="span"] {
|
|
margin-left: 20px; }
|
|
|
|
input.span12, textarea.span12, .uneditable-input.span12 {
|
|
width: 926px; }
|
|
|
|
input.span11, textarea.span11, .uneditable-input.span11 {
|
|
width: 846px; }
|
|
|
|
input.span10, textarea.span10, .uneditable-input.span10 {
|
|
width: 766px; }
|
|
|
|
input.span9, textarea.span9, .uneditable-input.span9 {
|
|
width: 686px; }
|
|
|
|
input.span8, textarea.span8, .uneditable-input.span8 {
|
|
width: 606px; }
|
|
|
|
input.span7, textarea.span7, .uneditable-input.span7 {
|
|
width: 526px; }
|
|
|
|
input.span6, textarea.span6, .uneditable-input.span6 {
|
|
width: 446px; }
|
|
|
|
input.span5, textarea.span5, .uneditable-input.span5 {
|
|
width: 366px; }
|
|
|
|
input.span4, textarea.span4, .uneditable-input.span4 {
|
|
width: 286px; }
|
|
|
|
input.span3, textarea.span3, .uneditable-input.span3 {
|
|
width: 206px; }
|
|
|
|
input.span2, textarea.span2, .uneditable-input.span2 {
|
|
width: 126px; }
|
|
|
|
input.span1, textarea.span1, .uneditable-input.span1 {
|
|
width: 46px; }
|
|
|
|
.controls-row {
|
|
*zoom: 1; }
|
|
.controls-row:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.controls-row:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.controls-row [class*="span"] {
|
|
float: left; }
|
|
|
|
.row-fluid .controls-row [class*="span"] {
|
|
float: left; }
|
|
|
|
.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] {
|
|
padding-top: 5px; }
|
|
|
|
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
|
|
cursor: not-allowed;
|
|
background-color: #eeeeee; }
|
|
|
|
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {
|
|
background-color: transparent; }
|
|
|
|
.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline, .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
|
|
color: #dba26b; }
|
|
.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
|
|
border-color: #dba26b; }
|
|
.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
|
|
border-color: #d18842;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #e5bc94;
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #e5bc94;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #e5bc94; }
|
|
.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
|
|
color: #dba26b;
|
|
background-color: #efd6bd;
|
|
border-color: #dba26b; }
|
|
.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline, .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
|
|
color: #e26666; }
|
|
.control-group.error input, .control-group.error select, .control-group.error textarea {
|
|
border-color: #e26666; }
|
|
.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
|
|
border-color: #da3b3b;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ea9191;
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ea9191;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #ea9191; }
|
|
.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
|
|
color: #e26666;
|
|
background-color: #f2bcbc;
|
|
border-color: #e26666; }
|
|
.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline, .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
|
|
color: #1e825e; }
|
|
.control-group.success input, .control-group.success select, .control-group.success textarea {
|
|
border-color: #1e825e; }
|
|
.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
|
|
border-color: #145940;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #28ab7c;
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #28ab7c;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #28ab7c; }
|
|
.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
|
|
color: #1e825e;
|
|
background-color: #36d199;
|
|
border-color: #1e825e; }
|
|
.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline, .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
|
|
color: #47759e; }
|
|
.control-group.info input, .control-group.info select, .control-group.info textarea {
|
|
border-color: #47759e; }
|
|
.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
|
|
border-color: #375b7b;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #608fb8;
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #608fb8;
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 0 6px #608fb8; }
|
|
.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
|
|
color: #47759e;
|
|
background-color: #83a7c8;
|
|
border-color: #47759e; }
|
|
|
|
input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
|
|
color: #ea9191;
|
|
border-color: #f2bcbc; }
|
|
|
|
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
|
|
border-color: #e46f6f;
|
|
-moz-box-shadow: 0 0 6px #f2bcbc;
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 0 6px #f2bcbc;
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 0 6px #f2bcbc;
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.form-actions {
|
|
padding: 19px 20px 20px;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
background-color: #f4f4f4;
|
|
border-top: 1px solid #f7f7f7;
|
|
*zoom: 1; }
|
|
.form-actions:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.form-actions:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
.help-block, .help-inline {
|
|
color: #d9d9d9; }
|
|
|
|
.help-block {
|
|
display: block;
|
|
margin-bottom: 10px; }
|
|
|
|
.help-inline {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
vertical-align: middle;
|
|
padding-left: 5px; }
|
|
|
|
.input-append, .input-prepend {
|
|
margin-bottom: 5px;
|
|
font-size: 0;
|
|
white-space: nowrap; }
|
|
|
|
.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu {
|
|
font-size: 14px; }
|
|
|
|
.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
|
|
position: relative;
|
|
margin-bottom: 0;
|
|
*margin-left: 0;
|
|
vertical-align: top;
|
|
-webkit-border-radius: 0 2px 2px 0;
|
|
-moz-border-radius: 0 2px 2px 0;
|
|
border-radius: 0 2px 2px 0; }
|
|
|
|
.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
|
|
z-index: 2; }
|
|
|
|
.input-append .add-on, .input-prepend .add-on {
|
|
display: inline-block;
|
|
width: auto;
|
|
height: 20px;
|
|
min-width: 16px;
|
|
padding: 4px 5px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
text-shadow: 0 1px 0 white;
|
|
background-color: #eeeeee;
|
|
border: 1px solid #b3b3b3; }
|
|
|
|
.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
|
|
vertical-align: top;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
|
|
.input-append .active {
|
|
background-color: #5fdaae;
|
|
border-color: lihjten(#1e825e, 5%); }
|
|
|
|
.input-prepend .active {
|
|
background-color: #5fdaae;
|
|
border-color: lihjten(#1e825e, 5%); }
|
|
.input-prepend .add-on, .input-prepend .btn {
|
|
margin-right: -1px; }
|
|
.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
|
|
-webkit-border-radius: 2px 0 0 2px;
|
|
-moz-border-radius: 2px 0 0 2px;
|
|
border-radius: 2px 0 0 2px; }
|
|
|
|
.input-append input, .input-append select, .input-append .uneditable-input {
|
|
-webkit-border-radius: 2px 0 0 2px;
|
|
-moz-border-radius: 2px 0 0 2px;
|
|
border-radius: 2px 0 0 2px; }
|
|
.input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child {
|
|
-webkit-border-radius: 0 2px 2px 0;
|
|
-moz-border-radius: 0 2px 2px 0;
|
|
border-radius: 0 2px 2px 0; }
|
|
.input-append .add-on, .input-append .btn, .input-append .btn-group {
|
|
margin-left: -1px; }
|
|
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
|
|
-webkit-border-radius: 0 2px 2px 0;
|
|
-moz-border-radius: 0 2px 2px 0;
|
|
border-radius: 0 2px 2px 0; }
|
|
|
|
.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn {
|
|
-webkit-border-radius: 0 2px 2px 0;
|
|
-moz-border-radius: 0 2px 2px 0;
|
|
border-radius: 0 2px 2px 0; }
|
|
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
|
|
margin-right: -1px;
|
|
-webkit-border-radius: 2px 0 0 2px;
|
|
-moz-border-radius: 2px 0 0 2px;
|
|
border-radius: 2px 0 0 2px; }
|
|
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
|
|
margin-left: -1px;
|
|
-webkit-border-radius: 0 2px 2px 0;
|
|
-moz-border-radius: 0 2px 2px 0;
|
|
border-radius: 0 2px 2px 0; }
|
|
.input-prepend.input-append .btn-group:first-child {
|
|
margin-left: 0; }
|
|
|
|
input.search-query {
|
|
padding-right: 14px;
|
|
padding-right: 4px \9;
|
|
padding-left: 14px;
|
|
padding-left: 4px \9;
|
|
/* IE7-8 doesnt have border-radius, so dont indent the padding */
|
|
margin-bottom: 0;
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px; }
|
|
|
|
/* Allow for input prepend/append in search forms */
|
|
.form-search .input-append .search-query, .form-search .input-prepend .search-query {
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
.form-search .input-append .search-query {
|
|
-webkit-border-radius: 14px 0 0 14px;
|
|
-moz-border-radius: 14px 0 0 14px;
|
|
border-radius: 14px 0 0 14px; }
|
|
.form-search .input-append .btn {
|
|
-webkit-border-radius: 14px 0 0 14px;
|
|
-moz-border-radius: 14px 0 0 14px;
|
|
border-radius: 14px 0 0 14px; }
|
|
.form-search .input-prepend .search-query {
|
|
-webkit-border-radius: 0 14px 14px 0;
|
|
-moz-border-radius: 0 14px 14px 0;
|
|
border-radius: 0 14px 14px 0; }
|
|
.form-search .input-prepend .btn {
|
|
-webkit-border-radius: 14px 0 0 14px;
|
|
-moz-border-radius: 14px 0 0 14px;
|
|
border-radius: 14px 0 0 14px; }
|
|
.form-search input {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
margin-bottom: 0;
|
|
vertical-align: middle; }
|
|
|
|
.form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
margin-bottom: 0;
|
|
vertical-align: middle; }
|
|
|
|
.form-search .hide, .form-inline .hide, .form-horizontal .hide {
|
|
display: none; }
|
|
|
|
.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
|
|
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 {
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
vertical-align: middle; }
|
|
|
|
.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"] {
|
|
float: left;
|
|
margin-right: 3px;
|
|
margin-left: 0; }
|
|
|
|
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
|
|
float: left;
|
|
margin-right: 3px;
|
|
margin-left: 0; }
|
|
|
|
.control-group {
|
|
margin-bottom: 10px; }
|
|
|
|
legend + .control-group {
|
|
margin-top: 20px;
|
|
-webkit-margin-top-collapse: separate; }
|
|
|
|
.form-horizontal .control-group {
|
|
margin-bottom: 20px;
|
|
*zoom: 1; }
|
|
.form-horizontal .control-group:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.form-horizontal .control-group:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.form-horizontal .control-label {
|
|
float: left;
|
|
width: 160px;
|
|
padding-top: 5px;
|
|
text-align: right; }
|
|
.form-horizontal .controls {
|
|
*display: inline-block;
|
|
*padding-left: 20px;
|
|
margin-left: 180px;
|
|
*margin-left: 0; }
|
|
.form-horizontal .controls:first-child {
|
|
*padding-left: 180px; }
|
|
.form-horizontal .help-block {
|
|
margin-bottom: 0; }
|
|
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
|
|
margin-top: 10px; }
|
|
.form-horizontal .form-actions {
|
|
padding-left: 180px; }
|
|
|
|
.btn {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
padding: 4px 12px;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
color: #333333;
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
background-color: #f2f2f2;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f2f2f2));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, white, #f2f2f2);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, white, #f2f2f2);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, white, #f2f2f2);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, white, #f2f2f2);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, white, #f2f2f2);
|
|
background-repeat: repeat-x;
|
|
border-color: #f0f0f0 #f0f0f0 #e6e6e6;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
border: 1px solid #f0f0f0;
|
|
*border: 0;
|
|
border-bottom-color: #e6e6e6;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
*margin-left: .3em;
|
|
-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); }
|
|
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
|
|
color: #333333;
|
|
background-color: #ededed;
|
|
*background-color: #e8e8e8; }
|
|
.btn:active, .btn.active {
|
|
background-color: #cccccc \9; }
|
|
.btn:first-child {
|
|
*margin-left: 0; }
|
|
.btn:hover {
|
|
color: #333333;
|
|
text-decoration: none;
|
|
background-position: 0 -15px;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-ms-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear; }
|
|
.btn:focus {
|
|
outline: thin dotted #333333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px; }
|
|
.btn.active, .btn:active {
|
|
background-image: none;
|
|
outline: 0;
|
|
-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); }
|
|
.btn.disabled, .btn[disabled] {
|
|
cursor: default;
|
|
background-image: none;
|
|
opacity: 0.65;
|
|
-moz-box-shadow: 0 0 0 white;
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 0 0 white;
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 0 0 white;
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.btn-large {
|
|
padding: 11px 19px;
|
|
font-size: 17.5px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px; }
|
|
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
|
|
margin-top: 4px; }
|
|
|
|
.btn-small {
|
|
padding: 2px 10px;
|
|
font-size: 11.9px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
|
|
margin-top: 0; }
|
|
|
|
.btn-mini {
|
|
padding: 0 6px;
|
|
font-size: 10.5px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
|
|
margin-top: -1px; }
|
|
|
|
.btn-block {
|
|
display: block;
|
|
width: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.btn-block + .btn-block {
|
|
margin-top: 5px; }
|
|
|
|
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
|
|
width: 100%; }
|
|
|
|
.btn-primary.active, .btn-warning.active, .btn-warning2.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
|
|
color: rgba(255, 255, 255, 0.75); }
|
|
|
|
.btn {
|
|
border-color: #e6e6e6;
|
|
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); }
|
|
|
|
.btn-primary {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #457e88;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#579da9), to(#457e88));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #579da9, #457e88);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #579da9, #457e88);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #579da9, #457e88);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #579da9, #457e88);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #579da9, #457e88);
|
|
background-repeat: repeat-x;
|
|
border-color: #579da9 #579da9 #457e88;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
|
|
color: white;
|
|
background-color: #457e88;
|
|
*background-color: #457e88; }
|
|
.btn-primary:active, .btn-primary.active {
|
|
background-color: #579da9 \9; }
|
|
|
|
.btn-warning {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #d18842;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#dba26b), to(#d18842));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #dba26b, #d18842);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #dba26b, #d18842);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #dba26b, #d18842);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #dba26b, #d18842);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #dba26b, #d18842);
|
|
border-color: #dba26b #dba26b #d18842;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
|
|
color: white;
|
|
background-color: #d18842;
|
|
*background-color: #d18842; }
|
|
.btn-warning:active, .btn-warning.active {
|
|
background-color: #dba26b \9; }
|
|
|
|
.btn-warning2 {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #a25986;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#b5799e), to(#a25986));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #b5799e, #a25986);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #b5799e, #a25986);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #b5799e, #a25986);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #b5799e, #a25986);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #b5799e, #a25986);
|
|
border-color: #b5799e #b5799e #a25986;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.btn-warning2:hover, .btn-warning2:active, .btn-warning2.active, .btn-warning2.disabled, .btn-warning2[disabled] {
|
|
color: white;
|
|
background-color: #a25986;
|
|
*background-color: #a25986; }
|
|
.btn-warning2:active, .btn-warning2.active {
|
|
background-color: #b5799e \9; }
|
|
|
|
.btn-danger {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #da3b3b;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#e26666), to(#da3b3b));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #e26666, #da3b3b);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #e26666, #da3b3b);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #e26666, #da3b3b);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #e26666, #da3b3b);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #e26666, #da3b3b);
|
|
border-color: #e26666 #e26666 #da3b3b;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
|
|
color: white;
|
|
background-color: #da3b3b;
|
|
*background-color: #da3b3b; }
|
|
.btn-danger:active, .btn-danger.active {
|
|
background-color: #e26666 \9; }
|
|
|
|
.btn-success {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #145940;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#1e825e), to(#145940));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #1e825e, #145940);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #1e825e, #145940);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #1e825e, #145940);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #1e825e, #145940);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #1e825e, #145940);
|
|
border-color: #1e825e #1e825e #145940;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
|
|
color: white;
|
|
background-color: #145940;
|
|
*background-color: #145940; }
|
|
.btn-success:active, .btn-success.active {
|
|
background-color: #1e825e \9; }
|
|
|
|
.btn-info {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #375b7b;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#47759e), to(#375b7b));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #47759e, #375b7b);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #47759e, #375b7b);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #47759e, #375b7b);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #47759e, #375b7b);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #47759e, #375b7b);
|
|
border-color: #47759e #47759e #375b7b;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
|
|
color: white;
|
|
background-color: #375b7b;
|
|
*background-color: #375b7b; }
|
|
.btn-info:active, .btn-info.active {
|
|
background-color: #47759e \9; }
|
|
|
|
.btn-inverse {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #4d4d4d;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#4d4d4d));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #404040, #4d4d4d);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #404040, #4d4d4d);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #404040, #4d4d4d);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #404040, #4d4d4d);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #404040, #4d4d4d);
|
|
border-color: #4d4d4d #4d4d4d black;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
|
|
color: white;
|
|
background-color: #4d4d4d;
|
|
*background-color: #4d4d4d; }
|
|
.btn-inverse:active, .btn-inverse.active {
|
|
background-color: black \9; }
|
|
|
|
button.btn, input[type="submit"].btn {
|
|
*padding-top: 3px;
|
|
*padding-bottom: 3px; }
|
|
|
|
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-link {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
-moz-box-shadow: 0 0 0 white;
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 0 0 white;
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 0 0 white;
|
|
/* Opera 10.5, IE9 */
|
|
border-color: transparent;
|
|
cursor: pointer;
|
|
color: #579da9;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
.btn-link:active, .btn-link[disabled] {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
-moz-box-shadow: 0 0 0 white;
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 0 0 white;
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 0 0 white;
|
|
/* Opera 10.5, IE9 */ }
|
|
.btn-link:hover {
|
|
color: #345f66;
|
|
text-decoration: underline;
|
|
background-color: transparent; }
|
|
.btn-link[disabled]:hover {
|
|
color: #333333;
|
|
text-decoration: none; }
|
|
|
|
[class^="icon-"], [class*=" icon-"] {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
*margin-right: .3em;
|
|
line-height: 14px;
|
|
vertical-align: text-top;
|
|
background-image: url(<%=asset_path "glyphicons-halflings.png" %>);
|
|
background-position: 14px 14px;
|
|
background-repeat: no-repeat;
|
|
margin-top: 1px; }
|
|
|
|
/* White icons with optional class, or on hover/active states of certain elements */
|
|
.icon-white {
|
|
background-image: url(<%=asset_path "glyphicons-halflings-white.png" %>); }
|
|
|
|
.nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"] {
|
|
background-image: url(<%=asset_path "glyphicons-halflings-white.png" %>); }
|
|
|
|
.nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"] {
|
|
background-image: url(<%=asset_path "glyphicons-halflings-white.png" %>); }
|
|
|
|
.navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"] {
|
|
background-image: url(<%=asset_path "glyphicons-halflings-white.png" %>); }
|
|
|
|
.dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"] {
|
|
background-image: url(<%=asset_path "glyphicons-halflings-white.png" %>); }
|
|
.dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] {
|
|
background-image: url(<%=asset_path "glyphicons-halflings-white.png" %>); }
|
|
|
|
.dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] {
|
|
background-image: url(<%=asset_path "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-full {
|
|
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-text {
|
|
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-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-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-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;
|
|
width: 16px; }
|
|
|
|
.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;
|
|
width: 16px; }
|
|
|
|
.icon-resize-vertical {
|
|
background-position: -432px -119px; }
|
|
|
|
.icon-resize-horizontal {
|
|
background-position: -456px -118px; }
|
|
|
|
.icon-hdd {
|
|
background-position: 0 -144px; }
|
|
|
|
.icon-bullhorn {
|
|
background-position: -24px -144px; }
|
|
|
|
.icon-bell {
|
|
background-position: -48px -144px; }
|
|
|
|
.icon-certificate {
|
|
background-position: -72px -144px; }
|
|
|
|
.icon-thumbs-up {
|
|
background-position: -96px -144px; }
|
|
|
|
.icon-thumbs-down {
|
|
background-position: -120px -144px; }
|
|
|
|
.icon-hand-right {
|
|
background-position: -144px -144px; }
|
|
|
|
.icon-hand-left {
|
|
background-position: -168px -144px; }
|
|
|
|
.icon-hand-up {
|
|
background-position: -192px -144px; }
|
|
|
|
.icon-hand-down {
|
|
background-position: -216px -144px; }
|
|
|
|
.icon-circle-arrow-right {
|
|
background-position: -240px -144px; }
|
|
|
|
.icon-circle-arrow-left {
|
|
background-position: -264px -144px; }
|
|
|
|
.icon-circle-arrow-up {
|
|
background-position: -288px -144px; }
|
|
|
|
.icon-circle-arrow-down {
|
|
background-position: -312px -144px; }
|
|
|
|
.icon-globe {
|
|
background-position: -336px -144px; }
|
|
|
|
.icon-wrench {
|
|
background-position: -360px -144px; }
|
|
|
|
.icon-tasks {
|
|
background-position: -384px -144px; }
|
|
|
|
.icon-filter {
|
|
background-position: -408px -144px; }
|
|
|
|
.icon-briefcase {
|
|
background-position: -432px -144px; }
|
|
|
|
.icon-fullscreen {
|
|
background-position: -456px -144px; }
|
|
|
|
.btn-group {
|
|
position: relative;
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
font-size: 0;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
*margin-left: .3em; }
|
|
.btn-group:first-child {
|
|
*margin-left: 0; }
|
|
.btn-group + .btn-group {
|
|
margin-left: 5px; }
|
|
|
|
.btn-toolbar {
|
|
font-size: 0;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px; }
|
|
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group {
|
|
margin-left: 5px; }
|
|
|
|
.btn-group > .btn {
|
|
position: relative;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
line-height: 18px;
|
|
font-size: 12px; }
|
|
.btn-group > .btn + .btn {
|
|
margin-left: -1px; }
|
|
.btn-group > .dropdown-menu, .btn-group > .popover {
|
|
font-size: 12px; }
|
|
.btn-group > .btn-mini {
|
|
font-size: 10.5px; }
|
|
.btn-group > .btn-small {
|
|
font-size: 11.9px; }
|
|
.btn-group > .btn-large {
|
|
font-size: 17.5px; }
|
|
.btn-group > .btn:first-child {
|
|
margin-left: 0;
|
|
-webkit-border-radius: 2px 0 0 2px;
|
|
-moz-border-radius: 2px 0 0 2px;
|
|
border-radius: 2px 0 0 2px; }
|
|
.btn-group > .btn:last-child {
|
|
-webkit-border-radius: 0 2px 2px 0;
|
|
-moz-border-radius: 0 2px 2px 0;
|
|
border-radius: 0 2px 2px 0; }
|
|
.btn-group > .dropdown-toggle {
|
|
-webkit-border-radius: 0 2px 2px 0;
|
|
-moz-border-radius: 0 2px 2px 0;
|
|
border-radius: 0 2px 2px 0; }
|
|
.btn-group > .btn.large:first-child {
|
|
margin-left: 0;
|
|
-webkit-border-radius: 4px 0 0 4px;
|
|
-moz-border-radius: 4px 0 0 4px;
|
|
border-radius: 4px 0 0 4px; }
|
|
.btn-group > .btn.large:last-child {
|
|
-webkit-border-radius: 0 4px 4px 0;
|
|
-moz-border-radius: 0 4px 4px 0;
|
|
border-radius: 0 4px 4px 0; }
|
|
.btn-group > .large.dropdown-toggle {
|
|
-webkit-border-radius: 0 4px 4px 0;
|
|
-moz-border-radius: 0 4px 4px 0;
|
|
border-radius: 0 4px 4px 0; }
|
|
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
|
|
z-index: 2; }
|
|
.btn-group .dropdown-toggle:active {
|
|
outline: 0; }
|
|
.btn-group.open .dropdown-toggle {
|
|
outline: 0;
|
|
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); }
|
|
.btn-group.open .btn.dropdown-toggle {
|
|
background-color: #e6e6e6; }
|
|
.btn-group.open .btn-primary.dropdown-toggle {
|
|
background-color: #457e88; }
|
|
.btn-group.open .btn-warning.dropdown-toggle {
|
|
background-color: #d18842; }
|
|
.btn-group.open .btn-danger.dropdown-toggle {
|
|
background-color: #da3b3b; }
|
|
.btn-group.open .btn-success.dropdown-toggle {
|
|
background-color: #145940; }
|
|
.btn-group.open .btn-info.dropdown-toggle {
|
|
background-color: #375b7b; }
|
|
.btn-group.open .btn-inverse.dropdown-toggle {
|
|
background-color: #212121; }
|
|
.btn-group > .btn + .dropdown-toggle {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
-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);
|
|
*padding-top: 5px;
|
|
*padding-bottom: 5px; }
|
|
.btn-group > .btn-mini + .dropdown-toggle {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
*padding-top: 2px;
|
|
*padding-bottom: 2px; }
|
|
.btn-group > .btn-small + .dropdown-toggle {
|
|
*padding-top: 5px;
|
|
*padding-bottom: 4px; }
|
|
.btn-group > .btn-large + .dropdown-toggle {
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
*padding-top: 7px;
|
|
*padding-bottom: 7px; }
|
|
|
|
.btn .caret {
|
|
margin-top: 8px;
|
|
margin-left: 0; }
|
|
|
|
.btn-mini .caret, .btn-small .caret {
|
|
margin-top: 6px; }
|
|
|
|
.btn-large .caret {
|
|
margin-top: 6px;
|
|
border-left-width: 5px;
|
|
border-right-width: 5px;
|
|
border-top-width: 5px; }
|
|
|
|
.dropup .btn-large .caret {
|
|
border-bottom-width: 5px; }
|
|
|
|
.btn-primary .caret, .btn-warning .caret, .btn-warning2 .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
|
|
border-top-color: white;
|
|
border-bottom-color: white; }
|
|
|
|
.btn-group-vertical {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1; }
|
|
.btn-group-vertical > .btn {
|
|
display: block;
|
|
float: none;
|
|
max-width: 100%;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
.btn-group-vertical > .btn + .btn {
|
|
margin-left: 0;
|
|
margin-top: -1px; }
|
|
.btn-group-vertical > .btn:first-child {
|
|
-webkit-border-radius: 4px 4px 0 0;
|
|
-moz-border-radius: 4px 4px 0 0;
|
|
border-radius: 4px 4px 0 0; }
|
|
.btn-group-vertical > .btn:last-child {
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px; }
|
|
.btn-group-vertical > .btn-large:first-child {
|
|
-webkit-border-radius: 6px 6px 0 0;
|
|
-moz-border-radius: 6px 6px 0 0;
|
|
border-radius: 6px 6px 0 0; }
|
|
.btn-group-vertical > .btn-large:last-child {
|
|
-webkit-border-radius: 0 0 6px 6px;
|
|
-moz-border-radius: 0 0 6px 6px;
|
|
border-radius: 0 0 6px 6px; }
|
|
|
|
.nav {
|
|
margin-left: 0;
|
|
margin-bottom: 20px;
|
|
list-style: none; }
|
|
.nav > li > a {
|
|
display: block; }
|
|
.nav > li > a:hover {
|
|
text-decoration: none;
|
|
background-color: #eeeeee; }
|
|
.nav > li > a > img {
|
|
max-width: none; }
|
|
.nav > .pull-right {
|
|
float: right; }
|
|
|
|
.nav-header {
|
|
display: block;
|
|
padding: 3px 15px;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
color: #999999;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
text-transform: uppercase; }
|
|
|
|
.nav li + .nav-header {
|
|
margin-top: 9px; }
|
|
|
|
.nav-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 {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
|
background-color: #579da9; }
|
|
.nav-list > .active > a:hover {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
|
background-color: #457e88; }
|
|
.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
|
|
margin-right: 2px; }
|
|
.nav-list .divider {
|
|
*width: 100%;
|
|
height: 1px;
|
|
margin: 9px 1px;
|
|
*margin: -5px 0 5px;
|
|
overflow: hidden;
|
|
background-color: #f2f2f2;
|
|
border-bottom: 1px solid white; }
|
|
|
|
.nav-tabs, .nav-pills {
|
|
*zoom: 1; }
|
|
|
|
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
|
|
.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 #cccccc; }
|
|
.nav-tabs > li {
|
|
margin-bottom: -1px; }
|
|
.nav-tabs > li > a {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
line-height: 20px;
|
|
border: 1px solid transparent;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0; }
|
|
.nav-tabs > li > a:hover {
|
|
border-color: #eeeeee #eeeeee #dfdfdf; }
|
|
.nav-tabs > .active > a {
|
|
color: black;
|
|
border: 1px solid #cccccc;
|
|
border-top: 3px solid #579da9;
|
|
background: white;
|
|
border-bottom-color: transparent;
|
|
cursor: default; }
|
|
.nav-tabs > .active > a:hover {
|
|
color: #525252;
|
|
background-color: white;
|
|
border: 1px solid #cccccc;
|
|
border-bottom-color: transparent;
|
|
cursor: default;
|
|
border-top: 3px solid #579da9; }
|
|
|
|
.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 {
|
|
color: white;
|
|
background-color: #579da9; }
|
|
.nav-pills > .active > a:hover {
|
|
color: white;
|
|
background-color: #579da9; }
|
|
|
|
.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 #d1d1d1;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
.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: #d1d1d1;
|
|
z-index: 2; }
|
|
|
|
.nav-pills.nav-stacked > li > a {
|
|
margin-bottom: 3px; }
|
|
.nav-pills.nav-stacked > li:last-child > a {
|
|
margin-bottom: 1px; }
|
|
|
|
.nav .dropdown-toggle .caret {
|
|
border-top-color: #579da9;
|
|
border-bottom-color: #579da9;
|
|
margin-top: 6px; }
|
|
.nav .dropdown-toggle:hover .caret {
|
|
border-top-color: #457e88;
|
|
border-bottom-color: #457e88; }
|
|
|
|
/* move down carets for tabs */
|
|
.nav-tabs .dropdown-toggle .caret {
|
|
margin-top: 8px; }
|
|
|
|
.nav .active .dropdown-toggle .caret {
|
|
border-top-color: white;
|
|
border-bottom-color: white; }
|
|
|
|
.nav-tabs .active .dropdown-toggle .caret {
|
|
border-top-color: #525252;
|
|
border-bottom-color: #525252; }
|
|
|
|
.nav > .dropdown.active > a:hover {
|
|
cursor: pointer; }
|
|
|
|
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle {
|
|
color: white;
|
|
background-color: #999999;
|
|
border-color: #999999; }
|
|
|
|
.nav > li.dropdown.open.active > a:hover {
|
|
color: white;
|
|
background-color: #999999;
|
|
border-color: #999999; }
|
|
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
|
|
border-top-color: white;
|
|
border-bottom-color: white;
|
|
opacity: 1; }
|
|
|
|
.tabs-stacked .open > a:hover {
|
|
border-color: #999999; }
|
|
|
|
.tabbable {
|
|
*zoom: 1; }
|
|
.tabbable:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.tabbable:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
.tab-content {
|
|
overflow: auto;
|
|
border: 1px solid #e6e6e6;
|
|
border-top: 0;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px;
|
|
padding: 10px; }
|
|
|
|
.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 #d1d1d1; }
|
|
.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: #d1d1d1; }
|
|
.tabs-below > .nav-tabs > .active > a {
|
|
border-color: transparent #d1d1d1 #d1d1d1 #d1d1d1; }
|
|
.tabs-below > .nav-tabs > .active > a:hover {
|
|
border-color: transparent #d1d1d1 #d1d1d1 #d1d1d1; }
|
|
|
|
.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 #d1d1d1; }
|
|
.tabs-left > .nav-tabs > li > a {
|
|
margin-right: -1px;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0; }
|
|
.tabs-left > .nav-tabs > li > a:hover {
|
|
border-color: #eeeeee #dfdfdf #eeeeee #eeeeee; }
|
|
.tabs-left > .nav-tabs .active > a {
|
|
border-color: #d1d1d1 transparent #d1d1d1 #579da9;
|
|
*border-right-color: white;
|
|
border-left: 3px solid #579da9;
|
|
border-top: 1px solid #d1d1d1; }
|
|
.tabs-left > .nav-tabs .active > a:hover {
|
|
border-color: #d1d1d1 transparent #d1d1d1 #579da9;
|
|
*border-right-color: white; }
|
|
|
|
.tabs-right > .nav-tabs {
|
|
float: right;
|
|
margin-left: 19px;
|
|
border-left: 1px solid #d1d1d1; }
|
|
.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 #dfdfdf; }
|
|
.tabs-right > .nav-tabs .active > a {
|
|
border-color: #d1d1d1 #d1d1d1 #d1d1d1 transparent;
|
|
*border-left-color: white; }
|
|
.tabs-right > .nav-tabs .active > a:hover {
|
|
border-color: #d1d1d1 #d1d1d1 #d1d1d1 transparent;
|
|
*border-left-color: white; }
|
|
|
|
.nav > .disabled > a {
|
|
color: #999999; }
|
|
.nav > .disabled > a:hover {
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
cursor: default; }
|
|
|
|
.navbar {
|
|
overflow: visible;
|
|
margin-bottom: 20px;
|
|
*position: relative;
|
|
*z-index: 2; }
|
|
|
|
.navbar-inner {
|
|
min-height: 40px;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
background-color: #e6e6e6;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#e6e6e6));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, white, #e6e6e6);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, white, #e6e6e6);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, white, #e6e6e6);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, white, #e6e6e6);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, white, #e6e6e6);
|
|
border: 1px solid #d9d9d9;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
|
|
/* Opera 10.5, IE9 */
|
|
*zoom: 1; }
|
|
.navbar-inner:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.navbar-inner:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
.navbar .container {
|
|
width: auto; }
|
|
|
|
.nav-collapse.collapse {
|
|
height: auto;
|
|
overflow: visible; }
|
|
|
|
.navbar .brand {
|
|
float: left;
|
|
display: block;
|
|
padding: 10px 20px 10px;
|
|
margin-left: -20px;
|
|
font-size: 20px;
|
|
font-weight: 200;
|
|
color: #707070;
|
|
text-shadow: 0 1px 0 white; }
|
|
.navbar .brand:hover {
|
|
text-decoration: none; }
|
|
|
|
.navbar-text {
|
|
margin-bottom: 0;
|
|
line-height: 40px;
|
|
color: #707070; }
|
|
|
|
.navbar-link {
|
|
color: #707070; }
|
|
.navbar-link:hover {
|
|
color: #333333; }
|
|
|
|
.navbar .divider-vertical {
|
|
height: 40px;
|
|
margin: 0 9px;
|
|
border-left: 1px solid #f2f2f2;
|
|
border-right: 1px solid white; }
|
|
.navbar .btn {
|
|
margin-top: 5px; }
|
|
.navbar .btn-group {
|
|
margin-top: 5px; }
|
|
.navbar .btn-group .btn {
|
|
margin-top: 0; }
|
|
.navbar .input-prepend .btn, .navbar .input-append .btn {
|
|
margin-top: 0; }
|
|
|
|
.navbar-form {
|
|
margin-bottom: 0;
|
|
*zoom: 1; }
|
|
.navbar-form:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.navbar-form:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
|
|
margin-top: 5px; }
|
|
.navbar-form input, .navbar-form select, .navbar-form .btn {
|
|
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: 5px;
|
|
white-space: nowrap; }
|
|
.navbar-form .input-append input, .navbar-form .input-prepend input {
|
|
margin-top: 0; }
|
|
|
|
.navbar-search {
|
|
position: relative;
|
|
float: left;
|
|
margin-top: 5px;
|
|
margin-bottom: 0; }
|
|
.navbar-search .search-query {
|
|
margin-bottom: 0;
|
|
padding: 4px 14px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px; }
|
|
|
|
.navbar-static-top {
|
|
position: static;
|
|
margin-bottom: 0; }
|
|
.navbar-static-top .navbar-inner {
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
|
|
.navbar-fixed-top, .navbar-fixed-bottom {
|
|
position: fixed;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1030;
|
|
margin-bottom: 0; }
|
|
|
|
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
|
|
border-width: 0 0 1px; }
|
|
|
|
.navbar-fixed-bottom .navbar-inner {
|
|
border-width: 1px 0 0; }
|
|
|
|
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
|
|
.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
|
|
width: 940px; }
|
|
|
|
.navbar-fixed-top {
|
|
top: 0; }
|
|
.navbar-fixed-top .navbar-inner {
|
|
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.navbar-static-top .navbar-inner {
|
|
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.navbar-fixed-bottom {
|
|
bottom: 0; }
|
|
.navbar-fixed-bottom .navbar-inner {
|
|
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.navbar .nav {
|
|
position: relative;
|
|
left: 0;
|
|
display: block;
|
|
float: left;
|
|
margin: 0 10px 0 0; }
|
|
.navbar .nav.pull-right {
|
|
float: right;
|
|
margin-right: 0; }
|
|
.navbar .nav > li {
|
|
float: left; }
|
|
.navbar .nav > li > a {
|
|
float: none;
|
|
padding: 10px 15px 10px;
|
|
color: #707070;
|
|
text-decoration: none;
|
|
text-shadow: 0 1px 0 white; }
|
|
.navbar .nav .dropdown-toggle .caret {
|
|
margin-top: 8px; }
|
|
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
|
|
background-color: transparent;
|
|
color: #333333;
|
|
text-decoration: none; }
|
|
.navbar .nav > .active > a {
|
|
color: #525252;
|
|
text-decoration: none;
|
|
background-color: #e9e9e9;
|
|
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset;
|
|
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset;
|
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; }
|
|
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
|
|
color: #525252;
|
|
text-decoration: none;
|
|
background-color: #e9e9e9;
|
|
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset;
|
|
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset;
|
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.0125) inset; }
|
|
.navbar .btn-navbar {
|
|
display: none;
|
|
float: right;
|
|
padding: 7px 10px;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #ededed;
|
|
background-color: #e9e9e9;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e9e9e9));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #e9e9e9);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #e9e9e9);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #e9e9e9);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #e9e9e9);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #e9e9e9);
|
|
border-color: #e9e9e9 #e9e9e9 #bfbfbf;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
-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); }
|
|
.navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
|
|
color: white;
|
|
background-color: #e9e9e9;
|
|
*background-color: #d9d9d9; }
|
|
.navbar .btn-navbar:active, .navbar .btn-navbar.active {
|
|
background-color: #cccccc \9; }
|
|
.navbar .btn-navbar .icon-bar {
|
|
display: block;
|
|
width: 18px;
|
|
height: 2px;
|
|
background-color: #f4f4f4;
|
|
-webkit-border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
border-radius: 1px;
|
|
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.25);
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.btn-navbar .icon-bar + .icon-bar {
|
|
margin-top: 3px; }
|
|
|
|
.navbar .nav > li > .dropdown-menu:before {
|
|
content: '';
|
|
display: inline-block;
|
|
border-left: 7px solid transparent;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid gray;
|
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 9px; }
|
|
.navbar .nav > li > .dropdown-menu:after {
|
|
content: '';
|
|
display: inline-block;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid black;
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 10px; }
|
|
|
|
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
|
|
border-top: 7px solid gray;
|
|
border-top-color: rgba(0, 0, 0, 0.2);
|
|
border-bottom: 0;
|
|
bottom: -7px;
|
|
top: auto; }
|
|
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
|
|
border-top: 6px solid white;
|
|
border-bottom: 0;
|
|
bottom: -6px;
|
|
top: auto; }
|
|
|
|
.navbar .nav li.dropdown > a:hover .caret {
|
|
border-top-color: #525252;
|
|
border-bottom-color: #525252; }
|
|
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle {
|
|
background-color: #e9e9e9;
|
|
color: #525252; }
|
|
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #e9e9e9;
|
|
color: #525252; }
|
|
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
|
|
border-top-color: #525252;
|
|
border-bottom-color: #525252; }
|
|
.navbar .nav li.dropdown > .dropdown-toggle .caret {
|
|
border-top-color: #707070;
|
|
border-bottom-color: #707070; }
|
|
.navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
|
|
border-top-color: #525252;
|
|
border-bottom-color: #525252; }
|
|
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
|
|
left: auto;
|
|
right: 0; }
|
|
.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before {
|
|
left: auto;
|
|
right: 12px; }
|
|
.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {
|
|
left: auto;
|
|
right: 13px; }
|
|
.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
|
|
left: auto;
|
|
right: 100%;
|
|
margin-left: 0;
|
|
margin-right: -1px; }
|
|
|
|
.navbar-inverse .navbar-inner {
|
|
background-color: #1a1a1a;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#1a1a1a));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #212121, #1a1a1a);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #212121, #1a1a1a);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #212121, #1a1a1a);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #212121, #1a1a1a);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #212121, #1a1a1a);
|
|
border-color: #252525; }
|
|
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
|
|
color: #999999;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
|
|
.navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover {
|
|
color: white; }
|
|
.navbar-inverse .brand, .navbar-inverse .navbar-text {
|
|
color: #999999; }
|
|
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
|
|
background-color: transparent;
|
|
color: white; }
|
|
.navbar-inverse .nav .active > a {
|
|
color: white;
|
|
background-color: #1a1a1a; }
|
|
.navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
|
|
color: white;
|
|
background-color: #1a1a1a; }
|
|
.navbar-inverse .navbar-link {
|
|
color: #999999; }
|
|
.navbar-inverse .navbar-link:hover {
|
|
color: white; }
|
|
.navbar-inverse .divider-vertical {
|
|
border-left-color: #1a1a1a;
|
|
border-right-color: #212121; }
|
|
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
|
|
background-color: #1a1a1a;
|
|
color: white; }
|
|
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
|
|
background-color: #1a1a1a;
|
|
color: white; }
|
|
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
|
|
border-top-color: white;
|
|
border-bottom-color: white; }
|
|
.navbar-inverse .nav li.dropdown > a:hover .caret {
|
|
border-top-color: white;
|
|
border-bottom-color: white; }
|
|
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
|
|
border-top-color: #999999;
|
|
border-bottom-color: #999999; }
|
|
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
|
|
border-top-color: white;
|
|
border-bottom-color: white; }
|
|
.navbar-inverse .navbar-search .search-query {
|
|
color: white;
|
|
background-color: #515151;
|
|
border-color: #1a1a1a;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px 0 rgba(255, 255, 255, 0.15);
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px 0 rgba(255, 255, 255, 0.15);
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px 0 rgba(255, 255, 255, 0.15);
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none; }
|
|
.navbar-inverse .navbar-search .search-query:-moz-placeholder, .navbar-inverse .navbar-search .search-query:-ms-input-placeholder, .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
|
|
color: #999999; }
|
|
.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
|
|
padding: 5px 15px;
|
|
color: #333333;
|
|
text-shadow: 0 1px 0 white;
|
|
background-color: white;
|
|
border: 0;
|
|
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
|
|
/* Opera 10.5, IE9 */
|
|
outline: 0; }
|
|
.navbar-inverse .btn-navbar {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #040404;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#040404));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #151515, #040404);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #151515, #040404);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #151515, #040404);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #151515, #040404);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #151515, #040404);
|
|
border-color: #040404 #040404 black;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
|
|
color: white;
|
|
background-color: #040404;
|
|
*background-color: black; }
|
|
.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {
|
|
background-color: black \9; }
|
|
|
|
.breadcrumb {
|
|
padding: 8px 15px;
|
|
margin: 0 0 20px;
|
|
list-style: none;
|
|
background-color: #f4f4f4;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px; }
|
|
.breadcrumb > li {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
text-shadow: 0 1px 0 white; }
|
|
.breadcrumb > li > .divider {
|
|
padding: 0 5px;
|
|
color: gray; }
|
|
.breadcrumb > .active {
|
|
color: #999999; }
|
|
|
|
.pagination {
|
|
margin: 20px 0; }
|
|
.pagination ul {
|
|
display: inline-block;
|
|
*display: inline;
|
|
/* IE7 inline-block hack */
|
|
*zoom: 1;
|
|
margin-left: 0;
|
|
margin-bottom: 0;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
/* Opera 10.5, IE9 */ }
|
|
.pagination ul > li {
|
|
display: inline; }
|
|
.pagination ul > li > a, .pagination ul > li > span {
|
|
float: left;
|
|
padding: 4px 12px;
|
|
line-height: 20px;
|
|
text-decoration: none;
|
|
background-color: white;
|
|
border: 1px solid #dfdfdf;
|
|
border-left-width: 0; }
|
|
.pagination ul > li > a:hover {
|
|
background-color: #f4f4f4; }
|
|
.pagination ul > .active > a, .pagination ul > .active > span {
|
|
background-color: #f4f4f4; }
|
|
.pagination ul > .active > a, .pagination ul > .active > span {
|
|
color: #999999;
|
|
cursor: default; }
|
|
.pagination ul > .disabled > span {
|
|
color: #999999;
|
|
background-color: transparent;
|
|
cursor: default; }
|
|
.pagination ul > .disabled > a {
|
|
color: #999999;
|
|
background-color: transparent;
|
|
cursor: default; }
|
|
.pagination ul > .disabled > a:hover {
|
|
color: #999999;
|
|
background-color: transparent;
|
|
cursor: default; }
|
|
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
|
|
border-left-width: 1px;
|
|
-webkit-border-radius: 4px 0 0 4px;
|
|
-moz-border-radius: 4px 0 0 4px;
|
|
border-radius: 4px 0 0 4px; }
|
|
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
|
|
-webkit-border-radius: 0 4px 4px 0;
|
|
-moz-border-radius: 0 4px 4px 0;
|
|
border-radius: 0 4px 4px 0; }
|
|
|
|
.pagination-centered {
|
|
text-align: center; }
|
|
|
|
.pagination-right {
|
|
text-align: right; }
|
|
|
|
.pagination-large ul > li > a, .pagination-large ul > li > span {
|
|
padding: 11px 19px;
|
|
font-size: 17.5px; }
|
|
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
|
|
-webkit-border-radius: 6px 0 0 6px;
|
|
-moz-border-radius: 6px 0 0 6px;
|
|
border-radius: 6px 0 0 6px; }
|
|
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
|
|
-webkit-border-radius: 0 6px 6px 0;
|
|
-moz-border-radius: 0 6px 6px 0;
|
|
border-radius: 0 6px 6px 0; }
|
|
|
|
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
|
|
-webkit-border-radius: 3px 0 0 3px;
|
|
-moz-border-radius: 3px 0 0 3px;
|
|
border-radius: 3px 0 0 3px; }
|
|
|
|
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span {
|
|
-webkit-border-radius: 0 3px 3px 0;
|
|
-moz-border-radius: 0 3px 3px 0;
|
|
border-radius: 0 3px 3px 0; }
|
|
|
|
.pagination-small ul > li:last-child > span {
|
|
-webkit-border-radius: 0 3px 3px 0;
|
|
-moz-border-radius: 0 3px 3px 0;
|
|
border-radius: 0 3px 3px 0; }
|
|
.pagination-small ul > li > a, .pagination-small ul > li > span {
|
|
padding: 2px 10px;
|
|
font-size: 11.9px; }
|
|
|
|
.pagination-mini ul > li > a, .pagination-mini ul > li > span {
|
|
padding: 0 6px;
|
|
font-size: 10.5px; }
|
|
|
|
.pager {
|
|
margin: 20px 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
*zoom: 1; }
|
|
.pager:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.pager:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.pager li {
|
|
display: inline; }
|
|
.pager li > a, .pager li > span {
|
|
display: inline-block;
|
|
padding: 5px 14px;
|
|
background-color: white;
|
|
border: 1px solid #d1d1d1;
|
|
-webkit-border-radius: 15px;
|
|
-moz-border-radius: 15px;
|
|
border-radius: 15px; }
|
|
.pager li > a:hover {
|
|
text-decoration: none;
|
|
background-color: #f4f4f4; }
|
|
.pager .next > a, .pager .next > span {
|
|
float: right; }
|
|
.pager .previous > a, .pager .previous > span {
|
|
float: left; }
|
|
.pager .disabled > a {
|
|
color: #999999;
|
|
background-color: white;
|
|
cursor: default; }
|
|
.pager .disabled > a:hover {
|
|
color: #999999;
|
|
background-color: white;
|
|
cursor: default; }
|
|
.pager .disabled > span {
|
|
color: #999999;
|
|
background-color: white;
|
|
cursor: default; }
|
|
|
|
.thumbnails {
|
|
margin-left: -20px;
|
|
list-style: none;
|
|
*zoom: 1; }
|
|
.thumbnails:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.thumbnails:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
.row-fluid .thumbnails {
|
|
margin-left: 0; }
|
|
|
|
.thumbnails > li {
|
|
float: left;
|
|
margin-bottom: 20px;
|
|
margin-left: 20px; }
|
|
|
|
.thumbnail {
|
|
display: block;
|
|
padding: 4px;
|
|
line-height: 20px;
|
|
border: 1px solid #d1d1d1;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
|
|
/* Opera 10.5, IE9 */
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-ms-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out; }
|
|
|
|
a.thumbnail:hover {
|
|
border-color: #579da9;
|
|
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
|
|
/* Opera 10.5, IE9 */ }
|
|
|
|
.thumbnail > img {
|
|
display: block;
|
|
max-width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto; }
|
|
.thumbnail .caption {
|
|
padding: 9px 0;
|
|
color: #525252; }
|
|
|
|
.alert {
|
|
padding: 8px 35px 8px 14px;
|
|
margin-bottom: 20px;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
|
|
background: white;
|
|
border: 1px solid #f4e2d2;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
color: #b46f2c; }
|
|
.alert h4 {
|
|
color: #b46f2c;
|
|
margin: 0; }
|
|
.alert .close {
|
|
position: relative;
|
|
top: -2px;
|
|
right: -21px;
|
|
line-height: 20px; }
|
|
|
|
.alert-success {
|
|
background: #28ab7c;
|
|
border-color: #1e825e;
|
|
color: black; }
|
|
.alert-success h4 {
|
|
color: black; }
|
|
|
|
.alert-error, .alert-danger {
|
|
background: #ea9191;
|
|
border-color: rubyRed;
|
|
color: #681414; }
|
|
.alert-error h4, .alert-danger h4 {
|
|
color: #681414; }
|
|
|
|
.alert-warning {
|
|
background: #efd6bd;
|
|
border-color: #dba26b;
|
|
color: #623c18; }
|
|
.alert-warning h4 {
|
|
color: #623c18; }
|
|
|
|
.alert-info {
|
|
background: #83a7c8;
|
|
border-color: #47759e;
|
|
color: #080d11; }
|
|
.alert-info h4 {
|
|
color: #080d11; }
|
|
|
|
.alert-block {
|
|
padding-top: 14px;
|
|
padding-bottom: 14px; }
|
|
.alert-block > p, .alert-block > ul {
|
|
margin-bottom: 0; }
|
|
.alert-block p + p {
|
|
margin-top: 5px; }
|
|
|
|
@-webkit-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0; }
|
|
|
|
to {
|
|
background-position: 0 0; } }
|
|
|
|
@-moz-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0; }
|
|
|
|
to {
|
|
background-position: 0 0; } }
|
|
|
|
@-ms-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0; }
|
|
|
|
to {
|
|
background-position: 0 0; } }
|
|
|
|
@-o-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 0 0; }
|
|
|
|
to {
|
|
background-position: 40px 0; } }
|
|
|
|
@keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0; }
|
|
|
|
to {
|
|
background-position: 0 0; } }
|
|
|
|
.progress {
|
|
overflow: hidden;
|
|
height: 8px;
|
|
margin-bottom: 20px;
|
|
background-color: #f0f0f0;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f0f0f0));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #f0f0f0);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #f0f0f0);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #f0f0f0);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #f0f0f0);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #f0f0f0);
|
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
|
|
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px; }
|
|
.progress .bar {
|
|
width: 0%;
|
|
height: 100%;
|
|
color: white;
|
|
float: left;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #0480be;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#149bdf), to(#0480be));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #149bdf, #0480be);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #149bdf, #0480be);
|
|
-webkit-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.15) inset;
|
|
-moz-box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.15) inset;
|
|
box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.15) inset;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
-webkit-transition: width 0.6s ease;
|
|
-moz-transition: width 0.6s ease;
|
|
-ms-transition: width 0.6s ease;
|
|
-o-transition: width 0.6s ease;
|
|
transition: width 0.6s ease; }
|
|
.progress .bar + .bar {
|
|
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
|
|
|
|
.progress-striped .bar {
|
|
background-color: #47759e;
|
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #4f82b0), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #4f82b0), color-stop(0.75, #4f82b0), color-stop(0.75, transparent), to(transparent));
|
|
background-image: -webkit-linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 75%, transparent 75%, transparent);
|
|
background-image: -moz-linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, #4f82b0 25%, transparent 25%, transparent 50%, #4f82b0 50%, #4f82b0 75%, transparent 75%, transparent);
|
|
-webkit-background-size: 40px 40px;
|
|
-moz-background-size: 40px 40px;
|
|
-o-background-size: 40px 40px;
|
|
background-size: 40px 40px; }
|
|
|
|
.progress.active .bar {
|
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
-moz-animation: progress-bar-stripes 2s linear infinite;
|
|
-ms-animation: progress-bar-stripes 2s linear infinite;
|
|
-o-animation: progress-bar-stripes 2s linear infinite;
|
|
animation: progress-bar-stripes 2s linear infinite; }
|
|
|
|
.progress-danger .bar, .progress .bar-danger {
|
|
background-color: #da3b3b;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#e26666), to(#da3b3b));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #e26666, #da3b3b);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #e26666, #da3b3b);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #e26666, #da3b3b);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #e26666, #da3b3b);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #e26666, #da3b3b); }
|
|
|
|
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
|
background-color: #e26666;
|
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #ea9191), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #ea9191), color-stop(0.75, #ea9191), color-stop(0.75, transparent), to(transparent));
|
|
background-image: -webkit-linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent);
|
|
background-image: -moz-linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, #ea9191 25%, transparent 25%, transparent 50%, #ea9191 50%, #ea9191 75%, transparent 75%, transparent); }
|
|
|
|
.progress-success .bar, .progress .bar-success {
|
|
background-color: #145940;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#1e825e), to(#145940));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #1e825e, #145940);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #1e825e, #145940);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #1e825e, #145940);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #1e825e, #145940);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #1e825e, #145940); }
|
|
|
|
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
|
background-color: #1e825e;
|
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #28ab7c), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #28ab7c), color-stop(0.75, #28ab7c), color-stop(0.75, transparent), to(transparent));
|
|
background-image: -webkit-linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent);
|
|
background-image: -moz-linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, #28ab7c 25%, transparent 25%, transparent 50%, #28ab7c 50%, #28ab7c 75%, transparent 75%, transparent); }
|
|
|
|
.progress-info .bar, .progress .bar-info {
|
|
background-color: #375b7b;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#47759e), to(#375b7b));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #47759e, #375b7b);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #47759e, #375b7b);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #47759e, #375b7b);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #47759e, #375b7b);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #47759e, #375b7b); }
|
|
|
|
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
|
background-color: #dba26b;
|
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #e5bc94), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #e5bc94), color-stop(0.75, #e5bc94), color-stop(0.75, transparent), to(transparent));
|
|
background-image: -webkit-linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent);
|
|
background-image: -moz-linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, #e5bc94 25%, transparent 25%, transparent 50%, #e5bc94 50%, #e5bc94 75%, transparent 75%, transparent); }
|
|
|
|
.progress-warning .bar, .progress .bar-warning {
|
|
background-color: #d18842;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#dba26b), to(#d18842));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #dba26b, #d18842);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #dba26b, #d18842);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #dba26b, #d18842);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #dba26b, #d18842);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #dba26b, #d18842); }
|
|
|
|
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
|
background-color: #b5799e;
|
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #be89aa), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #be89aa), color-stop(0.75, #be89aa), color-stop(0.75, transparent), to(transparent));
|
|
background-image: -webkit-linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent);
|
|
background-image: -moz-linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent);
|
|
background-image: -o-linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, #be89aa 25%, transparent 25%, transparent 50%, #be89aa 50%, #be89aa 75%, transparent 75%, transparent); }
|
|
|
|
.hero-unit {
|
|
padding: 20px;
|
|
margin-bottom: 10px;
|
|
font-size: 13px;
|
|
font-weight: 200;
|
|
color: inherit;
|
|
background-color: #eeeeee;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px; }
|
|
.hero-unit h1 {
|
|
margin-bottom: 0;
|
|
font-size: 60px;
|
|
line-height: 1;
|
|
color: inherit;
|
|
letter-spacing: -1px; }
|
|
.hero-unit li {
|
|
line-height: 30px; }
|
|
|
|
.media, .media-body {
|
|
overflow: hidden;
|
|
*overflow: visible;
|
|
zoom: 1; }
|
|
|
|
.media {
|
|
margin-top: 15px; }
|
|
.media .media {
|
|
margin-top: 15px; }
|
|
.media:first-child {
|
|
margin-top: 0; }
|
|
|
|
.media-object {
|
|
display: block; }
|
|
|
|
.media-heading {
|
|
margin: 0 0 5px; }
|
|
|
|
.media .pull-left {
|
|
margin-right: 10px; }
|
|
.media .pull-right {
|
|
margin-left: 10px; }
|
|
|
|
.media-list {
|
|
margin-left: 0;
|
|
list-style: none; }
|
|
|
|
.tooltip {
|
|
position: absolute;
|
|
z-index: 1030;
|
|
display: block;
|
|
visibility: visible;
|
|
padding: 5px;
|
|
font-size: 11px;
|
|
opacity: 0; }
|
|
.tooltip.in {
|
|
opacity: 0.8; }
|
|
.tooltip.top {
|
|
margin-top: -3px; }
|
|
.tooltip.right {
|
|
margin-left: 3px; }
|
|
.tooltip.bottom {
|
|
margin-top: 3px; }
|
|
.tooltip.left {
|
|
margin-left: -3px; }
|
|
|
|
.tooltip-inner {
|
|
max-width: 200px;
|
|
padding: 3px 8px;
|
|
color: white;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background-color: black;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid; }
|
|
|
|
.tooltip.top .tooltip-arrow {
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: black; }
|
|
.tooltip.right .tooltip-arrow {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 5px 5px 0;
|
|
border-right-color: black; }
|
|
.tooltip.left .tooltip-arrow {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: black; }
|
|
.tooltip.bottom .tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: black; }
|
|
|
|
.popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1010;
|
|
display: none;
|
|
width: 236px;
|
|
padding: 1px;
|
|
text-align: left;
|
|
background-color: white;
|
|
-webkit-background-clip: padding-box;
|
|
-moz-background-clip: padding;
|
|
background-clip: padding-box;
|
|
border: 1px solid gray;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
/* Opera 10.5, IE9 */
|
|
white-space: normal; }
|
|
.popover.top {
|
|
margin-top: -10px; }
|
|
.popover.right {
|
|
margin-left: 10px; }
|
|
.popover.bottom {
|
|
margin-top: 10px; }
|
|
.popover.left {
|
|
margin-left: -10px; }
|
|
|
|
.popover-title {
|
|
margin: 0;
|
|
padding: 8px 14px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
background-color: #f7f7f7;
|
|
border-bottom: 1px solid #ebebeb;
|
|
-webkit-border-radius: 5px 5px 0 0;
|
|
-moz-border-radius: 5px 5px 0 0;
|
|
border-radius: 5px 5px 0 0; }
|
|
|
|
.popover-content {
|
|
padding: 9px 14px; }
|
|
|
|
.popover .arrow {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: 11px; }
|
|
.popover .arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: 10px;
|
|
content: ""; }
|
|
.popover.top .arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-bottom-width: 0;
|
|
border-top-color: #999999;
|
|
border-top-color: rgba(0, 0, 0, 0.25);
|
|
bottom: -11px; }
|
|
.popover.top .arrow:after {
|
|
bottom: 1px;
|
|
margin-left: -10px;
|
|
border-bottom-width: 0;
|
|
border-top-color: white; }
|
|
.popover.right .arrow {
|
|
top: 50%;
|
|
left: -11px;
|
|
margin-top: -11px;
|
|
border-left-width: 0;
|
|
border-right-color: #999999;
|
|
border-right-color: rgba(0, 0, 0, 0.25); }
|
|
.popover.right .arrow:after {
|
|
left: 1px;
|
|
bottom: -10px;
|
|
border-left-width: 0;
|
|
border-right-color: white; }
|
|
.popover.bottom .arrow {
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
border-top-width: 0;
|
|
border-bottom-color: #999999;
|
|
border-bottom-color: rgba(0, 0, 0, 0.25);
|
|
top: -11px; }
|
|
.popover.bottom .arrow:after {
|
|
top: 1px;
|
|
margin-left: -10px;
|
|
border-top-width: 0;
|
|
border-bottom-color: white; }
|
|
.popover.left .arrow {
|
|
top: 50%;
|
|
right: -11px;
|
|
margin-top: -11px;
|
|
border-right-width: 0;
|
|
border-left-color: #999999;
|
|
border-left-color: rgba(0, 0, 0, 0.25); }
|
|
.popover.left .arrow:after {
|
|
right: 1px;
|
|
border-right-width: 0;
|
|
border-left-color: white;
|
|
bottom: -10px; }
|
|
|
|
.modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1040;
|
|
background-color: black;
|
|
opacity: 0.8; }
|
|
.modal-backdrop.fade {
|
|
opacity: 0; }
|
|
.modal-backdrop.fade.in {
|
|
opacity: 0.8; }
|
|
|
|
.modal {
|
|
position: fixed;
|
|
top: 10%;
|
|
left: 50%;
|
|
z-index: 1050;
|
|
width: 560px;
|
|
margin-left: -280px;
|
|
background-color: white;
|
|
*border: 1px solid #999999;
|
|
/* IE6-7 */
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
/* FF3.5+ */
|
|
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
/* Saf3.0+, Chrome */
|
|
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
/* Opera 10.5, IE9 */
|
|
-webkit-box-sizing: padding-box;
|
|
-moz-box-sizing: padding-box;
|
|
box-sizing: padding-box;
|
|
outline: none; }
|
|
.modal.fade {
|
|
-webkit-transition: top 0.3s ease-out, top 0.3s ease-out;
|
|
-moz-transition: top 0.3s ease-out, top 0.3s ease-out;
|
|
-ms-transition: top 0.3s ease-out, top 0.3s ease-out;
|
|
-o-transition: top 0.3s ease-out, top 0.3s ease-out;
|
|
transition: top 0.3s ease-out, top 0.3s ease-out;
|
|
top: -25%; }
|
|
.modal.fade.in {
|
|
top: 10%; }
|
|
|
|
.modal-header {
|
|
padding: 9px 15px;
|
|
border-bottom: 1px solid #eeeeee; }
|
|
.modal-header .close {
|
|
margin-top: 2px; }
|
|
.modal-header h3 {
|
|
margin: 0;
|
|
line-height: 30px; }
|
|
|
|
.modal-body {
|
|
position: relative;
|
|
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: #f4f4f4;
|
|
border-top: 1px solid #d1d1d1;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px;
|
|
-webkit-box-shadow: 0 1px 0 white inset;
|
|
-moz-box-shadow: 0 1px 0 white inset;
|
|
box-shadow: 0 1px 0 white inset;
|
|
*zoom: 1; }
|
|
.modal-footer:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.modal-footer:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.modal-footer .btn + .btn {
|
|
margin-left: 5px;
|
|
margin-bottom: 0; }
|
|
.modal-footer .btn-group .btn + .btn {
|
|
margin-left: -1px; }
|
|
.modal-footer .btn-block + .btn-block {
|
|
margin-left: 0; }
|
|
|
|
.dropup, .dropdown {
|
|
position: relative; }
|
|
|
|
.dropdown-toggle {
|
|
*margin-bottom: -3px; }
|
|
.dropdown-toggle:active {
|
|
outline: 0; }
|
|
|
|
.open .dropdown-toggle {
|
|
outline: 0; }
|
|
|
|
.caret {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
vertical-align: top;
|
|
border-top: 4px solid black;
|
|
border-right: 4px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
content: ""; }
|
|
|
|
.dropdown .caret {
|
|
margin-top: 8px;
|
|
margin-left: 2px; }
|
|
|
|
.dropdown-menu {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
z-index: 1000;
|
|
display: none;
|
|
float: left;
|
|
min-width: 160px;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
background: #333333;
|
|
-webkit-box-shadow: 0 0 40px black inset;
|
|
-moz-box-shadow: 0 0 40px black inset;
|
|
box-shadow: 0 0 40px black inset;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px;
|
|
-webkit-box-sizing: padding-box;
|
|
-moz-box-sizing: padding-box;
|
|
box-sizing: padding-box; }
|
|
.dropdown-menu.pull-right {
|
|
right: 0;
|
|
left: auto; }
|
|
.dropdown-menu .divider {
|
|
*width: 100%;
|
|
height: 1px;
|
|
margin: 9px 1px;
|
|
*margin: -5px 0 5px;
|
|
overflow: hidden;
|
|
background-color: #cccccc;
|
|
border-bottom: 1px solid white; }
|
|
.dropdown-menu li {
|
|
border-bottom: 1px solid #1a1a1a; }
|
|
.dropdown-menu li > a {
|
|
-webkit-transition: none;
|
|
-moz-transition: none;
|
|
-o-transition: none;
|
|
transition: none;
|
|
display: block;
|
|
padding: 6px 10px;
|
|
clear: both;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
color: #e6e6e6;
|
|
white-space: nowrap; }
|
|
.dropdown-menu li:last-child {
|
|
border-bottom: none;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
border-radius: 0 0 4px 4px; }
|
|
.dropdown-menu li:hover, .dropdown-menu li:focus {
|
|
text-decoration: none;
|
|
color: white;
|
|
background: #b5799e; }
|
|
|
|
.dropdown-submenu:hover > a {
|
|
text-decoration: none;
|
|
color: white;
|
|
background: #b5799e; }
|
|
|
|
.dropdown-menu .active > a {
|
|
color: white;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
background: #b5799e; }
|
|
.dropdown-menu .active > a:hover {
|
|
color: white;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
background: #b5799e; }
|
|
.dropdown-menu .disabled > a {
|
|
color: #999999; }
|
|
.dropdown-menu .disabled > a:hover {
|
|
color: #999999;
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
cursor: default; }
|
|
|
|
.open {
|
|
*z-index: 1000; }
|
|
.open > .dropdown-menu {
|
|
display: block; }
|
|
|
|
.pull-right > .dropdown-menu {
|
|
right: 0;
|
|
left: auto; }
|
|
|
|
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
|
|
border-top: 0;
|
|
border-bottom: 4px solid black;
|
|
content: ""; }
|
|
|
|
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
|
|
top: auto;
|
|
bottom: 100%;
|
|
margin-bottom: 1px; }
|
|
|
|
.dropdown-submenu {
|
|
position: relative; }
|
|
.dropdown-submenu > .dropdown-menu {
|
|
top: 0;
|
|
left: 100%;
|
|
margin-top: -6px;
|
|
margin-left: -1px;
|
|
-webkit-border-radius: 0 6px 6px 6px;
|
|
-moz-border-radius: 0 6px 6px 6px;
|
|
border-radius: 0 6px 6px 6px; }
|
|
.dropdown-submenu:hover > .dropdown-menu {
|
|
display: block; }
|
|
|
|
.dropup .dropdown-submenu > .dropdown-menu {
|
|
top: auto;
|
|
bottom: 0;
|
|
margin-top: 0;
|
|
margin-bottom: -2px;
|
|
-webkit-border-radius: 5px 5px 5px 0;
|
|
-moz-border-radius: 5px 5px 5px 0;
|
|
border-radius: 5px 5px 5px 0; }
|
|
|
|
.dropdown-submenu > a:after {
|
|
display: block;
|
|
content: " ";
|
|
float: right;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: #cccccc;
|
|
margin-top: 5px;
|
|
margin-right: -10px; }
|
|
.dropdown-submenu:hover > a:after {
|
|
border-left-color: white; }
|
|
.dropdown-submenu.pull-left {
|
|
float: none; }
|
|
.dropdown-submenu.pull-left > .dropdown-menu {
|
|
left: -100%;
|
|
margin-left: 10px;
|
|
-webkit-border-radius: 2px 0 2px 2px;
|
|
-moz-border-radius: 2px 0 2px 2px;
|
|
border-radius: 2px 0 2px 2px; }
|
|
|
|
.dropdown .dropdown-menu .nav-header {
|
|
padding-left: 20px;
|
|
padding-right: 20px; }
|
|
|
|
.typeahead {
|
|
z-index: 1051;
|
|
margin-top: 2px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px; }
|
|
|
|
.accordion {
|
|
margin-bottom: 20px; }
|
|
|
|
.accordion-group {
|
|
margin-bottom: 2px;
|
|
border: 1px solid #e9e9e9;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
|
|
.accordion-heading {
|
|
border-bottom: 0; }
|
|
.accordion-heading .accordion-toggle {
|
|
display: block;
|
|
padding: 8px 12px;
|
|
color: white;
|
|
background: #4d4d4d;
|
|
font-size: 13px; }
|
|
|
|
.accordion-toggle {
|
|
cursor: pointer; }
|
|
|
|
.accordion-inner {
|
|
padding: 9px 15px;
|
|
border-top: 1px solid #e9e9e9; }
|
|
|
|
.carousel {
|
|
position: relative;
|
|
margin-bottom: 20px;
|
|
line-height: 1; }
|
|
|
|
.carousel-inner {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
position: relative; }
|
|
.carousel-inner > .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-inner > .item > img {
|
|
display: block;
|
|
line-height: 1; }
|
|
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
|
|
display: block; }
|
|
.carousel-inner > .active {
|
|
left: 0; }
|
|
.carousel-inner > .next, .carousel-inner > .prev {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%; }
|
|
.carousel-inner > .next {
|
|
left: 100%; }
|
|
.carousel-inner > .prev {
|
|
left: -100%; }
|
|
.carousel-inner > .next.left, .carousel-inner > .prev.right {
|
|
left: 0; }
|
|
.carousel-inner > .active.left {
|
|
left: -100%; }
|
|
.carousel-inner > .active.right {
|
|
left: 100%; }
|
|
|
|
.carousel-control {
|
|
position: absolute;
|
|
top: 40%;
|
|
left: 15px;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-top: -20px;
|
|
font-size: 60px;
|
|
font-weight: 100;
|
|
line-height: 30px;
|
|
color: white;
|
|
text-align: center;
|
|
background: #212121;
|
|
border: 3px solid white;
|
|
-webkit-border-radius: 23px;
|
|
-moz-border-radius: 23px;
|
|
border-radius: 23px;
|
|
opacity: 0.5; }
|
|
.carousel-control.right {
|
|
left: auto;
|
|
right: 15px; }
|
|
.carousel-control:hover {
|
|
color: white;
|
|
text-decoration: none;
|
|
opacity: 0.9; }
|
|
|
|
.carousel-caption {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding: 15px;
|
|
background: #333333;
|
|
background: rgba(0, 0, 0, 0.75); }
|
|
.carousel-caption h4, .carousel-caption p {
|
|
color: white;
|
|
line-height: 20px; }
|
|
.carousel-caption h4 {
|
|
margin: 0 0 5px; }
|
|
.carousel-caption p {
|
|
margin-bottom: 0; }
|
|
|
|
.well {
|
|
min-height: 20px;
|
|
padding: 19px;
|
|
margin-bottom: 20px;
|
|
background-color: #f4f4f4;
|
|
border: 1px solid #e3e3e3;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
|
|
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; }
|
|
.well blockquote {
|
|
border-color: #d1d1d1;
|
|
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; }
|
|
|
|
.close {
|
|
float: right;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
color: black;
|
|
text-shadow: 0 1px 0 white;
|
|
opacity: 0.2; }
|
|
.close:hover {
|
|
color: black;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
opacity: 0.4; }
|
|
|
|
button.close {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border: 0;
|
|
-webkit-appearance: none; }
|
|
|
|
.pull-right {
|
|
float: right; }
|
|
|
|
.pull-left {
|
|
float: left; }
|
|
|
|
.hide {
|
|
display: none; }
|
|
|
|
.show {
|
|
display: block; }
|
|
|
|
.invisible {
|
|
visibility: hidden; }
|
|
|
|
.affix {
|
|
position: fixed; }
|
|
|
|
.fade {
|
|
opacity: 0;
|
|
-webkit-transition: opacity 0.15s linear;
|
|
-moz-transition: opacity 0.15s linear;
|
|
-ms-transition: opacity 0.15s linear;
|
|
-o-transition: opacity 0.15s linear;
|
|
transition: opacity 0.15s linear; }
|
|
.fade.in {
|
|
opacity: 1; }
|
|
|
|
.collapse {
|
|
position: relative;
|
|
height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition: height 0.35s ease;
|
|
-moz-transition: height 0.35s ease;
|
|
-ms-transition: height 0.35s ease;
|
|
-o-transition: height 0.35s ease;
|
|
transition: height 0.35s ease; }
|
|
.collapse.in {
|
|
height: auto; }
|
|
|
|
.hidden {
|
|
display: none;
|
|
visibility: hidden; }
|
|
|
|
.visible-phone, .visible-tablet, .hidden-desktop {
|
|
display: none !important; }
|
|
|
|
.visible-desktop {
|
|
display: inherit !important; }
|
|
|
|
.no-margin {
|
|
margin: 0 !important; }
|
|
|
|
.no-padding {
|
|
padding: 0 !important; }
|
|
|
|
/* Dashboard CSS */
|
|
.jet-blue-bg {
|
|
background: #47759e !important; }
|
|
|
|
.go-green-bg {
|
|
background: #1e825e !important; }
|
|
|
|
.nagpur-orange-bg {
|
|
background: #b5799e !important; }
|
|
|
|
.ruby-red-bg {
|
|
background: #e26666 !important; }
|
|
|
|
.lemon-yellow-bg {
|
|
background: #dba26b !important; }
|
|
|
|
/* Login */
|
|
.sign-in-container {
|
|
margin: 0px auto; }
|
|
.sign-in-container .login-wrapper {
|
|
background: #fcfcfc;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 18px 6px -8px #999999, 0 0 2px gray;
|
|
-moz-box-shadow: 0 18px 6px -8px #999999, 0 0 2px gray;
|
|
box-shadow: 0 18px 6px -8px #999999, 0 0 2px gray;
|
|
position: relative; }
|
|
.sign-in-container .login-wrapper .header {
|
|
padding: 30px 20px 10px 20px;
|
|
margin: 0; }
|
|
.sign-in-container .login-wrapper .header h3 {
|
|
line-height: 40px;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #e26666; }
|
|
.sign-in-container .login-wrapper .header p {
|
|
font-size: 12px;
|
|
text-align: left;
|
|
line-height: 18px;
|
|
color: gray;
|
|
padding: 10px 0;
|
|
margin: 0; }
|
|
.sign-in-container .login-wrapper .header .logo img {
|
|
max-width: 80px;
|
|
float: right; }
|
|
.sign-in-container .login-wrapper .content {
|
|
padding: 10px 20px; }
|
|
.sign-in-container .login-wrapper .content .input {
|
|
height: 30px;
|
|
font-weight: normal;
|
|
color: #cccccc;
|
|
border: 1px solid #e6e6e6;
|
|
box-shadow: none;
|
|
border-radius: 2px; }
|
|
.sign-in-container .login-wrapper .content .input:hover, .sign-in-container .login-wrapper .content select:hover {
|
|
background: #fafafa; }
|
|
.sign-in-container .login-wrapper .actions {
|
|
padding: 10px 20px;
|
|
background: white;
|
|
border-radius: 0 0 4px 4px; }
|
|
.sign-in-container .login-wrapper .actions .btn {
|
|
float: right; }
|
|
.sign-in-container .login-wrapper .actions .link {
|
|
float: right;
|
|
padding: 8px;
|
|
margin-right: 10px;
|
|
color: #777777; }
|
|
|
|
/* SignUp */
|
|
.signup {
|
|
margin: 30px auto; }
|
|
.signup .logo img {
|
|
max-width: 60px;
|
|
margin: 0 auto;
|
|
margin-bottom: 30px;
|
|
text-align: center; }
|
|
.signup .signup-wrapper {
|
|
background: #4d4d4d;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
padding: 30px; }
|
|
.signup .signup-wrapper .header {
|
|
padding: 0px 10px 10px 10px;
|
|
margin: 0; }
|
|
.signup .signup-wrapper .header h2 {
|
|
line-height: 32px;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #e6e6e6; }
|
|
.signup .signup-wrapper .header p {
|
|
font-size: 12px;
|
|
text-align: left;
|
|
line-height: 18px;
|
|
color: #999999;
|
|
padding: 10px 0;
|
|
margin: 0; }
|
|
.signup .signup-wrapper .header .logo img {
|
|
max-width: 80px;
|
|
float: right; }
|
|
.signup .signup-wrapper .content {
|
|
padding: 10px; }
|
|
.signup .signup-wrapper .content .input {
|
|
margin-top: 15px;
|
|
font-weight: 400;
|
|
background: #333333;
|
|
border: 1px solid #666666; }
|
|
.signup .signup-wrapper .content .input:focus {
|
|
background: #e6e6e6;
|
|
}
|
|
.signup .signup-wrapper .content .select {
|
|
height: 52px;
|
|
width: 340px; }
|
|
.signup .signup-wrapper .content .select option {
|
|
padding: 10px 20px; }
|
|
.signup .signup-wrapper .content .input:hover, .signup .signup-wrapper .content select:hover {
|
|
background: #e6e6e6;
|
|
color: #333333; }
|
|
.signup .signup-wrapper .actions {
|
|
padding: 10px; }
|
|
.signup .signup-wrapper .actions a {
|
|
color: #b3b3b3; }
|
|
.signup .signup-wrapper .checkbox {
|
|
visibility: hidden; }
|
|
.signup .signup-wrapper .checkbox-wrapper {
|
|
display: block;
|
|
position: relative;
|
|
top: 10px;
|
|
width: 120px;
|
|
color: #b3b3b3; }
|
|
.signup .signup-wrapper .checkbox-wrapper .label-text {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: -2px;
|
|
color: #b3b3b3;
|
|
font-size: 12px; }
|
|
.signup .signup-wrapper .checkbox-label {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0px;
|
|
right: 10px;
|
|
width: 14px;
|
|
height: 14px;
|
|
color: #e6e6e6;
|
|
background: #4d4d4d;
|
|
border: 1px solid #666666;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
.signup .signup-wrapper .checkbox-label:after {
|
|
border: 1px solid #b3b3b3;
|
|
position: absolute;
|
|
top: 4px;
|
|
left: 3px;
|
|
opacity: 0;
|
|
content: '';
|
|
width: 6px;
|
|
height: 3px;
|
|
background: transparent;
|
|
border: 2px solid #e6e6e6;
|
|
border-top: none;
|
|
border-right: none;
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg); }
|
|
.signup .signup-wrapper .checkbox-label:hover::after {
|
|
opacity: 0.5; }
|
|
.signup .signup-wrapper .checkbox:checked + .checkbox-label:after {
|
|
opacity: 1; }
|
|
|
|
/* Modal Gallery */
|
|
#gallery .thumbnail-img img {
|
|
width: 12%; }
|
|
|
|
.modal-gallery {
|
|
width: auto;
|
|
max-height: none;
|
|
outline: none; }
|
|
.modal-gallery.fade.in {
|
|
top: 50%; }
|
|
.modal-gallery .modal-body {
|
|
max-height: none; }
|
|
.modal-gallery .modal-title {
|
|
display: inline-block;
|
|
max-height: 54px;
|
|
overflow: hidden; }
|
|
.modal-gallery .modal-image {
|
|
position: relative;
|
|
margin: auto;
|
|
min-width: 128px;
|
|
min-height: 128px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
border-radius: 4px; }
|
|
.modal-gallery .modal-image:hover:before, .modal-gallery .modal-image:hover:after {
|
|
content: '\2039';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 15px;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-top: -20px;
|
|
font-size: 60px;
|
|
font-weight: 100;
|
|
line-height: 30px;
|
|
color: white;
|
|
text-align: center;
|
|
background: #222222;
|
|
border: 3px solid white;
|
|
-webkit-border-radius: 23px;
|
|
-moz-border-radius: 23px;
|
|
border-radius: 23px;
|
|
opacity: 0.5;
|
|
z-index: 1; }
|
|
.modal-gallery .modal-image:hover:after {
|
|
content: '\203A';
|
|
left: auto;
|
|
right: 15px; }
|
|
|
|
.modal-single .modal-image:hover:before, .modal-single .modal-image:hover:after {
|
|
display: none; }
|
|
|
|
.modal-loading .modal-image {
|
|
background: url(<%=asset_path "loading-orange.gif" %>) center no-repeat; }
|
|
|
|
.modal-gallery.fade .modal-image {
|
|
-webkit-transition: width 0.15s ease, height 0.15s ease;
|
|
-moz-transition: width 0.15s ease, height 0.15s ease;
|
|
-ms-transition: width 0.15s ease, height 0.15s ease;
|
|
-o-transition: width 0.15s ease, height 0.15s ease;
|
|
transition: width 0.15s ease, height 0.15s ease; }
|
|
.modal-gallery .modal-image * {
|
|
position: absolute;
|
|
top: 0;
|
|
opacity: 0;
|
|
border-radius: 4px; }
|
|
.modal-gallery.fade .modal-image * {
|
|
-webkit-transition: opacity 0.5s linear;
|
|
-moz-transition: opacity 0.5s linear;
|
|
-ms-transition: opacity 0.5s linear;
|
|
-o-transition: opacity 0.5s linear;
|
|
transition: opacity 0.5s linear; }
|
|
.modal-gallery .modal-image *.in {
|
|
opacity: 1; }
|
|
|
|
.modal-fullscreen {
|
|
border: none;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
overflow: hidden; }
|
|
.modal-fullscreen.modal-loading {
|
|
border: 0;
|
|
box-shadow: none; }
|
|
.modal-fullscreen .modal-body {
|
|
padding: 0; }
|
|
.modal-fullscreen .modal-header {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
background: transparent;
|
|
border: 0;
|
|
box-shadow: none;
|
|
opacity: 0;
|
|
z-index: 2000; }
|
|
.modal-fullscreen .modal-footer {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
background: transparent;
|
|
border: 0;
|
|
box-shadow: none;
|
|
opacity: 0;
|
|
z-index: 2000;
|
|
top: auto;
|
|
bottom: 0; }
|
|
.modal-fullscreen .close, .modal-fullscreen .modal-title {
|
|
color: white;
|
|
text-shadow: 0 0 2px rgba(33, 33, 33, 0.8); }
|
|
.modal-fullscreen .modal-header:hover, .modal-fullscreen .modal-footer:hover {
|
|
opacity: 1; }
|
|
|
|
/* Fancy Tooltips */
|
|
.fancy-tooltip-wrapper, .fancy-tooltip-wrapper1 {
|
|
padding: 0;
|
|
width: 240px;
|
|
height: 40px;
|
|
margin: 20px auto 0px auto; }
|
|
.fancy-tooltip-wrapper li, .fancy-tooltip-wrapper1 li {
|
|
float: left; }
|
|
.fancy-tooltip-wrapper li a, .fancy-tooltip-wrapper1 li a {
|
|
display: block;
|
|
width: 44px;
|
|
height: 40px;
|
|
margin: 0 2px;
|
|
outline: none;
|
|
background: transparent url(<%=asset_path "social_icons.png" %>) no-repeat top left;
|
|
text-indent: -9000px;
|
|
position: relative; }
|
|
.fancy-tooltip-wrapper li .tooltip-facebook, .fancy-tooltip-wrapper1 li .tooltip-facebook {
|
|
background-position: 0px 0px; }
|
|
.fancy-tooltip-wrapper li .tooltip-linkedin, .fancy-tooltip-wrapper1 li .tooltip-linkedin {
|
|
background-position: -44px 0px; }
|
|
.fancy-tooltip-wrapper li .tooltip-gplus, .fancy-tooltip-wrapper1 li .tooltip-gplus {
|
|
background-position: -86px 0px; }
|
|
.fancy-tooltip-wrapper li .tooltip-twitter, .fancy-tooltip-wrapper1 li .tooltip-twitter {
|
|
background-position: -130px 0px; }
|
|
.fancy-tooltip-wrapper li .tooltip-dribbble, .fancy-tooltip-wrapper1 li .tooltip-dribbble {
|
|
background-position: -174px 0px; }
|
|
.fancy-tooltip-wrapper li a span, .fancy-tooltip-wrapper1 li a span {
|
|
width: 100px;
|
|
height: auto;
|
|
line-height: 20px;
|
|
padding: 10px;
|
|
left: 50%;
|
|
margin-left: -62px;
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
font-size: 14px;
|
|
color: white;
|
|
text-align: center;
|
|
border: 2px solid #2f4e69;
|
|
background: #47759e;
|
|
text-indent: 0px;
|
|
border-radius: 5px;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
bottom: 100px;
|
|
opacity: 0;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
-ms-transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out; }
|
|
.fancy-tooltip-wrapper li a span:before, .fancy-tooltip-wrapper1 li a span:before {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -15px;
|
|
left: 50%;
|
|
margin-left: -9px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-top: 10px solid #47759e; }
|
|
.fancy-tooltip-wrapper li a span:after, .fancy-tooltip-wrapper1 li a span:after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -15px;
|
|
left: 50%;
|
|
margin-left: -9px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-top: 10px solid #2f4e69;
|
|
bottom: -14px;
|
|
margin-left: -10px;
|
|
border-top: 10px solid #2f4e69; }
|
|
.fancy-tooltip-wrapper li a:hover span, .fancy-tooltip-wrapper1 li a:hover span {
|
|
opacity: 0.9;
|
|
bottom: 40px; }
|
|
|
|
.fancy-tooltip-wrapper1 li a span {
|
|
width: 80px;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
padding: 10px;
|
|
left: 50%;
|
|
margin-left: -52px;
|
|
text-align: center;
|
|
text-indent: 0px;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
border-radius: 50%;
|
|
bottom: -40px;
|
|
opacity: 0;
|
|
-webkit-transform: scale(0.2);
|
|
-moz-transform: scale(0.2);
|
|
-o-transform: scale(0.2);
|
|
-ms-transform: scale(0.2);
|
|
transform: scale(0.2); }
|
|
.fancy-tooltip-wrapper1 li a:hover span {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1); }
|
|
|
|
/* Bootstrap Date Range Picker */
|
|
.daterangepicker {
|
|
position: absolute;
|
|
background: #f2f2f2;
|
|
top: 100px;
|
|
left: 20px;
|
|
padding: 4px;
|
|
margin-top: 1px;
|
|
-webkit-box-shadow: 0 0 2px #cccccc inset;
|
|
-moz-box-shadow: 0 0 2px #cccccc inset;
|
|
box-shadow: 0 0 2px #cccccc inset;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px; }
|
|
.daterangepicker.dropdown-menu {
|
|
max-width: none; }
|
|
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
|
|
float: left;
|
|
margin: 4px; }
|
|
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
|
|
float: right;
|
|
margin: 4px; }
|
|
.daterangepicker .ranges {
|
|
width: 160px;
|
|
text-align: left; }
|
|
.daterangepicker .ranges .range_inputs > div {
|
|
float: left; }
|
|
.daterangepicker .ranges .range_inputs > div:nth-child(2) {
|
|
padding-left: 11px; }
|
|
.daterangepicker .calendar {
|
|
display: none;
|
|
max-width: 230px; }
|
|
.daterangepicker .calendar th, .daterangepicker .calendar td {
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
white-space: nowrap;
|
|
text-align: center; }
|
|
.daterangepicker .ranges label {
|
|
color: #333333;
|
|
font-size: 11px;
|
|
margin-bottom: 2px;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 white; }
|
|
.daterangepicker .ranges input {
|
|
font-size: 11px; }
|
|
.daterangepicker .ranges ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.daterangepicker .ranges li {
|
|
font-size: 13px;
|
|
background: #d9d9d9;
|
|
border: 1px solid #cccccc;
|
|
color: black;
|
|
padding: 3px 12px;
|
|
margin-bottom: 8px;
|
|
border-radius: 2px;
|
|
cursor: pointer; }
|
|
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
|
|
background: #47759e;
|
|
border: 1px solid #47759e;
|
|
color: white; }
|
|
.daterangepicker .calendar {
|
|
border: 1px solid #d1d1d1;
|
|
padding: 4px;
|
|
border-radius: 4px;
|
|
background: white; }
|
|
.daterangepicker.opensleft:before {
|
|
position: absolute;
|
|
top: -7px;
|
|
right: 9px;
|
|
display: inline-block;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid gray;
|
|
border-left: 7px solid transparent;
|
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
content: ''; }
|
|
.daterangepicker.opensleft:after {
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 10px;
|
|
display: inline-block;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid white;
|
|
border-left: 6px solid transparent;
|
|
content: ''; }
|
|
.daterangepicker.opensright:before {
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 9px;
|
|
display: inline-block;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid gray;
|
|
border-left: 7px solid transparent;
|
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
content: ''; }
|
|
.daterangepicker.opensright:after {
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 10px;
|
|
display: inline-block;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid white;
|
|
border-left: 6px solid transparent;
|
|
content: ''; }
|
|
.daterangepicker table {
|
|
width: 100%;
|
|
margin: 0; }
|
|
.daterangepicker td, .daterangepicker th {
|
|
text-align: center;
|
|
width: 20px;
|
|
height: 20px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
white-space: nowrap; }
|
|
.daterangepicker td.off, .daterangepicker td.disabled {
|
|
color: #999; }
|
|
.daterangepicker td.available:hover {
|
|
background: #eee; }
|
|
.daterangepicker th.available:hover {
|
|
background: #eee; }
|
|
.daterangepicker td.in-range {
|
|
background: #ebf4f8;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px; }
|
|
.daterangepicker td.active {
|
|
color: white;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
background-color: #375b7b;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#47759e), to(#375b7b));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #47759e, #375b7b);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #47759e, #375b7b);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #47759e, #375b7b);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #47759e, #375b7b);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #47759e, #375b7b);
|
|
border-color: #47759e #47759e #375b7b;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
|
|
.daterangepicker td.active:hover, .daterangepicker td.active:active, .daterangepicker td.active.active, .daterangepicker td.active.disabled, .daterangepicker td.active[disabled] {
|
|
color: white;
|
|
background-color: #375b7b;
|
|
*background-color: #375b7b; }
|
|
.daterangepicker td.active:active, .daterangepicker td.active.active {
|
|
background-color: #47759e \9; }
|
|
.daterangepicker td.week {
|
|
font-size: 80%;
|
|
color: gray; }
|
|
.daterangepicker th.week {
|
|
font-size: 80%;
|
|
color: gray; }
|
|
|
|
/* Colorpicker CSS */
|
|
.colorpicker-saturation {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-image: url(<%=asset_path "saturation.png" %>);
|
|
cursor: crosshair;
|
|
float: left; }
|
|
.colorpicker-saturation i {
|
|
display: block;
|
|
height: 5px;
|
|
width: 5px;
|
|
border: 1px solid black;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
margin: -4px 0 0 -4px; }
|
|
.colorpicker-saturation i b {
|
|
display: block;
|
|
height: 5px;
|
|
width: 5px;
|
|
border: 1px solid white;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px; }
|
|
|
|
.colorpicker-hue, .colorpicker-alpha {
|
|
width: 15px;
|
|
height: 100px;
|
|
float: left;
|
|
cursor: row-resize;
|
|
margin-left: 4px;
|
|
margin-bottom: 4px; }
|
|
|
|
.colorpicker-hue i, .colorpicker-alpha i {
|
|
display: block;
|
|
height: 1px;
|
|
background: black;
|
|
border-top: 1px solid white;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
margin-top: -1px; }
|
|
|
|
.colorpicker-hue {
|
|
background-image: url(<%=asset_path "hue.png" %>); }
|
|
|
|
.colorpicker-alpha {
|
|
background-image: url(<%=asset_path "alpha.png" %>);
|
|
display: none; }
|
|
|
|
.colorpicker {
|
|
zoom: 1;
|
|
top: 0;
|
|
left: 0;
|
|
min-width: 120px;
|
|
margin-top: 1px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px; }
|
|
.colorpicker:before {
|
|
display: table;
|
|
content: ""; }
|
|
.colorpicker div {
|
|
position: relative; }
|
|
.colorpicker.alpha {
|
|
min-width: 140px; }
|
|
.colorpicker.alpha .colorpicker-alpha {
|
|
display: block; }
|
|
|
|
.colorpicker-color {
|
|
height: 10px;
|
|
margin-top: 5px;
|
|
clear: both;
|
|
background-image: url(<%= "alpha.png" %>);
|
|
background-position: 0 100%; }
|
|
.colorpicker-color div {
|
|
height: 10px; }
|
|
|
|
.input-append.color .add-on i, .input-prepend.color .add-on i {
|
|
display: block;
|
|
cursor: pointer;
|
|
width: 18px;
|
|
height: 20px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
|
|
/* Tiny Scrollbar CSS */
|
|
#scrollbar, #scrollbar-one, #scrollbar-two, #scrollbar-three {
|
|
width: 100%;
|
|
clear: both;
|
|
margin: 0; }
|
|
#scrollbar .viewport, #scrollbar-one .viewport, #scrollbar-two .viewport, #scrollbar-three .viewport {
|
|
width: 98%;
|
|
height: 180px;
|
|
overflow: hidden;
|
|
position: relative; }
|
|
#scrollbar .overview, #scrollbar-one .overview, #scrollbar-two .overview, #scrollbar-three .overview {
|
|
list-style: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%; }
|
|
#scrollbar .thumb, #scrollbar-one .thumb, #scrollbar-two .thumb, #scrollbar-three .thumb {
|
|
background-color: #b5799e; }
|
|
#scrollbar .thumb .end, #scrollbar-one .thumb .end, #scrollbar-two .thumb .end, #scrollbar-three .thumb .end {
|
|
background-color: #b5799e; }
|
|
#scrollbar .scrollbar, #scrollbar-one .scrollbar, #scrollbar-two .scrollbar, #scrollbar-three .scrollbar {
|
|
position: relative;
|
|
float: right;
|
|
width: 3px; }
|
|
#scrollbar .track, #scrollbar-one .track, #scrollbar-two .track, #scrollbar-three .track {
|
|
background-color: #cccccc;
|
|
height: 100%;
|
|
width: 3px;
|
|
position: relative;
|
|
padding: 0; }
|
|
#scrollbar .thumb, #scrollbar-one .thumb, #scrollbar-two .thumb, #scrollbar-three .thumb {
|
|
height: 20px;
|
|
width: 3px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0; }
|
|
#scrollbar .thumb .end, #scrollbar-one .thumb .end, #scrollbar-two .thumb .end, #scrollbar-three .thumb .end {
|
|
overflow: hidden;
|
|
height: 5px;
|
|
width: 13px; }
|
|
#scrollbar .disable, #scrollbar-one .disable, #scrollbar-two .disable, #scrollbar-three .disable {
|
|
display: none; }
|
|
|
|
#scrollbar-one .thumb, #scrollbar-two .thumb {
|
|
background-color: #47759e; }
|
|
#scrollbar-one .thumb .end, #scrollbar-two .thumb .end {
|
|
background-color: #47759e; }
|
|
|
|
#scrollbar-three .viewport {
|
|
height: 250px; }
|
|
|
|
.noSelect {
|
|
user-select: none;
|
|
-o-user-select: none;
|
|
-moz-user-select: none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none; }
|
|
|
|
.info-fade {
|
|
color: gray; }
|
|
|
|
.right-align-text {
|
|
text-align: right !important; }
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
|
|
.show-grid {
|
|
margin-top: 10px;
|
|
margin-bottom: 20px; }
|
|
.show-grid [class*="span"] {
|
|
background: #cccccc;
|
|
text-align: center;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
min-height: 40px;
|
|
line-height: 40px; }
|
|
.show-grid [class*="span"]:hover {
|
|
background: #d9d9d9; }
|
|
|
|
/* google visualization table tr bg */
|
|
.google-visualization-table-tr-head, .google-visualization-table-tr-head td {
|
|
background: #fafafa !important; }
|
|
|
|
/* Icomoon font sizes */
|
|
.icomoon-small [data-icon]:before {
|
|
font-size: 12px; }
|
|
|
|
.icomoon-medium [data-icon]:before {
|
|
font-size: 24px; }
|
|
|
|
.icomoon-large [data-icon]:before {
|
|
font-size: 36px; }
|
|
|
|
/* Tab style */
|
|
#scrollUp {
|
|
bottom: 0px;
|
|
right: 10px;
|
|
width: 70px;
|
|
height: 40px;
|
|
padding: 10px 5px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
color: white;
|
|
background-color: #aa6f93;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b5799e), color-stop(85%, #b5799e), to(#81476b));
|
|
background-image: -webkit-linear-gradient(#b5799e, #b5799e 85%, #81476b);
|
|
background-image: -moz-linear-gradient(top, #b5799e, #b5799e 85%, #81476b);
|
|
background-image: -o-linear-gradient(#b5799e, #b5799e 85%, #81476b);
|
|
background-image: linear-gradient(#b5799e, #b5799e 85%, #81476b);
|
|
background-repeat: no-repeat;
|
|
-webkit-border-radius: 4px 4px 0 0;
|
|
-moz-border-radius: 4px 4px 0 0;
|
|
border-radius: 4px 4px 0 0;
|
|
-webkit-transition: bottom 150ms linear;
|
|
-moz-transition: bottom 150ms linear;
|
|
transition: bottom 150ms linear; }
|
|
|
|
.actions-button [data-icon]:before {
|
|
font-size: 13px; }
|
|
.actions-button li {
|
|
float: left;
|
|
margin-right: 10px; }
|
|
.actions-button li:last-child {
|
|
margin-right: 0; }
|
|
.actions-button li a {
|
|
color: #666666; }
|
|
|
|
/* Next-prev icons */
|
|
.next-prev-btn-container {
|
|
margin-left: 10px; }
|
|
.next-prev-btn-container .button {
|
|
display: inline-block;
|
|
position: relative;
|
|
color: white;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
|
|
text-align: center;
|
|
padding: 4px 17px;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
border: 1px solid #a25986;
|
|
background: #b5799e; }
|
|
.next-prev-btn-container .button:hover {
|
|
color: #d9d9d9;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
|
|
.next-prev-btn-container .button.prev {
|
|
border-left: none; }
|
|
.next-prev-btn-container .button.prev:after {
|
|
background: #b5799e;
|
|
content: '';
|
|
position: absolute;
|
|
height: 50%;
|
|
width: 15px;
|
|
border-left: 1px solid #a25986;
|
|
left: -5px;
|
|
top: 1px;
|
|
-webkit-transform: skew(-40deg, 0);
|
|
-moz-transform: skew(-40deg, 0);
|
|
-o-transform: skew(-40deg, 0);
|
|
-ms-transform: skew(-40deg, 0);
|
|
transform: skew(-40deg, 0); }
|
|
.next-prev-btn-container .button.prev:before {
|
|
background: #b5799e;
|
|
content: '';
|
|
position: absolute;
|
|
height: 48%;
|
|
width: 15px;
|
|
border-left: 1px solid #a25986;
|
|
bottom: 1px;
|
|
left: -5px;
|
|
-webkit-transform: skew(40deg, 0);
|
|
-moz-transform: skew(40deg, 0);
|
|
-o-transform: skew(40deg, 0);
|
|
-ms-transform: skew(40deg, 0);
|
|
transform: skew(40deg, 0); }
|
|
.next-prev-btn-container .button.next {
|
|
border-right: none; }
|
|
.next-prev-btn-container .button.next:after {
|
|
background: #b5799e;
|
|
content: '';
|
|
position: absolute;
|
|
height: 48%;
|
|
width: 15px;
|
|
border-right: 1px solid #a25986;
|
|
right: -5px;
|
|
bottom: 1px;
|
|
-webkit-transform: skew(-40deg, 0);
|
|
-moz-transform: skew(-40deg, 0);
|
|
-o-transform: skew(-40deg, 0);
|
|
-ms-transform: skew(-40deg, 0);
|
|
transform: skew(-40deg, 0); }
|
|
.next-prev-btn-container .button.next:before {
|
|
background: #b5799e;
|
|
content: '';
|
|
position: absolute;
|
|
height: 50%;
|
|
width: 15px;
|
|
border-right: 1px solid #a25986;
|
|
top: 1px;
|
|
right: -5px;
|
|
-webkit-transform: skew(40deg, 0);
|
|
-moz-transform: skew(40deg, 0);
|
|
-o-transform: skew(40deg, 0);
|
|
-ms-transform: skew(40deg, 0);
|
|
transform: skew(40deg, 0); }
|
|
|
|
/* Horizontal Rule */
|
|
.hr-stylish {
|
|
padding: 0;
|
|
border: none;
|
|
line-height: 0;
|
|
border-top: medium double #b3b3b3;
|
|
color: #b3b3b3;
|
|
text-align: center; }
|
|
.hr-stylish:after {
|
|
content: "";
|
|
display: inline-block;
|
|
position: relative;
|
|
top: -12px;
|
|
font-size: 14px;
|
|
padding: 0 10px;
|
|
background: #f7f7f7; }
|
|
|
|
.breadcrumb-beauty {
|
|
list-style: none;
|
|
overflow: hidden;
|
|
font-size: 12px;
|
|
background: #e6e6e6;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
border: 1px solid #d9d9d9; }
|
|
.breadcrumb-beauty li {
|
|
float: left; }
|
|
.breadcrumb-beauty li a {
|
|
background: #e6e6e6;
|
|
color: #4d4d4d;
|
|
padding: 4px 0 4px 48px;
|
|
position: relative;
|
|
display: block;
|
|
float: left; }
|
|
.breadcrumb-beauty li a:after {
|
|
content: " ";
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 50px solid transparent;
|
|
border-bottom: 50px solid transparent;
|
|
border-left: 30px solid #e6e6e6;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -50px;
|
|
left: 100%;
|
|
z-index: 2; }
|
|
.breadcrumb-beauty li:first-child a {
|
|
padding-left: 10px;
|
|
-webkit-border-radius: 2px 0 0 2px;
|
|
-moz-border-radius: 2px 0 0 2px;
|
|
border-radius: 2px 0 0 2px; }
|
|
.breadcrumb-beauty li:nth-child(2) a {
|
|
background: #d9d9d9; }
|
|
.breadcrumb-beauty li:nth-child(2) a:after {
|
|
border-left-color: #d9d9d9; }
|
|
.breadcrumb-beauty li:nth-child(3) a {
|
|
background: #d1d1d1; }
|
|
.breadcrumb-beauty li:nth-child(3) a:after {
|
|
border-left-color: #d1d1d1; }
|
|
.breadcrumb-beauty li:nth-child(4) a {
|
|
background: #c9c9c9; }
|
|
.breadcrumb-beauty li:nth-child(4) a:after {
|
|
border-left-color: #c9c9c9; }
|
|
.breadcrumb-beauty li:last-child a {
|
|
background: transparent !important;
|
|
color: black;
|
|
pointer-events: none;
|
|
cursor: default; }
|
|
.breadcrumb-beauty li:last-child a:after {
|
|
border-left-color: transparent; }
|
|
|
|
/* Animated Progress bar */
|
|
.animated-status-bar .progress {
|
|
background: #e6e6e6;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset;
|
|
-moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset;
|
|
box-shadow: 0 0 35px rgba(0, 0, 0, 0.25) inset; }
|
|
.animated-status-bar .progress-striped {
|
|
height: 16px;
|
|
-webkit-transition: 0.4s linear;
|
|
-moz-transition: 0.4s linear;
|
|
-o-transition: 0.4s linear;
|
|
transition: 0.4s linear;
|
|
-webkit-transition-property: width, background-color;
|
|
-moz-transition-property: width, background-color;
|
|
-o-transition-property: width, background-color;
|
|
transition-property: width, background-color; }
|
|
.animated-status-bar #five:checked ~ .progress > .progress-striped {
|
|
width: 5%;
|
|
background-color: #e26666; }
|
|
.animated-status-bar #twentyfive:checked ~ .progress > .progress-striped {
|
|
width: 25%;
|
|
background-color: #b5799e; }
|
|
.animated-status-bar #fifty:checked ~ .progress > .progress-striped {
|
|
width: 50%;
|
|
background-color: #dba26b; }
|
|
.animated-status-bar #seventyfive:checked ~ .progress > .progress-striped {
|
|
width: 75%;
|
|
background-color: #47759e; }
|
|
.animated-status-bar #onehundred:checked ~ .progress > .progress-striped {
|
|
width: 100%;
|
|
background-color: #1e825e; }
|
|
.animated-status-bar .radio {
|
|
display: none; }
|
|
.animated-status-bar .label {
|
|
background: #47759e;
|
|
display: inline-block;
|
|
margin: 0 5px 20px;
|
|
padding: 3px 8px;
|
|
color: white;
|
|
text-shadow: 0 1px black;
|
|
border-radius: 3px;
|
|
cursor: pointer; }
|
|
.animated-status-bar .radio:checked + .label {
|
|
color: white;
|
|
background: #b5799e; }
|
|
|
|
/* Main Header */
|
|
header {
|
|
background-color: #202020;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), color-stop(85%, #292929), to(black));
|
|
background-image: -webkit-linear-gradient(#333333, #292929 85%, black);
|
|
background-image: -moz-linear-gradient(top, #333333, #292929 85%, black);
|
|
background-image: -o-linear-gradient(#333333, #292929 85%, black);
|
|
background-image: linear-gradient(#333333, #292929 85%, black);
|
|
background-repeat: no-repeat;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
vertical-align: middle;
|
|
width: 100%;
|
|
left: top;
|
|
left: 0;
|
|
top: 0;
|
|
position: absolute; }
|
|
header .logo {
|
|
max-width: 120px;
|
|
padding-left: 10px; }
|
|
header .logo:hover {
|
|
opacity: 0.7; }
|
|
header .mini-nav {
|
|
float: right;
|
|
height: 50px;
|
|
margin: 0; }
|
|
header .mini-nav li {
|
|
background-color: #1e1e1e;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595959), color-stop(85%, #262626), to(black));
|
|
background-image: -webkit-linear-gradient(#595959, #262626 85%, black);
|
|
background-image: -moz-linear-gradient(top, #595959, #262626 85%, black);
|
|
background-image: -o-linear-gradient(#595959, #262626 85%, black);
|
|
background-image: linear-gradient(#595959, #262626 85%, black);
|
|
background-repeat: no-repeat;
|
|
-webkit-box-shadow: 0 0 35px #0d0d0d inset;
|
|
-moz-box-shadow: 0 0 35px #0d0d0d inset;
|
|
box-shadow: 0 0 35px #0d0d0d inset;
|
|
-webkit-transition: All 0.8s ease;
|
|
-moz-transition: All 0.8s ease;
|
|
-ms-transition: All 0.8s ease;
|
|
-o-transition: All 0.8s ease;
|
|
transition: All 0.8s ease;
|
|
padding: 0px 30px;
|
|
float: left;
|
|
position: relative;
|
|
height: 100%;
|
|
border-right: 1px solid #2e2e2e;
|
|
cursor: pointer;
|
|
display: block; }
|
|
header .mini-nav li a {
|
|
color: #dddddd;
|
|
font-size: 11px;
|
|
display: block; }
|
|
header .mini-nav li .fs1 {
|
|
padding-top: 10px; }
|
|
header .mini-nav li .info-label, header .mini-nav li .info-label-green, header .mini-nav li .info-label-orange {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 28px;
|
|
width: 20px;
|
|
text-align: center;
|
|
background: #47759e;
|
|
color: white;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
z-index: 10000;
|
|
line-height: 16px; }
|
|
header .mini-nav li .info-label:before, header .mini-nav li .info-label-green:before, header .mini-nav li .info-label-orange:before {
|
|
content: '';
|
|
position: absolute;
|
|
background: #47759e;
|
|
width: 6px;
|
|
height: 6px;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
bottom: -3px;
|
|
left: 50%;
|
|
margin-left: -3px; }
|
|
header .mini-nav li .info-label-green {
|
|
background: #1e825e; }
|
|
header .mini-nav li .info-label-green:before {
|
|
background: #1e825e; }
|
|
header .mini-nav li .info-label-orange {
|
|
background: #b5799e; }
|
|
header .mini-nav li .info-label-orange:before {
|
|
background: #b5799e; }
|
|
header .mini-nav li:hover {
|
|
background-color: #0a0a0a;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), color-stop(85%, black), to(#333333));
|
|
background-image: -webkit-linear-gradient(black, black 85%, #333333);
|
|
background-image: -moz-linear-gradient(top, black, black 85%, #333333);
|
|
background-image: -o-linear-gradient(black, black 85%, #333333);
|
|
background-image: linear-gradient(black, black 85%, #333333);
|
|
background-repeat: no-repeat;
|
|
-webkit-box-shadow: 0 0 10px black inset;
|
|
-moz-box-shadow: 0 0 10px black inset;
|
|
box-shadow: 0 0 10px black inset; }
|
|
header .user-profile {
|
|
background-color: #1e1e1e;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595959), color-stop(85%, #262626), to(black));
|
|
background-image: -webkit-linear-gradient(#595959, #262626 85%, black);
|
|
background-image: -moz-linear-gradient(top, #595959, #262626 85%, black);
|
|
background-image: -o-linear-gradient(#595959, #262626 85%, black);
|
|
background-image: linear-gradient(#595959, #262626 85%, black);
|
|
background-repeat: no-repeat;
|
|
-webkit-box-shadow: 0 0 35px #0d0d0d inset;
|
|
-moz-box-shadow: 0 0 35px #0d0d0d inset;
|
|
box-shadow: 0 0 35px #0d0d0d inset;
|
|
padding: 0px 30px;
|
|
float: right;
|
|
cursor: pointer;
|
|
height: 100%;
|
|
line-height: 20px; }
|
|
header .user-profile img {
|
|
margin-top: 5px;
|
|
width: 32px;
|
|
height: 32px;
|
|
border: 2px solid white; }
|
|
header .user-profile img:hover {
|
|
border: 2px solid #b3b3b3; }
|
|
header .user-profile .caret {
|
|
border-top: 4px solid white;
|
|
display: block;
|
|
margin: 2px auto 0 auto; }
|
|
|
|
/* Main Nav */
|
|
#mainnav {
|
|
display: block;
|
|
float: left;
|
|
position: relative;
|
|
top: 50px; }
|
|
#mainnav > ul {
|
|
width: 110px;
|
|
position: absolute; }
|
|
#mainnav > ul > li {
|
|
display: block;
|
|
position: relative;
|
|
background: #333333;
|
|
/* Old browsers */
|
|
background: -moz-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%);
|
|
/* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(2%, #404040), color-stop(85%, #404040), color-stop(100%, #262626));
|
|
/* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%);
|
|
/* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%);
|
|
/* Opera 11.10+ */
|
|
background: -ms-linear-gradient(left, #404040 2%, #404040 85%, #262626 100%);
|
|
/* IE10+ */
|
|
background: linear-gradient(to right, #404040 2%, #404040 85%, #262626 100%);
|
|
/* W3C */
|
|
border-bottom: 1px solid #3b3b3b; }
|
|
#mainnav > ul > li:hover > a {
|
|
color: gray; }
|
|
#mainnav > ul > li.active {
|
|
background: #f2f2f2;
|
|
/* Old browsers */
|
|
border-bottom: none; }
|
|
#mainnav > ul > li.active .icon {
|
|
-webkit-border-radius: 30px;
|
|
-moz-border-radius: 30px;
|
|
border-radius: 30px;
|
|
background: gray;
|
|
border: 4px solid #4d4d4d; }
|
|
#mainnav > ul > li.active .fs1 {
|
|
color: white; }
|
|
#mainnav > ul > li.active > a {
|
|
color: #333333; }
|
|
#mainnav > ul > li:last-child {
|
|
border-bottom: none; }
|
|
#mainnav > ul > li > a {
|
|
display: block;
|
|
outline: 0;
|
|
height: 60px;
|
|
padding: 8px 5px;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
color: #cccccc;
|
|
font-size: 11px;
|
|
text-align: center; }
|
|
#mainnav > ul > li > a > .icon {
|
|
-webkit-border-radius: 30px;
|
|
-moz-border-radius: 30px;
|
|
border-radius: 30px;
|
|
background: #333333;
|
|
border: 4px solid #4d4d4d;
|
|
width: 32px;
|
|
height: 32px;
|
|
display: block;
|
|
margin: auto;
|
|
margin-bottom: 4px; }
|
|
#mainnav > ul > li > a > .icon .fs1 {
|
|
line-height: 36px; }
|
|
#mainnav > ul > li > a > .label {
|
|
margin: 0 20px 0 0;
|
|
float: right;
|
|
padding: 3px 5px 2px;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2); }
|
|
#mainnav > ul ul {
|
|
display: none; }
|
|
#mainnav > ul li.open ul {
|
|
display: block; }
|
|
#mainnav > ul ul li {
|
|
background-color: #202020;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), color-stop(85%, #292929), to(black));
|
|
background-image: -webkit-linear-gradient(#333333, #292929 85%, black);
|
|
background-image: -moz-linear-gradient(top, #333333, #292929 85%, black);
|
|
background-image: -o-linear-gradient(#333333, #292929 85%, black);
|
|
background-image: linear-gradient(#333333, #292929 85%, black);
|
|
background-repeat: no-repeat; }
|
|
#mainnav > ul ul li a {
|
|
-webkit-transition: All 0.2s ease;
|
|
-moz-transition: All 0.2s ease;
|
|
-ms-transition: All 0.2s ease;
|
|
-o-transition: All 0.2s ease;
|
|
transition: All 0.2s ease;
|
|
padding: 8px 5px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
display: block;
|
|
font-size: 11px;
|
|
color: #d9d9d9; }
|
|
#mainnav > ul ul li a:hover {
|
|
background: #333333; }
|
|
#mainnav > ul .active {
|
|
background: #4d4d4d;
|
|
color: white; }
|
|
|
|
/* Comments */
|
|
.comments {
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-top: -15px; }
|
|
.comments li {
|
|
padding: 5px 0;
|
|
margin: 10px auto; }
|
|
.comments li img.avatar {
|
|
height: 60px;
|
|
width: 60px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
padding: 4px;
|
|
background: #f7f7f7;
|
|
border: 1px solid #cccccc; }
|
|
.comments li.in img.avatar {
|
|
margin-right: 10px;
|
|
float: left; }
|
|
.comments li .name {
|
|
color: #b5799e;
|
|
font-size: 13px;
|
|
font-weight: 400; }
|
|
.comments li .date-time {
|
|
color: #1a1a1a;
|
|
font-size: 11px;
|
|
font-weight: 400; }
|
|
.comments li.out img.avatar {
|
|
float: right;
|
|
margin-left: 10px;
|
|
padding: 4px;
|
|
background: #f7f7f7;
|
|
border: 1px solid #cccccc; }
|
|
.comments li .message {
|
|
display: block;
|
|
padding: 5px 10px;
|
|
position: relative;
|
|
background: #fafafa; }
|
|
.comments li.in .message {
|
|
text-align: left;
|
|
border-left: 1px solid #b5799e;
|
|
margin-left: 80px; }
|
|
.comments li.in .message .arrow {
|
|
display: block;
|
|
position: absolute;
|
|
top: 8px;
|
|
left: -8px;
|
|
width: 2px;
|
|
height: 16px;
|
|
border-right: 6px solid #b5799e; }
|
|
.comments li.out .message {
|
|
border-right: 1px solid #47759e;
|
|
margin-right: 80px;
|
|
text-align: right; }
|
|
.comments li.out .message .arrow {
|
|
display: block;
|
|
position: absolute;
|
|
top: 8px;
|
|
right: -8px;
|
|
width: 2px;
|
|
height: 16px;
|
|
border-left: 6px solid #47759e; }
|
|
.comments li.out .name {
|
|
color: #47759e; }
|
|
.comments li.out .name, .comments li.out .date-time {
|
|
text-align: right; }
|
|
.comments li .message .body {
|
|
display: block; }
|
|
|
|
.chat-form {
|
|
margin-top: 15px;
|
|
padding: 10px;
|
|
background: #e0e0e0;
|
|
clear: both; }
|
|
.chat-form .input-cont {
|
|
margin-right: 55px; }
|
|
.chat-form .input-cont input {
|
|
width: 100%;
|
|
margin-top: 0; }
|
|
|
|
/* Stats Count */
|
|
#stats-count li {
|
|
background-color: #ebebeb;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #ebebeb);
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
border: 1px solid #cccccc;
|
|
display: block;
|
|
height: 34px;
|
|
padding: 5px;
|
|
margin-bottom: 4px; }
|
|
#stats-count li .arrow {
|
|
display: block;
|
|
height: 30px;
|
|
float: left;
|
|
padding-right: 10px;
|
|
padding-top: 4px;
|
|
line-height: 0.16; }
|
|
#stats-count li [data-icon]:before {
|
|
font-size: 16px; }
|
|
#stats-count li h5.stat-value {
|
|
color: #4d4d4d;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin: 0 0 5px 0; }
|
|
#stats-count li .stat-name {
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
color: #b3b3b3;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
padding-left: 4px; }
|
|
|
|
/* Current Statistics */
|
|
.current-statistics .clients, .current-statistics .sales, .current-statistics .products, .current-statistics .income, .current-statistics .expenses, .current-statistics .signups {
|
|
background: #666666;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
height: 40px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
position: relative; }
|
|
.current-statistics .clients:before, .current-statistics .sales:before, .current-statistics .products:before, .current-statistics .income:before, .current-statistics .expenses:before, .current-statistics .signups:before {
|
|
content: '';
|
|
position: absolute;
|
|
background: #666666;
|
|
width: 12px;
|
|
height: 12px;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
top: -4px;
|
|
left: 50%;
|
|
margin-left: -6px; }
|
|
.current-statistics .sales {
|
|
background: #1e825e; }
|
|
.current-statistics .sales:before {
|
|
background: #1e825e; }
|
|
.current-statistics .sales h3 {
|
|
color: white; }
|
|
.current-statistics .products {
|
|
background: #dba26b; }
|
|
.current-statistics .products:before {
|
|
background: #dba26b; }
|
|
.current-statistics .products h3 {
|
|
color: white; }
|
|
.current-statistics .income {
|
|
background: #47759e; }
|
|
.current-statistics .income:before {
|
|
background: #47759e; }
|
|
.current-statistics .income h3 {
|
|
color: white; }
|
|
.current-statistics .expenses {
|
|
background: #b5799e; }
|
|
.current-statistics .expenses:before {
|
|
background: #b5799e; }
|
|
.current-statistics .expenses h3 {
|
|
color: white; }
|
|
.current-statistics .signups {
|
|
background: #579da9; }
|
|
.current-statistics .signups:before {
|
|
background: #579da9; }
|
|
.current-statistics .signups h3 {
|
|
color: white; }
|
|
.current-statistics h3 {
|
|
color: white;
|
|
margin: 0;
|
|
font-weight: 300; }
|
|
|
|
/* Featured Posts */
|
|
.featured-articles-container {
|
|
background: #f7f7f7;
|
|
padding: 10px; }
|
|
.featured-articles-container .articles a {
|
|
position: relative;
|
|
border-bottom: 1px dotted #d9d9d9;
|
|
color: #0d0d0d;
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 30px;
|
|
padding-left: 20px;
|
|
margin-bottom: 1px; }
|
|
.featured-articles-container .articles a:hover {
|
|
color: #737373; }
|
|
.featured-articles-container .articles a .label-bullet, .featured-articles-container .articles a .label-bullet-blue {
|
|
position: absolute;
|
|
left: 1px;
|
|
top: 10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 9px solid #be89aa;
|
|
border-left: 9px solid transparent; }
|
|
.featured-articles-container .articles a .label-bullet-blue {
|
|
border-top: 9px solid #4f82b0; }
|
|
.featured-articles-container .articles a .date {
|
|
font-size: 10px;
|
|
padding-left: 2px;
|
|
color: #b3b3b3;
|
|
font-weight: normal; }
|
|
.featured-articles-container .articles:hover {
|
|
opacity: 1;
|
|
cursor: default; }
|
|
.featured-articles-container .articles .phone {
|
|
text-align: right;
|
|
font-size: 12px;
|
|
padding-top: 5px; }
|
|
|
|
/* Todo's Container */
|
|
.todo-container {
|
|
width: 100%; }
|
|
.todo-container .todo-list {
|
|
min-height: 180px; }
|
|
.todo-container .todo-list li {
|
|
background: whitesmoke;
|
|
border-bottom: 1px dotted #cccccc;
|
|
line-height: 34px; }
|
|
.todo-container .todo-list li:last-child {
|
|
border-bottom: 0; }
|
|
.todo-container .todo-list li input[type="checkbox"] {
|
|
margin: 0 2px 0 10px; }
|
|
.todo-container .todo-list li input[type="checkbox"]:checked + label {
|
|
text-decoration: line-through;
|
|
color: #999999; }
|
|
.todo-container .todo-list li label {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
font-size: 12px; }
|
|
.todo-container .todo-list li label .date {
|
|
font-size: 10px;
|
|
color: #b3b3b3;
|
|
padding-left: 5px; }
|
|
.todo-container .todo-list li:hover {
|
|
background: #fafafa; }
|
|
.todo-container .todo-list .new {
|
|
border-left: 3px solid #b5799e;
|
|
margin: 1px 0; }
|
|
.todo-container .todo-list .completed {
|
|
border-left: 3px solid #1e825e;
|
|
margin: 1px 0; }
|
|
.todo-container .todo-list .process {
|
|
border-left: 3px solid #dba26b;
|
|
margin: 1px 0; }
|
|
|
|
/* Easy Pie Charts Container */
|
|
.easy-pie-charts-container .pie-chart {
|
|
padding-top: 5px;
|
|
width: 20%;
|
|
float: left; }
|
|
.easy-pie-charts-container .pie-chart h5 {
|
|
margin-bottom: 0;
|
|
color: #4d4d4d; }
|
|
.easy-pie-charts-container .pie-chart .name {
|
|
text-align: center;
|
|
padding-top: 10px; }
|
|
.easy-pie-charts-container .easyPieChart {
|
|
margin: auto; }
|
|
|
|
/* Icomoon Icons Container */
|
|
.icomoon-icons-container li, .icomoon-icons-container li .rounded {
|
|
background-color: #ededed;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ededed));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f2f2f2, #ededed);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f2f2f2, #ededed);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f2f2f2, #ededed);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f2f2f2, #ededed);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f2f2f2, #ededed);
|
|
border: 1px solid #d9d9d9;
|
|
color: #666666;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 36px; }
|
|
.icomoon-icons-container li:hover, .icomoon-icons-container li .rounded:hover {
|
|
background: white;
|
|
cursor: pointer; }
|
|
|
|
.icomoon-icons-container li.rounded {
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
|
|
border: 1px solid #cccccc; }
|
|
|
|
/* Stats */
|
|
.stats li {
|
|
padding: 10px 5px;
|
|
background: #f7f7f7;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
-webkit-transition: All 0.5s ease;
|
|
-moz-transition: All 0.5s ease;
|
|
-ms-transition: All 0.5s ease;
|
|
-o-transition: All 0.5s ease;
|
|
transition: All 0.5s ease;
|
|
border: 1px solid #d9d9d9;
|
|
height: 42px;
|
|
margin-bottom: 4px; }
|
|
.stats li:last-child {
|
|
margin-bottom: 0px; }
|
|
.stats li:hover {
|
|
opacity: 0.7;
|
|
cursor: pointer; }
|
|
.stats li .left {
|
|
border-right: 1px solid #e6e6e6;
|
|
float: left;
|
|
display: inline-block;
|
|
text-align: left;
|
|
width: 100px;
|
|
margin-right: 5px; }
|
|
.stats li .left h4 {
|
|
margin-top: 0;
|
|
margin-bottom: 6px;
|
|
color: #4d4d4d; }
|
|
.stats li .left p {
|
|
font-size: 11px;
|
|
color: #b5799e;
|
|
text-transform: uppercase;
|
|
margin-bottom: 0; }
|
|
.stats li:nth-child(2) p {
|
|
color: #1e825e; }
|
|
.stats li:nth-child(3) p {
|
|
color: #dba26b; }
|
|
.stats li:nth-child(4) p {
|
|
color: #47759e; }
|
|
.stats li:nth-child(5) p {
|
|
color: #e26666; }
|
|
.stats li .chart {
|
|
margin-top: 10px;
|
|
margin-left: 5px;
|
|
float: left; }
|
|
|
|
/* Data Tables Container */
|
|
#dt_example {
|
|
/* Sorting */ }
|
|
#dt_example .dataTables_length {
|
|
float: left; }
|
|
#dt_example .dataTables_length select {
|
|
width: 80px;
|
|
height: 30px;
|
|
margin-bottom: 0; }
|
|
#dt_example .dataTables_filter {
|
|
float: right; }
|
|
#dt_example .dataTables_filter input {
|
|
width: 160px;
|
|
margin-bottom: 0; }
|
|
#dt_example .dataTables_info {
|
|
float: left;
|
|
margin-bottom: 5px; }
|
|
#dt_example .dataTables_paginate {
|
|
margin: 5px 0;
|
|
float: right; }
|
|
#dt_example .dataTables_paginate .first, #dt_example .dataTables_paginate .previous, #dt_example .dataTables_paginate .next, #dt_example .dataTables_paginate .paginate_active, #dt_example .dataTables_paginate .last, #dt_example .dataTables_paginate .paginate_button {
|
|
background-color: #e6e6e6;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e6e6e6));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f2f2f2, #e6e6e6);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f2f2f2, #e6e6e6);
|
|
border-left: 1px solid #d9d9d9;
|
|
border-top: 1px solid #d9d9d9;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
padding: 7px 10px; }
|
|
#dt_example .dataTables_paginate .current, #dt_example .dataTables_paginate .first:hover, #dt_example .dataTables_paginate .previous:hover, #dt_example .dataTables_paginate .next:hover, #dt_example .dataTables_paginate .paginate_active:hover, #dt_example .dataTables_paginate .last:hover, #dt_example .dataTables_paginate .paginate_button:hover {
|
|
background: #f9f9f9;
|
|
cursor: pointer; }
|
|
#dt_example .dataTables_paginate .last {
|
|
border-right: 1px solid #d9d9d9; }
|
|
#dt_example .dataTables_paginate .paginate_active {
|
|
background: #f9f9f9; }
|
|
#dt_example .dataTable .sorting {
|
|
cursor: pointer;
|
|
background: url(<%=asset_path "sorting.png" %>) no-repeat center right; }
|
|
#dt_example .dataTable .sorting_asc {
|
|
cursor: pointer;
|
|
background: url(<%=asset_path "sorting_asc.png" %>) no-repeat center right; }
|
|
#dt_example .dataTable .sorting_desc {
|
|
cursor: pointer;
|
|
background: url(<%=asset_path "sorting_desc.png" %>) no-repeat center right; }
|
|
|
|
/* Progress UI */
|
|
.progress-statistics li {
|
|
padding: 5px 10px;
|
|
background: #f7f7f7;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px;
|
|
-webkit-transition: All 0.5s ease;
|
|
-moz-transition: All 0.5s ease;
|
|
-ms-transition: All 0.5s ease;
|
|
-o-transition: All 0.5s ease;
|
|
transition: All 0.5s ease;
|
|
border: 1px solid #d9d9d9;
|
|
height: 38px;
|
|
margin-bottom: 4px; }
|
|
.progress-statistics li:last-child {
|
|
margin-bottom: 0px; }
|
|
.progress-statistics li:hover {
|
|
opacity: 0.7;
|
|
cursor: pointer; }
|
|
.progress-statistics li .progress {
|
|
background-color: #e0e0e0;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), to(#e0e0e0));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, whitesmoke, #e0e0e0);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, whitesmoke, #e0e0e0);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, whitesmoke, #e0e0e0);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, whitesmoke, #e0e0e0);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, whitesmoke, #e0e0e0);
|
|
margin-top: 3px; }
|
|
.progress-statistics li .details {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
display: inline; }
|
|
|
|
/* Doc icons */
|
|
.doc-icons-container {
|
|
position: relative;
|
|
line-height: 100%; }
|
|
.doc-icons-container .icon {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 40px;
|
|
height: 50px;
|
|
background: #d9d9d9;
|
|
margin: 0 15px 0 0; }
|
|
.doc-icons-container .icon:before {
|
|
position: absolute;
|
|
content: "";
|
|
top: 0px;
|
|
right: -10px;
|
|
width: 0;
|
|
height: 40px;
|
|
border-left: 10px solid #d9d9d9;
|
|
border-top: 10px solid transparent; }
|
|
.doc-icons-container .icon:after {
|
|
position: absolute;
|
|
content: "";
|
|
top: 0px;
|
|
right: -10px;
|
|
width: 0;
|
|
height: 0;
|
|
border-right: 10px solid transparent;
|
|
border-bottom: 10px solid rgba(0, 0, 0, 0.2); }
|
|
.doc-icons-container .icon.light-blue {
|
|
background: #608fb8;
|
|
color: #274158; }
|
|
.doc-icons-container .icon.light-blue:before {
|
|
border-left-color: #608fb8; }
|
|
.doc-icons-container .icon.light-green {
|
|
background: #28ab7c;
|
|
color: #0b2f22; }
|
|
.doc-icons-container .icon.light-green:before {
|
|
border-left-color: #28ab7c; }
|
|
.doc-icons-container .icon.light-yellow {
|
|
background: #e5bc94;
|
|
color: #b46f2c; }
|
|
.doc-icons-container .icon.light-yellow:before {
|
|
border-left-color: #e5bc94; }
|
|
.doc-icons-container .icon.light-orange {
|
|
background: #c79ab6;
|
|
color: #81476b; }
|
|
.doc-icons-container .icon.light-orange:before {
|
|
border-left-color: #c79ab6; }
|
|
.doc-icons-container .doc-icon {
|
|
position: absolute;
|
|
top: 10px;
|
|
width: 50px;
|
|
height: 20px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
line-height: 20px; }
|
|
.doc-icons-container .doc-type {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 50px;
|
|
height: 16px;
|
|
font-size: 11px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
line-height: 8px; }
|
|
|
|
/* DASHBOARD */
|
|
.dashboard-wrapper {
|
|
position: relative;
|
|
top: 0;
|
|
margin-top: 50px;
|
|
margin-left: 110px;
|
|
background: #f2f2f2;
|
|
-webkit-border-radius: 0 0 0 4px;
|
|
-moz-border-radius: 0 0 0 4px;
|
|
border-radius: 0 0 0 4px;
|
|
min-height: 1060px;
|
|
margin-bottom: 10px;
|
|
padding: 10px; }
|
|
.dashboard-wrapper .main-container .widget {
|
|
background: #fafafa;
|
|
border: 1px solid #bfbfbf;
|
|
clear: both;
|
|
margin-top: 0px;
|
|
margin-bottom: 30px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px; }
|
|
.dashboard-wrapper .main-container .widget .widget-header {
|
|
background-color: #ebebeb;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #ebebeb);
|
|
-webkit-border-radius: 3px 3px 0 0;
|
|
-moz-border-radius: 3px 3px 0 0;
|
|
border-radius: 3px 3px 0 0;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 10px; }
|
|
.dashboard-wrapper .main-container .widget .widget-header .fs1 {
|
|
margin-right: 1px; }
|
|
.dashboard-wrapper .main-container .widget .widget-header .fs1:hover {
|
|
-webkit-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg); }
|
|
.dashboard-wrapper .main-container .widget .widget-header .title {
|
|
color: #404040;
|
|
float: left;
|
|
font-weight: bold;
|
|
font-size: 13px; }
|
|
.dashboard-wrapper .main-container .widget .widget-header .title .attribution, .dashboard-wrapper .main-container .widget .widget-header .title .mini-title {
|
|
font-size: 11px;
|
|
padding-left: 4px;
|
|
color: #b3b3b3;
|
|
font-weight: normal; }
|
|
.dashboard-wrapper .main-container .widget .widget-header span.tools {
|
|
padding: 0;
|
|
float: right;
|
|
margin: 0; }
|
|
.dashboard-wrapper .main-container .widget .widget-header span.tools > a {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
color: #666666;
|
|
margin-top: 3px; }
|
|
.dashboard-wrapper .main-container .widget .widget-header span.tools > a:hover {
|
|
text-decoration: none;
|
|
opacity: .6; }
|
|
.dashboard-wrapper .main-container .widget .widget-body {
|
|
margin: 10px;
|
|
padding: 5px;
|
|
background: #f2f2f2;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
|
|
/* Login Wrapper */
|
|
|
|
.login-wrapper {
|
|
position: relative;
|
|
top: 0;
|
|
margin-top: 50px;
|
|
background: #f2f2f2;
|
|
-webkit-border-radius: 0 0 0 4px;
|
|
-moz-border-radius: 0 0 0 4px;
|
|
border-radius: 0 0 0 4px;
|
|
min-height: 1060px;
|
|
margin-bottom: 10px;
|
|
padding: 10px; }
|
|
.login-wrapper .main-container .widget {
|
|
background: #fafafa;
|
|
border: 1px solid #bfbfbf;
|
|
clear: both;
|
|
margin-top: 0px;
|
|
margin-bottom: 30px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px; }
|
|
.login-wrapper .main-container .widget .widget-header {
|
|
background-color: #ebebeb;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #ebebeb);
|
|
-webkit-border-radius: 3px 3px 0 0;
|
|
-moz-border-radius: 3px 3px 0 0;
|
|
border-radius: 3px 3px 0 0;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 10px; }
|
|
.login-wrapper .main-container .widget .widget-header .fs1 {
|
|
margin-right: 1px; }
|
|
.login-wrapper .main-container .widget .widget-header .fs1:hover {
|
|
-webkit-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg); }
|
|
.login-wrapper .main-container .widget .widget-header .title {
|
|
color: #404040;
|
|
float: left;
|
|
font-weight: bold;
|
|
font-size: 13px; }
|
|
.login-wrapper .main-container .widget .widget-header .title .attribution, .login-wrapper .main-container .widget .widget-header .title .mini-title {
|
|
font-size: 11px;
|
|
padding-left: 4px;
|
|
color: #b3b3b3;
|
|
font-weight: normal; }
|
|
.login-wrapper .main-container .widget .widget-header span.tools {
|
|
padding: 0;
|
|
float: right;
|
|
margin: 0; }
|
|
.login-wrapper .main-container .widget .widget-header span.tools > a {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
color: #666666;
|
|
margin-top: 3px; }
|
|
.login-wrapper .main-container .widget .widget-header span.tools > a:hover {
|
|
text-decoration: none;
|
|
opacity: .6; }
|
|
.login-wrapper .main-container .widget .widget-body {
|
|
margin: 10px;
|
|
padding: 5px;
|
|
background: #f2f2f2;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
|
|
/* Metro Nav */
|
|
.metro-navigation .nav-block {
|
|
display: block;
|
|
float: left;
|
|
height: 70px;
|
|
width: 14%;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: white;
|
|
overflow: hidden;
|
|
position: relative;
|
|
font-weight: 300;
|
|
letter-spacing: 0.02em;
|
|
line-height: 20px;
|
|
font-smooth: always;
|
|
margin: 0 1% 1% 0;
|
|
overflow: hidden;
|
|
z-index: 1; }
|
|
.metro-navigation .nav-block [data-icon]::before {
|
|
font-size: 32px;
|
|
color: white;
|
|
line-height: 36px; }
|
|
.metro-navigation .nav-block a {
|
|
height: 100%;
|
|
vertical-align: top;
|
|
padding: 5px 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
position: absolute;
|
|
font-weight: 400;
|
|
color: white;
|
|
font-size: 16px;
|
|
font-smooth: always;
|
|
line-height: 16px;
|
|
width: 100%; }
|
|
.metro-navigation .nav-block.double {
|
|
width: 39%; }
|
|
.metro-navigation .nav-block:hover {
|
|
outline: 2px rgba(0, 0, 0, 0.75) solid; }
|
|
.metro-navigation .nav-block .brand, .metro-navigation .nav-block .tile-status {
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 10px;
|
|
min-height: 30px;
|
|
background-color: transparent;
|
|
*zoom: 1;
|
|
font-size: 14px; }
|
|
.metro-navigation .nav-block .tile-status {
|
|
right: 10px; }
|
|
.metro-navigation * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.metro-navigation *:after, .metro-navigation *:before {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.metro-navigation .current {
|
|
border: 3px #375b7b solid;
|
|
font-size: 16px; }
|
|
.metro-navigation .current:after {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 40px solid #375b7b;
|
|
border-left: 40px solid transparent;
|
|
position: absolute;
|
|
display: block;
|
|
right: 0;
|
|
content: ".";
|
|
top: 0;
|
|
z-index: 1001; }
|
|
.metro-navigation .current:before {
|
|
position: absolute;
|
|
content: "+";
|
|
color: white;
|
|
right: 4px;
|
|
font-family: iconFont;
|
|
z-index: 1002; }
|
|
.metro-navigation .block-orange {
|
|
background: #b5799e; }
|
|
.metro-navigation .block-green {
|
|
background: #1e825e; }
|
|
.metro-navigation .block-yellow {
|
|
background: #dba26b; }
|
|
.metro-navigation .block-blue {
|
|
background: #47759e; }
|
|
.metro-navigation .block-red {
|
|
background: #e26666; }
|
|
|
|
/* Metro Gallery */
|
|
.metro-gallery .img-block {
|
|
display: block;
|
|
float: left;
|
|
height: 100px;
|
|
width: 14.5%;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: relative;
|
|
margin: 0 0.5% 0.5% 0;
|
|
overflow: hidden;
|
|
z-index: 1; }
|
|
.metro-gallery .img-block a {
|
|
height: 100%;
|
|
width: 100%; }
|
|
.metro-gallery .img-block a img {
|
|
width: 100%;
|
|
height: 100px; }
|
|
.metro-gallery .img-block.double {
|
|
width: 39.5%; }
|
|
.metro-gallery .img-block .img-title {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
width: 100%;
|
|
padding: 5px;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
min-height: 20px;
|
|
font-size: 13px;
|
|
color: white; }
|
|
|
|
/* Fancy Inputs */
|
|
.fancy-inputs {
|
|
/* SLIDE ONE */
|
|
/* SLIDE TWO */
|
|
/* SLIDE THREE */
|
|
/* SQUARED ONE */
|
|
/* SQUARED TWO */
|
|
/* SQUARED THREE */ }
|
|
.fancy-inputs input[type=checkbox] {
|
|
visibility: hidden; }
|
|
.fancy-inputs .slide-one {
|
|
width: 60px;
|
|
height: 10px;
|
|
background: #333333;
|
|
margin: 10px 20px 0 10px;
|
|
display: inline-block;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
position: relative; }
|
|
.fancy-inputs .slide-one label {
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
-webkit-transition: All 0.4s ease;
|
|
-moz-transition: All 0.4s ease;
|
|
-ms-transition: All 0.4s ease;
|
|
-o-transition: All 0.4s ease;
|
|
transition: All 0.4s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: -3px;
|
|
left: -3px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;
|
|
background-color: #ebebeb;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #ebebeb); }
|
|
.fancy-inputs .slide-one input[type=checkbox]:checked + label {
|
|
left: 45px; }
|
|
.fancy-inputs .slide-two {
|
|
width: 80px;
|
|
height: 30px;
|
|
background: #333333;
|
|
margin: 0px 20px 0px 0;
|
|
display: inline-block;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
position: relative; }
|
|
.fancy-inputs .slide-two:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 14px;
|
|
left: 14px;
|
|
height: 2px;
|
|
width: 52px;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
background: #cccccc; }
|
|
.fancy-inputs .slide-two label {
|
|
display: block;
|
|
width: 22px;
|
|
height: 22px;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
-webkit-transition: All 0.4s ease;
|
|
-moz-transition: All 0.4s ease;
|
|
-ms-transition: All 0.4s ease;
|
|
-o-transition: All 0.4s ease;
|
|
transition: All 0.4s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 4px;
|
|
z-index: 1;
|
|
left: 4px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
background-color: #ebebeb;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #ebebeb); }
|
|
.fancy-inputs .slide-two label:after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
background-color: black;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(black));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #1a1a1a, black);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #1a1a1a, black);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #1a1a1a, black);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #1a1a1a, black);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #1a1a1a, black);
|
|
left: 6px;
|
|
top: 6px; }
|
|
.fancy-inputs .slide-two input[type=checkbox]:checked + label {
|
|
left: 54px; }
|
|
.fancy-inputs .slide-two input[type=checkbox]:checked + label:after {
|
|
background: #1c7a58; }
|
|
.fancy-inputs .slide-three {
|
|
width: 80px;
|
|
height: 30px;
|
|
background: #333333;
|
|
margin: 0px 20px 0px 0;
|
|
display: inline-block;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
position: relative; }
|
|
.fancy-inputs .slide-three:after {
|
|
content: 'OFF';
|
|
font: 12px/30px Arial, sans-serif;
|
|
color: black;
|
|
position: absolute;
|
|
right: 12px;
|
|
z-index: 0;
|
|
font-weight: bold;
|
|
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); }
|
|
.fancy-inputs .slide-three:before {
|
|
content: 'ON';
|
|
font: 12px/30px Arial, sans-serif;
|
|
color: #00bf00;
|
|
position: absolute;
|
|
left: 10px;
|
|
z-index: 0;
|
|
font-weight: bold; }
|
|
.fancy-inputs .slide-three label {
|
|
display: block;
|
|
width: 38px;
|
|
height: 24px;
|
|
-webkit-border-radius: 50px;
|
|
-moz-border-radius: 50px;
|
|
border-radius: 50px;
|
|
-webkit-transition: All 0.4s ease;
|
|
-moz-transition: All 0.4s ease;
|
|
-ms-transition: All 0.4s ease;
|
|
-o-transition: All 0.4s ease;
|
|
transition: All 0.4s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 3px;
|
|
z-index: 1;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
background-color: #ebebeb;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #ebebeb); }
|
|
.fancy-inputs .slide-three input[type=checkbox]:checked + label {
|
|
left: 39px; }
|
|
.fancy-inputs .squared-one {
|
|
width: 28px;
|
|
height: 28px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
background-color: #ebebeb;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ebebeb));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #ebebeb);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #ebebeb);
|
|
margin: 0px 20px 0 0;
|
|
display: inline-block;
|
|
position: relative; }
|
|
.fancy-inputs .squared-one label {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
left: 4px;
|
|
top: 4px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
background-color: #333333;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#333333));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #1a1a1a, #333333);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #1a1a1a, #333333);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #1a1a1a, #333333);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #1a1a1a, #333333);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #1a1a1a, #333333); }
|
|
.fancy-inputs .squared-one label:after {
|
|
opacity: 0;
|
|
content: '';
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: #1c7a58;
|
|
top: 2px;
|
|
left: 2px; }
|
|
.fancy-inputs .squared-one label:hover::after {
|
|
opacity: 0.3; }
|
|
.fancy-inputs .squared-one input[type=checkbox]:checked + label:after {
|
|
opacity: 1; }
|
|
.fancy-inputs .squared-two {
|
|
width: 28px;
|
|
height: 28px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
background-color: #e6e6e6;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e6e6e6));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #f7f7f7, #e6e6e6);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #f7f7f7, #e6e6e6);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #f7f7f7, #e6e6e6);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #f7f7f7, #e6e6e6);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #f7f7f7, #e6e6e6);
|
|
margin: 0px 20px 0 0;
|
|
display: inline-block;
|
|
position: relative; }
|
|
.fancy-inputs .squared-two label {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
left: 4px;
|
|
top: 4px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
background-color: #1a1a1a;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#1a1a1a));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #080808, #1a1a1a);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #080808, #1a1a1a);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #080808, #1a1a1a);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #080808, #1a1a1a);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #080808, #1a1a1a); }
|
|
.fancy-inputs .squared-two label:after {
|
|
opacity: 0;
|
|
content: '';
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 5px;
|
|
background: transparent;
|
|
top: 4px;
|
|
left: 4px;
|
|
border: 3px solid #fcfff4;
|
|
border-top: none;
|
|
border-right: none;
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg); }
|
|
.fancy-inputs .squared-two label:hover::after {
|
|
opacity: 0.3; }
|
|
.fancy-inputs .squared-two input[type=checkbox]:checked + label:after {
|
|
opacity: 1; }
|
|
.fancy-inputs .squared-three {
|
|
width: 20px;
|
|
margin: 4px 0 0 0;
|
|
display: inline-block;
|
|
position: relative; }
|
|
.fancy-inputs .squared-three label {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 0;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
|
|
background-color: #4d4d4d;
|
|
/* Fallback Color */
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#4d4d4d));
|
|
/* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, #333333, #4d4d4d);
|
|
/* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, #333333, #4d4d4d);
|
|
/* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, #333333, #4d4d4d);
|
|
/* IE10 */
|
|
background-image: -o-linear-gradient(top, #333333, #4d4d4d);
|
|
/* Opera 11.10+ */
|
|
background-image: linear-gradient(top, #333333, #4d4d4d); }
|
|
.fancy-inputs .squared-three label:after {
|
|
opacity: 0;
|
|
content: '';
|
|
position: absolute;
|
|
width: 9px;
|
|
height: 5px;
|
|
background: transparent;
|
|
top: 4px;
|
|
left: 4px;
|
|
border: 3px solid #fcfff4;
|
|
border-top: none;
|
|
border-right: none;
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg); }
|
|
.fancy-inputs .squared-three label:hover::after {
|
|
opacity: 0.3; }
|
|
.fancy-inputs .squared-three input[type=checkbox]:checked + label:after {
|
|
opacity: 1; }
|
|
|
|
/* INVOICE page CSS starts here */
|
|
.invoice {
|
|
border: 1px solid #cccccc;
|
|
padding: 15px; }
|
|
.invoice .invoice-head {
|
|
border-bottom: 1px solid #cccccc;
|
|
height: 48px; }
|
|
.invoice .invoice-head .logo {
|
|
margin: 0; }
|
|
.invoice .invoice-head .invoice-info {
|
|
float: right;
|
|
margin-top: 8px;
|
|
text-align: right; }
|
|
.invoice .invoice-head .invoice-info span {
|
|
color: #b5799e;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
float: right;
|
|
text-align: right; }
|
|
.invoice .invoice-head .invoice-info .date {
|
|
color: #47759e;
|
|
font-size: 11px;
|
|
font-weight: 500; }
|
|
.invoice .invoice-data-container {
|
|
padding: 20px 0; }
|
|
.invoice .invoice-data-container .from {
|
|
width: 40%; }
|
|
.invoice .invoice-data-container .from h5 {
|
|
color: #4d4d4d;
|
|
margin: 0 0 10px 0;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }
|
|
.invoice .invoice-data-container .from span {
|
|
color: #be89aa;
|
|
display: block;
|
|
font-size: 12px;
|
|
margin-bottom: 3px; }
|
|
|
|
/* INVOICE page CSS ends here */
|
|
/* Not Found page CSS starts here */
|
|
.error-container {
|
|
margin-top: 50px;
|
|
margin-bottom: 50px;
|
|
text-align: center; }
|
|
.error-container h1 {
|
|
margin-bottom: .5em;
|
|
line-height: 1em;
|
|
color: #b5799e; }
|
|
.error-container h2 {
|
|
margin-bottom: .75em; }
|
|
.error-container .error-details {
|
|
margin-bottom: 1.5em;
|
|
font-size: 16px; }
|
|
.error-container .error-actions a {
|
|
margin: 0 0.5em; }
|
|
|
|
.number {
|
|
text-align: right;
|
|
font-size: 150px;
|
|
color: #b5799e;
|
|
line-height: 100%; }
|
|
|
|
/* Not Found page CSS ends here */
|
|
/* Dashboard Wrapper Ends Here */
|
|
footer {
|
|
background-color: #282828;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d0d0d), color-stop(85%, #262626), to(#333333));
|
|
background-image: -webkit-linear-gradient(#0d0d0d, #262626 85%, #333333);
|
|
background-image: -moz-linear-gradient(top, #0d0d0d, #262626 85%, #333333);
|
|
background-image: -o-linear-gradient(#0d0d0d, #262626 85%, #333333);
|
|
background-image: linear-gradient(#0d0d0d, #262626 85%, #333333);
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
height: 30px;
|
|
font-weight: normal;
|
|
line-height: 30px;
|
|
font-size: 11px;
|
|
padding: 10px;
|
|
z-index: 1; }
|
|
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.hidden-desktop {
|
|
display: inherit !important; }
|
|
|
|
.visible-desktop {
|
|
display: none !important; }
|
|
|
|
.visible-tablet {
|
|
display: inherit !important; }
|
|
|
|
.hidden-tablet {
|
|
display: none !important; }
|
|
|
|
.dashboard-wrapper {
|
|
margin-left: 0;
|
|
min-height: 680px;
|
|
padding: 10px 5px;
|
|
background: #fafafa; }
|
|
.dashboard-wrapper .main-container {
|
|
margin-right: 0px; }
|
|
.dashboard-wrapper .main-container .widget .widget-header .tools {
|
|
display: none; }
|
|
.dashboard-wrapper .main-container .widget .widget-header .mini-title {
|
|
display: none; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart {
|
|
float: none;
|
|
width: 100%; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart .easyPieChart {
|
|
margin: auto; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .current-statistics h3 {
|
|
font-size: 18px; } }
|
|
@media (max-width: 767px) {
|
|
.hidden-desktop {
|
|
display: inherit !important; }
|
|
|
|
.visible-desktop {
|
|
display: none !important; }
|
|
|
|
.visible-phone {
|
|
display: inherit !important; }
|
|
|
|
.hidden-phone {
|
|
display: none !important; } }
|
|
@media (max-width: 767px) {
|
|
body {
|
|
padding-left: 10px;
|
|
padding-right: 10px; }
|
|
|
|
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
|
|
margin-left: -20px;
|
|
margin-right: -20px; }
|
|
|
|
.container-fluid {
|
|
padding: 0; }
|
|
|
|
.dl-horizontal dt {
|
|
float: none;
|
|
clear: none;
|
|
width: auto;
|
|
text-align: left; }
|
|
.dl-horizontal dd {
|
|
margin-left: 0; }
|
|
|
|
.container {
|
|
width: auto; }
|
|
|
|
.row-fluid {
|
|
width: 100%; }
|
|
|
|
.row {
|
|
margin-left: 0; }
|
|
|
|
.thumbnails {
|
|
margin-left: 0; }
|
|
.thumbnails > li {
|
|
float: none;
|
|
margin-left: 0; }
|
|
|
|
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
|
|
float: none;
|
|
display: block;
|
|
width: 100%;
|
|
margin-left: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
.span12 {
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
.row-fluid .span12 {
|
|
width: 100%;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.row-fluid [class*="offset"]:first-child {
|
|
margin-left: 0; }
|
|
|
|
.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 30px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
.input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
|
|
display: inline-block;
|
|
width: auto; }
|
|
|
|
.controls-row [class*="span"] + [class*="span"] {
|
|
margin-left: 0; }
|
|
|
|
.modal {
|
|
position: fixed;
|
|
top: 20px;
|
|
left: 20px;
|
|
right: 20px;
|
|
width: auto;
|
|
margin: 0; }
|
|
.modal.fade {
|
|
top: -100px; }
|
|
.modal.fade.in {
|
|
top: 20px; } }
|
|
@media (max-width: 480px) {
|
|
body {
|
|
background: #fafafa; }
|
|
|
|
.nav-collapse {
|
|
-webkit-transform: translate3d(0, 0, 0); }
|
|
|
|
.page-header h1 small {
|
|
display: block;
|
|
line-height: 20px; }
|
|
|
|
input[type="checkbox"], input[type="radio"] {
|
|
border: 1px solid gray; }
|
|
|
|
.form-horizontal .control-label {
|
|
float: none;
|
|
width: auto;
|
|
padding-top: 0;
|
|
text-align: left; }
|
|
.form-horizontal .controls {
|
|
margin-left: 0; }
|
|
.form-horizontal .control-list {
|
|
padding-top: 0; }
|
|
.form-horizontal .form-actions {
|
|
padding-left: 10px;
|
|
padding-right: 10px; }
|
|
|
|
.media .pull-left, .media .pull-right {
|
|
float: none;
|
|
display: block;
|
|
margin-bottom: 10px; }
|
|
|
|
.media-object {
|
|
margin-right: 0;
|
|
margin-left: 0; }
|
|
|
|
.modal {
|
|
top: 10px;
|
|
left: 10px;
|
|
right: 10px; }
|
|
|
|
.modal-header .close {
|
|
padding: 10px;
|
|
margin: -10px; }
|
|
|
|
.carousel-caption {
|
|
position: static; }
|
|
|
|
#dt_example .dataTables_length, #dt_example .dataTables_filter {
|
|
display: none; }
|
|
|
|
#dt_example .dataTables_paginate .next, #dt_example .dataTables_paginate .previous {
|
|
display: none; }
|
|
|
|
header .user-profile {
|
|
padding: 0 10px; }
|
|
header .mini-nav {
|
|
margin: 0; }
|
|
header .mini-nav li {
|
|
padding: 0px 15px;
|
|
border-right: 1px solid #333333; }
|
|
header .mini-nav li:first-child {
|
|
border-left: 1px solid #333333; }
|
|
header .mini-nav li:last-child {
|
|
border-right: none; }
|
|
header .mini-nav li .info-label, header .mini-nav li .info-label-green, header .mini-nav li .info-label-orange {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 13px; }
|
|
header .mini-nav li .info-label-green {
|
|
background: #1e825e; }
|
|
header .mini-nav li .info-label-green:before {
|
|
background: #1e825e; }
|
|
header .mini-nav li .info-label-orange {
|
|
background: #b5799e; }
|
|
header .mini-nav li .info-label-orange:before {
|
|
background: #b5799e; }
|
|
|
|
.input-left-top-margins {
|
|
margin-left: 0 !important;
|
|
margin-top: 4px !important; }
|
|
|
|
.input-top-margin {
|
|
margin-top: 4px !important; }
|
|
|
|
.input-bottom-margin {
|
|
margin-bottom: 4px !important; }
|
|
|
|
.hidden-phone {
|
|
display: none; }
|
|
|
|
#scrollUp {
|
|
display: none !important; }
|
|
|
|
.dashboard-wrapper {
|
|
margin-left: 0;
|
|
min-height: 280px;
|
|
padding: 10px 5px;
|
|
background: #fafafa; }
|
|
.dashboard-wrapper .main-container {
|
|
margin-right: 0px; }
|
|
.dashboard-wrapper .main-container .widget .widget-header .tools {
|
|
display: none; }
|
|
.dashboard-wrapper .main-container .widget .widget-header .mini-title {
|
|
display: none; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart {
|
|
float: none;
|
|
width: 100%; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .easy-pie-charts-container .pie-chart .easyPieChart {
|
|
margin: auto; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .metro-gallery .img-block {
|
|
height: 36px; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .metro-gallery .img-block img {
|
|
height: 36px; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .metro-gallery .img-block .img-title {
|
|
display: none; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .metro-navigation .nav-block {
|
|
width: 49%; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .metro-navigation .nav-block:hover {
|
|
outline: none;
|
|
opacity: 0.8; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .metro-navigation .nav-block.double {
|
|
width: 49%; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .fc-header-title h2 {
|
|
display: none; }
|
|
.dashboard-wrapper .main-container .widget .widget-body .fc-header-right {
|
|
display: none; } }
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.row {
|
|
margin-left: -20px;
|
|
*zoom: 1; }
|
|
.row:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.row:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
[class*="span"] {
|
|
float: left;
|
|
min-height: 1px;
|
|
margin-left: 20px; }
|
|
|
|
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span12 {
|
|
width: 724px; }
|
|
|
|
.span11 {
|
|
width: 662px; }
|
|
|
|
.span10 {
|
|
width: 600px; }
|
|
|
|
.span9 {
|
|
width: 538px; }
|
|
|
|
.span8 {
|
|
width: 476px; }
|
|
|
|
.span7 {
|
|
width: 414px; }
|
|
|
|
.span6 {
|
|
width: 352px; }
|
|
|
|
.span5 {
|
|
width: 290px; }
|
|
|
|
.span4 {
|
|
width: 228px; }
|
|
|
|
.span3 {
|
|
width: 166px; }
|
|
|
|
.span2 {
|
|
width: 104px; }
|
|
|
|
.span1 {
|
|
width: 42px; }
|
|
|
|
.offset12 {
|
|
margin-left: 764px; }
|
|
|
|
.offset11 {
|
|
margin-left: 702px; }
|
|
|
|
.offset10 {
|
|
margin-left: 640px; }
|
|
|
|
.offset9 {
|
|
margin-left: 578px; }
|
|
|
|
.offset8 {
|
|
margin-left: 516px; }
|
|
|
|
.offset7 {
|
|
margin-left: 454px; }
|
|
|
|
.offset6 {
|
|
margin-left: 392px; }
|
|
|
|
.offset5 {
|
|
margin-left: 330px; }
|
|
|
|
.offset4 {
|
|
margin-left: 268px; }
|
|
|
|
.offset3 {
|
|
margin-left: 206px; }
|
|
|
|
.offset2 {
|
|
margin-left: 144px; }
|
|
|
|
.offset1 {
|
|
margin-left: 82px; }
|
|
|
|
.row-fluid {
|
|
width: 100%;
|
|
*zoom: 1; }
|
|
.row-fluid:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.row-fluid:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.row-fluid [class*="span"] {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 30px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
margin-left: 2.7624309392265194%;
|
|
*margin-left: 2.709239449864817%; }
|
|
.row-fluid [class*="span"]:first-child {
|
|
margin-left: 0; }
|
|
.row-fluid .controls-row [class*="span"] + [class*="span"] {
|
|
margin-left: 2.7624309392265194%; }
|
|
.row-fluid .span12 {
|
|
width: 100%;
|
|
*width: 99.94680851063829%; }
|
|
.row-fluid .span11 {
|
|
width: 91.43646408839778%;
|
|
*width: 91.38327259903608%; }
|
|
.row-fluid .span10 {
|
|
width: 82.87292817679558%;
|
|
*width: 82.81973668743387%; }
|
|
.row-fluid .span9 {
|
|
width: 74.30939226519337%;
|
|
*width: 74.25620077583166%; }
|
|
.row-fluid .span8 {
|
|
width: 65.74585635359117%;
|
|
*width: 65.69266486422946%; }
|
|
.row-fluid .span7 {
|
|
width: 57.18232044198895%;
|
|
*width: 57.12912895262725%; }
|
|
.row-fluid .span6 {
|
|
width: 48.61878453038674%;
|
|
*width: 48.56559304102504%; }
|
|
.row-fluid .span5 {
|
|
width: 40.05524861878453%;
|
|
*width: 40.00205712942283%; }
|
|
.row-fluid .span4 {
|
|
width: 31.491712707182323%;
|
|
*width: 31.43852121782062%; }
|
|
.row-fluid .span3 {
|
|
width: 22.92817679558011%;
|
|
*width: 22.87498530621841%; }
|
|
.row-fluid .span2 {
|
|
width: 14.3646408839779%;
|
|
*width: 14.311449394616199%; }
|
|
.row-fluid .span1 {
|
|
width: 5.801104972375691%;
|
|
*width: 5.747913483013988%; }
|
|
.row-fluid .offset12 {
|
|
margin-left: 105.52486187845304%;
|
|
*margin-left: 105.41847889972962%; }
|
|
.row-fluid .offset12:first-child {
|
|
margin-left: 102.76243093922652%;
|
|
*margin-left: 102.6560479605031%; }
|
|
.row-fluid .offset11 {
|
|
margin-left: 96.96132596685082%;
|
|
*margin-left: 96.8549429881274%; }
|
|
.row-fluid .offset11:first-child {
|
|
margin-left: 94.1988950276243%;
|
|
*margin-left: 94.09251204890089%; }
|
|
.row-fluid .offset10 {
|
|
margin-left: 88.39779005524862%;
|
|
*margin-left: 88.2914070765252%; }
|
|
.row-fluid .offset10:first-child {
|
|
margin-left: 85.6353591160221%;
|
|
*margin-left: 85.52897613729868%; }
|
|
.row-fluid .offset9 {
|
|
margin-left: 79.8342541436464%;
|
|
*margin-left: 79.72787116492299%; }
|
|
.row-fluid .offset9:first-child {
|
|
margin-left: 77.07182320441989%;
|
|
*margin-left: 76.96544022569647%; }
|
|
.row-fluid .offset8 {
|
|
margin-left: 71.2707182320442%;
|
|
*margin-left: 71.16433525332079%; }
|
|
.row-fluid .offset8:first-child {
|
|
margin-left: 68.50828729281768%;
|
|
*margin-left: 68.40190431409427%; }
|
|
.row-fluid .offset7 {
|
|
margin-left: 62.70718232044199%;
|
|
*margin-left: 62.600799341718584%; }
|
|
.row-fluid .offset7:first-child {
|
|
margin-left: 59.94475138121547%;
|
|
*margin-left: 59.838368402492065%; }
|
|
.row-fluid .offset6 {
|
|
margin-left: 54.14364640883978%;
|
|
*margin-left: 54.037263430116376%; }
|
|
.row-fluid .offset6:first-child {
|
|
margin-left: 51.38121546961326%;
|
|
*margin-left: 51.27483249088986%; }
|
|
.row-fluid .offset5 {
|
|
margin-left: 45.58011049723757%;
|
|
*margin-left: 45.47372751851417%; }
|
|
.row-fluid .offset5:first-child {
|
|
margin-left: 42.81767955801105%;
|
|
*margin-left: 42.71129657928765%; }
|
|
.row-fluid .offset4 {
|
|
margin-left: 37.01657458563536%;
|
|
*margin-left: 36.91019160691196%; }
|
|
.row-fluid .offset4:first-child {
|
|
margin-left: 34.25414364640884%;
|
|
*margin-left: 34.14776066768544%; }
|
|
.row-fluid .offset3 {
|
|
margin-left: 28.45303867403315%;
|
|
*margin-left: 28.346655695309746%; }
|
|
.row-fluid .offset3:first-child {
|
|
margin-left: 25.69060773480663%;
|
|
*margin-left: 25.584224756083227%; }
|
|
.row-fluid .offset2 {
|
|
margin-left: 19.88950276243094%;
|
|
*margin-left: 19.783119783707537%; }
|
|
.row-fluid .offset2:first-child {
|
|
margin-left: 17.12707182320442%;
|
|
*margin-left: 17.02068884448102%; }
|
|
.row-fluid .offset1 {
|
|
margin-left: 11.32596685082873%;
|
|
*margin-left: 11.219583872105325%; }
|
|
.row-fluid .offset1:first-child {
|
|
margin-left: 8.56353591160221%;
|
|
*margin-left: 8.457152932878806%; }
|
|
|
|
input, textarea, .uneditable-input {
|
|
margin-left: 0; }
|
|
|
|
.controls-row [class*="span"] + [class*="span"] {
|
|
margin-left: 20px; }
|
|
|
|
input.span12, textarea.span12, .uneditable-input.span12 {
|
|
width: 710px; }
|
|
|
|
input.span11, textarea.span11, .uneditable-input.span11 {
|
|
width: 648px; }
|
|
|
|
input.span10, textarea.span10, .uneditable-input.span10 {
|
|
width: 586px; }
|
|
|
|
input.span9, textarea.span9, .uneditable-input.span9 {
|
|
width: 524px; }
|
|
|
|
input.span8, textarea.span8, .uneditable-input.span8 {
|
|
width: 462px; }
|
|
|
|
input.span7, textarea.span7, .uneditable-input.span7 {
|
|
width: 400px; }
|
|
|
|
input.span6, textarea.span6, .uneditable-input.span6 {
|
|
width: 338px; }
|
|
|
|
input.span5, textarea.span5, .uneditable-input.span5 {
|
|
width: 276px; }
|
|
|
|
input.span4, textarea.span4, .uneditable-input.span4 {
|
|
width: 214px; }
|
|
|
|
input.span3, textarea.span3, .uneditable-input.span3 {
|
|
width: 152px; }
|
|
|
|
input.span2, textarea.span2, .uneditable-input.span2 {
|
|
width: 90px; }
|
|
|
|
input.span1, textarea.span1, .uneditable-input.span1 {
|
|
width: 28px; } }
|
|
@media (min-width: 1200px) {
|
|
.row {
|
|
margin-left: -30px;
|
|
*zoom: 1; }
|
|
.row:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.row:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
|
|
[class*="span"] {
|
|
float: left;
|
|
min-height: 1px;
|
|
margin-left: 30px; }
|
|
|
|
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .span12 {
|
|
width: 1170px; }
|
|
|
|
.span11 {
|
|
width: 1070px; }
|
|
|
|
.span10 {
|
|
width: 970px; }
|
|
|
|
.span9 {
|
|
width: 870px; }
|
|
|
|
.span8 {
|
|
width: 770px; }
|
|
|
|
.span7 {
|
|
width: 670px; }
|
|
|
|
.span6 {
|
|
width: 570px; }
|
|
|
|
.span5 {
|
|
width: 470px; }
|
|
|
|
.span4 {
|
|
width: 370px; }
|
|
|
|
.span3 {
|
|
width: 270px; }
|
|
|
|
.span2 {
|
|
width: 170px; }
|
|
|
|
.span1 {
|
|
width: 70px; }
|
|
|
|
.offset12 {
|
|
margin-left: 1230px; }
|
|
|
|
.offset11 {
|
|
margin-left: 1130px; }
|
|
|
|
.offset10 {
|
|
margin-left: 1030px; }
|
|
|
|
.offset9 {
|
|
margin-left: 930px; }
|
|
|
|
.offset8 {
|
|
margin-left: 830px; }
|
|
|
|
.offset7 {
|
|
margin-left: 730px; }
|
|
|
|
.offset6 {
|
|
margin-left: 630px; }
|
|
|
|
.offset5 {
|
|
margin-left: 530px; }
|
|
|
|
.offset4 {
|
|
margin-left: 430px; }
|
|
|
|
.offset3 {
|
|
margin-left: 330px; }
|
|
|
|
.offset2 {
|
|
margin-left: 230px; }
|
|
|
|
.offset1 {
|
|
margin-left: 130px; }
|
|
|
|
.row-fluid {
|
|
width: 100%;
|
|
*zoom: 1; }
|
|
.row-fluid:before {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0; }
|
|
.row-fluid:after {
|
|
display: table;
|
|
content: "";
|
|
line-height: 0;
|
|
clear: both; }
|
|
.row-fluid [class*="span"] {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 30px;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
margin-left: 2.564102564102564%;
|
|
*margin-left: 2.5109110747408616%; }
|
|
.row-fluid [class*="span"]:first-child {
|
|
margin-left: 0; }
|
|
.row-fluid .controls-row [class*="span"] + [class*="span"] {
|
|
margin-left: 2.564102564102564%; }
|
|
.row-fluid .span12 {
|
|
width: 100%;
|
|
*width: 99.94680851063829%; }
|
|
.row-fluid .span11 {
|
|
width: 91.45299145299145%;
|
|
*width: 91.39979996362975%; }
|
|
.row-fluid .span10 {
|
|
width: 82.90598290598291%;
|
|
*width: 82.8527914166212%; }
|
|
.row-fluid .span9 {
|
|
width: 74.35897435897436%;
|
|
*width: 74.30578286961266%; }
|
|
.row-fluid .span8 {
|
|
width: 65.81196581196582%;
|
|
*width: 65.75877432260411%; }
|
|
.row-fluid .span7 {
|
|
width: 57.26495726495726%;
|
|
*width: 57.21176577559556%; }
|
|
.row-fluid .span6 {
|
|
width: 48.717948717948715%;
|
|
*width: 48.664757228587014%; }
|
|
.row-fluid .span5 {
|
|
width: 40.17094017094017%;
|
|
*width: 40.11774868157847%; }
|
|
.row-fluid .span4 {
|
|
width: 31.623931623931625%;
|
|
*width: 31.570740134569924%; }
|
|
.row-fluid .span3 {
|
|
width: 23.076923076923077%;
|
|
*width: 23.023731587561375%; }
|
|
.row-fluid .span2 {
|
|
width: 14.52991452991453%;
|
|
*width: 14.476723040552828%; }
|
|
.row-fluid .span1 {
|
|
width: 5.982905982905983%;
|
|
*width: 5.929714493544281%; }
|
|
.row-fluid .offset12 {
|
|
margin-left: 105.12820512820512%;
|
|
*margin-left: 105.02182214948171%; }
|
|
.row-fluid .offset12:first-child {
|
|
margin-left: 102.56410256410257%;
|
|
*margin-left: 102.45771958537915%; }
|
|
.row-fluid .offset11 {
|
|
margin-left: 96.58119658119658%;
|
|
*margin-left: 96.47481360247316%; }
|
|
.row-fluid .offset11:first-child {
|
|
margin-left: 94.01709401709402%;
|
|
*margin-left: 93.91071103837061%; }
|
|
.row-fluid .offset10 {
|
|
margin-left: 88.03418803418803%;
|
|
*margin-left: 87.92780505546462%; }
|
|
.row-fluid .offset10:first-child {
|
|
margin-left: 85.47008547008548%;
|
|
*margin-left: 85.36370249136206%; }
|
|
.row-fluid .offset9 {
|
|
margin-left: 79.48717948717949%;
|
|
*margin-left: 79.38079650845607%; }
|
|
.row-fluid .offset9:first-child {
|
|
margin-left: 76.92307692307693%;
|
|
*margin-left: 76.81669394435352%; }
|
|
.row-fluid .offset8 {
|
|
margin-left: 70.94017094017094%;
|
|
*margin-left: 70.83378796144753%; }
|
|
.row-fluid .offset8:first-child {
|
|
margin-left: 68.37606837606839%;
|
|
*margin-left: 68.26968539734497%; }
|
|
.row-fluid .offset7 {
|
|
margin-left: 62.393162393162385%;
|
|
*margin-left: 62.28677941443899%; }
|
|
.row-fluid .offset7:first-child {
|
|
margin-left: 59.82905982905982%;
|
|
*margin-left: 59.72267685033642%; }
|
|
.row-fluid .offset6 {
|
|
margin-left: 53.84615384615384%;
|
|
*margin-left: 53.739770867430444%; }
|
|
.row-fluid .offset6:first-child {
|
|
margin-left: 51.28205128205128%;
|
|
*margin-left: 51.175668303327875%; }
|
|
.row-fluid .offset5 {
|
|
margin-left: 45.299145299145295%;
|
|
*margin-left: 45.1927623204219%; }
|
|
.row-fluid .offset5:first-child {
|
|
margin-left: 42.73504273504273%;
|
|
*margin-left: 42.62865975631933%; }
|
|
.row-fluid .offset4 {
|
|
margin-left: 36.75213675213675%;
|
|
*margin-left: 36.645753773413354%; }
|
|
.row-fluid .offset4:first-child {
|
|
margin-left: 34.18803418803419%;
|
|
*margin-left: 34.081651209310785%; }
|
|
.row-fluid .offset3 {
|
|
margin-left: 28.205128205128204%;
|
|
*margin-left: 28.0987452264048%; }
|
|
.row-fluid .offset3:first-child {
|
|
margin-left: 25.641025641025642%;
|
|
*margin-left: 25.53464266230224%; }
|
|
.row-fluid .offset2 {
|
|
margin-left: 19.65811965811966%;
|
|
*margin-left: 19.551736679396257%; }
|
|
.row-fluid .offset2:first-child {
|
|
margin-left: 17.094017094017094%;
|
|
*margin-left: 16.98763411529369%; }
|
|
.row-fluid .offset1 {
|
|
margin-left: 11.11111111111111%;
|
|
*margin-left: 11.004728132387708%; }
|
|
.row-fluid .offset1:first-child {
|
|
margin-left: 8.547008547008547%;
|
|
*margin-left: 8.440625568285142%; }
|
|
|
|
input, textarea, .uneditable-input {
|
|
margin-left: 0; }
|
|
|
|
.controls-row [class*="span"] + [class*="span"] {
|
|
margin-left: 30px; }
|
|
|
|
input.span12, textarea.span12, .uneditable-input.span12 {
|
|
width: 1156px; }
|
|
|
|
input.span11, textarea.span11, .uneditable-input.span11 {
|
|
width: 1056px; }
|
|
|
|
input.span10, textarea.span10, .uneditable-input.span10 {
|
|
width: 956px; }
|
|
|
|
input.span9, textarea.span9, .uneditable-input.span9 {
|
|
width: 856px; }
|
|
|
|
input.span8, textarea.span8, .uneditable-input.span8 {
|
|
width: 756px; }
|
|
|
|
input.span7, textarea.span7, .uneditable-input.span7 {
|
|
width: 656px; }
|
|
|
|
input.span6, textarea.span6, .uneditable-input.span6 {
|
|
width: 556px; }
|
|
|
|
input.span5, textarea.span5, .uneditable-input.span5 {
|
|
width: 456px; }
|
|
|
|
input.span4, textarea.span4, .uneditable-input.span4 {
|
|
width: 356px; }
|
|
|
|
input.span3, textarea.span3, .uneditable-input.span3 {
|
|
width: 256px; }
|
|
|
|
input.span2, textarea.span2, .uneditable-input.span2 {
|
|
width: 156px; }
|
|
|
|
input.span1, textarea.span1, .uneditable-input.span1 {
|
|
width: 56px; }
|
|
|
|
.thumbnails {
|
|
margin-left: -30px; }
|
|
.thumbnails > li {
|
|
margin-left: 30px; }
|
|
|
|
.row-fluid .thumbnails {
|
|
margin-left: 0; } }
|
|
@media (max-width: 979px) {
|
|
body {
|
|
padding-top: 0; }
|
|
|
|
.navbar-fixed-top, .navbar-fixed-bottom {
|
|
position: static; }
|
|
|
|
.navbar-fixed-top {
|
|
margin-bottom: 20px; }
|
|
|
|
.navbar-fixed-bottom {
|
|
margin-top: 20px; }
|
|
|
|
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
|
|
padding: 5px; }
|
|
|
|
.navbar .container {
|
|
width: auto;
|
|
padding: 0; }
|
|
.navbar .brand {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
margin: 0 0 0 -5px; }
|
|
|
|
.nav-collapse {
|
|
clear: both; }
|
|
.nav-collapse .nav {
|
|
float: none;
|
|
margin: 0 0 10px; }
|
|
.nav-collapse .nav > li {
|
|
float: none; }
|
|
.nav-collapse .nav > li > a {
|
|
margin-bottom: 2px; }
|
|
.nav-collapse .nav > .divider-vertical {
|
|
display: none; }
|
|
.nav-collapse .nav .nav-header {
|
|
color: #707070;
|
|
text-shadow: none; }
|
|
.nav-collapse .nav > li > a {
|
|
padding: 9px 15px;
|
|
font-weight: bold;
|
|
color: #707070;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px; }
|
|
.nav-collapse .dropdown-menu a {
|
|
padding: 9px 15px;
|
|
font-weight: bold;
|
|
color: #707070; }
|
|
.nav-collapse .btn {
|
|
padding: 4px 10px 4px;
|
|
font-weight: normal;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
border-radius: 2px; }
|
|
.nav-collapse .dropdown-menu li + li a {
|
|
margin-bottom: 2px; }
|
|
.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
|
|
background-color: #f7f7f7; }
|
|
|
|
.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
|
|
color: #999999; }
|
|
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {
|
|
background-color: #1a1a1a; }
|
|
|
|
.nav-collapse.in .btn-group {
|
|
margin-top: 5px;
|
|
padding: 0; }
|
|
.nav-collapse .dropdown-menu {
|
|
position: static;
|
|
top: auto;
|
|
left: auto;
|
|
float: none;
|
|
display: none;
|
|
max-width: none;
|
|
margin: 0 15px;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
border: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none; }
|
|
.nav-collapse .open > .dropdown-menu {
|
|
display: block; }
|
|
.nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after, .nav-collapse .dropdown-menu .divider {
|
|
display: none; }
|
|
.nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {
|
|
display: none; }
|
|
.nav-collapse .navbar-form, .nav-collapse .navbar-search {
|
|
float: none;
|
|
padding: 10px 15px;
|
|
margin: 10px 0;
|
|
border-top: 1px solid #f7f7f7;
|
|
border-bottom: 1px solid #f7f7f7;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px 0 rgba(255, 255, 255, 0.1); }
|
|
|
|
.navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {
|
|
border-top-color: #1a1a1a;
|
|
border-bottom-color: #1a1a1a; }
|
|
|
|
.navbar .nav-collapse .nav.pull-right {
|
|
float: none;
|
|
margin-left: 0; }
|
|
|
|
.nav-collapse {
|
|
overflow: hidden;
|
|
height: 0; }
|
|
.nav-collapse.collapse {
|
|
overflow: hidden;
|
|
height: 0; }
|
|
|
|
.navbar .btn-navbar {
|
|
display: block; }
|
|
|
|
.navbar-static .navbar-inner {
|
|
padding-left: 10px;
|
|
padding-right: 10px; } }
|
|
@media (min-width: 980px) {
|
|
.nav-collapse.collapse {
|
|
height: auto !important;
|
|
overflow: visible !important; } }
|