1285 lines
26 KiB
CSS
1285 lines
26 KiB
CSS
|
|
@media (min-width: 980px) {
|
|
|
|
.footer_big{display:contents;}
|
|
.footer_min{display:none;}
|
|
/* sidebar */
|
|
#sidebar {
|
|
position: absolute;
|
|
width: 180px;
|
|
}
|
|
|
|
#sidebar ul{
|
|
margin-top:1px !important;
|
|
width: 100%;
|
|
}
|
|
|
|
/* body container */
|
|
#main-content {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.fixed-top #main-content {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
|
|
/* phones and tablets */
|
|
@media (max-width:979px) {
|
|
|
|
.footer_big{display:contents;}
|
|
.footer_min{display:none;}
|
|
/*---lock page----*/
|
|
|
|
.lock .lock-wrap {
|
|
width: 95%;
|
|
}
|
|
.lock-wrap .single-size, .lock-wrap .double-size {
|
|
width: 32% !important;
|
|
}
|
|
|
|
.double-size i {
|
|
/*display: block;*/
|
|
}
|
|
/*--------*/
|
|
/* header bar */
|
|
#header .navbar-inner li.dropdown i {
|
|
display: inline-block;
|
|
position: relative;
|
|
top:1px;
|
|
right:-2px;
|
|
}
|
|
|
|
#header.navbar {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
#header .navbar-search {
|
|
margin-left: 80px !important;
|
|
}
|
|
|
|
/* page title*/
|
|
.page-title {
|
|
margin: 13px 0px 7px 0px !important;
|
|
}
|
|
|
|
/* body */
|
|
.fixed-top #main-content {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
/* container */
|
|
#container {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.fixed-top #container {
|
|
margin-top: 0px !important;
|
|
}
|
|
/*sidebar*/
|
|
#sidebar .sidebar-toggler {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar.in {
|
|
margin-top: 9px !important;
|
|
|
|
}
|
|
|
|
#sidebar ul {
|
|
margin-top:0px !important;
|
|
width:100%;
|
|
}
|
|
|
|
.top-nav .text {
|
|
display: none;
|
|
}
|
|
|
|
/* sidebar menu */
|
|
#sidebar .triangle {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar {
|
|
-webkit-border-radius: 4px !important;
|
|
-moz-border-radius: 4px !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
|
|
#sidebar > ul > li:first-child > a{
|
|
border-top:0px !important;
|
|
}
|
|
#sidebar > ul > li:last-child > a {
|
|
border-bottom:0px !important;
|
|
}
|
|
|
|
#sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a{
|
|
-webkit-border-radius: 4px 4px 0 0 !important;
|
|
-moz-border-radius: 4px 4px 0 0 !important;
|
|
border-radius: 4px 4px 0 0 !important;
|
|
border-top:0px !important;
|
|
}
|
|
#sidebar > ul > li:last-child > a:hover, #sidebar > ul > li.active:last-child > a {
|
|
-webkit-border-radius: 0 0 4px 4px !important;
|
|
-moz-border-radius: 0 0 4px 4px !important;
|
|
border-radius: 0 0 4px 4px !important;
|
|
border-bottom:0px !important;
|
|
}
|
|
|
|
#sidebar > ul > li > a > span {
|
|
line-height: 35px;
|
|
}
|
|
|
|
#sidebar > ul > li {
|
|
margin: 0 0 1px;
|
|
}
|
|
#sidebar > ul > li > a {
|
|
height:35px;
|
|
line-height:35px;
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
}
|
|
#sidebar > ul > li > a i{
|
|
display: none !important;
|
|
}
|
|
|
|
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
|
|
margin-right: 25px;
|
|
}
|
|
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
|
|
width: 100%;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a {
|
|
background: transparent !important ;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a:hover {
|
|
background: #4A8BC2 !important ;
|
|
}
|
|
|
|
/* stat overview containers */
|
|
.stats-overview-cont {
|
|
margin: 0px;
|
|
}
|
|
.stats-overview {
|
|
margin: 0px;
|
|
padding: 10px 10px 0px 10px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.stats-overview .details .title {
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* cirlce stats */
|
|
.circle-stat .details {
|
|
margin-top: 0px !important;
|
|
}
|
|
.circle-stat .details .title {
|
|
margin: 0px !important;
|
|
}
|
|
|
|
/* style switcher */
|
|
#theme-change {
|
|
top:55px;
|
|
right:28px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 1280px) {
|
|
|
|
.footer_big{display:contents;}
|
|
.footer_min{display:none;}
|
|
|
|
/*---lock page----*/
|
|
|
|
.lock .lock-wrap {
|
|
/*width: 95%;*/
|
|
}
|
|
.lock-wrap .double-size {
|
|
width: 38% !important;
|
|
}
|
|
.lock-wrap .single-size {
|
|
width: 20% !important;
|
|
}
|
|
|
|
.double-size i {
|
|
/*display: block;*/
|
|
}
|
|
/*--------*/
|
|
|
|
/***
|
|
Form wizard
|
|
***/
|
|
.form-wizard .step .desc {
|
|
margin-top: 10px;
|
|
display: inline;
|
|
}
|
|
|
|
/***
|
|
Pricing tables
|
|
***/
|
|
|
|
.pricing-table .rate .price,
|
|
.pricing-table2 .rate .price {
|
|
width: 100%;
|
|
display: block;
|
|
text-align: center;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block.long {
|
|
height: 237px !important;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
/* tablet to landscape and desktop */
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.footer_big{display:contents;}
|
|
.footer_min{display:none;}
|
|
/*---lock page----*/
|
|
|
|
.lock .lock-wrap {
|
|
width: 95%;
|
|
}
|
|
.lock-wrap .single-size, .lock-wrap .double-size {
|
|
width: 48% !important;
|
|
}
|
|
|
|
.double-size i {
|
|
/*display: block;*/
|
|
}
|
|
/*--------*/
|
|
/* body */
|
|
body {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
/*sidebar*/
|
|
|
|
.sidebar-scroll {
|
|
height: auto;
|
|
overflow: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: none;
|
|
}
|
|
|
|
#sidebar > ul > li > a > span {
|
|
line-height: 35px;
|
|
}
|
|
|
|
#sidebar > ul > li {
|
|
margin: 0 0 1px;
|
|
}
|
|
#sidebar > ul > li > a {
|
|
height:35px;
|
|
line-height:35px;
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
}
|
|
#sidebar > ul > li > a i{
|
|
display: none !important;
|
|
}
|
|
|
|
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
|
|
margin-right: 25px;
|
|
margin-top: -20px;
|
|
}
|
|
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
|
|
width: 100%;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a {
|
|
background: transparent !important ;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a:hover {
|
|
background: #4A8BC2 !important ;
|
|
}
|
|
|
|
/* body container */
|
|
#main-content {
|
|
margin: 7px !important;
|
|
position: none !important;
|
|
}
|
|
|
|
/* sidebar */
|
|
#sidebar {
|
|
margin: 0px 7px 10px 7px !important;
|
|
}
|
|
|
|
/* sidebar collabler */
|
|
#sidebar .btn-navbar.collapsed .arrow {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar .btn-navbar .arrow {
|
|
position: absolute;
|
|
right: 35px;
|
|
width: 0;
|
|
height: 0;
|
|
top:48px;
|
|
border-bottom: 15px solid #282e36;
|
|
border-left: 15px solid transparent;
|
|
border-right: 15px solid transparent;
|
|
}
|
|
|
|
#theme-change {
|
|
top: 70px !important;
|
|
}
|
|
.metro-fix-view .metro-nav-block.long {
|
|
height: 237px !important;
|
|
}
|
|
|
|
/*blog*/
|
|
|
|
.blog-side-bar.blue-box ul li a, .blog-side-bar.orange-box ul li a {
|
|
width: 78px;
|
|
height: 78px;
|
|
}
|
|
|
|
/*login page*/
|
|
|
|
.login-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.login-wrap .double-size, .login-wrap .single-size {
|
|
width: 48%;
|
|
}
|
|
.login-wrap .double-size span, .login-wrap .single-size span {
|
|
padding: 0;
|
|
}
|
|
.login-wrap .double-size input {
|
|
/*width: 90%;*/
|
|
}
|
|
.login-wrap .metro {
|
|
margin: 0 5px 5px 0;
|
|
}
|
|
/*-------*/
|
|
/*error page*/
|
|
|
|
.error-wrap.error-wrap-404 {
|
|
width: 100%;
|
|
}
|
|
|
|
.error-wrap.error-wrap-404 .metro.big {
|
|
width: 98% !important;
|
|
}
|
|
.error-wrap.error-wrap-404 .metro {
|
|
width: 31.8%;
|
|
|
|
}
|
|
.error-wrap.error-wrap-404 .metro.double {
|
|
height: 165px !important;
|
|
width: 98% !important;
|
|
}
|
|
|
|
.fc-header-title {
|
|
margin-top: -102px !important;
|
|
}
|
|
|
|
.fc-button-content{
|
|
padding: 0 !important;
|
|
}
|
|
}
|
|
|
|
|
|
/* Landscape phones and down */
|
|
@media (max-width: 767px) {
|
|
|
|
#header.navbar-inverse .navbar-inner {
|
|
height: 185px !important;
|
|
}
|
|
|
|
#main-content {
|
|
margin: 1px !important;
|
|
}
|
|
|
|
/*login page*/
|
|
|
|
.login-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.login-wrap .double-size, .login-wrap .single-size {
|
|
width: 48%;
|
|
}
|
|
.login-wrap .double-size span, .login-wrap .single-size span {
|
|
padding: 0;
|
|
}
|
|
.login-wrap .double-size input {
|
|
width: 90%;
|
|
}
|
|
.login-wrap .metro {
|
|
margin: 0 5px 5px 0;
|
|
}
|
|
/*-------*/
|
|
|
|
/*---lock page----*/
|
|
|
|
.lock .lock-wrap {
|
|
width: 95%;
|
|
}
|
|
.lock-wrap .single-size, .lock-wrap .double-size {
|
|
width: 47% !important;
|
|
}
|
|
|
|
.double-size i {
|
|
display: block;
|
|
}
|
|
/*----sidebar----*/
|
|
.sidebar-scroll {
|
|
height: auto;
|
|
overflow: none;
|
|
position: absolute;
|
|
width: 97%;
|
|
z-index: none;
|
|
}
|
|
#sidebar > ul > li > a > span {
|
|
line-height: 35px;
|
|
}
|
|
|
|
#sidebar > ul > li {
|
|
margin: 0 0 1px;
|
|
}
|
|
#sidebar > ul > li > a {
|
|
height:35px;
|
|
line-height:35px;
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
}
|
|
#sidebar > ul > li > a i{
|
|
display: none !important;
|
|
}
|
|
|
|
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
|
|
margin-right: 25px;
|
|
}
|
|
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
|
|
width: 100%;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a {
|
|
background: transparent !important ;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a:hover {
|
|
background: #4A8BC2 !important ;
|
|
}
|
|
/* body */
|
|
body {
|
|
padding: 0px 5px 5px 5px !important;
|
|
}
|
|
#header .brand {
|
|
margin-top: -5px !important;
|
|
padding: 22px 35px !important;
|
|
}
|
|
|
|
#header.navbar-inverse .navbar-inner {
|
|
height: 135px !important;
|
|
}
|
|
.navbar-inverse .brand, .navbar-inverse .nav > li > a{
|
|
color: #fff !important;
|
|
}
|
|
|
|
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
|
|
border-bottom-color: #FFF !important;
|
|
border-top-color: #FFF !important;
|
|
}
|
|
|
|
#theme-change {
|
|
border-radius: 5px !important;
|
|
-webkit-border-radius: 5px !important;
|
|
-moz-border-radius: 5px !important;
|
|
top: 80px !important;
|
|
}
|
|
|
|
/* header */
|
|
#header {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
margin: 0px;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
#footer {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.footer_big{display:none;}
|
|
.footer_min{display:contents;}
|
|
|
|
#header .navbar-inner {
|
|
padding-top: 0px !important;
|
|
margin-top: 0px !important;
|
|
height: 50px !important;
|
|
}
|
|
|
|
/* sidebar */
|
|
#sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a {
|
|
-webkit-border-radius: 0px !important;
|
|
-moz-border-radius: 0px !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
/* sidebar */
|
|
#sidebar .btn-navbar .arrow {
|
|
display: none;
|
|
}
|
|
|
|
#sidebar {
|
|
margin: 0px 0px 8px 0px !important;
|
|
}
|
|
|
|
#sidebar .navbar-search {
|
|
width: 100% !important;
|
|
}
|
|
|
|
|
|
#sidebar.in {
|
|
margin-top: 7px !important;
|
|
}
|
|
|
|
/* header */
|
|
#header .top-nav .nav{
|
|
margin-top: 0px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#header .navbar-inner {
|
|
padding-top: 0px !important;
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.container-fluid {
|
|
margin: 0px;
|
|
padding:5px;
|
|
}
|
|
|
|
/* main container */
|
|
#container {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
/* body container */
|
|
#main-content {
|
|
margin: 0px !important;
|
|
}
|
|
|
|
/* style switcher */
|
|
#theme-change {
|
|
top:58px;
|
|
right:12px;
|
|
}
|
|
|
|
.breadcrumb {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
#header.navbar .nav > li > .dropdown-menu.notification::after {
|
|
margin-right: 110px;
|
|
}
|
|
|
|
#header.navbar .nav > li > .dropdown-menu.notification {
|
|
margin-right: -105px;
|
|
}
|
|
|
|
#header.navbar .nav > li > .dropdown-menu.inbox::after {
|
|
margin-right: 85px;
|
|
}
|
|
|
|
#header.navbar .nav > li > .dropdown-menu.inbox {
|
|
margin-right: -80px;
|
|
}
|
|
|
|
/* main container */
|
|
#container {
|
|
margin-top: 1px !important;
|
|
}
|
|
|
|
.fixed-top #container {
|
|
margin-top: 2px !important;
|
|
}
|
|
|
|
.widget-body.form .form-actions{
|
|
padding-left: 15px;
|
|
}
|
|
|
|
/* gritter notification fix */
|
|
#gritter-notice-wrapper {
|
|
right:1px !important;
|
|
}
|
|
|
|
.circle-stats {
|
|
margin: 0px 0px !important;
|
|
}
|
|
/* cirlce stats */
|
|
.circle-stat .details .title {
|
|
margin: 10px 0px !important;
|
|
}
|
|
|
|
/*input error states*/
|
|
.input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
|
|
top:-25px;
|
|
float: right;
|
|
right:10px !important;
|
|
}
|
|
|
|
/*table advance*/
|
|
.table-advance tr td.highlight:first-child a {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/* full calendar fix */
|
|
.fc-header-right {
|
|
left:25px;
|
|
position: absolute;
|
|
}
|
|
|
|
.fc-header-left .fc-button {
|
|
margin: 0px !important;
|
|
top: -10px !important;
|
|
}
|
|
|
|
.fc-header-right .fc-button {
|
|
margin: 0px !important;
|
|
top: -50px !important;
|
|
}
|
|
|
|
.fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
|
|
background: none !important;
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
.fc-state-default, .fc-state-default .fc-button-inner {
|
|
background: none !important;
|
|
}
|
|
|
|
.fc-button {
|
|
border: none !important;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.fc-view {
|
|
top: 0px !important;
|
|
}
|
|
|
|
.fc-button .fc-button-inner {
|
|
margin: 0px !important;
|
|
padding: 2px !important;
|
|
border: none !important;
|
|
margin-right: 2px !important;
|
|
background-color: #fafafa !important;
|
|
background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
|
|
background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
|
|
background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
|
|
background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
|
|
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
|
|
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
|
|
-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
|
|
box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
|
|
-webkit-border-radius: 3px !important;
|
|
-moz-border-radius: 3px !important;
|
|
border-radius: 3px !important;
|
|
color: #646464 !important;
|
|
border: 1px solid #ddd !important;
|
|
text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.fc-button.fc-state-disabled .fc-button-inner {
|
|
color: #bcbbbb !important;
|
|
}
|
|
|
|
.fc-button.fc-state-active .fc-button-inner {
|
|
background-color: #e5e4e4 !important;
|
|
background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
|
|
background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
|
|
background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
|
|
background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
|
|
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
|
|
}
|
|
|
|
.fc-content {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.fc-header-title h2 {
|
|
line-height: 40px !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.fc-header {
|
|
margin-bottom:0px !important;
|
|
}
|
|
|
|
/* footer */
|
|
#footer .go-top {
|
|
float: right;
|
|
display: block;
|
|
margin-top: -22px;
|
|
margin-right: 0px;
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
#counter {
|
|
width: 300px !important;
|
|
}
|
|
.points {
|
|
display: none ;
|
|
}
|
|
|
|
.countDays, .countHours, .countMinutes, .countSeconds {
|
|
margin: 10px;
|
|
}
|
|
|
|
/*metro*/
|
|
|
|
.metro-nav .metro-nav-block, .metro-nav .metro-nav-block.double {
|
|
width: 49%;
|
|
}
|
|
|
|
.metro-nav .metro-nav-block:last-child {
|
|
margin-right: 1%;
|
|
}
|
|
.metro-nav .metro-nav-block a {
|
|
width: 94%;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block.long {
|
|
height: 237px !important;
|
|
}
|
|
|
|
.error-wrap .metro {
|
|
width: 120px;
|
|
height: 120px;
|
|
}
|
|
|
|
.error-wrap .metro span {
|
|
font-size: 60px;
|
|
padding-top: 50px;
|
|
display: inline-block;
|
|
}
|
|
|
|
/*error page*/
|
|
|
|
.error-wrap.error-wrap-404 {
|
|
width: 100%;
|
|
}
|
|
|
|
.error-wrap.error-wrap-404 .metro.big {
|
|
width: 98% !important;
|
|
}
|
|
.error-wrap.error-wrap-404 .metro {
|
|
width: 31.2%;
|
|
|
|
}
|
|
.error-wrap.error-wrap-404 .metro.double {
|
|
height: 165px !important;
|
|
width: 98% !important;
|
|
}
|
|
}
|
|
|
|
|
|
/* Landscape phones and down */
|
|
@media (max-width: 430px) {
|
|
|
|
.error-wrap .metro {
|
|
width: 165px;
|
|
height: 165px;
|
|
}
|
|
|
|
.error-wrap .metro span {
|
|
font-size: 70px;
|
|
padding-top: 70px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sidebar-scroll {
|
|
height: auto;
|
|
overflow: none;
|
|
position: absolute;
|
|
width: 97%;
|
|
z-index: none;
|
|
}
|
|
|
|
#header.navbar-inverse .navbar-inner {
|
|
height: 185px !important;
|
|
}
|
|
|
|
#main-content {
|
|
margin: 1px !important;
|
|
}
|
|
|
|
/*login page*/
|
|
|
|
.login-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.login-wrap .double-size, .login-wrap .single-size {
|
|
width: 48%;
|
|
}
|
|
.login-wrap .double-size span, .login-wrap .single-size span {
|
|
padding: 0;
|
|
}
|
|
.login-wrap .double-size input {
|
|
width: 80%;
|
|
}
|
|
.login-wrap .metro {
|
|
margin: 0 5px 5px 0;
|
|
}
|
|
/*-------*/
|
|
|
|
/*---lock page----*/
|
|
|
|
.lock .lock-wrap {
|
|
width: 95%;
|
|
}
|
|
.lock-wrap .single-size, .lock-wrap .double-size {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.double-size i {
|
|
display: block;
|
|
}
|
|
/*--------*/
|
|
|
|
#sidebar > ul > li > a > span {
|
|
line-height: 35px;
|
|
}
|
|
|
|
#sidebar > ul > li {
|
|
margin: 0 0 1px;
|
|
}
|
|
#sidebar > ul > li > a {
|
|
height:35px;
|
|
line-height:35px;
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
}
|
|
#sidebar > ul > li > a i{
|
|
display: none !important;
|
|
}
|
|
|
|
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
|
|
margin-right: 25px;
|
|
|
|
}
|
|
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
|
|
width: 100%;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a {
|
|
background: transparent !important ;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a:hover {
|
|
background: #4A8BC2 !important ;
|
|
}
|
|
#login .lock{
|
|
display: none !important;
|
|
}
|
|
#login, #lock {
|
|
width: 260px !important;
|
|
margin: 50px auto 0 !important;
|
|
}
|
|
#counter {
|
|
width: 300px !important;
|
|
}
|
|
.points {
|
|
display: none ;
|
|
}
|
|
.countDays, .countHours, .countMinutes, .countSeconds {
|
|
margin: 10px;
|
|
}
|
|
#header{height: 75px;}
|
|
#header .brand {
|
|
margin-top: -5px !important;
|
|
/*padding: 22px 35px !important;*/
|
|
padding: 6px 6px !important;
|
|
}
|
|
#top_menu{ padding:0px;margin:0px;}
|
|
.nav.top-menu{padding:0px;margin:0px;}
|
|
.nav.pull-right.top-menu{padding:0px;margin:0px;}
|
|
/*.avatar{display:none;}*/
|
|
.username{width: 80px; display: block; overflow: hidden; height: 40px;}
|
|
.dashboard-report-li {
|
|
float: left;
|
|
width: 100%;
|
|
padding: 0px !important;
|
|
}
|
|
#header.navbar-inverse .navbar-inner {
|
|
height: 68px !important;
|
|
}
|
|
.navbar-inverse .brand, .navbar-inverse .nav > li > a{
|
|
color: #fff !important;
|
|
}
|
|
|
|
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
|
|
border-bottom-color: #FFF !important;
|
|
border-top-color: #FFF !important;
|
|
}
|
|
/*metro*/
|
|
|
|
.metro-nav .metro-nav-block, .metro-nav .metro-nav-block.double {
|
|
width: 49%;
|
|
}
|
|
|
|
.metro-nav .metro-nav-block:last-child {
|
|
margin-right: 1%;
|
|
}
|
|
.metro-nav .metro-nav-block a {
|
|
width: 94%;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block {
|
|
width: 124px !important;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block a {
|
|
width: 84% !important;
|
|
}
|
|
/*error page*/
|
|
|
|
.error-wrap.error-wrap-404 {
|
|
width: 98%;
|
|
}
|
|
|
|
.error-wrap.error-wrap-404 .metro {
|
|
width: 31.2%;
|
|
}
|
|
.error-wrap.error-wrap-404 .metro.double {
|
|
height: 120px !important;
|
|
width: 98% !important;
|
|
}
|
|
}
|
|
|
|
/* Landscape phones and down */
|
|
@media (max-width: 385px) {
|
|
|
|
.sidebar-scroll {
|
|
height: auto;
|
|
overflow: none;
|
|
position: absolute;
|
|
width: 97%;
|
|
z-index: none;
|
|
}
|
|
|
|
#header.navbar-inverse .navbar-inner {
|
|
height: 185px !important;
|
|
}
|
|
|
|
#main-content {
|
|
margin: 1px !important;
|
|
}
|
|
|
|
/*login page*/
|
|
|
|
.login-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.login-wrap .double-size, .login-wrap .single-size {
|
|
width: 48%;
|
|
}
|
|
.login-wrap .double-size span, .login-wrap .single-size span {
|
|
padding: 0;
|
|
}
|
|
.login-wrap .double-size input {
|
|
width: 80%;
|
|
}
|
|
.login-wrap .metro {
|
|
margin: 0 5px 5px 0;
|
|
}
|
|
/*-------*/
|
|
|
|
/*---lock page----*/
|
|
|
|
.lock .lock-wrap {
|
|
width: 95%;
|
|
}
|
|
.lock-wrap .single-size, .lock-wrap .double-size {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.double-size i {
|
|
display: block;
|
|
}
|
|
/*--------*/
|
|
|
|
#sidebar > ul > li > a > span {
|
|
line-height: 35px;
|
|
}
|
|
|
|
#sidebar > ul > li {
|
|
margin: 0 0 1px;
|
|
}
|
|
#sidebar > ul > li > a {
|
|
height:35px;
|
|
line-height:35px;
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
}
|
|
#sidebar > ul > li > a i{
|
|
display: none !important;
|
|
}
|
|
|
|
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
|
|
margin-right: 25px;
|
|
|
|
}
|
|
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
|
|
width: 100%;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a {
|
|
background: transparent !important ;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a:hover {
|
|
background: #4A8BC2 !important ;
|
|
}
|
|
#theme-change {
|
|
top:92px !important;
|
|
right:12px !important;
|
|
}
|
|
|
|
#login .lock{
|
|
display: none !important;
|
|
}
|
|
#login, #lock {
|
|
width: 260px !important;
|
|
margin: 50px auto 0 !important;
|
|
}
|
|
.m-wrap {
|
|
width: 175px !important;
|
|
}
|
|
#counter {
|
|
width: 300px !important;
|
|
}
|
|
.points {
|
|
display: none ;
|
|
}
|
|
.countDays, .countHours, .countMinutes, .countSeconds {
|
|
margin: 10px;
|
|
}
|
|
#forgotform #input-email {
|
|
width: 203px;
|
|
}
|
|
/* page title*/
|
|
.page-title small {
|
|
display: block;
|
|
margin: 0px 0px 18px 0px;
|
|
}
|
|
|
|
/* sidebar */
|
|
#sidebar.in {
|
|
margin-top: 7px !important;
|
|
}
|
|
|
|
#header .navbar-inner {
|
|
padding-top: 0px !important;
|
|
margin-top: 0px !important;
|
|
height: 84px !important;
|
|
}
|
|
.navbar-inverse .brand, .navbar-inverse .nav > li > a{
|
|
color: #fff !important;
|
|
}
|
|
|
|
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
|
|
border-bottom-color: #FFF !important;
|
|
border-top-color: #FFF !important;
|
|
}
|
|
/*metro*/
|
|
|
|
.metro-nav .metro-nav-block, .metro-nav .metro-nav-block.double {
|
|
width: 49%;
|
|
}
|
|
|
|
.metro-nav .metro-nav-block:last-child {
|
|
margin-right: 1%;
|
|
}
|
|
.metro-nav .metro-nav-block a {
|
|
width: 94%;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block {
|
|
width: 124px !important;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block a {
|
|
width: 84% !important;
|
|
}
|
|
/*error page*/
|
|
|
|
.error-wrap.error-wrap-404 {
|
|
width: 100%;
|
|
}
|
|
|
|
.error-wrap.error-wrap-404 .metro.big, .error-wrap.error-wrap-404 .metro.double, .error-wrap.error-wrap-404 .metro {
|
|
width: 98%;
|
|
}
|
|
|
|
.error-wrap.error-wrap-404 .metro.double {
|
|
height: 165px !important;
|
|
}
|
|
|
|
}
|
|
|
|
/* Landscape phones and down */
|
|
@media (max-width: 320px) {
|
|
|
|
.sidebar-scroll {
|
|
height: auto;
|
|
overflow: none;
|
|
position: absolute;
|
|
width: 97%;
|
|
z-index: none;
|
|
}
|
|
|
|
#header.navbar-inverse .navbar-inner {
|
|
height: 185px !important;
|
|
}
|
|
|
|
#main-content {
|
|
margin: 1px !important;
|
|
}
|
|
|
|
/*---lock page----*/
|
|
|
|
.lock .lock-wrap {
|
|
width: 95%;
|
|
}
|
|
.lock-wrap .single-size, .lock-wrap .double-size {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.double-size i {
|
|
display: block;
|
|
}
|
|
/*----menu----*/
|
|
|
|
#sidebar > ul > li > a > span {
|
|
line-height: 35px;
|
|
}
|
|
|
|
#sidebar > ul > li {
|
|
margin: 0 0 1px;
|
|
}
|
|
#sidebar > ul > li > a {
|
|
height:35px;
|
|
line-height:35px;
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
}
|
|
#sidebar > ul > li > a i{
|
|
display: none !important;
|
|
}
|
|
|
|
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
|
|
margin-right: 25px;
|
|
|
|
}
|
|
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
|
|
width: 100%;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a {
|
|
background: transparent !important ;
|
|
}
|
|
#sidebar > ul > li > ul.sub > li > a:hover {
|
|
background: #4A8BC2 !important ;
|
|
}
|
|
|
|
/*login page*/
|
|
|
|
.login-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.login-wrap .double-size, .login-wrap .single-size {
|
|
width: 48%;
|
|
}
|
|
.login-wrap .double-size span, .login-wrap .single-size span {
|
|
padding: 0;
|
|
}
|
|
.login-wrap .double-size input {
|
|
width: 80%;
|
|
}
|
|
.login-wrap .metro {
|
|
margin: 0 5px 5px 0;
|
|
}
|
|
/*-------*/
|
|
#login .lock{
|
|
display: none !important;
|
|
}
|
|
#login, #lock {
|
|
width: 260px !important;
|
|
margin: 50px auto 0 !important;
|
|
}
|
|
.m-wrap {
|
|
width: 175px !important;
|
|
}
|
|
#counter {
|
|
width: 300px !important;
|
|
}
|
|
.points {
|
|
display: none ;
|
|
}
|
|
#forgotform #input-email {
|
|
width: 203px;
|
|
}
|
|
#header .brand {
|
|
margin-top: -5px !important;
|
|
padding: 22px 22px !important;
|
|
}
|
|
|
|
.navbar-inverse .brand, .navbar-inverse .nav > li > a{
|
|
color: #fff !important;
|
|
}
|
|
|
|
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
|
|
border-bottom-color: #FFF !important;
|
|
border-top-color: #FFF !important;
|
|
}
|
|
/*metro*/
|
|
|
|
.metro-nav .metro-nav-block, .metro-nav .metro-nav-block.double {
|
|
width: 49%;
|
|
}
|
|
|
|
.metro-nav .metro-nav-block:last-child {
|
|
margin-right: 1%;
|
|
}
|
|
|
|
.metro-nav .metro-nav-block a {
|
|
width: 94%;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block {
|
|
width: 124px !important;
|
|
}
|
|
|
|
.metro-fix-view .metro-nav-block a {
|
|
width: 84% !important;
|
|
}
|
|
|
|
/*error page*/
|
|
|
|
.error-wrap.error-wrap-404 {
|
|
width: 100%;
|
|
}
|
|
|
|
.error-wrap.error-wrap-404 .metro.big, .error-wrap.error-wrap-404 .metro.double, .error-wrap.error-wrap-404 .metro {
|
|
width: 98%;
|
|
}
|
|
|
|
/*notification*/
|
|
|
|
ul.item-list li .pull-right {
|
|
display: none;
|
|
}
|
|
} |