607 lines
12 KiB
CSS
607 lines
12 KiB
CSS
@media (min-width: 980px) {
|
|
.custom-bar-chart {
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 979px) {
|
|
|
|
.custom-bar-chart {
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|
|
|
|
@media (max-width: 767px) and (max-width: 979px) {
|
|
|
|
.navbar-collapse, .navbar-collapse.in, .mega-menu ul li a {
|
|
width: 100%;
|
|
}
|
|
|
|
.mega-menu .navbar-nav {
|
|
height: 100%;
|
|
}
|
|
|
|
.mega-bg {
|
|
position: relative;
|
|
}
|
|
|
|
.mail-box .sm-side {
|
|
width: 30%;
|
|
}
|
|
|
|
.mail-box .lg-side {
|
|
width: 70%;
|
|
}
|
|
/*-----*/
|
|
.custom-bar-chart {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/*chat room*/
|
|
|
|
.chat-room aside {
|
|
display: block;
|
|
}
|
|
.chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
|
|
width: 100%;
|
|
}
|
|
|
|
.chat-room .left-side footer {
|
|
position: relative;
|
|
}
|
|
|
|
ul.chat-user {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.chat-room .left-side , .chat-room .mid-side{
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.chat-room .left-side .user-head , .chat-room-head, .chat-room .right-side .user-head{
|
|
border-radius: 4px 4px 0 0;
|
|
-webit-border-radius: 4px 4px 0 0;
|
|
}
|
|
.chat-room .left-side footer {
|
|
border-radius: 0 0 4px 4px;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
}
|
|
/**/
|
|
.chat-room .right-side .user-head {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.chat-room .mid-side footer {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
border-right: 0;
|
|
}
|
|
|
|
.chat-txt {
|
|
width: 65%;
|
|
}
|
|
|
|
.chat-room .right-side footer {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.chat-room .mid-side {
|
|
margin-bottom: 0!important;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
|
|
.header {
|
|
position: absolute;
|
|
}
|
|
|
|
/*sidebar*/
|
|
|
|
.sidebar-close #sidebar {
|
|
height: auto;
|
|
/*overflow: hidden;*/
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1001;
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* body container */
|
|
#main-content {
|
|
margin: 0px!important;
|
|
position: none !important;
|
|
}
|
|
|
|
#sidebar > ul > li > a > span {
|
|
line-height: 35px;
|
|
}
|
|
|
|
#sidebar > ul > li {
|
|
margin: 0 10px 5px 10px;
|
|
}
|
|
#sidebar > ul > li > a {
|
|
height:35px;
|
|
line-height:35px;
|
|
padding: 0 10px;
|
|
text-align: left;
|
|
}
|
|
#sidebar > ul > li > a i{
|
|
/*display: none !important;*/
|
|
}
|
|
|
|
.mail-info, .mail-info:hover {
|
|
display: none !important;
|
|
}
|
|
#sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
|
|
margin-right: 10px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
|
|
#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
#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 ;*/
|
|
}
|
|
|
|
|
|
/* sidebar */
|
|
#sidebar {
|
|
display: none;
|
|
}
|
|
|
|
.is-sidebar-nav-open #sidebar{
|
|
display: block;
|
|
margin: 0;
|
|
z-index: 1300;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
|
|
/*---------*/
|
|
|
|
.modal-footer .btn {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
.btn {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
.mail-box aside {
|
|
display: block;
|
|
}
|
|
|
|
.mail-box .sm-side , .mail-box .lg-side{
|
|
width: 100% ;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/*--*/
|
|
|
|
/*.chart-position {*/
|
|
/*margin-top: 0px;*/
|
|
/*}*/
|
|
|
|
.timeline-desk .album a {
|
|
margin-bottom: 5px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.stepy-titles li {
|
|
margin: 10px 3px;
|
|
}
|
|
|
|
.mail-option .btn {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.boxed-page .container #sidebar {
|
|
position:absolute;
|
|
}
|
|
|
|
/*--horizontal menu--*/
|
|
.full-width .navbar-toggle {
|
|
border: 1px solid #eaeaea;
|
|
}
|
|
.full-width .navbar-toggle .icon-bar {
|
|
background: #c7c7c7;
|
|
}
|
|
|
|
.full-width .navbar-toggle {
|
|
float: left;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.horizontal-menu {
|
|
float: left;
|
|
margin-left:10px;
|
|
width: 70%;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.top-nav {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 0px;
|
|
}
|
|
|
|
.horizontal-menu .navbar-nav > li > a {
|
|
padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
}
|
|
/*-----*/
|
|
.custom-bar-chart {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
/*menu icon plus minus*/
|
|
.dcjq-icon {
|
|
top: 10px;
|
|
}
|
|
ul.sidebar-menu li ul.sub li a {
|
|
padding: 0;
|
|
}
|
|
|
|
/*---*/
|
|
|
|
.img-responsive {
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
.navbar-collapse, .navbar-collapse.in, .mega-menu ul li a {
|
|
width: 100%;
|
|
}
|
|
|
|
.mega-menu .navbar-nav {
|
|
height: 100%;
|
|
}
|
|
|
|
.mega-bg {
|
|
position: relative;
|
|
}
|
|
|
|
.notify-row, .search, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
|
|
display: none;
|
|
}
|
|
|
|
.mail-box aside {
|
|
display: block;
|
|
}
|
|
|
|
.mail-box .sm-side , .mail-box .lg-side{
|
|
width: 100% ;
|
|
}
|
|
|
|
#top_menu .nav > li, ul.top-menu > li {
|
|
float: right;
|
|
}
|
|
.hidden-phone {
|
|
display: none !important;
|
|
}
|
|
|
|
.dataTables_filter {
|
|
float: left;
|
|
}
|
|
|
|
.dataTables_info {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mail-option .btn {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mail-option .inbox-pagination {
|
|
margin-top: 10px;
|
|
float: left;
|
|
}
|
|
|
|
.chart-position {
|
|
margin-top: 0px;
|
|
}
|
|
/*--horizontal menu--*/
|
|
.full-width .navbar-toggle {
|
|
border: 1px solid #eaeaea;
|
|
}
|
|
.full-width .navbar-toggle .icon-bar {
|
|
background: #c7c7c7;
|
|
}
|
|
|
|
.full-width .navbar-toggle {
|
|
float: left;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.horizontal-menu {
|
|
float: left;
|
|
margin-left:10px;
|
|
/*width: 100%;*/
|
|
}
|
|
|
|
.top-nav {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 0px;
|
|
}
|
|
|
|
.horizontal-menu .navbar-nav > li > a {
|
|
padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.ms-container {
|
|
width: 100%;
|
|
}
|
|
|
|
.cmt-form {
|
|
display: inline-block;
|
|
width: 84%;
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
|
|
background-color: #ccc;
|
|
border-color:#ccc ;
|
|
}
|
|
|
|
/*chat room*/
|
|
|
|
.chat-room aside {
|
|
display: block;
|
|
}
|
|
.chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
|
|
width: 100%;
|
|
}
|
|
|
|
.chat-room .left-side footer {
|
|
position: relative;
|
|
}
|
|
|
|
ul.chat-user {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.chat-room .left-side , .chat-room .mid-side{
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.chat-room .left-side .user-head , .chat-room-head, .chat-room .right-side .user-head{
|
|
border-radius: 4px 4px 0 0;
|
|
-webit-border-radius: 4px 4px 0 0;
|
|
}
|
|
.chat-room .left-side footer {
|
|
border-radius: 0 0 4px 4px;
|
|
-webkit-border-radius: 0 0 4px 4px;
|
|
}
|
|
|
|
/**/
|
|
.chat-room .right-side .user-head {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.chat-room .mid-side footer {
|
|
position: relative;
|
|
float: left;
|
|
width: 100%;
|
|
border-right: 0;
|
|
}
|
|
|
|
.chat-txt {
|
|
width: 65%;
|
|
}
|
|
|
|
.chat-room .right-side footer {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.chat-room .mid-side {
|
|
margin-bottom: 0!important;
|
|
}
|
|
}
|
|
|
|
@media (max-width:320px) {
|
|
.login-social-link a {
|
|
padding: 15px 17px !important;
|
|
}
|
|
|
|
.notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
|
|
display: none;
|
|
}
|
|
|
|
.mail-box aside {
|
|
display: block ;
|
|
}
|
|
|
|
.mail-box .sm-side , .mail-box .lg-side{
|
|
width: 100% ;
|
|
}
|
|
|
|
#top_menu .nav > li, ul.top-menu > li {
|
|
float: right;
|
|
}
|
|
|
|
.hidden-phone {
|
|
display: none !important;
|
|
}
|
|
|
|
.dataTables_filter {
|
|
float: left;
|
|
}
|
|
|
|
.dataTables_info {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mail-option .btn {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.mail-option .inbox-pagination {
|
|
margin-top: 10px;
|
|
float: left;
|
|
}
|
|
|
|
.chart-position {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.lock-wrapper {
|
|
margin: 10% auto;
|
|
max-width: 310px;
|
|
}
|
|
.lock-input {
|
|
width: 82%;
|
|
}
|
|
|
|
.cmt-form {
|
|
display: inline-block;
|
|
width: 75%;
|
|
}
|
|
|
|
.chat-room .mid-side footer .btn-group {
|
|
display: none;
|
|
}
|
|
|
|
.stepy-titles li.current-step div, .stepy-titles li div {
|
|
width: 70px;
|
|
height: 70px;
|
|
line-height: 70px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|