mirror of
https://github.com/photonstorm/phaser
synced 2024-12-18 17:16:03 +00:00
961 lines
23 KiB
CSS
961 lines
23 KiB
CSS
|
/*
|
||
|
* Darkstrap v0.9.2
|
||
|
* By danneu (http://github.com/danneu/darkstrap)
|
||
|
* Based off Twitter Bootstrap v2.2.2
|
||
|
*/
|
||
|
|
||
|
tr.warning,
|
||
|
tr.success,
|
||
|
tr.error,
|
||
|
tr.info {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
color: #c6c6c6;
|
||
|
background-color: #2f2f2f;
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
color: #1ab2ff;
|
||
|
}
|
||
|
|
||
|
textarea,
|
||
|
input[type="text"],
|
||
|
input[type="password"],
|
||
|
input[type="datetime"],
|
||
|
input[type="datetime-local"],
|
||
|
input[type="date"],
|
||
|
input[type="month"],
|
||
|
input[type="time"],
|
||
|
input[type="week"],
|
||
|
input[type="number"],
|
||
|
input[type="email"],
|
||
|
input[type="url"],
|
||
|
input[type="search"],
|
||
|
input[type="tel"],
|
||
|
input[type="color"],
|
||
|
.uneditable-input {
|
||
|
background-color: #cccccc;
|
||
|
}
|
||
|
select {
|
||
|
background-color: #cccccc;
|
||
|
}
|
||
|
|
||
|
.uneditable-input,
|
||
|
.uneditable-textarea {
|
||
|
background-color: #c9c9c9;
|
||
|
}
|
||
|
|
||
|
input:-moz-placeholder,
|
||
|
textarea:-moz-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
input:-ms-input-placeholder,
|
||
|
textarea:-ms-input-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
input::-webkit-input-placeholder,
|
||
|
textarea::-webkit-input-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
|
||
|
.control-group.warning .input-prepend .add-on,
|
||
|
.control-group.warning .input-append .add-on {
|
||
|
background-color: #faa732;
|
||
|
}
|
||
|
|
||
|
.control-group.error .input-prepend .add-on,
|
||
|
.control-group.error .input-append .add-on {
|
||
|
background-color: #fc5b5e;
|
||
|
}
|
||
|
|
||
|
.control-group.success .input-prepend .add-on,
|
||
|
.control-group.success .input-append .add-on {
|
||
|
background-color: #5bb75b;
|
||
|
}
|
||
|
|
||
|
.control-group.info .input-prepend .add-on,
|
||
|
.control-group.info .input-append .add-on {
|
||
|
background-color: #3a87ad;
|
||
|
}
|
||
|
|
||
|
.form-actions {
|
||
|
background-color: #444444;
|
||
|
}
|
||
|
.help-block,
|
||
|
.help-inline {
|
||
|
color: #ececec;
|
||
|
}
|
||
|
|
||
|
.table th,
|
||
|
.table td {
|
||
|
border-top: 1px solid #666666;
|
||
|
}
|
||
|
.table tbody + tbody {
|
||
|
border-top: 2px solid #666666;
|
||
|
}
|
||
|
.table .table {
|
||
|
background-color: #2f2f2f;
|
||
|
}
|
||
|
|
||
|
.table-bordered {
|
||
|
border: 1px solid #666666;
|
||
|
}
|
||
|
.table-bordered th,
|
||
|
.table-bordered td {
|
||
|
border-left: 1px solid #666666;
|
||
|
}
|
||
|
.table-striped tbody > tr:nth-child(odd) > td,
|
||
|
.table-striped tbody > tr:nth-child(odd) > th {
|
||
|
background-color: #444444;
|
||
|
}
|
||
|
|
||
|
.table-hover tbody tr:hover td,
|
||
|
.table-hover tbody tr:hover th {
|
||
|
background-color: #666666;
|
||
|
}
|
||
|
|
||
|
|
||
|
.table tbody tr.success td {
|
||
|
background-color: #5bb75b;
|
||
|
}
|
||
|
.table tbody tr.error td {
|
||
|
background-color: #fc5b5e;
|
||
|
}
|
||
|
.table tbody tr.warning td {
|
||
|
background-color: #faa732;
|
||
|
}
|
||
|
.table tbody tr.info td {
|
||
|
background-color: #3a87ad;
|
||
|
}
|
||
|
|
||
|
.table-hover tbody tr.success:hover td {
|
||
|
background-color: #4cad4c;
|
||
|
}
|
||
|
.table-hover tbody tr.error:hover td {
|
||
|
background-color: #fc4245;
|
||
|
}
|
||
|
.table-hover tbody tr.warning:hover td {
|
||
|
background-color: #f99c19;
|
||
|
}
|
||
|
.table-hover tbody tr.info:hover td {
|
||
|
background-color: #34789a;
|
||
|
}
|
||
|
|
||
|
[class^="icon-"],
|
||
|
[class*=" icon-"] {
|
||
|
background-image: url("../img/glyphicons-halflings.png");
|
||
|
}
|
||
|
|
||
|
.icon-white,
|
||
|
.nav-pills > .active > a > [class^="icon-"],
|
||
|
.nav-pills > .active > a > [class*=" icon-"],
|
||
|
.nav-list > .active > a > [class^="icon-"],
|
||
|
.nav-list > .active > a > [class*=" icon-"],
|
||
|
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||
|
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||
|
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||
|
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||
|
.dropdown-menu > .active > a > [class^="icon-"],
|
||
|
.dropdown-menu > .active > a > [class*=" icon-"],
|
||
|
.dropdown-submenu:hover > a > [class^="icon-"],
|
||
|
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
||
|
background-image: url("../img/glyphicons-halflings-white.png");
|
||
|
}
|
||
|
|
||
|
|
||
|
.btn-link:hover {
|
||
|
color: #1ab2ff;
|
||
|
}
|
||
|
|
||
|
.alert {
|
||
|
background-color: #faa732;
|
||
|
border: 1px solid #fa7d23;
|
||
|
}
|
||
|
|
||
|
|
||
|
.alert-success {
|
||
|
background-color: #5bb75b;
|
||
|
border-color: #5cad4c;
|
||
|
}
|
||
|
|
||
|
|
||
|
.alert-danger,
|
||
|
.alert-error {
|
||
|
background-color: #fc5b5e;
|
||
|
border-color: #fc4c6d;
|
||
|
}
|
||
|
|
||
|
.alert-info {
|
||
|
background-color: #3a87ad;
|
||
|
border-color: #318292;
|
||
|
}
|
||
|
|
||
|
.nav-tabs > .active > a,
|
||
|
.nav-tabs > .active > a:hover {
|
||
|
background-color: #2f2f2f;
|
||
|
}
|
||
|
|
||
|
.nav .dropdown-toggle:hover .caret {
|
||
|
border-top-color: #1ab2ff;
|
||
|
border-bottom-color: #1ab2ff;
|
||
|
}
|
||
|
|
||
|
.navbar-inner {
|
||
|
background-color: #363636;
|
||
|
background-image: -moz-linear-gradient(top, #444444, #222222);
|
||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
|
||
|
background-image: -webkit-linear-gradient(top, #444444, #222222);
|
||
|
background-image: -o-linear-gradient(top, #444444, #222222);
|
||
|
background-image: linear-gradient(to bottom, #444444, #222222);
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0);
|
||
|
border: 1px solid #030303;
|
||
|
}
|
||
|
.navbar .brand {
|
||
|
color: #c6c6c6;
|
||
|
text-shadow: 0 1px 0 #444444;
|
||
|
}
|
||
|
.navbar-text {
|
||
|
color: #c6c6c6;
|
||
|
}
|
||
|
|
||
|
.navbar-link {
|
||
|
color: #c6c6c6;
|
||
|
}
|
||
|
.navbar-link:hover {
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.navbar .divider-vertical {
|
||
|
border-left: 1px solid #222222;
|
||
|
border-right: 1px solid #444444;
|
||
|
}
|
||
|
|
||
|
|
||
|
.navbar .nav > li > a {
|
||
|
color: #c6c6c6;
|
||
|
text-shadow: 0 1px 0 #444444;
|
||
|
}
|
||
|
|
||
|
.navbar .nav > li > a:focus,
|
||
|
.navbar .nav > li > a:hover {
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.navbar .nav > .active > a,
|
||
|
.navbar .nav > .active > a:hover,
|
||
|
.navbar .nav > .active > a:focus {
|
||
|
color: white;
|
||
|
background-color: #151515;
|
||
|
}
|
||
|
|
||
|
.navbar .btn-navbar {
|
||
|
background-color: #292929;
|
||
|
background-image: -moz-linear-gradient(top, #373737, #151515);
|
||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#151515));
|
||
|
background-image: -webkit-linear-gradient(top, #373737, #151515);
|
||
|
background-image: -o-linear-gradient(top, #373737, #151515);
|
||
|
background-image: linear-gradient(to bottom, #373737, #151515);
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF373737', endColorstr='#FF151515', GradientType=0);
|
||
|
border-color: #151515 #151515 black;
|
||
|
*background-color: #151515;
|
||
|
}
|
||
|
.navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
|
||
|
background-color: #151515;
|
||
|
*background-color: #090909;
|
||
|
}
|
||
|
.navbar .btn-navbar:active, .navbar .btn-navbar.active {
|
||
|
background-color: black \9;
|
||
|
}
|
||
|
|
||
|
.navbar .nav li.dropdown > a:hover .caret {
|
||
|
border-top-color: white;
|
||
|
border-bottom-color: white;
|
||
|
}
|
||
|
|
||
|
.navbar .nav li.dropdown.open > .dropdown-toggle,
|
||
|
.navbar .nav li.dropdown.active > .dropdown-toggle,
|
||
|
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
|
||
|
background-color: #151515;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.navbar .nav li.dropdown > .dropdown-toggle .caret {
|
||
|
border-top-color: #c6c6c6;
|
||
|
border-bottom-color: #c6c6c6;
|
||
|
}
|
||
|
|
||
|
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
|
||
|
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
|
||
|
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
|
||
|
border-top-color: white;
|
||
|
border-bottom-color: white;
|
||
|
}
|
||
|
|
||
|
.well {
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
background: #202020;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.darkwell, .breadcrumb, code, pre, select,
|
||
|
input[type="text"],
|
||
|
input[type="password"],
|
||
|
input[type="datetime"],
|
||
|
input[type="datetime-local"],
|
||
|
input[type="date"],
|
||
|
input[type="month"],
|
||
|
input[type="time"],
|
||
|
input[type="week"],
|
||
|
input[type="number"],
|
||
|
input[type="email"],
|
||
|
input[type="url"],
|
||
|
input[type="search"],
|
||
|
input[type="tel"],
|
||
|
input[type="color"],
|
||
|
.uneditable-input, textarea, .hero-unit, .progress {
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
background: #202020;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.breadcrumb {
|
||
|
border: 0;
|
||
|
}
|
||
|
.breadcrumb li {
|
||
|
text-shadow: 0 1px 0 black;
|
||
|
}
|
||
|
|
||
|
.page-header {
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
border-bottom: 1px solid #121212;
|
||
|
}
|
||
|
|
||
|
h1, h2, h3, h4, h5, h6 {
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
h6 {
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
blockquote {
|
||
|
border-left-color: #111;
|
||
|
}
|
||
|
blockquote.pull-right {
|
||
|
border-right-color: #111;
|
||
|
}
|
||
|
|
||
|
hr {
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
border-bottom: 1px solid #121212;
|
||
|
border-top: none;
|
||
|
}
|
||
|
|
||
|
code {
|
||
|
border: none;
|
||
|
padding: 2px 4px;
|
||
|
}
|
||
|
|
||
|
pre {
|
||
|
border: none;
|
||
|
color: #c6c6c6;
|
||
|
padding: 8px;
|
||
|
}
|
||
|
|
||
|
legend {
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
border-bottom: 1px solid #121212;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
select,
|
||
|
input[type="text"],
|
||
|
input[type="password"],
|
||
|
input[type="datetime"],
|
||
|
input[type="datetime-local"],
|
||
|
input[type="date"],
|
||
|
input[type="month"],
|
||
|
input[type="time"],
|
||
|
input[type="week"],
|
||
|
input[type="number"],
|
||
|
input[type="email"],
|
||
|
input[type="url"],
|
||
|
input[type="search"],
|
||
|
input[type="tel"],
|
||
|
input[type="color"],
|
||
|
.uneditable-input {
|
||
|
color: white;
|
||
|
height: 21px;
|
||
|
}
|
||
|
select:-moz-placeholder,
|
||
|
input[type="text"]:-moz-placeholder,
|
||
|
input[type="password"]:-moz-placeholder,
|
||
|
input[type="datetime"]:-moz-placeholder,
|
||
|
input[type="datetime-local"]:-moz-placeholder,
|
||
|
input[type="date"]:-moz-placeholder,
|
||
|
input[type="month"]:-moz-placeholder,
|
||
|
input[type="time"]:-moz-placeholder,
|
||
|
input[type="week"]:-moz-placeholder,
|
||
|
input[type="number"]:-moz-placeholder,
|
||
|
input[type="email"]:-moz-placeholder,
|
||
|
input[type="url"]:-moz-placeholder,
|
||
|
input[type="search"]:-moz-placeholder,
|
||
|
input[type="tel"]:-moz-placeholder,
|
||
|
input[type="color"]:-moz-placeholder,
|
||
|
.uneditable-input:-moz-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
select:-ms-input-placeholder,
|
||
|
input[type="text"]:-ms-input-placeholder,
|
||
|
input[type="password"]:-ms-input-placeholder,
|
||
|
input[type="datetime"]:-ms-input-placeholder,
|
||
|
input[type="datetime-local"]:-ms-input-placeholder,
|
||
|
input[type="date"]:-ms-input-placeholder,
|
||
|
input[type="month"]:-ms-input-placeholder,
|
||
|
input[type="time"]:-ms-input-placeholder,
|
||
|
input[type="week"]:-ms-input-placeholder,
|
||
|
input[type="number"]:-ms-input-placeholder,
|
||
|
input[type="email"]:-ms-input-placeholder,
|
||
|
input[type="url"]:-ms-input-placeholder,
|
||
|
input[type="search"]:-ms-input-placeholder,
|
||
|
input[type="tel"]:-ms-input-placeholder,
|
||
|
input[type="color"]:-ms-input-placeholder,
|
||
|
.uneditable-input:-ms-input-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
select::-webkit-input-placeholder,
|
||
|
input[type="text"]::-webkit-input-placeholder,
|
||
|
input[type="password"]::-webkit-input-placeholder,
|
||
|
input[type="datetime"]::-webkit-input-placeholder,
|
||
|
input[type="datetime-local"]::-webkit-input-placeholder,
|
||
|
input[type="date"]::-webkit-input-placeholder,
|
||
|
input[type="month"]::-webkit-input-placeholder,
|
||
|
input[type="time"]::-webkit-input-placeholder,
|
||
|
input[type="week"]::-webkit-input-placeholder,
|
||
|
input[type="number"]::-webkit-input-placeholder,
|
||
|
input[type="email"]::-webkit-input-placeholder,
|
||
|
input[type="url"]::-webkit-input-placeholder,
|
||
|
input[type="search"]::-webkit-input-placeholder,
|
||
|
input[type="tel"]::-webkit-input-placeholder,
|
||
|
input[type="color"]::-webkit-input-placeholder,
|
||
|
.uneditable-input::-webkit-input-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
|
||
|
textarea {
|
||
|
color: white;
|
||
|
}
|
||
|
textarea:-moz-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
textarea:-ms-input-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
textarea::-webkit-input-placeholder {
|
||
|
color: #666666;
|
||
|
}
|
||
|
|
||
|
select {
|
||
|
height: 29px;
|
||
|
}
|
||
|
|
||
|
.input-prepend .add-on,
|
||
|
.input-append .add-on {
|
||
|
background: #444;
|
||
|
color: #c6c6c6;
|
||
|
border-color: #111;
|
||
|
text-shadow: 0 1px 0 black;
|
||
|
}
|
||
|
|
||
|
.form-actions {
|
||
|
border-top-color: #222;
|
||
|
}
|
||
|
|
||
|
.well .form-actions {
|
||
|
border-top-color: #000;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
margin-left: -17px;
|
||
|
margin-right: -17px;
|
||
|
margin-bottom: -17px;
|
||
|
}
|
||
|
|
||
|
.help-inline,
|
||
|
.help-block {
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
|
||
|
color: #faa732;
|
||
|
border-color: #faa732;
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
background: #202020;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
.control-group.warning input:focus,
|
||
|
.control-group.warning select:focus,
|
||
|
.control-group.warning textarea:focus {
|
||
|
border-color: #faa732;
|
||
|
-webkit-box-shadow: 0 0 6px #faa732;
|
||
|
-moz-box-shadow: 0 0 6px #faa732;
|
||
|
box-shadow: 0 0 6px #faa732;
|
||
|
}
|
||
|
.control-group.warning .control-label,
|
||
|
.control-group.warning .help-block,
|
||
|
.control-group.warning .help-inline {
|
||
|
color: #faa732;
|
||
|
}
|
||
|
.control-group.success input, .control-group.success select, .control-group.success textarea {
|
||
|
color: #5bb75b;
|
||
|
border-color: #5bb75b;
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
background: #202020;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
.control-group.success input:focus,
|
||
|
.control-group.success select:focus,
|
||
|
.control-group.success textarea:focus {
|
||
|
border-color: #5bb75b;
|
||
|
-webkit-box-shadow: 0 0 6px #5bb75b;
|
||
|
-moz-box-shadow: 0 0 6px #5bb75b;
|
||
|
box-shadow: 0 0 6px #5bb75b;
|
||
|
}
|
||
|
.control-group.success .control-label,
|
||
|
.control-group.success .help-block,
|
||
|
.control-group.success .help-inline {
|
||
|
color: #5bb75b;
|
||
|
}
|
||
|
.control-group.error input, .control-group.error select, .control-group.error textarea {
|
||
|
color: #fc5b5e;
|
||
|
border-color: #fc5b5e;
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
background: #202020;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
.control-group.error input:focus,
|
||
|
.control-group.error select:focus,
|
||
|
.control-group.error textarea:focus {
|
||
|
border-color: #fc5b5e;
|
||
|
-webkit-box-shadow: 0 0 6px #fc5b5e;
|
||
|
-moz-box-shadow: 0 0 6px #fc5b5e;
|
||
|
box-shadow: 0 0 6px #fc5b5e;
|
||
|
}
|
||
|
.control-group.error .control-label,
|
||
|
.control-group.error .help-block,
|
||
|
.control-group.error .help-inline {
|
||
|
color: #fc5b5e;
|
||
|
}
|
||
|
.control-group.info input, .control-group.info select, .control-group.info textarea {
|
||
|
color: #3a87ad;
|
||
|
border-color: #3a87ad;
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
|
||
|
background: #202020;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
.control-group.info input:focus,
|
||
|
.control-group.info select:focus,
|
||
|
.control-group.info textarea:focus {
|
||
|
border-color: #3a87ad;
|
||
|
-webkit-box-shadow: 0 0 6px #3a87ad;
|
||
|
-moz-box-shadow: 0 0 6px #3a87ad;
|
||
|
box-shadow: 0 0 6px #3a87ad;
|
||
|
}
|
||
|
.control-group.info .control-label,
|
||
|
.control-group.info .help-block,
|
||
|
.control-group.info .help-inline {
|
||
|
color: #3a87ad;
|
||
|
}
|
||
|
|
||
|
input:focus:invalid,
|
||
|
textarea:focus:invalid,
|
||
|
select:focus:invalid {
|
||
|
border-color: #fc5b5e;
|
||
|
}
|
||
|
|
||
|
input:focus:invalid:focus,
|
||
|
textarea:focus:invalid:focus,
|
||
|
select:focus:invalid:focus {
|
||
|
border-color: #fc5b5e;
|
||
|
box-shadow: 0 0 6px #fc5b5e;
|
||
|
}
|
||
|
|
||
|
.btn-link {
|
||
|
text-shadow: none;
|
||
|
}
|
||
|
|
||
|
.img-polaroid {
|
||
|
background-color: #111;
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
}
|
||
|
|
||
|
.nav-tabs .open .dropdown-toggle,
|
||
|
.nav-pills .open .dropdown-toggle,
|
||
|
.nav > .open.active > a:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.25);
|
||
|
border-color: transparent transparent #666666 transparent;
|
||
|
}
|
||
|
|
||
|
.nav > .dropdown.active > a:hover {
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.nav-tabs .active .dropdown-toggle .caret,
|
||
|
.nav-pills .active .dropdown-toggle .caret {
|
||
|
border-top-color: #fff;
|
||
|
}
|
||
|
|
||
|
.nav-tabs {
|
||
|
border-bottom: 1px solid #666666;
|
||
|
}
|
||
|
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
|
||
|
background-color: #2f2f2f;
|
||
|
color: #fff;
|
||
|
border-color: #666666 #666666 transparent #666666;
|
||
|
}
|
||
|
.nav-tabs > li > a:hover {
|
||
|
border-color: #2f2f2f #2f2f2f #666666 #2f2f2f;
|
||
|
background-color: rgba(0, 0, 0, 0.25);
|
||
|
color: #00aaff;
|
||
|
}
|
||
|
.nav-tabs.nav-stacked > li > a, .nav-tabs.nav-stacked > li > a:hover {
|
||
|
border-color: #666;
|
||
|
}
|
||
|
|
||
|
.well > .nav-tabs > .active > a, .well > .nav-tabs > .active > a:hover {
|
||
|
background-color: #202020;
|
||
|
}
|
||
|
|
||
|
.nav-pills > li > a:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.25);
|
||
|
color: #00aaff;
|
||
|
}
|
||
|
|
||
|
.nav-list > li > a,
|
||
|
.nav-list .nav-header {
|
||
|
text-shadow: 0 1px 0 black;
|
||
|
}
|
||
|
|
||
|
.nav-list > li > a:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.25);
|
||
|
color: #00aaff;
|
||
|
}
|
||
|
|
||
|
.nav-list .active > a:hover {
|
||
|
background-color: #0088cc;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.tabs-below .nav-tabs {
|
||
|
border-top: 1px solid #666666;
|
||
|
}
|
||
|
|
||
|
.tabs-left .nav-tabs {
|
||
|
border-right: 1px solid #666666;
|
||
|
}
|
||
|
|
||
|
.tabs-right .nav-tabs {
|
||
|
border-left: 1px solid #666666;
|
||
|
}
|
||
|
|
||
|
.tabs-below .nav-tabs > li > a:hover {
|
||
|
border-top: 1px solid #666666;
|
||
|
}
|
||
|
|
||
|
.tabs-left .nav-tabs > li > a:hover {
|
||
|
border-color: transparent #666666 transparent transparent;
|
||
|
}
|
||
|
|
||
|
.tabs-right .nav-tabs > li > a:hover {
|
||
|
border-color: transparent transparent transparent #666666;
|
||
|
}
|
||
|
|
||
|
.tabs-below .nav-tabs .active > a,
|
||
|
.tabs-below .nav-tabs .active > a:hover {
|
||
|
border-color: transparent #666666 #666666 #666666;
|
||
|
}
|
||
|
|
||
|
.tabs-left .nav-tabs .active > a,
|
||
|
.tabs-left .nav-tabs .active > a:hover {
|
||
|
border-color: #666666 transparent #666666 #666666;
|
||
|
}
|
||
|
|
||
|
.tabs-right .nav-tabs .active > a,
|
||
|
.tabs-right .nav-tabs .active > a:hover {
|
||
|
border-color: #666666 #666666 #666666 transparent;
|
||
|
}
|
||
|
|
||
|
.nav-list > li > a,
|
||
|
.nav-list .nav-header {
|
||
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
|
||
|
}
|
||
|
|
||
|
.nav-tabs > li > a:hover {
|
||
|
border-color: transparent transparent #666666 transparent;
|
||
|
}
|
||
|
|
||
|
.nav > .disabled > a:hover {
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
.nav-list .divider {
|
||
|
background-color: transparent;
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
|
||
|
border-bottom: 1px solid #121212;
|
||
|
}
|
||
|
|
||
|
.navbar .brand {
|
||
|
text-shadow: 0 1px 0 black;
|
||
|
}
|
||
|
|
||
|
.navbar .divider-vertical {
|
||
|
border: transparent;
|
||
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
|
||
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
|
||
|
box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
|
||
|
border-right: 1px solid #121212;
|
||
|
}
|
||
|
|
||
|
.navbar-inverse .brand {
|
||
|
color: #555;
|
||
|
text-shadow: 0 1px 0 white;
|
||
|
}
|
||
|
.navbar-inverse .brand:hover {
|
||
|
color: #555;
|
||
|
}
|
||
|
.navbar-inverse .navbar-inner {
|
||
|
background: #fafafa;
|
||
|
border: 1px solid #030303;
|
||
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
|
||
|
background: -moz-linear-gradient(top, white 0%, #999999 100%);
|
||
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #999999));
|
||
|
background: -webkit-linear-gradient(top, white 0%, #999999 100%);
|
||
|
background: -o-linear-gradient(top, white 0%, #999999 100%);
|
||
|
background: -ms-linear-gradient(top, white 0%, #999999 100%);
|
||
|
background: linear-gradient(to bottom, #ffffff 0%, #999999 100%);
|
||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999',GradientType=0 );
|
||
|
}
|
||
|
.navbar-inverse .nav > li > a {
|
||
|
color: #555;
|
||
|
}
|
||
|
.navbar-inverse .nav > li > a:hover {
|
||
|
color: #333;
|
||
|
}
|
||
|
.navbar-inverse .nav > .active > a,
|
||
|
.navbar-inverse .nav > .active > a:hover {
|
||
|
background-color: #e5e5e5;
|
||
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
|
||
|
color: #555555;
|
||
|
}
|
||
|
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
|
||
|
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
|
||
|
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
|
||
|
background-color: #e5e5e5;
|
||
|
color: #555;
|
||
|
}
|
||
|
.navbar-inverse .nav li.dropdown > a:hover .caret {
|
||
|
border-top-color: #555;
|
||
|
color: #555;
|
||
|
}
|
||
|
.navbar-inverse .nav > li > a:focus,
|
||
|
.navbar-inverse .nav > li > a:hover {
|
||
|
background-color: transparent;
|
||
|
color: #333;
|
||
|
}
|
||
|
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
|
||
|
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
|
||
|
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
|
||
|
background-color: #e5e5e5;
|
||
|
color: #555;
|
||
|
}
|
||
|
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
|
||
|
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
|
||
|
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
|
||
|
border-bottom-color: #555;
|
||
|
border-top-color: #555;
|
||
|
color: #555;
|
||
|
}
|
||
|
.navbar-inverse .navbar-search .search-query {
|
||
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset;
|
||
|
background-color: white;
|
||
|
color: #333;
|
||
|
}
|
||
|
.navbar-inverse .navbar-search input.search-query:focus {
|
||
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset, 0 0 8px rgba(82, 168, 236, 0.6);
|
||
|
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.6) inset, 0 0 8px rgba(82, 168, 236, 0.9);
|
||
|
padding: 4px 14px;
|
||
|
outline: 0 none;
|
||
|
}
|
||
|
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
|
||
|
border-bottom-color: #555;
|
||
|
border-top-color: #555;
|
||
|
}
|
||
|
.navbar-inverse .nav li.dropdown > a:hover .caret {
|
||
|
border-bottom-color: #333;
|
||
|
border-top-color: #333;
|
||
|
}
|
||
|
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
.pagination ul > li > a,
|
||
|
.pagination ul > li > span {
|
||
|
background: transparent;
|
||
|
border-color: #666;
|
||
|
}
|
||
|
|
||
|
.pagination ul > li > a:hover,
|
||
|
.pagination ul > .active > a,
|
||
|
.pagination ul > .active > span {
|
||
|
background-color: rgba(0, 0, 0, 0.25);
|
||
|
}
|
||
|
|
||
|
.pager li > a, .pager li > span {
|
||
|
background-color: transparent;
|
||
|
border-color: #666;
|
||
|
}
|
||
|
|
||
|
.pager li > a:hover {
|
||
|
background-color: rgba(0, 0, 0, 0.25);
|
||
|
}
|
||
|
|
||
|
.pager .disabled > a,
|
||
|
.pager .disabled > a:hover,
|
||
|
.pager .disabled > span {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
|
||
|
.label,
|
||
|
.badge {
|
||
|
text-shadow: 1px 1px 0 black;
|
||
|
box-shadow: 1px 1px 0 black;
|
||
|
}
|
||
|
|
||
|
.label-inverse,
|
||
|
.badge-inverse {
|
||
|
background-color: #111;
|
||
|
}
|
||
|
|
||
|
.hero-unit {
|
||
|
background: #111;
|
||
|
color: #ccc;
|
||
|
}
|
||
|
|
||
|
.thumbnail {
|
||
|
border-color: #666;
|
||
|
box-shadow: 0 1px 3px black;
|
||
|
}
|
||
|
.thumbnail .caption {
|
||
|
color: #999;
|
||
|
}
|
||
|
|
||
|
.alert {
|
||
|
color: white;
|
||
|
border-color: #a86404;
|
||
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
|
||
|
}
|
||
|
.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
|
||
|
color: #c17305;
|
||
|
}
|
||
|
|
||
|
.alert-error {
|
||
|
border-color: #d40408;
|
||
|
}
|
||
|
.alert-error h1, .alert-error h2, .alert-error h3, .alert-error h4, .alert-error h5, .alert-error h6 {
|
||
|
color: #ed0409;
|
||
|
}
|
||
|
|
||
|
.alert-success {
|
||
|
border-color: #2d662d;
|
||
|
}
|
||
|
.alert-success h1, .alert-success h2, .alert-success h3, .alert-success h4, .alert-success h5, .alert-success h6 {
|
||
|
color: #347834;
|
||
|
}
|
||
|
|
||
|
.alert-info {
|
||
|
border-color: #1a3c4e;
|
||
|
}
|
||
|
.alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6 {
|
||
|
color: #204B61;
|
||
|
}
|
||
|
|
||
|
select::-webkit-scrollbar {
|
||
|
-webkit-appearance: none;
|
||
|
width: 11px;
|
||
|
}
|
||
|
select::-webkit-scrollbar-thumb {
|
||
|
border-radius: 8px;
|
||
|
border: 2px solid #202020;
|
||
|
background-color: rgba(0, 0, 0, 0.5);
|
||
|
}
|
||
|
|
||
|
.modal {
|
||
|
background-color: #444;
|
||
|
}
|
||
|
|
||
|
.modal-header {
|
||
|
border-bottom: 1px solid #222222;
|
||
|
}
|
||
|
|
||
|
.modal-body p {
|
||
|
color: #c6c6c6;
|
||
|
}
|
||
|
|
||
|
.modal-footer {
|
||
|
background-color: #373737;
|
||
|
border-top: 1px solid #222222;
|
||
|
-moz-box-shadow: 0 1px 0 #333333 inset;
|
||
|
-webkit-box-shadow: 0 1px 0 #333333 inset;
|
||
|
-o-box-shadow: 0 1px 0 #333333 inset;
|
||
|
box-shadow: 0 1px 0 #333333 inset;
|
||
|
}
|
||
|
|
||
|
.popover {
|
||
|
background: #444;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.5);
|
||
|
border: 1px solid black;
|
||
|
}
|
||
|
|
||
|
.popover-title {
|
||
|
background: #373737;
|
||
|
border-bottom-color: #222;
|
||
|
}
|
||
|
|
||
|
.popover.top .arrow:after {
|
||
|
border-top-color: #444;
|
||
|
}
|
||
|
|
||
|
.popover.right .arrow:after {
|
||
|
border-right-color: #444;
|
||
|
}
|
||
|
|
||
|
.popover.bottom .arrow:after {
|
||
|
border-bottom-color: #444;
|
||
|
}
|
||
|
|
||
|
.popover.left .arrow:after {
|
||
|
border-left-color: #444;
|
||
|
}
|