Файл: upload-2031-rs1/admin/view/stylesheet/stylesheet.css
Строк: 497
@import
url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,vietnamese);
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: 'Open Sans',
sans-serif;
font-size: 12px;
color: #666666;
line-height:
18px;
text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6, p
{
margin-top: 0;
}
.page-header {
vertical-align: middle;
margin: 15px
0;
padding: 0;
border-bottom: none;
}
.page-header h1 {
font-family:
'Open Sans', sans-serif;
font-weight: 400;
font-size: 30px;
color:
#848484;
display: inline-block;
margin-bottom: 15px;
}
.breadcrumb
{
display: inline-block;
background: none;
margin: 0;
padding: 0
10px;
}
.breadcrumb li a {
color: #999999;
font-size: 11px;
padding:
0px;
margin: 0px;
}
.breadcrumb li:last-child a {
color:
#1e91cf;
}
.breadcrumb li a:hover {
text-decoration: none;
}
.breadcrumb
li + li:before {
content: "/";
font-family:
FontAwesome;
color: #BBBBBB;
padding: 0 5px;
}
a:hover, a:focus
{
text-decoration: none;
}
/* fix for bootstrap hidden and visible
*/
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg
{
display: inline;
}
#container {
min-height: 100%;
width:
100%;
position: relative;
}
.container-fluid {
padding-left:
20px;
padding-right: 20px;
}
#header {
min-height: 0px;
background:
#FFFFFF;
border-bottom: 1px solid #E5E5E5;
margin: 0;
padding:
0;
}
#header .nav > li {
float: left;
}
#header .nav > li li
{
min-width: 200px;
}
#header .navbar-header {
min-height: 0px;
padding:
0;
}
/* Mobile */
@media (max-width: 767px) {
#header .navbar-header
{
margin-right: 0px;
margin-left: 0px;
float: left;
}
}
#header
#button-menu + .navbar-brand {
padding: 10px 10px 10px
10px;
margin-right: 10px;
height: auto;
}
#header .nav > li > a
{
padding: 3px 16px;
line-height: 38px;
cursor: pointer;
color:
#6D6D6D;
border-left: 1px solid #E1E1E1;
}
#header .nav > li > a
> .label {
text-shadow: none;
padding: 1px 4px;
position:
absolute;
top: 8px;
left: 6px;
}
#button-menu {
padding: 10px 17px 9px
17px;
line-height: 25px;
float: left;
display: inline-block;
cursor:
pointer;
color: #6D6D6D;
border-right: 1px solid #E1E1E1;
}
#profile
{
display: none;
}
#column-left.active #profile {
display:
block;
padding: 10px 15px 10px 15px;
overflow: auto;
border-bottom: 1px
solid #585858;
}
#profile div {
float: left;
color: #C4C4C4;
}
#profile
div + div {
margin-left: 15px;
}
#profile h4 {
margin-top:
6px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight:
400;
color: #FFF;
margin-bottom: 0;
}
#column-left {
width:
50px;
height: 100%;
background-color: #515151;
position: absolute;
top:
0px;
padding-top: 50px;
z-index: 10;
transition: all
0.3s;
}
#column-left.active {
width: 235px;
display: block;
}
#content
{
padding-bottom: 40px;
transition: all 0.3s;
}
#column-left + #content
{
margin-left: 50px;
}
#column-left + #content + #footer {
margin-left:
50px;
}
/* Mobile */
@media (max-width: 767px) {
#column-left {
overflow:
hidden;
display: none;
}
#column-left + #content {
margin-left:
0;
}
#column-left + #content + #footer {
margin-left: 0;
}
}
/* Menu
*/
#menu, #menu ul, #menu li {
padding: 0;
margin: 0;
list-style:
none;
}
#menu {
margin-bottom: 25px;
}
#menu > li {
position:
relative;
}
#menu li a {
text-decoration: none;
display: block;
padding:
10px;
cursor: pointer;
border-bottom: 1px solid #515151;
}
#menu li a i
{
font-size: 16px;
}
#menu > li > a {
color: #C4C4C4;
font-size:
14px;
padding-left: 13px;
border-bottom: 1px solid #585858;
}
#menu >
li > a:hover {
background-color: #444444;
}
#menu > li > a >
span {
display: none;
margin-left: 8px;
}
#menu li li a {
color:
#9d9d9d;
}
#menu li li a:hover {
color: #FFFFFF;
background-color:
#373737;
}
#menu li li a:before {
content: "\f101";
font-size:
14px;
font-family: FontAwesome;
margin-left: 10px;
margin-right:
10px;
transition: margin ease 0.5s;
}
#menu li li a:hover:before
{
margin-right: 20px;
}
#menu > li.active > a {
color:
#DDDDDD;
background: #373737;
}
#menu li.active li a {
color:
#C4C4C4;
}
#menu li li.active > a:last-child {
color: #FFFFFF;
}
#menu
li li.active a:last-child:before {
margin-left: 20px;
margin-right:
10px;
}
#menu > li > ul {
position: absolute;
left: 50px;
top:
0px;
width: 210px;
background-color: #444444;
visibility:
hidden;
}
#menu li ul {
overflow: hidden;
}
#menu > li:hover > ul
{
visibility: visible;
}
#menu li li a.parent:after, #column-left.active
#menu > li a.parent:after {
font-family: FontAwesome;
content:
"\f105";
float: right;
margin-right: 8px;
}
#menu li li.open
> a.parent:after, #column-left.active #menu > li.open >
a.parent:after {
font-family: FontAwesome;
content:
"\f107";
float: right;
margin-right: 8px;
}
#menu li ul a
{
padding-left: 20px;
}
#menu li li ul a {
padding-left: 40px;
}
#menu li
li li ul a {
padding-left: 60px;
}
#menu li li li li ul a {
padding-left:
80px;
}
/* Menu Active */
/* Desktop */
@media (min-width: 768px)
{
#column-left.active {
overflow: auto;
}
#column-left.active + #content
{
margin-left: 235px;
}
#column-left.active + #content + #footer
{
margin-left: 235px;
}
}
/* Mobile */
@media (max-width: 767px)
{
#column-left.active + #content {
position: relative;
left:
235px;
}
#column-left.active + #content + #footer {
position:
relative;
left: 235px;
}
}
#column-left.active {
width:
235px;
}
#column-left.active #menu li i {
font-size:
14px;
}
#column-left.active #menu > li > a > span {
display:
inline;
}
#column-left.active #menu > li > ul {
position:
relative;
left: auto;
top: auto;
width: auto;
visibility: visible;
}
/*
footer */
#footer {
height: 100px;
text-align: center;
}
/* Navs
*/
.nav > li.disabled > a {
color: #999;
}
.nav > li.disabled
> a:hover, .nav > li.disabled > a:focus {
color: #999;
}
/* Tabs
*/
.nav-tabs > li > a {
color: #666;
border-radius: 2px 2px 0
0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee
#ddd;
}
.nav-tabs {
margin-bottom: 25px;
}
.nav-tabs > li.active >
a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active >
a:focus {
font-weight: bold;
color: #333;
}
.form-control:hover
{
border: 1px solid #b9b9b9;
border-top-color:
#a0a0a0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0,
.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
div.required
.control-label:not(span):before, td.required:before {
content: '*
';
color: #F00;
font-weight: bold;
}
.table thead td
span[data-toggle="tooltip"]:after, label.control-label span:after
{
font-family: FontAwesome;
color: #1E91CF;
content:
"\f059";
margin-left: 4px;
}
fieldset legend {
padding-bottom:
5px;
}
input[type="radio"], input[type="checkbox"]
{
margin: 2px 0 0;
}
.radio, .checkbox {
min-height:
18px;
}
input[type="radio"], .radio
input[type="radio"], .radio-inline input[type="radio"],
input[type="checkbox"], .checkbox
input[type="checkbox"], .checkbox-inline
input[type="checkbox"] {
position: relative;
width:
13px;
width: 16px \0;
height: 13px;
height: 16px
\0;
-webkit-appearance: none;
background: white;
border: 1px solid
#dcdcdc;
border: 1px solid transparent \0;
border-radius:
1px;
}
input[type="radio"]:focus, .radio
input[type="radio"]:focus, .radio-inline
input[type="radio"]:focus,
input[type="checkbox"]:focus, .checkbox
input[type="checkbox"]:focus, .checkbox-inline
input[type="checkbox"]:focus {
border-color: #4d90fe;
outline:
0;
}
input[type="radio"]:active, .radio
input[type="radio"]:active, .radio-inline
input[type="radio"]:active,
input[type="checkbox"]:active, .checkbox
input[type="checkbox"]:active, .checkbox-inline
input[type="checkbox"]:active {
background-color:
#ebebeb;
border-color: #c6c6c6;
}
input[type="radio"]:checked,
.radio input[type="radio"]:checked, .radio-inline
input[type="radio"]:checked,
input[type="checkbox"]:checked, .checkbox
input[type="checkbox"]:checked, .checkbox-inline
input[type="checkbox"]:checked {
background:
#fff;
}
input[type="radio"], .radio
input[type="radio"], .radio-inline input[type="radio"]
{
width: 15px;
width: 18px \0;
height: 15px;
height: 18px
\0;
border-radius: 1em;
}
input[type="radio"]:checked::after,
.radio input[type="radio"]:checked::after, .radio-inline
input[type="radio"]:checked::after {
position: relative;
top:
3px;
left: 3px;
display: block;
width: 7px;
height: 7px;
content:
'';
background: #666;
border-radius:
1em;
}
input[type="checkbox"]:hover, .checkbox
input[type="checkbox"]:hover, .checkbox-inline
input[type="checkbox"]:hover {
border-color:
#c6c6c6;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0,
.1);
-webkit-box-shadow: none \9;
box-shadow: inset 0 1px 1px rgba(0, 0,
0, .1);
box-shadow: none
\9;
}
input[type="checkbox"]:checked::after, .checkbox
input[type="checkbox"]:checked::after, .checkbox-inline
input[type="checkbox"]:checked::after {
position:
absolute;
top: -6px;
left: -5px;
display: block;
content:
url('../image/checkmark.png');
}
.table thead td {
font-weight:
bold;
}
.table thead > tr > td, .table tbody > tr > td
{
vertical-align: middle;
}
.table a.asc:after {
content: "
\f107";
font-family: FontAwesome;
font-size: 14px;
}
.table
a.desc:after {
content: " \f106";
font-family:
FontAwesome;
font-size: 14px;
}
.pagination {
margin: 0;
}
/* Panels
*/
.panel {
border-radius: 0px;
}
.panel .panel-heading {
position:
relative;
}
.panel-heading h3 i {
margin-right:
8px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.panel-heading i
{
font-size: 16px;
font-weight: 500;
}
.panel-heading h3 {
font-size:
16px;
font-weight: 500;
display: inline-block;
}
/* Primary Panel
*/
.panel-primary {
border: 1px solid #c3e4f6;
border-top: 2px solid
#5cb7e7;
}
.panel-primary .panel-heading {
color: #1e91cf;
border-color:
#96d0f0;
background: white;
}
/* Default Panel */
.panel-default
{
border: 1px solid #e8e8e8;
border-top: 2px solid
#bfbfbf;
}
.panel-default .panel-heading {
color: #595959;
border-color:
#e8e8e8;
background: #fcfcfc;
}
.img-thumbnail i {
color:
#FFFFFF;
background-color: #EEEEEE;
text-align: center;
vertical-align:
middle;
width: 100px;
height: 100px;
padding-top: 20px;
vertical-align:
middle;
display: inline-block;
}
.img-thumbnail.list i {
width:
40px;
height: 40px;
padding-top: 10px;
}
/* Tiles */
.tile
{
margin-bottom: 15px;
border-radius: 3px;
background-color:
#279FE0;
color: #FFFFFF;
transition: all 1s;
}
.tile:hover {
opacity:
0.95;
}
.tile a {
color: #FFFFFF;
}
.tile-heading {
padding: 5px
8px;
text-transform: uppercase;
background-color: #1E91CF;
color:
#FFF;
}
.tile .tile-heading .pull-right {
transition: all 1s;
opacity:
0.7;
}
.tile:hover .tile-heading .pull-right {
opacity: 1;
}
.tile-body
{
padding: 15px;
color: #FFFFFF;
line-height: 48px;
}
.tile .tile-body
i {
font-size: 50px;
opacity: 0.3;
transition: all 1s;
}
.tile:hover
.tile-body i {
color: #FFFFFF;
opacity: 1;
}
.tile .tile-body h2
{
font-size: 42px;
}
.tile-footer {
padding: 5px 8px;
background-color:
#3DA9E3;
}
#column-left.active #stats {
display: block;
}
#stats
{
display: none;
border-radius: 2px;
color: #666666;
background:
#2b2b2b;
margin: 15px 20px;
padding: 5px 0;
}
#stats ul, #stats li
{
padding: 0;
margin: 0;
list-style: none;
}
#stats li {
font-size:
11px;
color: #9d9d9d;
padding: 5px 10px;
border-bottom: 1px dotted
#373737;
}
#stats div:first-child {
margin-bottom: 4px;
}
#stats
.progress {
height: 3px;
margin-bottom: 0;
}
.jqvmap-label {
z-index:
999;
}
/* Menu Fix For System -> Layout -> Banner */
.collapse.in {
display: block;
visibility: unset;
}
.collapse {
display: none;
visibility: unset;
}
/* Menu Fix For System -> Layout -> Banner
*/