da
8b2a052422
- Added button for random sounds to each category - Visual improvements on category separation and a lot more (thanks, Pixeljockey) - Crash bug fix on playing random sounds with commands without soundnames
2044 lines
42 KiB
CSS
2044 lines
42 KiB
CSS
@font-face {
|
|
font-family: 'Lato';
|
|
src: url('../fonts/lato/lato-black.eot');
|
|
src: url('../fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black.woff') format('woff'), url('../fonts/lato/lato-black.ttf') format('truetype'), url('../fonts/lato/lato-black.svg#latoblack') format('svg');
|
|
font-weight: 900;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
src: url('../fonts/lato/lato-bold.eot');
|
|
src: url('../fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#latobold') format('svg');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
src: url('../fonts/lato/lato-bolditalic.eot');
|
|
src: url('../fonts/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic.woff') format('woff'), url('../fonts/lato/lato-bolditalic.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic.svg#latobold-italic') format('svg');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
src: url('../fonts/lato/lato-italic.eot');
|
|
src: url('../fonts/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic.woff') format('woff'), url('../fonts/lato/lato-italic.ttf') format('truetype'), url('../fonts/lato/lato-italic.svg#latoitalic') format('svg');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
src: url('../fonts/lato/lato-light.eot');
|
|
src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#latolight') format('svg');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Lato';
|
|
src: url('../fonts/lato/lato-regular.eot');
|
|
src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#latoregular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Flat-UI-Icons';
|
|
src: url('../fonts/glyphicons/flat-ui-icons-regular.eot');
|
|
src: url('../fonts/glyphicons/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons/flat-ui-icons-regular.woff') format('woff'), url('../fonts/glyphicons/flat-ui-icons-regular.ttf') format('truetype'), url('../fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg');
|
|
}
|
|
[class^="fui-"],
|
|
[class*="fui-"] {
|
|
font-family: 'Flat-UI-Icons';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.fui-triangle-up:before {
|
|
content: "\e600";
|
|
}
|
|
.fui-triangle-down:before {
|
|
content: "\e601";
|
|
}
|
|
.fui-triangle-up-small:before {
|
|
content: "\e602";
|
|
}
|
|
.fui-triangle-down-small:before {
|
|
content: "\e603";
|
|
}
|
|
.fui-triangle-left-large:before {
|
|
content: "\e604";
|
|
}
|
|
.fui-triangle-right-large:before {
|
|
content: "\e605";
|
|
}
|
|
.fui-arrow-left:before {
|
|
content: "\e606";
|
|
}
|
|
.fui-arrow-right:before {
|
|
content: "\e607";
|
|
}
|
|
.fui-plus:before {
|
|
content: "\e608";
|
|
}
|
|
.fui-cross:before {
|
|
content: "\e609";
|
|
}
|
|
.fui-check:before {
|
|
content: "\e60a";
|
|
}
|
|
.fui-radio-unchecked:before {
|
|
content: "\e60b";
|
|
}
|
|
.fui-radio-checked:before {
|
|
content: "\e60c";
|
|
}
|
|
.fui-checkbox-unchecked:before {
|
|
content: "\e60d";
|
|
}
|
|
.fui-checkbox-checked:before {
|
|
content: "\e60e";
|
|
}
|
|
.fui-info-circle:before {
|
|
content: "\e60f";
|
|
}
|
|
.fui-alert-circle:before {
|
|
content: "\e610";
|
|
}
|
|
.fui-question-circle:before {
|
|
content: "\e611";
|
|
}
|
|
.fui-check-circle:before {
|
|
content: "\e612";
|
|
}
|
|
.fui-cross-circle:before {
|
|
content: "\e613";
|
|
}
|
|
.fui-plus-circle:before {
|
|
content: "\e614";
|
|
}
|
|
.fui-pause:before {
|
|
content: "\e615";
|
|
}
|
|
.fui-play:before {
|
|
content: "\e616";
|
|
}
|
|
.fui-volume:before {
|
|
content: "\e617";
|
|
}
|
|
.fui-mute:before {
|
|
content: "\e618";
|
|
}
|
|
.fui-resize:before {
|
|
content: "\e619";
|
|
}
|
|
.fui-list:before {
|
|
content: "\e61a";
|
|
}
|
|
.fui-list-thumbnailed:before {
|
|
content: "\e61b";
|
|
}
|
|
.fui-list-small-thumbnails:before {
|
|
content: "\e61c";
|
|
}
|
|
.fui-list-large-thumbnails:before {
|
|
content: "\e61d";
|
|
}
|
|
.fui-list-numbered:before {
|
|
content: "\e61e";
|
|
}
|
|
.fui-list-columned:before {
|
|
content: "\e61f";
|
|
}
|
|
.fui-list-bulleted:before {
|
|
content: "\e620";
|
|
}
|
|
.fui-window:before {
|
|
content: "\e621";
|
|
}
|
|
.fui-windows:before {
|
|
content: "\e622";
|
|
}
|
|
.fui-loop:before {
|
|
content: "\e623";
|
|
}
|
|
.fui-cmd:before {
|
|
content: "\e624";
|
|
}
|
|
.fui-mic:before {
|
|
content: "\e625";
|
|
}
|
|
.fui-heart:before {
|
|
content: "\e626";
|
|
}
|
|
.fui-location:before {
|
|
content: "\e627";
|
|
}
|
|
.fui-new:before {
|
|
content: "\e628";
|
|
}
|
|
.fui-video:before {
|
|
content: "\e629";
|
|
}
|
|
.fui-photo:before {
|
|
content: "\e62a";
|
|
}
|
|
.fui-time:before {
|
|
content: "\e62b";
|
|
}
|
|
.fui-eye:before {
|
|
content: "\e62c";
|
|
}
|
|
.fui-chat:before {
|
|
content: "\e62d";
|
|
}
|
|
.fui-home:before {
|
|
content: "\e62e";
|
|
}
|
|
.fui-upload:before {
|
|
content: "\e62f";
|
|
}
|
|
.fui-search:before {
|
|
content: "\e630";
|
|
}
|
|
.fui-user:before {
|
|
content: "\e631";
|
|
}
|
|
.fui-mail:before {
|
|
content: "\e632";
|
|
}
|
|
.fui-lock:before {
|
|
content: "\e633";
|
|
}
|
|
.fui-power:before {
|
|
content: "\e634";
|
|
}
|
|
.fui-calendar:before {
|
|
content: "\e635";
|
|
}
|
|
.fui-gear:before {
|
|
content: "\e636";
|
|
}
|
|
.fui-bookmark:before {
|
|
content: "\e637";
|
|
}
|
|
.fui-exit:before {
|
|
content: "\e638";
|
|
}
|
|
.fui-trash:before {
|
|
content: "\e639";
|
|
}
|
|
.fui-folder:before {
|
|
content: "\e63a";
|
|
}
|
|
.fui-bubble:before {
|
|
content: "\e63b";
|
|
}
|
|
.fui-export:before {
|
|
content: "\e63c";
|
|
}
|
|
.fui-calendar-solid:before {
|
|
content: "\e63d";
|
|
}
|
|
.fui-star:before {
|
|
content: "\e63e";
|
|
}
|
|
.fui-star-2:before {
|
|
content: "\e63f";
|
|
}
|
|
.fui-credit-card:before {
|
|
content: "\e640";
|
|
}
|
|
.fui-clip:before {
|
|
content: "\e641";
|
|
}
|
|
.fui-link:before {
|
|
content: "\e642";
|
|
}
|
|
.fui-tag:before {
|
|
content: "\e643";
|
|
}
|
|
.fui-document:before {
|
|
content: "\e644";
|
|
}
|
|
.fui-image:before {
|
|
content: "\e645";
|
|
}
|
|
.fui-facebook:before {
|
|
content: "\e646";
|
|
}
|
|
.fui-youtube:before {
|
|
content: "\e647";
|
|
}
|
|
.fui-vimeo:before {
|
|
content: "\e648";
|
|
}
|
|
.fui-twitter:before {
|
|
content: "\e649";
|
|
}
|
|
.fui-spotify:before {
|
|
content: "\e64a";
|
|
}
|
|
.fui-skype:before {
|
|
content: "\e64b";
|
|
}
|
|
.fui-pinterest:before {
|
|
content: "\e64c";
|
|
}
|
|
.fui-path:before {
|
|
content: "\e64d";
|
|
}
|
|
.fui-linkedin:before {
|
|
content: "\e64e";
|
|
}
|
|
.fui-google-plus:before {
|
|
content: "\e64f";
|
|
}
|
|
.fui-dribbble:before {
|
|
content: "\e650";
|
|
}
|
|
.fui-behance:before {
|
|
content: "\e651";
|
|
}
|
|
.fui-stumbleupon:before {
|
|
content: "\e652";
|
|
}
|
|
.fui-yelp:before {
|
|
content: "\e653";
|
|
}
|
|
.fui-wordpress:before {
|
|
content: "\e654";
|
|
}
|
|
.fui-windows-8:before {
|
|
content: "\e655";
|
|
}
|
|
.fui-vine:before {
|
|
content: "\e656";
|
|
}
|
|
.fui-tumblr:before {
|
|
content: "\e657";
|
|
}
|
|
.fui-paypal:before {
|
|
content: "\e658";
|
|
}
|
|
.fui-lastfm:before {
|
|
content: "\e659";
|
|
}
|
|
.fui-instagram:before {
|
|
content: "\e65a";
|
|
}
|
|
.fui-html5:before {
|
|
content: "\e65b";
|
|
}
|
|
.fui-github:before {
|
|
content: "\e65c";
|
|
}
|
|
.fui-foursquare:before {
|
|
content: "\e65d";
|
|
}
|
|
.fui-dropbox:before {
|
|
content: "\e65e";
|
|
}
|
|
.fui-android:before {
|
|
content: "\e65f";
|
|
}
|
|
.fui-apple:before {
|
|
content: "\e660";
|
|
}
|
|
body {
|
|
font-family: "Lato", Helvetica, Arial, sans-serif;
|
|
font-size: 18px;
|
|
line-height: 1.72222;
|
|
color: #34495e;
|
|
background-color: #ffffff;
|
|
}
|
|
a {
|
|
color: #16a085;
|
|
text-decoration: none;
|
|
-webkit-transition: .25s;
|
|
transition: .25s;
|
|
}
|
|
a:hover,
|
|
a:focus {
|
|
color: #1abc9c;
|
|
text-decoration: none;
|
|
}
|
|
a:focus {
|
|
outline: none;
|
|
}
|
|
.img-rounded {
|
|
border-radius: 6px;
|
|
}
|
|
.img-thumbnail {
|
|
padding: 4px;
|
|
line-height: 1.72222;
|
|
background-color: #ffffff;
|
|
border: 2px solid #bdc3c7;
|
|
border-radius: 6px;
|
|
-webkit-transition: all 0.25s ease-in-out;
|
|
transition: all 0.25s ease-in-out;
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
.img-comment {
|
|
font-size: 15px;
|
|
line-height: 1.2;
|
|
font-style: italic;
|
|
margin: 24px 0;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.h1,
|
|
.h2,
|
|
.h3,
|
|
.h4,
|
|
.h5,
|
|
.h6 {
|
|
font-family: inherit;
|
|
font-weight: 700;
|
|
line-height: 1.1;
|
|
color: inherit;
|
|
}
|
|
h1 small,
|
|
h2 small,
|
|
h3 small,
|
|
h4 small,
|
|
h5 small,
|
|
h6 small,
|
|
.h1 small,
|
|
.h2 small,
|
|
.h3 small,
|
|
.h4 small,
|
|
.h5 small,
|
|
.h6 small {
|
|
color: #e7e9ec;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
margin-top: 30px;
|
|
margin-bottom: 15px;
|
|
}
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
h6 {
|
|
font-weight: normal;
|
|
}
|
|
h1,
|
|
.h1 {
|
|
font-size: 61px;
|
|
}
|
|
h2,
|
|
.h2 {
|
|
font-size: 53px;
|
|
}
|
|
h3,
|
|
.h3 {
|
|
font-size: 40px;
|
|
}
|
|
h4,
|
|
.h4 {
|
|
font-size: 29px;
|
|
}
|
|
h5,
|
|
.h5 {
|
|
font-size: 28px;
|
|
}
|
|
h6,
|
|
.h6 {
|
|
font-size: 24px;
|
|
}
|
|
p {
|
|
font-size: 18px;
|
|
line-height: 1.72222;
|
|
margin: 0 0 15px;
|
|
}
|
|
.lead {
|
|
margin-bottom: 30px;
|
|
font-size: 28px;
|
|
line-height: 1.46428571;
|
|
font-weight: 300;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.lead {
|
|
font-size: 30.006px;
|
|
}
|
|
}
|
|
small,
|
|
.small {
|
|
font-size: 83%;
|
|
line-height: 2.067;
|
|
}
|
|
.bgimg-bsth {
|
|
background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url('/img/knaller.jpg');
|
|
background-size: 100%;
|
|
}
|
|
.bgimg-bsth2 {
|
|
background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url('/img/knaller.jpg');
|
|
background-size: 100%;
|
|
}
|
|
.bgimg-lob {
|
|
background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url('/img/knaller.jpg');
|
|
background-size: 100%;
|
|
}
|
|
.bgimg-lob2 {
|
|
background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url('/img/knaller.jpg');
|
|
background-size: 100%;
|
|
}
|
|
.text-muted {
|
|
color: #bdc3c7;
|
|
}
|
|
.text-inverse {
|
|
color: #ffffff;
|
|
}
|
|
.text-primary {
|
|
color: #1abc9c;
|
|
}
|
|
a.text-primary:hover {
|
|
color: #148f77;
|
|
}
|
|
.text-warning {
|
|
color: #f1c40f;
|
|
}
|
|
a.text-warning:hover {
|
|
color: #c29d0b;
|
|
}
|
|
.text-danger {
|
|
color: #e74c3c;
|
|
}
|
|
a.text-danger:hover {
|
|
color: #d62c1a;
|
|
}
|
|
.text-success {
|
|
color: #2ecc71;
|
|
}
|
|
a.text-success:hover {
|
|
color: #25a25a;
|
|
}
|
|
.text-info {
|
|
color: #3498db;
|
|
}
|
|
a.text-info:hover {
|
|
color: #217dbb;
|
|
}
|
|
.bg-primary {
|
|
color: #ffffff;
|
|
background-color: #34495e;
|
|
}
|
|
a.bg-primary:hover {
|
|
background-color: #222f3d;
|
|
}
|
|
.bg-success {
|
|
background-color: #dff0d8;
|
|
}
|
|
a.bg-success:hover {
|
|
background-color: #c1e2b3;
|
|
}
|
|
.bg-info {
|
|
background-color: #d9edf7;
|
|
}
|
|
a.bg-info:hover {
|
|
background-color: #afd9ee;
|
|
}
|
|
.bg-warning {
|
|
background-color: #fcf8e3;
|
|
}
|
|
a.bg-warning:hover {
|
|
background-color: #f7ecb5;
|
|
}
|
|
.bg-danger {
|
|
background-color: #f2dede;
|
|
}
|
|
a.bg-danger:hover {
|
|
background-color: #e4b9b9;
|
|
}
|
|
.page-header {
|
|
padding-bottom: 14px;
|
|
margin: 60px 0 30px;
|
|
border-bottom: 2px solid #e7e9ec;
|
|
}
|
|
ul,
|
|
ol {
|
|
margin-bottom: 15px;
|
|
}
|
|
dl {
|
|
margin-bottom: 30px;
|
|
}
|
|
dt,
|
|
dd {
|
|
line-height: 1.72222;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.dl-horizontal dt {
|
|
width: 160px;
|
|
}
|
|
.dl-horizontal dd {
|
|
margin-left: 180px;
|
|
}
|
|
}
|
|
abbr[title],
|
|
abbr[data-original-title] {
|
|
border-bottom: 1px dotted #bdc3c7;
|
|
}
|
|
blockquote {
|
|
border-left: 3px solid #e7e9ec;
|
|
padding: 0 0 0 16px;
|
|
margin: 0 0 30px;
|
|
}
|
|
blockquote p {
|
|
font-size: 20px;
|
|
line-height: 1.55;
|
|
font-weight: normal;
|
|
margin-bottom: .4em;
|
|
}
|
|
blockquote small,
|
|
blockquote .small {
|
|
font-size: 18px;
|
|
line-height: 1.72222;
|
|
font-style: italic;
|
|
color: inherit;
|
|
}
|
|
blockquote small:before,
|
|
blockquote .small:before {
|
|
content: "";
|
|
}
|
|
blockquote.pull-right {
|
|
padding-right: 16px;
|
|
padding-left: 0;
|
|
border-right: 3px solid #e7e9ec;
|
|
border-left: 0;
|
|
}
|
|
blockquote.pull-right small:after {
|
|
content: "";
|
|
}
|
|
address {
|
|
margin-bottom: 30px;
|
|
line-height: 1.72222;
|
|
}
|
|
sub,
|
|
sup {
|
|
font-size: 70%;
|
|
}
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
}
|
|
code {
|
|
padding: 2px 6px;
|
|
font-size: 85%;
|
|
color: #c7254e;
|
|
background-color: #f9f2f4;
|
|
border-radius: 4px;
|
|
}
|
|
kbd {
|
|
padding: 2px 6px;
|
|
font-size: 85%;
|
|
color: #ffffff;
|
|
background-color: #34495e;
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
}
|
|
pre {
|
|
padding: 8px;
|
|
margin: 0 0 15px;
|
|
font-size: 13px;
|
|
line-height: 1.72222;
|
|
color: inherit;
|
|
background-color: #ffffff;
|
|
border: 2px solid #e7e9ec;
|
|
border-radius: 6px;
|
|
white-space: pre;
|
|
}
|
|
.pre-scrollable {
|
|
max-height: 340px;
|
|
}
|
|
.thumbnail {
|
|
display: block;
|
|
padding: 4px;
|
|
margin-bottom: 5px;
|
|
line-height: 1.72222;
|
|
background-color: #ffffff;
|
|
border: 2px solid #bdc3c7;
|
|
border-radius: 6px;
|
|
-webkit-transition: border 0.25s ease-in-out;
|
|
transition: border 0.25s ease-in-out;
|
|
}
|
|
.thumbnail > img,
|
|
.thumbnail a > img {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
a.thumbnail:hover,
|
|
a.thumbnail:focus,
|
|
a.thumbnail.active {
|
|
border-color: #16a085;
|
|
}
|
|
.thumbnail .caption {
|
|
padding: 9px;
|
|
color: #34495e;
|
|
}
|
|
.btn {
|
|
border: none;
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
line-height: 1.4;
|
|
border-radius: 2px;
|
|
padding: 12px 15px;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
-webkit-transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
|
|
transition: border 0.25s linear, color 0.25s linear, background-color 0.25s linear;
|
|
}
|
|
.btn:hover,
|
|
.btn:focus {
|
|
outline: none;
|
|
color: #ffffff;
|
|
}
|
|
.btn:active,
|
|
.btn.active {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.btn:focus:active {
|
|
outline: none;
|
|
}
|
|
.btn.disabled,
|
|
.btn[disabled],
|
|
fieldset[disabled] .btn {
|
|
background-color: #bdc3c7;
|
|
color: rgba(255, 255, 255, 0.75);
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
cursor: not-allowed;
|
|
}
|
|
.btn [class^="fui-"] {
|
|
margin: 0 1px;
|
|
position: relative;
|
|
line-height: 1;
|
|
top: 1px;
|
|
}
|
|
.btn-xs.btn [class^="fui-"] {
|
|
font-size: 11px;
|
|
top: 0;
|
|
}
|
|
.btn-hg.btn [class^="fui-"] {
|
|
top: 2px;
|
|
}
|
|
.btn-default {
|
|
color: #ffffff;
|
|
background-color: #bdc3c7;
|
|
}
|
|
.btn-default:hover,
|
|
.btn-default.hover,
|
|
.btn-default:focus,
|
|
.btn-default:active,
|
|
.btn-default.active,
|
|
.open > .dropdown-toggle.btn-default {
|
|
color: #ffffff;
|
|
background-color: #cacfd2;
|
|
border-color: #cacfd2;
|
|
}
|
|
.btn-default:active,
|
|
.btn-default.active,
|
|
.open > .dropdown-toggle.btn-default {
|
|
background: #a1a6a9;
|
|
border-color: #a1a6a9;
|
|
}
|
|
.btn-default.disabled,
|
|
.btn-default[disabled],
|
|
fieldset[disabled] .btn-default,
|
|
.btn-default.disabled:hover,
|
|
.btn-default[disabled]:hover,
|
|
fieldset[disabled] .btn-default:hover,
|
|
.btn-default.disabled.hover,
|
|
.btn-default[disabled].hover,
|
|
fieldset[disabled] .btn-default.hover,
|
|
.btn-default.disabled:focus,
|
|
.btn-default[disabled]:focus,
|
|
fieldset[disabled] .btn-default:focus,
|
|
.btn-default.disabled:active,
|
|
.btn-default[disabled]:active,
|
|
fieldset[disabled] .btn-default:active,
|
|
.btn-default.disabled.active,
|
|
.btn-default[disabled].active,
|
|
fieldset[disabled] .btn-default.active {
|
|
background-color: #bdc3c7;
|
|
border-color: #bdc3c7;
|
|
}
|
|
.btn-default .badge {
|
|
color: #bdc3c7;
|
|
background-color: #ffffff;
|
|
}
|
|
.btn-primary {
|
|
color: #ffffff;
|
|
background-color: #1abc9c;
|
|
}
|
|
.btn-primary:hover,
|
|
.btn-primary.hover,
|
|
.btn-primary:focus,
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.open > .dropdown-toggle.btn-primary {
|
|
color: #ffffff;
|
|
background-color: #48c9b0;
|
|
border-color: #48c9b0;
|
|
}
|
|
.btn-primary:active,
|
|
.btn-primary.active,
|
|
.open > .dropdown-toggle.btn-primary {
|
|
background: #16a085;
|
|
border-color: #16a085;
|
|
}
|
|
.btn-primary.disabled,
|
|
.btn-primary[disabled],
|
|
fieldset[disabled] .btn-primary,
|
|
.btn-primary.disabled:hover,
|
|
.btn-primary[disabled]:hover,
|
|
fieldset[disabled] .btn-primary:hover,
|
|
.btn-primary.disabled.hover,
|
|
.btn-primary[disabled].hover,
|
|
fieldset[disabled] .btn-primary.hover,
|
|
.btn-primary.disabled:focus,
|
|
.btn-primary[disabled]:focus,
|
|
fieldset[disabled] .btn-primary:focus,
|
|
.btn-primary.disabled:active,
|
|
.btn-primary[disabled]:active,
|
|
fieldset[disabled] .btn-primary:active,
|
|
.btn-primary.disabled.active,
|
|
.btn-primary[disabled].active,
|
|
fieldset[disabled] .btn-primary.active {
|
|
background-color: #bdc3c7;
|
|
border-color: #1abc9c;
|
|
}
|
|
.btn-primary .badge {
|
|
color: #1abc9c;
|
|
background-color: #ffffff;
|
|
}
|
|
legend {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-bottom: 30px / 2;
|
|
font-size: 24px;
|
|
line-height: inherit;
|
|
color: inherit;
|
|
border-bottom: none;
|
|
}
|
|
textarea {
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
padding: 5px 11px;
|
|
}
|
|
input[type="search"] {
|
|
-webkit-appearance: none !important;
|
|
}
|
|
label {
|
|
font-weight: normal;
|
|
font-size: 15px;
|
|
line-height: 2.3;
|
|
}
|
|
.tooltip {
|
|
font-size: 14px;
|
|
line-height: 1.286;
|
|
z-index: 1070;
|
|
}
|
|
.tooltip.in {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.tooltip.top {
|
|
margin-top: -5px;
|
|
padding: 9px 0;
|
|
}
|
|
.tooltip.right {
|
|
margin-left: 5px;
|
|
padding: 0 9px;
|
|
}
|
|
.tooltip.bottom {
|
|
margin-top: 5px;
|
|
padding: 9px 0;
|
|
}
|
|
.tooltip.left {
|
|
margin-left: -5px;
|
|
padding: 0 9px;
|
|
}
|
|
.tooltip-inner {
|
|
max-width: 183px;
|
|
line-height: 1.286;
|
|
padding: 12px 12px;
|
|
color: #ffffff;
|
|
background-color: #34495e;
|
|
border-radius: 6px;
|
|
}
|
|
.tooltip.top .tooltip-arrow {
|
|
margin-left: -9px;
|
|
border-width: 9px 9px 0;
|
|
border-top-color: #34495e;
|
|
}
|
|
.tooltip.right .tooltip-arrow {
|
|
margin-top: -9px;
|
|
border-width: 9px 9px 9px 0;
|
|
border-right-color: #34495e;
|
|
}
|
|
.tooltip.left .tooltip-arrow {
|
|
margin-top: -9px;
|
|
border-width: 9px 0 9px 9px;
|
|
border-left-color: #34495e;
|
|
}
|
|
.tooltip.bottom .tooltip-arrow {
|
|
margin-left: -9px;
|
|
border-width: 0 9px 9px;
|
|
border-bottom-color: #34495e;
|
|
}
|
|
.navbar {
|
|
font-size: 16px;
|
|
min-height: 53px;
|
|
margin-bottom: 30px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-header {
|
|
float: left;
|
|
}
|
|
}
|
|
.navbar-collapse {
|
|
box-shadow: none;
|
|
padding-right: 21px;
|
|
padding-left: 21px;
|
|
}
|
|
.navbar-collapse .navbar-form:first-child {
|
|
border: none;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-collapse .navbar-nav.navbar-left:first-child {
|
|
margin-left: -21px;
|
|
}
|
|
.navbar-collapse .navbar-nav.navbar-left:first-child > li:first-child a {
|
|
border-bottom-left-radius: 6px;
|
|
border-top-left-radius: 6px;
|
|
}
|
|
.navbar-collapse .navbar-nav.navbar-right:last-child {
|
|
margin-right: -21px;
|
|
}
|
|
.navbar-collapse .navbar-nav.navbar-right:last-child > .dropdown:last-child > a {
|
|
border-radius: 0 6px 6px 0;
|
|
}
|
|
.navbar-fixed-top .navbar-collapse .navbar-form.navbar-right:last-child,
|
|
.navbar-fixed-bottom .navbar-collapse .navbar-form.navbar-right:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-collapse .navbar-nav.navbar-right:last-child {
|
|
margin-bottom: 3px;
|
|
}
|
|
}
|
|
.navbar .container,
|
|
.navbar .container-fluid {
|
|
padding-left: 21px;
|
|
padding-right: 21px;
|
|
}
|
|
.navbar .container > .navbar-header,
|
|
.navbar .container-fluid > .navbar-header,
|
|
.navbar .container > .navbar-collapse,
|
|
.navbar .container-fluid > .navbar-collapse {
|
|
margin-right: -21px;
|
|
margin-left: -21px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar .container > .navbar-header,
|
|
.navbar .container-fluid > .navbar-header,
|
|
.navbar .container > .navbar-collapse,
|
|
.navbar .container-fluid > .navbar-collapse {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
.navbar-static-top {
|
|
z-index: 1000;
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
}
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom {
|
|
z-index: 1030;
|
|
border-radius: 0;
|
|
}
|
|
.navbar-fixed-top {
|
|
border-width: 0;
|
|
}
|
|
.navbar-fixed-bottom {
|
|
margin-bottom: 0;
|
|
border-width: 0;
|
|
}
|
|
.navbar-brand {
|
|
font-size: 24px;
|
|
line-height: 1.042;
|
|
height: 53px;
|
|
font-weight: 700;
|
|
padding: 14px 21px;
|
|
}
|
|
.navbar-brand > [class*="fui-"] {
|
|
font-size: 19px;
|
|
line-height: 1.263;
|
|
vertical-align: top;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar > .container .navbar-brand,
|
|
.navbar > .container-fluid .navbar-brand {
|
|
margin-left: -21px;
|
|
}
|
|
}
|
|
.navbar-toggle {
|
|
border: none;
|
|
color: #34495e;
|
|
margin: 0 0 0 21px;
|
|
padding: 0 21px;
|
|
height: 53px;
|
|
line-height: 53px;
|
|
}
|
|
.navbar-toggle:before {
|
|
color: #16a085;
|
|
content: "\e61a";
|
|
font-family: "Flat-UI-Icons";
|
|
font-size: 22px;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
-webkit-transition: color .25s linear;
|
|
transition: color .25s linear;
|
|
}
|
|
.navbar-toggle:hover,
|
|
.navbar-toggle:focus {
|
|
outline: none;
|
|
}
|
|
.navbar-toggle:hover:before,
|
|
.navbar-toggle:focus:before {
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-toggle .icon-bar {
|
|
display: none;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-toggle {
|
|
display: none;
|
|
}
|
|
}
|
|
.navbar-nav {
|
|
margin: 0;
|
|
}
|
|
.navbar-nav > li > a {
|
|
font-size: 16px;
|
|
padding: 15px 21px;
|
|
line-height: 23px;
|
|
font-weight: 700;
|
|
}
|
|
.navbar-nav > li > a:hover,
|
|
.navbar-nav > li > a:focus,
|
|
.navbar-nav .open > a:focus,
|
|
.navbar-nav .open > a:hover {
|
|
background-color: transparent;
|
|
}
|
|
.navbar-nav [class^="fui-"] {
|
|
line-height: 20px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.navbar-nav .visible-sm > [class^="fui-"],
|
|
.navbar-nav .visible-xs > [class^="fui-"] {
|
|
margin-left: 12px;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-nav {
|
|
margin: 0 -21px;
|
|
}
|
|
.navbar-nav .open .dropdown-menu > li > a,
|
|
.navbar-nav .open .dropdown-menu .dropdown-header {
|
|
padding: 7px 15px 7px 31px !important;
|
|
}
|
|
.navbar-nav .open .dropdown-menu > li > a {
|
|
line-height: 23px;
|
|
}
|
|
.navbar-nav > li > a {
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
}
|
|
}
|
|
.navbar-input {
|
|
height: 35px;
|
|
padding: 5px 10px;
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
border-radius: 6px;
|
|
}
|
|
select.navbar-input {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
textarea.navbar-input,
|
|
select[multiple].navbar-input {
|
|
height: auto;
|
|
}
|
|
.navbar-form {
|
|
box-shadow: none;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-right: 19px;
|
|
padding-left: 19px;
|
|
padding-top: 9px;
|
|
padding-bottom: 9px;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-form {
|
|
margin: 3px -21px;
|
|
width: auto;
|
|
}
|
|
}
|
|
.navbar-form .form-control,
|
|
.navbar-form .input-group-addon,
|
|
.navbar-form .btn,
|
|
.navbar-form .select2-search input[type="text"] {
|
|
height: 35px;
|
|
padding: 5px 10px;
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
border-radius: 6px;
|
|
}
|
|
select.navbar-form .form-control,
|
|
select.navbar-form .input-group-addon,
|
|
select.navbar-form .btn,
|
|
select.navbar-form .select2-search input[type="text"] {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
textarea.navbar-form .form-control,
|
|
textarea.navbar-form .input-group-addon,
|
|
textarea.navbar-form .btn,
|
|
select[multiple].navbar-form .form-control,
|
|
select[multiple].navbar-form .input-group-addon,
|
|
select[multiple].navbar-form .btn,
|
|
textarea.navbar-form .select2-search input[type="text"],
|
|
select[multiple].navbar-form .select2-search input[type="text"] {
|
|
height: auto;
|
|
}
|
|
.navbar-form .btn {
|
|
margin: 0;
|
|
}
|
|
.navbar-form .input-group .form-control:first-child,
|
|
.navbar-form .input-group-addon:first-child,
|
|
.navbar-form .input-group-btn:first-child > .btn,
|
|
.navbar-form .input-group-btn:first-child > .dropdown-toggle,
|
|
.navbar-form .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
|
.navbar-form .input-group .select2-search input[type="text"]:first-child {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
.navbar-form .input-group .form-control:last-child,
|
|
.navbar-form .input-group-addon:last-child,
|
|
.navbar-form .input-group-btn:last-child > .btn,
|
|
.navbar-form .input-group-btn:last-child > .dropdown-toggle,
|
|
.navbar-form .input-group-btn:first-child > .btn:not(:first-child),
|
|
.navbar-form .input-group .select2-search input[type="text"]:last-child {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
.navbar-form .form-control,
|
|
.navbar-form .select2-search input[type="text"] {
|
|
font-size: 15px;
|
|
border-radius: 5px;
|
|
display: table-cell;
|
|
}
|
|
.navbar-form .form-group ~ .btn {
|
|
font-size: 15px;
|
|
border-radius: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
.navbar-form .form-group + .btn {
|
|
margin-right: 5px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-form .input-group {
|
|
width: 195px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-form .form-group {
|
|
margin-bottom: 7px;
|
|
}
|
|
.navbar-form .form-group:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.navbar-form .form-group + .btn {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
.navbar-nav > li > .dropdown-menu {
|
|
min-width: 100%;
|
|
margin-top: 9px;
|
|
border-radius: 4px;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-nav > li.open > .dropdown-menu {
|
|
margin-top: 0 !important;
|
|
}
|
|
}
|
|
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
.navbar-nav > .open > .dropdown-toggle,
|
|
.navbar-nav > .open > .dropdown-toggle:focus,
|
|
.navbar-nav > .open > .dropdown-toggle:hover {
|
|
background-color: transparent;
|
|
}
|
|
.navbar-text {
|
|
font-size: 16px;
|
|
line-height: 1.438;
|
|
color: #34495e;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-text {
|
|
margin-left: 21px;
|
|
margin-right: 21px;
|
|
}
|
|
.navbar-text.navbar-right:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.navbar-btn {
|
|
margin-top: 6px;
|
|
margin-bottom: 6px;
|
|
}
|
|
.navbar-btn.btn-sm {
|
|
margin-top: 9px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.navbar-btn.btn-xs {
|
|
margin-top: 14px;
|
|
margin-bottom: 14px;
|
|
}
|
|
.navbar-unread,
|
|
.navbar-new {
|
|
font-family: "Lato", Helvetica, Arial, sans-serif;
|
|
background-color: #1abc9c;
|
|
border-radius: 50%;
|
|
color: #ffffff;
|
|
font-size: 0;
|
|
font-weight: 700;
|
|
height: 6px;
|
|
line-height: 1;
|
|
position: absolute;
|
|
right: 12px;
|
|
text-align: center;
|
|
top: 35%;
|
|
width: 6px;
|
|
z-index: 10;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.navbar-unread,
|
|
.navbar-new {
|
|
position: static;
|
|
float: right;
|
|
margin: 0 0 0 10px;
|
|
}
|
|
}
|
|
.active .navbar-unread,
|
|
.active .navbar-new {
|
|
background-color: #ffffff;
|
|
display: none;
|
|
}
|
|
.navbar-new {
|
|
background-color: #e74c3c;
|
|
font-size: 12px;
|
|
height: 18px;
|
|
line-height: 17px;
|
|
margin: -6px -10px;
|
|
min-width: 18px;
|
|
padding: 0 1px;
|
|
width: auto;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
}
|
|
.navbar-default {
|
|
background-color: #ecf0f1;
|
|
}
|
|
.navbar-default .navbar-brand {
|
|
color: #34495e;
|
|
}
|
|
.navbar-default .navbar-brand:hover,
|
|
.navbar-default .navbar-brand:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-toggle:before {
|
|
color: #34495e;
|
|
}
|
|
.navbar-default .navbar-toggle:hover,
|
|
.navbar-default .navbar-toggle:focus {
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-toggle:hover:before,
|
|
.navbar-default .navbar-toggle:focus:before {
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-default .navbar-collapse,
|
|
.navbar-default .navbar-form {
|
|
border-color: #e5e9ea;
|
|
border-width: 2px;
|
|
}
|
|
.navbar-default .navbar-nav > li > a {
|
|
color: #34495e;
|
|
}
|
|
.navbar-default .navbar-nav > li > a:hover,
|
|
.navbar-default .navbar-nav > li > a:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-nav > .active > a,
|
|
.navbar-default .navbar-nav > .active > a:hover,
|
|
.navbar-default .navbar-nav > .active > a:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-nav > .disabled > a,
|
|
.navbar-default .navbar-nav > .disabled > a:hover,
|
|
.navbar-default .navbar-nav > .disabled > a:focus {
|
|
color: #cccccc;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-nav > .dropdown > a .caret {
|
|
border-top-color: #34495e;
|
|
border-bottom-color: #34495e;
|
|
}
|
|
.navbar-default .navbar-nav > .active > a .caret {
|
|
border-top-color: #1abc9c;
|
|
border-bottom-color: #1abc9c;
|
|
}
|
|
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
|
|
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
|
|
border-top-color: #1abc9c;
|
|
border-bottom-color: #1abc9c;
|
|
}
|
|
.navbar-default .navbar-nav > .open > a,
|
|
.navbar-default .navbar-nav > .open > a:hover,
|
|
.navbar-default .navbar-nav > .open > a:focus {
|
|
background-color: transparent;
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-default .navbar-nav > .open > a .caret,
|
|
.navbar-default .navbar-nav > .open > a:hover .caret,
|
|
.navbar-default .navbar-nav > .open > a:focus .caret {
|
|
border-top-color: #1abc9c;
|
|
border-bottom-color: #1abc9c;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
|
|
color: #34495e;
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
|
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
|
|
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
|
|
color: #cccccc;
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
.navbar-default .navbar-form .form-control,
|
|
.navbar-default .navbar-form .select2-search input[type="text"] {
|
|
border-color: transparent;
|
|
}
|
|
.navbar-default .navbar-form .form-control::-moz-placeholder,
|
|
.navbar-default .navbar-form .select2-search input[type="text"]::-moz-placeholder {
|
|
color: #aeb6bf;
|
|
opacity: 1;
|
|
}
|
|
.navbar-default .navbar-form .form-control:-ms-input-placeholder,
|
|
.navbar-default .navbar-form .select2-search input[type="text"]:-ms-input-placeholder {
|
|
color: #aeb6bf;
|
|
}
|
|
.navbar-default .navbar-form .form-control::-webkit-input-placeholder,
|
|
.navbar-default .navbar-form .select2-search input[type="text"]::-webkit-input-placeholder {
|
|
color: #aeb6bf;
|
|
}
|
|
.navbar-default .navbar-form .form-control:focus,
|
|
.navbar-default .navbar-form .select2-search input[type="text"]:focus {
|
|
border-color: #1abc9c;
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-default .navbar-form .input-group-btn .btn {
|
|
border-color: transparent;
|
|
color: #919ba4;
|
|
}
|
|
.navbar-default .navbar-form .input-group.focus .form-control,
|
|
.navbar-default .navbar-form .input-group.focus .input-group-btn .btn,
|
|
.navbar-default .navbar-form .input-group.focus .select2-search input[type="text"] {
|
|
border-color: #1abc9c;
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-default .navbar-text {
|
|
color: #34495e;
|
|
}
|
|
.navbar-default .navbar-link {
|
|
color: #34495e;
|
|
}
|
|
.navbar-default .navbar-link:hover {
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-default .btn-link {
|
|
color: #34495e;
|
|
}
|
|
.navbar-default .btn-link:hover,
|
|
.navbar-default .btn-link:focus {
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-default .btn-link[disabled]:hover,
|
|
fieldset[disabled] .navbar-default .btn-link:hover,
|
|
.navbar-default .btn-link[disabled]:focus,
|
|
fieldset[disabled] .navbar-default .btn-link:focus {
|
|
color: #cccccc;
|
|
}
|
|
.navbar-inverse {
|
|
background-color: #34495e;
|
|
}
|
|
.navbar-inverse .navbar-brand {
|
|
color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-brand:hover,
|
|
.navbar-inverse .navbar-brand:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-toggle:before {
|
|
color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-toggle:hover,
|
|
.navbar-inverse .navbar-toggle:focus {
|
|
background-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-toggle:hover:before,
|
|
.navbar-inverse .navbar-toggle:focus:before {
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-collapse {
|
|
border-color: #2f4154;
|
|
border-width: 2px;
|
|
}
|
|
.navbar-inverse .navbar-nav > li > a {
|
|
color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-nav > li > a:hover,
|
|
.navbar-inverse .navbar-nav > li > a:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-nav > .active > a,
|
|
.navbar-inverse .navbar-nav > .active > a:hover,
|
|
.navbar-inverse .navbar-nav > .active > a:focus {
|
|
color: #ffffff;
|
|
background-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-nav > .disabled > a,
|
|
.navbar-inverse .navbar-nav > .disabled > a:hover,
|
|
.navbar-inverse .navbar-nav > .disabled > a:focus {
|
|
color: #444444;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret,
|
|
.navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
|
|
border-top-color: #1abc9c;
|
|
border-bottom-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-nav > .open > a,
|
|
.navbar-inverse .navbar-nav > .open > a:hover,
|
|
.navbar-inverse .navbar-nav > .open > a:focus {
|
|
background-color: #1abc9c;
|
|
color: #ffffff;
|
|
border-left-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-nav > .open > a .caret,
|
|
.navbar-inverse .navbar-nav > .open > a:hover .caret,
|
|
.navbar-inverse .navbar-nav > .open > a:focus .caret {
|
|
border-top-color: #ffffff;
|
|
border-bottom-color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-nav > .dropdown > a .caret {
|
|
border-top-color: #4b6075;
|
|
border-bottom-color: #4b6075;
|
|
}
|
|
.navbar-inverse .navbar-nav > .open > .dropdown-menu {
|
|
background-color: #34495e;
|
|
padding: 3px 4px;
|
|
}
|
|
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a {
|
|
color: #e1e4e7;
|
|
border-radius: 4px;
|
|
padding: 6px 9px;
|
|
}
|
|
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:hover,
|
|
.navbar-inverse .navbar-nav > .open > .dropdown-menu > li > a:focus {
|
|
color: #ffffff;
|
|
background-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-nav > .open > .dropdown-menu > .divider {
|
|
background-color: #2f4154;
|
|
height: 2px;
|
|
margin-left: -4px;
|
|
margin-right: -4px;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-inverse .navbar-nav > li > a {
|
|
border-left-width: 0;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
|
|
color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
|
|
color: #1abc9c;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
|
|
color: #ffffff;
|
|
background-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
|
|
color: #444444;
|
|
background-color: transparent;
|
|
}
|
|
.navbar-inverse .navbar-nav .dropdown-menu .divider {
|
|
background-color: #2f4154;
|
|
}
|
|
}
|
|
.navbar-inverse .navbar-form .form-control,
|
|
.navbar-inverse .navbar-form .select2-search input[type="text"] {
|
|
color: #536a81;
|
|
border-color: transparent;
|
|
background-color: #293a4a;
|
|
}
|
|
.navbar-inverse .navbar-form .form-control::-moz-placeholder,
|
|
.navbar-inverse .navbar-form .select2-search input[type="text"]::-moz-placeholder {
|
|
color: #536a81;
|
|
opacity: 1;
|
|
}
|
|
.navbar-inverse .navbar-form .form-control:-ms-input-placeholder,
|
|
.navbar-inverse .navbar-form .select2-search input[type="text"]:-ms-input-placeholder {
|
|
color: #536a81;
|
|
}
|
|
.navbar-inverse .navbar-form .form-control::-webkit-input-placeholder,
|
|
.navbar-inverse .navbar-form .select2-search input[type="text"]::-webkit-input-placeholder {
|
|
color: #536a81;
|
|
}
|
|
.navbar-inverse .navbar-form .form-control:focus,
|
|
.navbar-inverse .navbar-form .select2-search input[type="text"]:focus {
|
|
border-color: #1abc9c;
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-form .btn {
|
|
color: #ffffff;
|
|
background-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-form .btn:hover,
|
|
.navbar-inverse .navbar-form .btn.hover,
|
|
.navbar-inverse .navbar-form .btn:focus,
|
|
.navbar-inverse .navbar-form .btn:active,
|
|
.navbar-inverse .navbar-form .btn.active,
|
|
.open > .dropdown-toggle.navbar-inverse .navbar-form .btn {
|
|
color: #ffffff;
|
|
background-color: #48c9b0;
|
|
border-color: #48c9b0;
|
|
}
|
|
.navbar-inverse .navbar-form .btn:active,
|
|
.navbar-inverse .navbar-form .btn.active,
|
|
.open > .dropdown-toggle.navbar-inverse .navbar-form .btn {
|
|
background: #16a085;
|
|
border-color: #16a085;
|
|
}
|
|
.navbar-inverse .navbar-form .btn.disabled,
|
|
.navbar-inverse .navbar-form .btn[disabled],
|
|
fieldset[disabled] .navbar-inverse .navbar-form .btn,
|
|
.navbar-inverse .navbar-form .btn.disabled:hover,
|
|
.navbar-inverse .navbar-form .btn[disabled]:hover,
|
|
fieldset[disabled] .navbar-inverse .navbar-form .btn:hover,
|
|
.navbar-inverse .navbar-form .btn.disabled.hover,
|
|
.navbar-inverse .navbar-form .btn[disabled].hover,
|
|
fieldset[disabled] .navbar-inverse .navbar-form .btn.hover,
|
|
.navbar-inverse .navbar-form .btn.disabled:focus,
|
|
.navbar-inverse .navbar-form .btn[disabled]:focus,
|
|
fieldset[disabled] .navbar-inverse .navbar-form .btn:focus,
|
|
.navbar-inverse .navbar-form .btn.disabled:active,
|
|
.navbar-inverse .navbar-form .btn[disabled]:active,
|
|
fieldset[disabled] .navbar-inverse .navbar-form .btn:active,
|
|
.navbar-inverse .navbar-form .btn.disabled.active,
|
|
.navbar-inverse .navbar-form .btn[disabled].active,
|
|
fieldset[disabled] .navbar-inverse .navbar-form .btn.active {
|
|
background-color: #bdc3c7;
|
|
border-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-form .btn .badge {
|
|
color: #1abc9c;
|
|
background-color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-form .input-group-btn .btn {
|
|
border-color: transparent;
|
|
background-color: #293a4a;
|
|
color: #526a82;
|
|
}
|
|
.navbar-inverse .navbar-form .input-group.focus .form-control,
|
|
.navbar-inverse .navbar-form .input-group.focus .input-group-btn .btn,
|
|
.navbar-inverse .navbar-form .input-group.focus .select2-search input[type="text"] {
|
|
border-color: #1abc9c;
|
|
color: #1abc9c;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.navbar-inverse .navbar-form {
|
|
border-color: #2f4154;
|
|
border-width: 2px 0;
|
|
}
|
|
}
|
|
.navbar-inverse .navbar-text {
|
|
color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-text a {
|
|
color: #ffffff;
|
|
}
|
|
.navbar-inverse .navbar-text a:hover,
|
|
.navbar-inverse .navbar-text a:focus {
|
|
color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-btn {
|
|
color: #ffffff;
|
|
background-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-btn:hover,
|
|
.navbar-inverse .navbar-btn.hover,
|
|
.navbar-inverse .navbar-btn:focus,
|
|
.navbar-inverse .navbar-btn:active,
|
|
.navbar-inverse .navbar-btn.active,
|
|
.open > .dropdown-toggle.navbar-inverse .navbar-btn {
|
|
color: #ffffff;
|
|
background-color: #48c9b0;
|
|
border-color: #48c9b0;
|
|
}
|
|
.navbar-inverse .navbar-btn:active,
|
|
.navbar-inverse .navbar-btn.active,
|
|
.open > .dropdown-toggle.navbar-inverse .navbar-btn {
|
|
background: #16a085;
|
|
border-color: #16a085;
|
|
}
|
|
.navbar-inverse .navbar-btn.disabled,
|
|
.navbar-inverse .navbar-btn[disabled],
|
|
fieldset[disabled] .navbar-inverse .navbar-btn,
|
|
.navbar-inverse .navbar-btn.disabled:hover,
|
|
.navbar-inverse .navbar-btn[disabled]:hover,
|
|
fieldset[disabled] .navbar-inverse .navbar-btn:hover,
|
|
.navbar-inverse .navbar-btn.disabled.hover,
|
|
.navbar-inverse .navbar-btn[disabled].hover,
|
|
fieldset[disabled] .navbar-inverse .navbar-btn.hover,
|
|
.navbar-inverse .navbar-btn.disabled:focus,
|
|
.navbar-inverse .navbar-btn[disabled]:focus,
|
|
fieldset[disabled] .navbar-inverse .navbar-btn:focus,
|
|
.navbar-inverse .navbar-btn.disabled:active,
|
|
.navbar-inverse .navbar-btn[disabled]:active,
|
|
fieldset[disabled] .navbar-inverse .navbar-btn:active,
|
|
.navbar-inverse .navbar-btn.disabled.active,
|
|
.navbar-inverse .navbar-btn[disabled].active,
|
|
fieldset[disabled] .navbar-inverse .navbar-btn.active {
|
|
background-color: #bdc3c7;
|
|
border-color: #1abc9c;
|
|
}
|
|
.navbar-inverse .navbar-btn .badge {
|
|
color: #1abc9c;
|
|
background-color: #ffffff;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-embossed > .navbar-collapse {
|
|
border-radius: 6px;
|
|
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
|
|
}
|
|
.navbar-embossed.navbar-inverse .navbar-nav .active > a,
|
|
.navbar-embossed.navbar-inverse .navbar-nav .open > a {
|
|
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
|
|
}
|
|
}
|
|
.navbar-lg {
|
|
min-height: 76px;
|
|
}
|
|
.navbar-lg .navbar-brand {
|
|
line-height: 1;
|
|
height: 76px;
|
|
padding-top: 26px;
|
|
padding-bottom: 26px;
|
|
}
|
|
.navbar-lg .navbar-brand > [class*="fui-"] {
|
|
font-size: 24px;
|
|
line-height: 1;
|
|
}
|
|
.navbar-lg .navbar-nav > li > a {
|
|
font-size: 15px;
|
|
line-height: 1.6;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.navbar-lg .navbar-nav > li > a {
|
|
padding-top: 26px;
|
|
padding-bottom: 26px;
|
|
}
|
|
}
|
|
.navbar-lg .navbar-toggle {
|
|
height: 76px;
|
|
line-height: 76px;
|
|
}
|
|
.navbar-lg .navbar-form {
|
|
padding-top: 20.5px;
|
|
padding-bottom: 20.5px;
|
|
}
|
|
.navbar-lg .navbar-text {
|
|
padding-top: 26.5px;
|
|
padding-bottom: 26.5px;
|
|
}
|
|
.navbar-lg .navbar-btn {
|
|
margin-top: 17.5px;
|
|
margin-bottom: 17.5px;
|
|
}
|
|
.navbar-lg .navbar-btn.btn-sm {
|
|
margin-top: 20.5px;
|
|
margin-bottom: 20.5px;
|
|
}
|
|
.navbar-lg .navbar-btn.btn-xs {
|
|
margin-top: 25.5px;
|
|
margin-bottom: 25.5px;
|
|
}
|
|
footer {
|
|
background-color: #edeff1;
|
|
color: #bac1c8;
|
|
font-size: 15px;
|
|
padding: 0;
|
|
}
|
|
footer a {
|
|
color: #9aa4af;
|
|
font-weight: 700;
|
|
}
|
|
footer p {
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.footer-title {
|
|
margin: 0 0 22px;
|
|
padding-top: 21px;
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
}
|
|
.footer-brand {
|
|
display: block;
|
|
margin-bottom: 26px;
|
|
width: 220px;
|
|
}
|
|
.footer-brand img {
|
|
width: 216px;
|
|
}
|
|
.footer-banner {
|
|
background-color: #1abc9c;
|
|
color: #d1f2eb;
|
|
margin-left: 42px;
|
|
min-height: 316px;
|
|
padding: 0 30px 30px;
|
|
}
|
|
.footer-banner .footer-title {
|
|
color: #ffffff;
|
|
}
|
|
.footer-banner a {
|
|
color: #b7f5e9;
|
|
text-decoration: underline;
|
|
}
|
|
.footer-banner a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.footer-banner ul {
|
|
list-style-type: none;
|
|
margin: 0 0 26px;
|
|
padding: 0;
|
|
}
|
|
.footer-banner ul li {
|
|
border-top: 1px solid #1bc5a3;
|
|
line-height: 19px;
|
|
padding: 6px 0;
|
|
}
|
|
.footer-banner ul li:first-child {
|
|
border-top: none;
|
|
padding-top: 1px;
|
|
}
|
|
.last-col {
|
|
overflow: hidden;
|
|
}
|
|
.ptn,
|
|
.pvn,
|
|
.pan {
|
|
padding-top: 0;
|
|
}
|
|
.ptx,
|
|
.pvx,
|
|
.pax {
|
|
padding-top: 3px;
|
|
}
|
|
.pts,
|
|
.pvs,
|
|
.pas {
|
|
padding-top: 5px;
|
|
}
|
|
.ptm,
|
|
.pvm,
|
|
.pam {
|
|
padding-top: 10px;
|
|
}
|
|
.ptl,
|
|
.pvl,
|
|
.pal {
|
|
padding-top: 20px;
|
|
}
|
|
.prn,
|
|
.phn,
|
|
.pan {
|
|
padding-right: 0;
|
|
}
|
|
.prx,
|
|
.phx,
|
|
.pax {
|
|
padding-right: 3px;
|
|
}
|
|
.prs,
|
|
.phs,
|
|
.pas {
|
|
padding-right: 5px;
|
|
}
|
|
.prm,
|
|
.phm,
|
|
.pam {
|
|
padding-right: 10px;
|
|
}
|
|
.prl,
|
|
.phl,
|
|
.pal {
|
|
padding-right: 20px;
|
|
}
|
|
.pbn,
|
|
.pvn,
|
|
.pan {
|
|
padding-bottom: 0;
|
|
}
|
|
.pbx,
|
|
.pvx,
|
|
.pax {
|
|
padding-bottom: 3px;
|
|
}
|
|
.pbs,
|
|
.pvs,
|
|
.pas {
|
|
padding-bottom: 5px;
|
|
}
|
|
.pbm,
|
|
.pvm,
|
|
.pam {
|
|
padding-bottom: 10px;
|
|
}
|
|
.pbl,
|
|
.pvl,
|
|
.pal {
|
|
padding-bottom: 20px;
|
|
}
|
|
.pln,
|
|
.phn,
|
|
.pan {
|
|
padding-left: 0;
|
|
}
|
|
.plx,
|
|
.phx,
|
|
.pax {
|
|
padding-left: 3px;
|
|
}
|
|
.pls,
|
|
.phs,
|
|
.pas {
|
|
padding-left: 5px;
|
|
}
|
|
.plm,
|
|
.phm,
|
|
.pam {
|
|
padding-left: 10px;
|
|
}
|
|
.pll,
|
|
.phl,
|
|
.pal {
|
|
padding-left: 20px;
|
|
}
|
|
.mtn,
|
|
.mvn,
|
|
.man {
|
|
margin-top: 0px;
|
|
}
|
|
.mtx,
|
|
.mvx,
|
|
.max {
|
|
margin-top: 3px;
|
|
}
|
|
.mts,
|
|
.mvs,
|
|
.mas {
|
|
margin-top: 5px;
|
|
}
|
|
.mtm,
|
|
.mvm,
|
|
.mam {
|
|
margin-top: 10px;
|
|
}
|
|
.mtl,
|
|
.mvl,
|
|
.mal {
|
|
margin-top: 20px;
|
|
}
|
|
.mrn,
|
|
.mhn,
|
|
.man {
|
|
margin-right: 0px;
|
|
}
|
|
.mrx,
|
|
.mhx,
|
|
.max {
|
|
margin-right: 3px;
|
|
}
|
|
.mrs,
|
|
.mhs,
|
|
.mas {
|
|
margin-right: 5px;
|
|
}
|
|
.mrm,
|
|
.mhm,
|
|
.mam {
|
|
margin-right: 10px;
|
|
}
|
|
.mrl,
|
|
.mhl,
|
|
.mal {
|
|
margin-right: 20px;
|
|
}
|
|
.mbn,
|
|
.mvn,
|
|
.man {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mbx,
|
|
.mvx,
|
|
.max {
|
|
margin-bottom: 3px;
|
|
}
|
|
.mbs,
|
|
.mvs,
|
|
.mas {
|
|
margin-bottom: 5px;
|
|
}
|
|
.mbm,
|
|
.mvm,
|
|
.mam {
|
|
margin-bottom: 10px;
|
|
}
|
|
.mbl,
|
|
.mvl,
|
|
.mal {
|
|
margin-bottom: 20px;
|
|
}
|
|
.mln,
|
|
.mhn,
|
|
.man {
|
|
margin-left: 0px;
|
|
}
|
|
.mlx,
|
|
.mhx,
|
|
.max {
|
|
margin-left: 3px;
|
|
}
|
|
.mls,
|
|
.mhs,
|
|
.mas {
|
|
margin-left: 5px;
|
|
}
|
|
.mlm,
|
|
.mhm,
|
|
.mam {
|
|
margin-left: 10px;
|
|
}
|
|
.mll,
|
|
.mhl,
|
|
.mal {
|
|
margin-left: 20px;
|
|
}
|
|
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
|
|
@media print {
|
|
.btn {
|
|
border-style: solid;
|
|
border-width: 2px;
|
|
}
|
|
.dropdown-menu,
|
|
.select2-drop {
|
|
background: #fff !important;
|
|
border: 2px solid #ddd;
|
|
}
|
|
.input-group-rounded .input-group-btn + .form-control,
|
|
.input-group-rounded .input-group-btn + .select2-search input[type="text"],
|
|
.input-group-rounded .input-group-btn + .select2-search input[type="text"] {
|
|
padding-left: 10px;
|
|
}
|
|
.form-control,
|
|
.select2-search input[type="text"] {
|
|
border: 2px solid #ddd !important;
|
|
}
|
|
.bootstrap-switch {
|
|
height: 33px;
|
|
width: 84px;
|
|
border: 2px solid #bdc3c7;
|
|
}
|
|
.tooltip {
|
|
border: 2px solid #bdc3c7;
|
|
}
|
|
.progress,
|
|
.ui-slider {
|
|
background: #ddd !important;
|
|
}
|
|
.progress-bar,
|
|
.ui-slider-range,
|
|
.ui-slider-handle {
|
|
background: #bdc3c7 !important;
|
|
}
|
|
} |