Commit 742ce933 by fengshuonan

删除没用的 更新插件版本

parent 7eff8221
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #009efb;
$themecolor-dark: #028ee1;
$topbar: #009efb;
$sidebar:#272c33;
$sidebar-text: #798699;
$sidebar-icons: #798699;
$sidebar-dark: #181c22;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0178bc 0%, #00bdda 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $sidebar;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav{
background: $sidebar;
}
.mini-sidebar .sidebar-nav{
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li>ul{
background: $sidebar-dark;
}
}
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $white;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.user-profile .profile-text a{
color: $sidebar-text!important;
}
.card-no-border .sidebar-footer{
background: $sidebar-dark;
}
\ No newline at end of file
@import '../variable';
$themecolor: #009efb;
$themecolor-dark: #028ee1;
$topbar: #009efb;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #0178bc 0%, #00bdda 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0178bc 0%, #00bdda 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $white;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $themecolor;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #009efb;
$themecolor-dark: #028ee1;
$topbar: #fff;
$sidebar:#272c33;
$sidebar-text: #798699;
$sidebar-icons: #798699;
$sidebar-dark: #181c22;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
.navbar-header {
background: $sidebar;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display:inline-block;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: none;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav{
background: $sidebar;
}
.mini-sidebar .sidebar-nav{
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li>ul{
background: $sidebar-dark;
}
}
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $white;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.user-profile .profile-text a{
color: $sidebar-text!important;
}
.card-no-border .sidebar-footer{
background: $sidebar-dark;
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #009efb;
$themecolor-dark: #028ee1;
$topbar: #363d4a;
.topbar{
background: $topbar;
.navbar-header{
background: $white;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $dark;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #55ce63;
$themecolor-dark: #028ee1;
$topbar: #55ce63;
$sidebar:#272c33;
$sidebar-text: #798699;
$sidebar-icons: #798699;
$sidebar-dark: #181c22;
/*******************
/*Top bar
*******************/
.topbar {
background: #0178bc;
/* Old browsers */
background: -moz-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #318f94 0%, #5ec58c 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $sidebar;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav{
background: $sidebar;
}
.mini-sidebar .sidebar-nav{
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li>ul{
background: $sidebar-dark;
}
}
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $white;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.user-profile .profile-text a{
color: $sidebar-text!important;
}
.card-no-border .sidebar-footer{
background: $sidebar-dark;
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #55ce63;
$themecolor-dark: #028ee1;
$topbar: #55ce63;
/*******************
/*Top bar
*******************/
.topbar {
background: #0178bc;
/* Old browsers */
background: -moz-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #318f94 0%, #5ec58c 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #318f94 0%, #5ec58c 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $white;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $dark;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #01c0c8;
$themecolor-dark: #028ee1;
$topbar: #01c0c8;
$sidebar:#272c33;
$sidebar-text: #798699;
$sidebar-icons: #798699;
$sidebar-dark: #181c22;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #01c0c8 0%, #1f72a2 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $sidebar;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav{
background: $sidebar;
}
.mini-sidebar .sidebar-nav{
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li>ul{
background: $sidebar-dark;
}
}
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $white;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.user-profile .profile-text a{
color: $sidebar-text!important;
}
.card-no-border .sidebar-footer{
background: $sidebar-dark;
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #01c0c8;
$themecolor-dark: #028ee1;
$topbar: #01c0c8;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #01c0c8 0%, #1f72a2 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #01c0c8 0%, #1f72a2 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $white;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $dark;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #7460ee;
$themecolor-dark: #028ee1;
$topbar: #7460ee;
$sidebar:#272c33;
$sidebar-text: #798699;
$sidebar-icons: #798699;
$sidebar-dark: #181c22;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #533fd0 0%, #840fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $sidebar;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav{
background: $sidebar;
}
.mini-sidebar .sidebar-nav{
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li>ul{
background: $sidebar-dark;
}
}
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $white;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.user-profile .profile-text a{
color: $sidebar-text!important;
}
.card-no-border .sidebar-footer{
background: $sidebar-dark;
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #7460ee;
$themecolor-dark: #028ee1;
$topbar: #7460ee;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #533fd0 0%, #840fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #533fd0 0%, #840fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $white;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $dark;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #f62d51;
$themecolor-dark: #028ee1;
$topbar: #f62d51;
$sidebar:#272c33;
$sidebar-text: #798699;
$sidebar-icons: #798699;
$sidebar-dark: #181c22;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f62d51 0%, #660fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $sidebar;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.card-no-border .left-sidebar, .card-no-border .sidebar-nav{
background: $sidebar;
}
.mini-sidebar .sidebar-nav{
background: transparent;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li>ul{
background: $sidebar-dark;
}
}
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $white;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.user-profile .profile-text a{
color: $sidebar-text!important;
}
.card-no-border .sidebar-footer{
background: $sidebar-dark;
}
\ No newline at end of file
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
@import '../variable';
$themecolor: #f62d51;
$themecolor-dark: #028ee1;
$topbar: #f62d51;
/*******************
/*Top bar
*******************/
.topbar {
background: $topbar;
/* Old browsers */
background: -moz-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #f62d51 0%, #660fb5 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f62d51 0%, #660fb5 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.navbar-header {
background: $white;
box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.05);
}
.navbar-light .navbar-nav .nav-item > {
a.nav-link {
color: rgba(255, 255, 255, 0.8)!important;
&:hover,
&:focus {
color: $white!important;
}
}
}
}
.logo-center .topbar {
.navbar-header {
background: transparent;
box-shadow: none;
}
.top-navbar .navbar-header .navbar-brand .dark-logo{
display: none;
}
.top-navbar .navbar-header .navbar-brand .light-logo{
display: inline-block;
color:rgba(255, 255, 255, 0.8);
}
}
/*******************
/*General Elements
*******************/
a{
color:$themecolor;
}
a.link {
&:hover,
&:focus {
color: $themecolor!important;
}
}
.bg-theme {
background-color: $themecolor !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: $themecolor;
border-color: $themecolor;
}
.right-sidebar {
.rpanel-title {
background: $themecolor;
}
}
.stylish-table {
tbody tr {
&:hover,
&.active {
border-left: 4px solid $themecolor;
}
}
}
.text-themecolor{
color:$themecolor!important;
}
.profile-tab,
.customtab {
li {
a.nav-link {
&.active {
border-bottom: 2px solid $themecolor;
color: $themecolor;
}
&:hover {
color: $themecolor;
}
}
}
}
/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
background: $themecolor;
color: $white;
border: 1px solid $themecolor;
&:hover {
background: $themecolor;
opacity: 0.7;
border: 1px solid $themecolor;
}
&.active,
&:focus {
background: $themecolor-dark;
}
}
/*******************
/*sidebar navigation
*******************/
.sidebar-nav {
background: $sidebar;
ul {
li {
a {
color: $sidebar-text;
&.active,
&:hover {
color: $themecolor;
}
&.active {
color: $dark;
}
}
&.nav-small-cap {
color: $muted;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
color: $sidebar-icons;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
\ No newline at end of file
@media (min-width:1600px) {
.col-xlg-1,.col-xlg-10,.col-xlg-11,.col-xlg-12,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9 {
float: left;
}
.col-xlg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-xlg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66666667%;
-ms-flex: 0 0 91.66666667%;
flex: 0 0 91.66666667%;
max-width: 91.66666667%;
}
.col-xlg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333333%;
-ms-flex: 0 0 83.33333333%;
flex: 0 0 83.33333333%;
max-width: 83.33333333%;
}
.col-xlg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xlg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66666667%;
-ms-flex: 0 0 66.66666667%;
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
.col-xlg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333333%;
-ms-flex: 0 0 58.33333333%;
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
.col-xlg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xlg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66666667%;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.col-xlg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333333%;
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-xlg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xlg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66666667%;
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
}
.col-xlg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333333%;
-ms-flex: 0 0 8.33333333%;
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
}
.col-xlg-pull-12 {
right: 100%;
}
.col-xlg-pull-11 {
right: 91.66666667%;
}
.col-xlg-pull-10 {
right: 83.33333333%;
}
.col-xlg-pull-9 {
right: 75%;
}
.col-xlg-pull-8 {
right: 66.66666667%;
}
.col-xlg-pull-7 {
right: 58.33333333%;
}
.col-xlg-pull-6 {
right: 50%;
}
.col-xlg-pull-5 {
right: 41.66666667%;
}
.col-xlg-pull-4 {
right: 33.33333333%;
}
.col-xlg-pull-3 {
right: 25%;
}
.col-xlg-pull-2 {
right: 16.66666667%;
}
.col-xlg-pull-1 {
right: 8.33333333%;
}
.col-xlg-pull-0 {
right: auto;
}
.col-xlg-push-12 {
left: 100%;
}
.col-xlg-push-11 {
left: 91.66666667%;
}
.col-xlg-push-10 {
left: 83.33333333%;
}
.col-xlg-push-9 {
left: 75%;
}
.col-xlg-push-8 {
left: 66.66666667%;
}
.col-xlg-push-7 {
left: 58.33333333%;
}
.col-xlg-push-6 {
left: 50%;
}
.col-xlg-push-5 {
left: 41.66666667%;
}
.col-xlg-push-4 {
left: 33.33333333%;
}
.col-xlg-push-3 {
left: 25%;
}
.col-xlg-push-2 {
left: 16.66666667%;
}
.col-xlg-push-1 {
left: 8.33333333%;
}
.col-xlg-push-0 {
left: auto;
}
.offset-xlg-12 {
margin-left: 100%;
}
.offset-xlg-11 {
margin-left: 91.66666667%;
}
.offset-xlg-10 {
margin-left: 83.33333333%;
}
.offset-xlg-9 {
margin-left: 75%;
}
.offset-xlg-8 {
margin-left: 66.66666667%;
}
.offset-xlg-7 {
margin-left: 58.33333333%;
}
.offset-xlg-6 {
margin-left: 50%;
}
.offset-xlg-5 {
margin-left: 41.66666667%;
}
.offset-xlg-4 {
margin-left: 33.33333333%;
}
.offset-xlg-3 {
margin-left: 25%;
}
.offset-xlg-2 {
margin-left: 16.66666667%;
}
.offset-xlg-1 {
margin-left: 8.33333333%;
}
.offset-xlg-0 {
margin-left: 0;
}
}
.col-xlg-1,.col-xlg-10,.col-xlg-11,.col-xlg-12,.col-xlg-2,.col-xlg-3,.col-xlg-4,.col-xlg-5,.col-xlg-6,.col-xlg-7,.col-xlg-8,.col-xlg-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
\ No newline at end of file
/*==============================================================
For Laptop & above all (1650px)
============================================================== */
@media(min-width:1650px) {
.widget-app-columns {
column-count:3;
}
}
/*==============================================================
For Laptop & above all (1370px)
============================================================== */
@media(max-width:1370px) {
.widget-app-columns {
column-count:2;
}
}
/*-- ==============================================================
Small Desktop & above all (1024px)
============================================================== */
@media(min-width:1024px) {
.page-wrapper{
margin-left:240px;
}
.footer{
left: 240px;
}
}
@media(max-width:1023px) {
.page-wrapper{
margin-left:60px;
transition: 0.2s ease-in;
}
.footer{
left: 60px;
}
.widget-app-columns {
column-count:1;
}
.inbox-center a {
width: 200px;
}
}
/*-- ==============================================================
Ipad & above all(768px)
============================================================== */
@media(min-width:768px) {
.navbar-header {
width: 240px;
flex-shrink:0;
.navbar-brand {
padding-top: 0px;
}
}
.material-icon-list-demo .icons div {
width: 33%;
padding: 15px;
display: inline-block;
line-height: 40px;
}
.mini-sidebar {
.page-wrapper{
margin-left:60px;
}
.footer{
left: 60px;
}
}
.flex-wrap{
flex-wrap:no-wrap!important;
-webkit-flex-wrap:no-wrap!important;
}
}
/*-- ==============================================================
Phone and below ipad(767px)
============================================================== */
@media(max-width:767px) {
/*Header*/
.topbar {
position: fixed;
width: 100%;
.top-navbar {
padding-right: 15px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: nowrap;
-webkit-align-items: center;
.navbar-collapse {
display: flex;
width: 100%;
}
.navbar-nav {
flex-direction: row;
> .nav-item.show {
position: static;
.dropdown-menu {
width: 100%;
margin-top: 0px;
}
}
> .nav-item > .nav-link {
padding-left: .50rem;
padding-right: .50rem;
}
.dropdown-menu {
position: absolute;
}
}
}
}
.mega-dropdown {
.dropdown-menu {
height: 480px;
overflow: auto;
}
}
/*Sidebar and wrapper*/
.mini-sidebar .page-wrapper{
margin-left:0px;
padding-top: 70px;
}
.comment-text{
.comment-footer{
.action-icons {
display: block;
padding: 10px 0;
}
}
}
.vtabs .tabs-vertical {
width: auto;
}
/*Footer*/
.footer{
left: 0px;
}
.material-icon-list-demo .icons div {
width: 100%;
}
.error-page{
.footer{
position: fixed;
bottom: 0px;
z-index: 10;
}
}
.error-box{
position: relative;
padding-bottom: 60px;
}
.error-body{
padding-top: 10%;
h1{
font-size:100px;
font-weight:600;
line-height:100px;
}
}
.login-register{
position: relative;
overflow: hidden;
}
.login-box{
width: 90%;
}
.login-sidebar{
padding: 10% 0;
.login-box{
position: relative;
}
}
/*This is for chat page*/
.chat-main-box .chat-left-aside {
left: -250px;
position: absolute;
transition: 0.5s ease-in;
background: $white;
&.open-pnl {
left: 0px;
}
.open-panel {
display: block;
}
}
.chat-main-box .chat-right-aside {
width: 100%;
}
/*Timeline*/
ul.timeline:before {
left: 40px;
}
ul.timeline>li>.timeline-panel {
width:"calc(100% - 90px)";
width:"calc(100% - 90px)";
width:"calc(100% - 90px)";
}
ul.timeline>li>.timeline-badge {
top: 16px;
left: 15px;
margin-left: 0;
}
ul.timeline>li>.timeline-panel {
float: right;
}
ul.timeline>li>.timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
ul.timeline>li>.timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
/*Contact app page*/
.left-aside{
width: 100%;
position: relative;
border:0px;
}
.right-aside{
margin-left: 0px;
}
.flex-wrap{
flex-wrap:wrap!important;
-webkit-flex-wrap:wrap!important;
}
.chat-list li .chat-content{
width: calc(100% - 80px);
}
}
\ No newline at end of file
@import 'variable';
/*******************
Main sidebar
******************/
.left-sidebar {
position: absolute;
width: 240px;
height: 100%;
top: 0px;
z-index: 20;
padding-top: 70px;
background: $sidebar;
/*box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);*/
}
.fix-sidebar .left-sidebar{
position: fixed;
}
/*******************
use profile section
******************/
.user-profile {
text-align: center;
position: relative;
.profile-img {
width: 50px;
margin: 0 auto;
border-radius: 100%;
&::before {
-webkit-animation: 2.5s blow 0s linear infinite;
animation: 2.5s blow 0s linear infinite;
position: absolute;
content: '';
width: 50px;
height: 50px;
top: 0;
margin: 0 auto;
border-radius: 50%;
z-index: 0;
}
@-webkit-keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
@keyframes blow {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
50% {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
opacity: 1;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
100% {
box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: scale3d(1, 1, 0.5);
transform: scale3d(1, 1, 0.5);
}
}
img {
width: 100%;
border-radius: 100%;
}
}
.profile-text {
padding: 5px 0;
position: relative;
a {
color: $bodytext;
}
}
.dropdown-menu {
left: 0px;
right: 0px;
width: 180px;
margin: 0 auto;
}
}
/*******************
sidebar footer
******************/
.sidebar-footer {
position: fixed;
bottom: 0px;
left: 0px;
transition:0.2s ease-out;
width: 240px;
background: $sidebar-alt;
border-top: 1px solid $border;
a {
padding: 15px;
width: 33.333337%;
float: left;
text-align: center;
font-size: 18px;
}
}
/*******************
sidebar navigation
******************/
.scroll-sidebar {
padding-bottom: 60px;
padding-top: 0px;
}
.collapse.in {
display: block;
}
.sidebar-nav {
background: $sidebar;
ul {
margin: 0px;
padding: 0px;
li {
list-style: none;
a {
color: $sidebar-text;
padding: 14px 35px 14px 15px;
display: block;
font-size: 15px;
&.active,
&:hover {
color: $themecolor;
}
&.active {
font-weight: 400;
color: $dark;
}
}
ul {
padding-left: 30px;
li a {
padding: 10px 35px 10px 15px;
}
ul {
padding-left: 20px;
}
}
&.nav-small-cap {
font-size: 12px;
padding: 14px 14px 14px 20px;
color: $muted;
font-weight: 500;
}
&.nav-devider{
height: 1px;
background: $border;
display: block;
margin: 20px 0;
}
}
}
> ul > li {
&.active > a {
border-left: 3px solid $themecolor;
color: $themecolor;
i {
color: $themecolor;
}
}
}
> ul > li > a {
border-left: 3px solid $sidebar;
&.active,
&:hover {
border-left: 3px solid $themecolor;
i {
color: $themecolor;
}
}
i {
width: 27px;
font-size: 21px;
display: inline-block;
vertical-align: middle;
color: $sidebar-icons;
}
.label {
float: right;
margin-top: 6px;
}
&.active {
font-weight: 400;
background: $white;
color: $themecolor;
}
}
}
.sidebar-nav .has-arrow {
position: relative;
&::after {
position: absolute;
content: '';
width: .4em;
height: .4em;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: $sidebar-text;
right: 1em;
-webkit-transform: rotate(-45deg) translate(0, -50%);
-ms-transform: rotate(-45deg) translate(0, -50%);
-o-transform: rotate(-45deg) translate(0, -50%);
transform: rotate(-45deg) translate(0, -50%);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
top: 50%;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
}
.sidebar-nav .active > .has-arrow::after,
.sidebar-nav li > .has-arrow.active::after,
.sidebar-nav .has-arrow[aria-expanded="true"]::after {
-webkit-transform: rotate(-135deg) translate(0, -50%);
-ms-transform: rotate(-135deg) translate(0, -50%);
-o-transform: rotate(-135deg) translate(0, -50%);
transform: rotate(-135deg) translate(0, -50%);
}
/****************
When click on sidebar toggler and also for tablet
*****************/
@media(min-width:768px) {
.mini-sidebar .sidebar-nav #sidebarnav li {
position: relative;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
position: absolute;
left: 60px;
top: 59px;
width: 200px;
z-index: 1001;
background: $sidebar-alt;
display: none;
padding-left: 1px;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul {
height: auto !important;
overflow: auto;
}
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul,
.mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse {
display: block;
}
.mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after {
display: none;
}
.mini-sidebar {
.left-sidebar {
width: 60px;
}
.user-profile {
padding-bottom: 30px;
width: 60px;
}
.scroll-sidebar{
padding-bottom: 0px;
position: absolute;
}
.hide-menu,
.nav-small-cap,
.sidebar-footer,
.user-profile .profile-text {
display: none;
}
.nav-devider{
width: 60px;
}
.sidebar-nav{ background: transparent;}
.sidebar-nav #sidebarnav > li > a{
padding: 14px 15px;
width: 60px;
}
.sidebar-nav #sidebarnav > li:hover > a {
width: 260px;
background: $themecolor;
color: $white;
border-color: $themecolor;
i {
color: $white;
}
.hide-menu {
display: inline;
}
}
.sidebar-nav #sidebarnav > li.active > a{
border-color:transparent;
&.active{
border-color:$themecolor;
}
}
}
}
@media(max-width:767px) {
.mini-sidebar{
.left-sidebar{position: fixed;}
.left-sidebar, .sidebar-footer{
left:-240px;
}
&.show-sidebar{
.left-sidebar, .sidebar-footer{
left:0px;
}
}
}
}
This source diff could not be displayed because it is too large. You can view the blob instead.
@import 'variable';
@import 'app';
@import 'pages';
@import 'sidebar';
@import 'icons/font-awesome/css/font-awesome.min.css';
@import 'icons/simple-line-icons/css/simple-line-icons.css';
@import 'icons/weather-icons/css/weather-icons.min.css';
@import 'icons/linea-icons/linea.css';
@import 'icons/themify-icons/themify-icons.css';
@import 'icons/flag-icon-css/flag-icon.min.css';
@import "icons/material-design-iconic-font/css/materialdesignicons.min.css";
@import 'widgets';
@import 'grid';
@import 'responsive';
@import 'spinners.css';
@import 'animate.css';
\ No newline at end of file
$bodyfont: "Arial", "Microsoft YaHei", "SimHei", "SimSun", sans-serif;
$headingfont: "Arial", "Microsoft YaHei", "SimHei", "SimSun", sans-serif;
/*Theme Colors*/
$topbar: #fff;
$sidebar: #fff;
$sidebar-white: #ffffff;
$sidebar-alt: #e8eff0;
$bodycolor: #fff;
$headingtext: #2c2b2e;
$bodytext: #54667a;
$sidebar-text: #54667a;
$sidebar-icons: #a6b7bf;
$light-text: #a6b7bf;
$themecolor: #009efb;
$themecolor-dark: #028ee1;
/*bootstrap Color*/
$danger: #f62d51;
$success: #55ce63;
$warning: #ffbc34;
$primary: #7460ee;
$info: #009efb;
$inverse: #2f3d4a;
$muted: #90a4ae;
$dark: #263238;
$light: #f2f7f8;
$extra-light: #ebf3f5;
/*Light colors*/
$light-danger: #f9e7eb;
$light-success: #e8fdeb;
$light-warning: #fff8ec;
$light-primary: #f1effd;
$light-info: #cfecfe;
$light-inverse: #f6f6f6;
$light-megna: #e0f2f4;
$danger-dark: #e6294b;
$success-dark: #4ab657;
$warning-dark: #e9ab2e;
$primary-dark: #6352ce;
$info-dark: #028ee1;
$red-dark: #d61f1f;
$inverse-dark: #232a37;
$dark-transparent: rgba(0, 0, 0, 0.05);
/*Normal Color*/
$white: #ffffff;
$red: #fb3a3a;
$yellow: #a0aec4;
$purple: #7460ee;
$blue: #02bec9;
$megna: #01c0c8;
/*Extra Variable*/
$rgt: right;
$lft: left;
$border: rgba(120, 130, 140, 0.13);
$table-border: #f3f1f1;
$dark-text: #848a96;
$radius: 4px;
$form-brd: #d9d9d9;
/*Preloader*/
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
.cssload-speeding-wheel {
position: absolute;
top: calc(50% - 3.5px);
left: calc(50% - 3.5px);
}
}
.button-margin {
margin-left: 15px !important;
}
.input-none-margin {
margin: 0px !important;
}
.btn-margin-left {
margin-left: 15px !important;
}
.table-head {
float: left;
width: 100%;
height: auto;
}
.head-scu-label {
margin-top: 35px;
}
.head-scu-btn {
margin-top: 68px;
}
.line-margin {
margin: 8px 0 !important;
}
.be-driver-checkbox {
margin-top: 7px;
}
.btn-group-m-t {
margin-top: 20px;
}
.upload-btn {
white-space: nowrap;
}
.tree-box {
border-radius: 0px !important;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2) !important;
background: rgb(250, 250, 250) none repeat scroll 0% 0% !important;
border: 1px solid rgb(204, 204, 204) !important;
overflow-y: scroll !important;
overflow-x: auto !important;
margin-top: 0px !important;
width: 224px !important;
max-height: 160px !important;
-moz-user-select: none !important;
}
.dept-tree {
padding:10px
}
.w-e-text-container{
height: 150px !important;
}
.editorHeight{
height: 170px;
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
html{height: 100%;}
body.signin {
background: #18c8f6;
height: auto;
background:url("../img/login-background.jpg") no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: rgba(255,255,255,.95);
}
.signinpanel {
width: 750px;
margin: 10% auto 0 auto;
}
.signinpanel .logopanel {
float: none;
width: auto;
padding: 0;
background: none;
}
.signinpanel .signin-info ul {
list-style: none;
padding: 0;
margin: 20px 0;
}
.signinpanel .form-control {
display: block;
margin-top: 15px;
}
.signinpanel .uname {
background: #fff url(../img/user.png) no-repeat 95% center;color:#333;
}
.signinpanel .pword {
background: #fff url(../img/locked.png) no-repeat 95% center;color:#333;
}
.signinpanel .btn {
margin-top: 15px;
}
.signinpanel form {
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255,255,255,.3);
-moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
-webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 30px;
}
.signup-footer{border-top: solid 1px rgba(255,255,255,.3);margin:20px 0;padding-top: 15px;}
@media screen and (max-width: 768px) {
.signinpanel,
.signuppanel {
margin: 0 auto;
width: 420px!important;
padding: 20px;
}
.signinpanel form {
margin-top: 20px;
}
.signup-footer {
margin-bottom: 10px;
}
.signuppanel .form-control {
margin-bottom: 10px;
}
.signup-footer .pull-left,
.signup-footer .pull-right {
float: none !important;
text-align: center;
}
.signinpanel .signin-info ul {
display: none;
}
}
@media screen and (max-width: 320px) {
.signinpanel,
.signuppanel {
margin:0 20px;
width:auto;
}
}
.fixed-table-container .bs-checkbox,.fixed-table-container .no-records-found{text-align:center}.fixed-table-body thead th .th-inner,.table td,.table th{box-sizing:border-box}.bootstrap-table .table{margin-bottom:0!important;border-bottom:1px solid #ddd;border-collapse:collapse!important;border-radius:1px}.bootstrap-table .table:not(.table-condensed),.bootstrap-table .table:not(.table-condensed)>tbody>tr>td,.bootstrap-table .table:not(.table-condensed)>tbody>tr>th,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>td,.bootstrap-table .table:not(.table-condensed)>tfoot>tr>th,.bootstrap-table .table:not(.table-condensed)>thead>tr>td{padding:8px}.bootstrap-table .table.table-no-bordered>tbody>tr>td,.bootstrap-table .table.table-no-bordered>thead>tr>th{border-right:2px solid transparent}.bootstrap-table .table.table-no-bordered>tbody>tr>td:last-child{border-right:none}.fixed-table-container{position:relative;clear:both;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.fixed-table-container.table-no-bordered{border:1px solid transparent}.fixed-table-footer,.fixed-table-header{overflow:hidden}.fixed-table-footer{border-top:1px solid #ddd}.fixed-table-body{overflow-x:auto;overflow-y:auto;height:100%}.fixed-table-container table{width:100%}.fixed-table-container thead th{height:0;padding:0;margin:0;border-left:1px solid #ddd}.fixed-table-container thead th:focus{outline:transparent solid 0}.fixed-table-container thead th:first-child{border-left:none;border-top-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px}.fixed-table-container tbody td .th-inner,.fixed-table-container thead th .th-inner{padding:8px;line-height:24px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixed-table-container thead th .sortable{cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px}.fixed-table-container thead th .both{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC')}.fixed-table-container thead th .asc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)}.fixed-table-container thead th .desc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)}.fixed-table-container th.detail{width:30px}.fixed-table-container tbody td{border-left:1px solid #ddd}.fixed-table-container tbody tr:first-child td{border-top:none}.fixed-table-container tbody td:first-child{border-left:none}.fixed-table-container tbody .selected td{background-color:#f5f5f5}.fixed-table-container .bs-checkbox .th-inner{padding:8px 0}.fixed-table-container input[type=radio],.fixed-table-container input[type=checkbox]{margin:0 auto!important}.fixed-table-pagination .pagination-detail,.fixed-table-pagination div.pagination{margin-top:10px;margin-bottom:10px}.fixed-table-pagination div.pagination .pagination{margin:0}.fixed-table-pagination .pagination a{padding:6px 12px;line-height:1.428571429}.fixed-table-pagination .pagination-info{line-height:34px;margin-right:5px}.fixed-table-pagination .btn-group{position:relative;display:inline-block;vertical-align:middle}.fixed-table-pagination .dropup .dropdown-menu{margin-bottom:0}.fixed-table-pagination .page-list{display:inline-block}.fixed-table-toolbar .columns-left{margin-right:5px}.fixed-table-toolbar .columns-right{margin-left:5px}.fixed-table-toolbar .columns label{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429}.fixed-table-toolbar .bs-bars,.fixed-table-toolbar .columns,.fixed-table-toolbar .search{position:relative;margin-top:10px;margin-bottom:10px;line-height:34px}.fixed-table-pagination li.disabled a{pointer-events:none;cursor:default}.fixed-table-loading{display:none;position:absolute;top:42px;right:0;bottom:0;left:0;z-index:99;background-color:#fff;text-align:center}.fixed-table-body .card-view .title{font-weight:700;display:inline-block;min-width:30%;text-align:left!important}.table td,.table th{vertical-align:middle}.fixed-table-toolbar .dropdown-menu{text-align:left;max-height:300px;overflow:auto}.fixed-table-toolbar .btn-group>.btn-group{display:inline-block;margin-left:-1px!important}.fixed-table-toolbar .btn-group>.btn-group>.btn{border-radius:0}.fixed-table-toolbar .btn-group>.btn-group:first-child>.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn{border-top-right-radius:4px;border-bottom-right-radius:4px}.bootstrap-table .table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}.bootstrap-table .table thead>tr>th{padding:0;margin:0}.bootstrap-table .fixed-table-footer tbody>tr>td{padding:0!important}.bootstrap-table .fixed-table-footer .table{border-bottom:none;border-radius:0;padding:0!important}.bootstrap-table .pull-right .dropdown-menu{right:0;left:auto}p.fixed-table-scroll-inner{width:100%;height:200px}div.fixed-table-scroll-outer{top:0;left:0;visibility:hidden;width:200px;height:150px;overflow:hidden}.fixed-table-pagination:after,.fixed-table-toolbar:after{content:"";display:block;clear:both}
\ No newline at end of file
.treetable-indent {width:16px; height: 16px; display: inline-block; position: relative;}
.treetable-expander {width:16px; height: 16px; display: inline-block; position: relative; cursor: pointer;}
.treetable-selected{background: #f5f5f5 !important;}
.treetable-table{border:0 !important;margin-bottom:0}
.treetable-table tbody {display:block;height:auto;overflow-y:auto;}
.treetable-table thead, .treetable-table tbody tr {display:table;width:100%;table-layout:fixed;}
.treetable-thead th{line-height:40px;border: 0 !important;background:#fff !important;border-radius: 4px;border-left:1px solid #e7eaec !important;border-bottom:2px solid #e7eaec !important;text-align: center;}
.treetable-thead tr :first-child{border-left:0 !important}
.treetable-tbody td{border: 0 !important;border-left:1px solid #e7eaec !important;border-bottom:1px solid #e7eaec !important;}
.treetable-tbody tr :first-child{border-left:0 !important}
/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
display: inline-block;
*display: inline;
vertical-align: middle;
margin: 0;
padding: 0;
width: 22px;
height: 22px;
background: url(green.png) no-repeat;
border: none;
cursor: pointer;
}
.icheckbox_square-green {
background-position: 0 0;
}
.icheckbox_square-green.hover {
background-position: -24px 0;
}
.icheckbox_square-green.checked {
background-position: -48px 0;
}
.icheckbox_square-green.disabled {
background-position: -72px 0;
cursor: default;
}
.icheckbox_square-green.checked.disabled {
background-position: -96px 0;
}
.iradio_square-green {
background-position: -120px 0;
}
.iradio_square-green.hover {
background-position: -144px 0;
}
.iradio_square-green.checked {
background-position: -168px 0;
}
.iradio_square-green.disabled {
background-position: -192px 0;
cursor: default;
}
.iradio_square-green.checked.disabled {
background-position: -216px 0;
}
/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
.icheckbox_square-green,
.iradio_square-green {
background-image: url(green@2x.png);
-webkit-background-size: 240px 24px;
background-size: 240px 24px;
}
}
/*!
* BootstrapValidator (http://bootstrapvalidator.com)
* The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
*
* @version v0.5.3, built on 2014-11-05 9:14:18 PM
* @author https://twitter.com/nghuuphuoc
* @copyright (c) 2013 - 2014 Nguyen Huu Phuoc
* @license Commercial: http://bootstrapvalidator.com/license/
* Non-commercial: http://creativecommons.org/licenses/by-nc-nd/3.0/
*/
.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100}
\ No newline at end of file
.webuploader-container {
position: relative;
}
.webuploader-element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
position: relative;
display: inline-block;
cursor: pointer;
background: #1ab394;
padding: 6px 12px;
color: #fff;
text-align: center;
border-radius: 3px;
overflow: hidden;
font-size: 14px;
font-weight: 400;
}
.webuploader-pick-hover {
background: #18ab8d;
}
.webuploader-pick-disable {
opacity: 0.6;
pointer-events:none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {color: #2f332a;font: 15px/21px Arial, Helvetica, simsun, sans-serif;background: #f0f6e4 \9;}
h1, h2, h3, h4, h5, h6 {color: #2f332a;font-weight: bold;font-family: Helvetica, Arial, sans-serif;padding-bottom: 5px;}
h1 {font-size: 24px;line-height: 34px;text-align: center;}
h2 {font-size: 14px;line-height: 24px;padding-top: 5px;}
h6 {font-weight: normal;font-size: 12px;letter-spacing: 1px;line-height: 24px;text-align: center;}
a {color:#3C6E31;text-decoration: underline;}
a:hover {background-color:#3C6E31;color:white;}
input.radio {margin: 0 2px 0 8px;}
input.radio.first {margin-left:0;}
input.empty {color: lightgray;}
code {color: #2f332a;}
.highlight_red {color:#A60000;}
.highlight_green {color:#A7F43D;}
li {list-style: circle;font-size: 12px;}
li.title {list-style: none;}
ul.list {margin-left: 17px;}
div.content_wrap {width: 600px;height:380px;}
div.content_wrap div.left{float: left;width: 250px;}
div.content_wrap div.right{float: right;width: 340px;}
div.zTreeDemoBackground {width:250px;height:362px;text-align:left;}
ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;}
ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
ul.log.small {height:45px;}
ul.log li {color: #666666;list-style: none;padding-left: 10px;}
ul.log li.dark {background-color: #E3E3E3;}
/* ruler */
div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}
\ No newline at end of file
/*-------------------------------------
zTree Style
version: 3.5.19
author: Hunter.z
email: hunter.z@263.net
website: http://code.google.com/p/jquerytree/
-------------------------------------*/
.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
.ztree {margin:0; padding:5px; color:#333}
.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
.ztree li ul{ margin:0; padding:0 0 0 18px}
.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
text-decoration:none; vertical-align:top; display: inline-block}
.ztree li a:hover {text-decoration:underline}
.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
opacity:0.8; filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev {}
.ztree li a.tmpTargetNode_next {}
.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
font-size:12px; border:1px #7EC4CC solid; *border:0px}
.ztree li span {line-height:16px; margin-right:2px}
.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
border:0 none; cursor: pointer;outline:none;
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
.ztree li span.button.switch {width:18px; height:18px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{ background:none;}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{ background:none;}
.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
/* level style*/
/*.ztree li span.button.level0 {
display:none;
}
.ztree li ul.level0 {
padding:0;
background:none;
}*/
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
var DateUtils = {
/**
* 扩展Date 对象格式化方法
*/
expandDate : function() {
Date.prototype.format = function(fmt)
{ //author: meizz
var o = {
"M+" : this.getMonth()+1, //月份
"d+" : this.getDate(), //日
"h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时
"H+" : this.getHours(), //小时
"m+" : this.getMinutes(), //分
"s+" : this.getSeconds(), //秒
"q+" : Math.floor((this.getMonth()+3)/3), //季度
"S" : this.getMilliseconds() //毫秒
};
if(/(y+)/.test(fmt))
fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
for(var k in o)
if(new RegExp("("+ k +")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
return fmt;
}
},
/**
* 获取具体年龄
* @param {} beginStr
* @param {} endStr
* @return {}
*/
getAgeInfo: function (beginStr, endStr) {
var reg = new RegExp(/^(\d{1,4})(-|\/)(\d{1,2})(-|\/)(\d{1,2})(\s)(\d{1,2})(:)(\d{1,2})(:{0,1})(\d{0,2})$/);
var beginArr = beginStr.match(reg);
var endArr = endStr.match(reg);
var days = 0;
var month = 0;
var year = 0;
days = endArr[5] - beginArr[5];
if (days < 0) {
month = -1;
days = 30 + days;
}
month = month + (endArr[3] - beginArr[3]);
if (month < 0) {
year = -1;
month = 12 + month;
}
year = year + (endArr[1] - beginArr[1]);
var yearString = year > 0 ? year + "岁" : "";
var mnthString = month > 0 ? month + "月" : "";
var dayString = days > 0 ? days + "天" : "";
/*
* 1 如果岁 大于等于1 那么年龄取 几岁 2 如果 岁等于0 但是月大于1 那么如果天等于0天小于3天 取小时 例如出生2天 就取 48小时
*/
var result = "";
if (year >= 1) {
result = yearString + mnthString;
} else {
if (month >= 1) {
result = days > 0 ? mnthString + dayString : mnthString;
} else {
var begDate = new Date(beginArr[1], beginArr[3] - 1, beginArr[5],
beginArr[7], beginArr[9], beginArr[11]);
var endDate = new Date(endArr[1], endArr[3] - 1, endArr[5],
endArr[7], endArr[9], endArr[11]);
var between = (endDate.getTime() - begDate.getTime()) / 1000;
days = Math.floor(between / (24 * 3600));
var hours = Math.floor(between / 3600 - (days * 24));
var dayString = days > 0 ? days + "天" : "";
result = days >= 3 ? dayString : days * 24 + hours + "小时";
}
}
return result;
},
/**
* 获取年龄,不满一天算天
* @param {} birthday
* @param {} today
* @return {}
*/
getAge :function(birthday,today) {
var reg = new RegExp(/^(\d{1,4})(-|\/)(\d{1,2})(-|\/)(\d{1,2})$/);
var beginArr = birthday.match(reg);
var endArr = today.match(reg);
var days = 0;
var month = 0;
var year = 0;
days = endArr[5] - beginArr[5];
if (days < 0) {
month = -1;
days = 30 + days;
}
month = month + (endArr[3] - beginArr[3]);
if (month < 0) {
year = -1;
month = 12 + month;
}
year = year + (endArr[1] - beginArr[1]);
var yearString = year > 0 ? year + "岁" : "";
var mnthString = month > 0 ? month + "月" : "";
var dayString = days > 0 ? days + "天" : "1天";
/*
* 1 如果岁 大于等于1 那么年龄取 几岁 2 如果 岁等于0 但是月大于1 name取几月 3 如果不足月, 则取天数 4 不满一天算一天
*/
var result = "";
if (year >= 1) {
result = yearString + mnthString + dayString;
} else {
if (month >= 1) {
result = days > 0 ? mnthString + dayString : mnthString;
} else {
result = dayString;
}
}
return result;
},
/**
* 获取月龄
* @param {} birthday
* @param {} today
* @return {}
*/
getMonthage :function(birthday,today) {
var reg = new RegExp(/^(\d{1,4})(-|\/)(\d{1,2})(-|\/)(\d{1,2})$/);
var beginArr = birthday.match(reg);
var endArr = today.match(reg);
var days = 0;
var month = 0;
var year = 0;
days = endArr[5] - beginArr[5];
if (days < 0) {
month = -1;
days = 30 + days;
}
month = month + (endArr[3] - beginArr[3]);
if (month < 0) {
year = -1;
month = 12 + month;
}
year = year + (endArr[1] - beginArr[1]);
var result = "";
if (year >= 1) {
result = (year * 12 + month + 1) + "个月";
} else {
if (month >= 1) {
result = (month + 1) + "个月";
} else {
result = "1个月";
}
}
return result;
}
}
\ No newline at end of file
/**
* 初始化 BootStrap Table 的封装
*
* 约定:toolbar的id为 (bstableId + "Toolbar")
*
* @author fengshuonan
*/
(function () {
var BSTable = function (bstableId, url, columns) {
this.btInstance = null; //jquery和BootStrapTable绑定的对象
this.bstableId = bstableId;
this.url = Feng.ctxPath + url;
this.method = "post";
this.paginationType = "server"; //默认分页方式是服务器分页,可选项"client"
this.toolbarId = bstableId + "Toolbar";
this.columns = columns;
this.height = 665; //默认表格高度665
this.data = {};
this.queryParams = {}; // 向后台传递的自定义参数
};
BSTable.prototype = {
/**
* 初始化bootstrap table
*/
init: function () {
var tableId = this.bstableId;
var me = this;
this.btInstance =
$('#' + tableId).bootstrapTable({
contentType: "application/x-www-form-urlencoded",
url: this.url, //请求地址
method: this.method, //ajax方式,post还是get
ajaxOptions: { //ajax请求的附带参数
data: this.data
},
toolbar: "#" + this.toolbarId,//顶部工具条
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true
sortable: true, //是否启用排序
sortOrder: "desc", //排序方式
pageNumber: 1, //初始化加载第一页,默认第一页
pageSize: 14, //每页的记录行数(*)
pageList: [14, 50, 100], //可供选择的每页的行数(*)
queryParamsType: 'limit', //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort
queryParams: function (param) {
return $.extend(me.queryParams, param);
}, // 向后台传递的自定义参数
sidePagination: this.paginationType, //分页方式:client客户端分页,server服务端分页(*)
search: false, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端
strictSearch: true, //设置为 true启用 全匹配搜索,否则为模糊搜索
showColumns: true, //是否显示所有的列
showRefresh: true, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
searchOnEnterKey: true, //设置为 true时,按回车触发搜索方法,否则自动触发搜索方法
columns: this.columns, //列数组
pagination: true, //是否显示分页条
height: this.height,
icons: {
refresh: 'glyphicon-repeat',
toggle: 'glyphicon-list-alt',
columns: 'glyphicon-list'
},
iconSize: 'outline'
});
return this;
},
/**
* 向后台传递的自定义参数
* @param param
*/
setQueryParams: function (param) {
this.queryParams = param;
},
/**
* 设置分页方式:server 或者 client
*/
setPaginationType: function (type) {
this.paginationType = type;
},
/**
* 设置ajax post请求时候附带的参数
*/
set: function (key, value) {
if (typeof key == "object") {
for (var i in key) {
if (typeof i == "function")
continue;
this.data[i] = key[i];
}
} else {
this.data[key] = (typeof value == "undefined") ? $("#" + key).val() : value;
}
return this;
},
/**
* 设置ajax post请求时候附带的参数
*/
setData: function (data) {
this.data = data;
return this;
},
/**
* 清空ajax post请求参数
*/
clear: function () {
this.data = {};
return this;
},
/**
* 刷新 bootstrap 表格
* Refresh the remote server data,
* you can set {silent: true} to refresh the data silently,
* and set {url: newUrl} to change the url.
* To supply query params specific to this request, set {query: {foo: 'bar'}}
*/
refresh: function (parms) {
if (typeof parms != "undefined") {
this.btInstance.bootstrapTable('refresh', parms);
} else {
this.btInstance.bootstrapTable('refresh');
}
}
};
window.BSTable = BSTable;
}());
\ No newline at end of file
var SelectList = {};
SelectList.singelSelect = function (eleName, attr, data) {
var result = false;
$("#" + eleName).find("a").each(function (i, d) {
if ($(this).attr(attr) == data) {
if ($(this).hasClass('active')) {
$(this).removeClass('active');
} else {
$(this).addClass('active');
result = true;
}
} else {
$(this).removeClass('active');
}
});
return result;
};
SelectList.mutiSelect = function (eleName, attr, data) {
var result = false;
$("#" + eleName).find("a").each(function (i, d) {
if ($(this).attr(attr) == data) {
if ($(this).hasClass('active')) {
$(this).removeClass('active');
} else {
$(this).addClass('active');
result = true;
}
}
});
return result;
};
SelectList.clearSelect = function (eleName) {
$("#" + eleName).find("a").each(function (i, d) {
$(this).removeClass('active');
});
};
\ No newline at end of file
/**
* 初始化 Tree Table 的封装
*
* @author cyf
*/
(function () {
var BSTreeTable = function (bstableId, url, columns) {
this.btInstance = null; //jquery和bootstrapTreeTable绑定的对象
this.bstableId = bstableId;
this.url = Feng.ctxPath + url;
this.method = "post";
this.columns = columns;
this.data = {};// ajax的参数
this.expandColumn = null;// 展开显示的列
this.id = 'id';// 选取记录返回的值
this.code = 'code';// 用于设置父子关系
this.parentCode = 'pcode';// 用于设置父子关系
this.expandAll = false;// 是否默认全部展开
this.toolbarId = bstableId + "Toolbar";
this.height = 665; //默认表格高度665
};
BSTreeTable.prototype = {
/**
* 初始化bootstrap table
*/
init: function () {
var tableId = this.bstableId;
this.btInstance =
$('#'+tableId).bootstrapTreeTable({
id: this.id,// 选取记录返回的值
code: this.code,// 用于设置父子关系
parentCode: this.parentCode,// 用于设置父子关系
rootCodeValue: this.rootCodeValue,//设置根节点code值----可指定根节点,默认为null,"",0,"0"
type: this.method, //请求数据的ajax类型
url: this.url, //请求数据的ajax的url
ajaxParams: this.data, //请求数据的ajax的data属性
expandColumn: this.expandColumn,//在哪一列上面显示展开按钮,从0开始
striped: true, //是否各行渐变色
expandAll: this.expandAll, //是否全部展开
columns: this.columns, //列数组
toolbar: "#" + this.toolbarId,//顶部工具条
height: this.height,
});
return this;
},
/**
* 设置在哪一列上面显示展开按钮,从0开始
*/
setExpandColumn: function (expandColumn) {
this.expandColumn = expandColumn;
},
/**
* 设置记录返回的id值
*/
setIdField: function (id) {
this.id = id;
},
/**
* 设置记录分级的字段
*/
setCodeField: function (code) {
this.code = code;
},
/**
* 设置记录分级的父级字段
*/
setParentCodeField: function (parentCode) {
this.parentCode = parentCode;
},
/**
* 设置根节点code值----可指定根节点,默认为null,"",0,"0"
*/
setRootCodeValue: function (rootCodeValue) {
this.rootCodeValue = rootCodeValue;
},
/**
* 设置是否默认全部展开
*/
setExpandAll: function (expandAll) {
this.expandAll = expandAll;
},
/**
* 设置表格高度
*/
setHeight: function (height) {
this.height = height;
},
/**
* 设置ajax post请求时候附带的参数
*/
set: function (key, value) {
if (typeof key == "object") {
for (var i in key) {
if (typeof i == "function")
continue;
this.data[i] = key[i];
}
} else {
this.data[key] = (typeof value == "undefined") ? $("#" + key).val() : value;
}
return this;
},
/**
* 设置ajax post请求时候附带的参数
*/
setData: function (data) {
this.data = data;
return this;
},
/**
* 清空ajax post请求参数
*/
clear: function () {
this.data = {};
return this;
},
/**
* 刷新表格
*/
refresh: function (parms) {
if (typeof parms != "undefined") {
this.btInstance.bootstrapTreeTable('refresh', parms.query);// 为了兼容bootstrap-table的写法
} else {
this.btInstance.bootstrapTreeTable('refresh');
}
}
};
window.BSTreeTable = BSTreeTable;
}());
\ No newline at end of file
/**
* web-upload 工具类
*
* 约定:
* 上传按钮的id = 图片隐藏域id + 'BtnId'
* 图片预览框的id = 图片隐藏域id + 'PreId'
*
* @author fengshuonan
*/
(function() {
var $WebUpload = function(pictureId) {
this.pictureId = pictureId;
this.uploadBtnId = pictureId + "BtnId";
this.uploadPreId = pictureId + "PreId";
this.uploadUrl = Feng.ctxPath + '/mgr/upload';
this.fileSizeLimit = 100 * 1024 * 1024;
this.picWidth = 800;
this.picHeight = 800;
this.uploadBarId = null;
};
$WebUpload.prototype = {
/**
* 初始化webUploader
*/
init : function() {
var uploader = this.create();
this.bindEvent(uploader);
return uploader;
},
/**
* 创建webuploader对象
*/
create : function() {
var webUploader = WebUploader.create({
auto : true,
pick : {
id : '#' + this.uploadBtnId,
multiple : false,// 只上传一个
},
accept : {
title : 'Images',
extensions : 'gif,jpg,jpeg,bmp,png',
mimeTypes : 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
},
swf : Feng.ctxPath
+ '/static/js/plugins/webuploader/Uploader.swf',
disableGlobalDnd : true,
duplicate : true,
server : this.uploadUrl,
fileSingleSizeLimit : this.fileSizeLimit
});
return webUploader;
},
/**
* 绑定事件
*/
bindEvent : function(bindedObj) {
var me = this;
bindedObj.on('fileQueued', function(file) {
var $li = $('<div><img width="100px" height="100px"></div>');
var $img = $li.find('img');
$("#" + me.uploadPreId).html($li);
// 生成缩略图
bindedObj.makeThumb(file, function(error, src) {
if (error) {
$img.replaceWith('<span>不能预览</span>');
return;
}
$img.attr('src', src);
}, me.picWidth, me.picHeight);
});
// 文件上传过程中创建进度条实时显示。
bindedObj.on('uploadProgress', function(file, percentage) {
$("#"+me.uploadBarId).css("width",percentage * 100 + "%");
});
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
bindedObj.on('uploadSuccess', function(file,response) {
Feng.success("上传成功");
$("#" + me.pictureId).val(response);
});
// 文件上传失败,显示上传出错。
bindedObj.on('uploadError', function(file) {
Feng.error("上传失败");
});
// 其他错误
bindedObj.on('error', function(type) {
if ("Q_EXCEED_SIZE_LIMIT" == type) {
Feng.error("文件大小超出了限制");
} else if ("Q_TYPE_DENIED" == type) {
Feng.error("文件类型不满足");
} else if ("Q_EXCEED_NUM_LIMIT" == type) {
Feng.error("上传数量超过限制");
} else if ("F_DUPLICATE" == type) {
Feng.error("图片选择重复");
} else {
Feng.error("上传过程中出错");
}
});
// 完成上传完了,成功或者失败
bindedObj.on('uploadComplete', function(file) {
});
},
/**
* 设置图片上传的进度条的id
*/
setUploadBarId: function (id) {
this.uploadBarId = id;
}
};
window.$WebUpload = $WebUpload;
}());
\ No newline at end of file
/**
* ztree插件的封装
*/
(function() {
var $ZTree = function(id, url) {
this.id = id;
this.url = url;
this.onClick = null;
this.settings = null;
this.ondblclick=null;
};
$ZTree.prototype = {
/**
* 初始化ztree的设置
*/
initSetting : function() {
var settings = {
view : {
dblClickExpand : true,
selectedMulti : false
},
data : {simpleData : {enable : true}},
callback : {
onClick : this.onClick,
onDblClick:this.ondblclick
}
};
return settings;
},
/**
* 手动设置ztree的设置
*/
setSettings : function(val) {
this.settings = val;
},
/**
* 初始化ztree
*/
init : function() {
var zNodeSeting = null;
if(this.settings != null){
zNodeSeting = this.settings;
}else{
zNodeSeting = this.initSetting();
}
var zNodes = this.loadNodes();
$.fn.zTree.init($("#" + this.id), zNodeSeting, zNodes);
},
/**
* 绑定onclick事件
*/
bindOnClick : function(func) {
this.onClick = func;
},
/**
* 绑定双击事件
*/
bindOnDblClick : function(func) {
this.ondblclick=func;
},
/**
* 加载节点
*/
loadNodes : function() {
var zNodes = null;
var ajax = new $ax(Feng.ctxPath + this.url, function(data) {
zNodes = data;
}, function(data) {
Feng.error("加载ztree信息失败!");
});
ajax.start();
return zNodes;
},
/**
* 获取选中的值
*/
getSelectedVal : function(){
var zTree = $.fn.zTree.getZTreeObj(this.id);
var nodes = zTree.getSelectedNodes();
return nodes[0].name;
}
};
window.$ZTree = $ZTree;
}());
\ No newline at end of file
var $parentNode = window.parent.document;
function $childNode(name) {
return window.frames[name]
}
// tooltips
$('.tooltip-demo').tooltip({
selector: "[data-toggle=tooltip]",
container: "body"
});
// 使用animation.css修改Bootstrap Modal
$('.modal').appendTo("body");
$("[data-toggle=popover]").popover();
//折叠ibox
$('.collapse-link').click(function () {
var ibox = $(this).closest('div.ibox');
var button = $(this).find('i');
var content = ibox.find('div.ibox-content');
content.slideToggle(200);
button.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
ibox.toggleClass('').toggleClass('border-bottom');
setTimeout(function () {
ibox.resize();
ibox.find('[id^=map-]').resize();
}, 50);
});
//关闭ibox
$('.close-link').click(function () {
var content = $(this).closest('div.ibox');
content.remove();
});
//判断当前页面是否在iframe中
if (top == this) {
var gohome = '<div class="gohome"><a class="animated bounceInUp" href="' + Feng.ctxPath + '/" title="返回首页"><i class="fa fa-home"></i></a></div>';
$('body').append(gohome);
}
//animation.css
function animationHover(element, animation) {
element = $(element);
element.hover(
function () {
element.addClass('animated ' + animation);
},
function () {
//动画完成之前移除class
window.setTimeout(function () {
element.removeClass('animated ' + animation);
}, 2000);
});
}
//拖动面板
function WinMove() {
var element = "[class*=col]";
var handle = ".ibox-title";
var connect = "[class*=col]";
$(element).sortable({
handle: handle,
connectWith: connect,
tolerance: 'pointer',
forcePlaceholderSize: true,
opacity: 0.8,
})
.disableSelection();
};
$(function () {
//初始化下拉框
var config = {
'.chosen-select': {},
'.chosen-select-deselect': {
allow_single_deselect: true
},
'.chosen-select-no-single': {
disable_search_threshold: 10
},
'.chosen-select-no-results': {
no_results_text: '没有要显示的数据!'
},
'.chosen-select-width': {
width: "95%"
}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
$('.i-checks').iCheck({
checkboxClass: 'icheckbox_square-green',
radioClass: 'iradio_square-green',
});
});
\ No newline at end of file
//自定义js
//公共配置
$(document).ready(function () {
// MetsiMenu
$('#side-menu').metisMenu();
// 打开右侧边栏
$('.right-sidebar-toggle').click(function () {
$('#right-sidebar').toggleClass('sidebar-open');
});
// 右侧边栏使用slimscroll
$('.sidebar-container').slimScroll({
height: '100%',
railOpacity: 0.4,
wheelStep: 10
});
// 打开聊天窗口
$('.open-small-chat').click(function () {
$(this).children().toggleClass('fa-comments').toggleClass('fa-remove');
$('.small-chat-box').toggleClass('active');
});
// 聊天窗口使用slimscroll
$('.small-chat-box .content').slimScroll({
height: '234px',
railOpacity: 0.4
});
// Small todo handler
$('.check-link').click(function () {
var button = $(this).find('i');
var label = $(this).next('span');
button.toggleClass('fa-check-square').toggleClass('fa-square-o');
label.toggleClass('todo-completed');
return false;
});
//固定菜单栏
$(function () {
$('.sidebar-collapse').slimScroll({
height: '100%',
railOpacity: 0.9,
alwaysVisible: false
});
});
// 菜单切换
$('.navbar-minimalize').click(function () {
$("body").toggleClass("mini-navbar");
SmoothlyMenu();
});
// 侧边栏高度
function fix_height() {
var heightWithoutNavbar = $("body > #wrapper").height() - 61;
$(".sidebard-panel").css("min-height", heightWithoutNavbar + "px");
}
fix_height();
$(window).bind("load resize click scroll", function () {
if (!$("body").hasClass('body-small')) {
fix_height();
}
});
//侧边栏滚动
$(window).scroll(function () {
if ($(window).scrollTop() > 0 && !$('body').hasClass('fixed-nav')) {
$('#right-sidebar').addClass('sidebar-top');
} else {
$('#right-sidebar').removeClass('sidebar-top');
}
});
$('.full-height-scroll').slimScroll({
height: '100%'
});
$('#side-menu>li').click(function () {
if ($('body').hasClass('mini-navbar')) {
NavToggle();
}
});
$('#side-menu>li li a').click(function () {
if ($(window).width() < 769) {
NavToggle();
}
});
//点击菜单的时候高亮显示菜单
$("a[name='tabMenuItem']").click(function(){
clearTabMenuItem();
$(this).addClass("tab-menu-selected");
});
$('.nav-close').click(NavToggle);
//ios浏览器兼容性处理
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
$('#content-main').css('overflow-y', 'auto');
}
});
$(window).bind("load resize", function () {
if ($(this).width() < 769) {
$('body').addClass('mini-navbar');
$('.navbar-static-side').fadeIn();
}
});
function clearTabMenuItem(){
$("a[name='tabMenuItem']").each(function(){
$(this).removeClass("tab-menu-selected");
});
}
function highLightMenuItem(hrefVal){
clearTabMenuItem();
$("a[href='" + hrefVal + "']").addClass("tab-menu-selected");
}
function NavToggle() {
$('.navbar-minimalize').trigger('click');
}
function SmoothlyMenu() {
if (!$('body').hasClass('mini-navbar')) {
$('#side-menu').hide();
setTimeout(
function () {
$('#side-menu').fadeIn(500);
}, 100);
} else if ($('body').hasClass('fixed-sidebar')) {
$('#side-menu').hide();
setTimeout(
function () {
$('#side-menu').fadeIn(500);
}, 300);
} else {
$('#side-menu').removeAttr('style');
}
}
//主题设置
$(function () {
// 顶部菜单固定
$('#fixednavbar').click(function () {
if ($('#fixednavbar').is(':checked')) {
$(".navbar-static-top").removeClass('navbar-static-top').addClass('navbar-fixed-top');
$("body").removeClass('boxed-layout');
$("body").addClass('fixed-nav');
$('#boxedlayout').prop('checked', false);
if (localStorageSupport) {
localStorage.setItem("boxedlayout", 'off');
}
if (localStorageSupport) {
localStorage.setItem("fixednavbar", 'on');
}
} else {
$(".navbar-fixed-top").removeClass('navbar-fixed-top').addClass('navbar-static-top');
$("body").removeClass('fixed-nav');
if (localStorageSupport) {
localStorage.setItem("fixednavbar", 'off');
}
}
});
// 收起左侧菜单
$('#collapsemenu').click(function () {
if ($('#collapsemenu').is(':checked')) {
$("body").addClass('mini-navbar');
SmoothlyMenu();
if (localStorageSupport) {
localStorage.setItem("collapse_menu", 'on');
}
} else {
$("body").removeClass('mini-navbar');
SmoothlyMenu();
if (localStorageSupport) {
localStorage.setItem("collapse_menu", 'off');
}
}
});
// 固定宽度
$('#boxedlayout').click(function () {
if ($('#boxedlayout').is(':checked')) {
$("body").addClass('boxed-layout');
$('#fixednavbar').prop('checked', false);
$(".navbar-fixed-top").removeClass('navbar-fixed-top').addClass('navbar-static-top');
$("body").removeClass('fixed-nav');
if (localStorageSupport) {
localStorage.setItem("fixednavbar", 'off');
}
if (localStorageSupport) {
localStorage.setItem("boxedlayout", 'on');
}
} else {
$("body").removeClass('boxed-layout');
if (localStorageSupport) {
localStorage.setItem("boxedlayout", 'off');
}
}
});
// 默认主题
$('.s-skin-0').click(function () {
$("body").removeClass("skin-1");
$("body").removeClass("skin-2");
$("body").removeClass("skin-3");
return false;
});
// 蓝色主题
$('.s-skin-1').click(function () {
$("body").removeClass("skin-2");
$("body").removeClass("skin-3");
$("body").addClass("skin-1");
return false;
});
// 黄色主题
$('.s-skin-3').click(function () {
$("body").removeClass("skin-1");
$("body").removeClass("skin-2");
$("body").addClass("skin-3");
return false;
});
if (localStorageSupport) {
var collapse = localStorage.getItem("collapse_menu");
var fixednavbar = localStorage.getItem("fixednavbar");
var boxedlayout = localStorage.getItem("boxedlayout");
if (collapse == 'on') {
$('#collapsemenu').prop('checked', 'checked')
}
if (fixednavbar == 'on') {
$('#fixednavbar').prop('checked', 'checked')
}
if (boxedlayout == 'on') {
$('#boxedlayout').prop('checked', 'checked')
}
}
if (localStorageSupport) {
var collapse = localStorage.getItem("collapse_menu");
var fixednavbar = localStorage.getItem("fixednavbar");
var boxedlayout = localStorage.getItem("boxedlayout");
var body = $('body');
if (collapse == 'on') {
if (!body.hasClass('body-small')) {
body.addClass('mini-navbar');
}
}
if (fixednavbar == 'on') {
$(".navbar-static-top").removeClass('navbar-static-top').addClass('navbar-fixed-top');
body.addClass('fixed-nav');
}
if (boxedlayout == 'on') {
body.addClass('boxed-layout');
}
}
});
//判断浏览器是否支持html5本地存储
function localStorageSupport() {
return (('localStorage' in window) && window['localStorage'] !== null)
}
/*
* bootstrap-table - v1.11.1 - 2017-02-22
* https://github.com/wenzhixin/bootstrap-table
* Copyright (c) 2017 zhixin wen
* Licensed MIT License
*/
!function(a){"use strict";var b=function(b,c){b.options.columnsHidden.length>0&&a.each(b.columns,function(d,e){-1!==b.options.columnsHidden.indexOf(e.field)&&e.visible!==c&&b.toggleColumn(a.fn.bootstrapTable.utils.getFieldIndex(b.columns,e.field),c,!0)})},c=function(a){(a.options.height||a.options.showFooter)&&setTimeout(function(){a.resetView.call(a)},1)},d=function(a,b,d){a.options.minHeight?b<=a.options.minWidth&&d<=a.options.minHeight?e(a):b>a.options.minWidth&&d>a.options.minHeight&&f(a):b<=a.options.minWidth?e(a):b>a.options.minWidth&&f(a),c(a)},e=function(a){g(a,!1),b(a,!1)},f=function(a){g(a,!0),b(a,!0)},g=function(a,b){a.options.cardView=b,a.toggleView()},h=function(a,b){var c;return function(){var d=this,e=arguments,f=function(){c=null,a.apply(d,e)};clearTimeout(c),c=setTimeout(f,b)}};a.extend(a.fn.bootstrapTable.defaults,{mobileResponsive:!1,minWidth:562,minHeight:void 0,heightThreshold:100,checkOnInit:!0,columnsHidden:[]});var i=a.fn.bootstrapTable.Constructor,j=i.prototype.init;i.prototype.init=function(){if(j.apply(this,Array.prototype.slice.apply(arguments)),this.options.mobileResponsive&&this.options.minWidth){this.options.minWidth<100&&this.options.resizable&&(console.log("The minWidth when the resizable extension is active should be greater or equal than 100"),this.options.minWidth=100);var b=this,c={width:a(window).width(),height:a(window).height()};if(a(window).on("resize orientationchange",h(function(){var e=a(this).height(),f=a(this).width();(Math.abs(c.height-e)>b.options.heightThreshold||c.width!=f)&&(d(b,f,e),c={width:f,height:e})},200)),this.options.checkOnInit){var e=a(window).height(),f=a(window).width();d(this,f,e),c={width:f,height:e}}}}}(jQuery);
\ No newline at end of file
/**
* Bootstrap Table Chinese translation
* Author: Zhixin Wen<wenzhixin2010@gmail.com>
*/
(function ($) {
'use strict';
$.fn.bootstrapTable.locales['zh-CN'] = {
formatLoadingMessage: function () {
return '正在努力地加载数据中,请稍候……';
},
formatRecordsPerPage: function (pageNumber) {
return '每页显示 ' + pageNumber + ' 条记录';
},
formatShowingRows: function (pageFrom, pageTo, totalRows) {
return '显示第 ' + pageFrom + ' 到第 ' + pageTo + ' 条记录,总共 ' + totalRows + ' 条记录';
},
formatSearch: function () {
return '搜索';
},
formatNoMatches: function () {
return '没有找到匹配的记录';
},
formatPaginationSwitch: function () {
return '隐藏/显示分页';
},
formatRefresh: function () {
return '刷新';
},
formatToggle: function () {
return '切换';
},
formatColumns: function () {
return '列';
},
formatExport: function () {
return '导出数据';
},
formatClearFilters: function () {
return '清空过滤';
}
};
$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['zh-CN']);
})(jQuery);
/*
* bootstrap-table - v1.11.1 - 2017-02-22
* https://github.com/wenzhixin/bootstrap-table
* Copyright (c) 2017 zhixin wen
* Licensed MIT License
*/
!function(a){"use strict";a.fn.bootstrapTable.locales["zh-CN"]={formatLoadingMessage:function(){return"正在努力地加载数据中,请稍候……"},formatRecordsPerPage:function(a){return"每页显示 "+a+" 条记录"},formatShowingRows:function(a,b,c){return"显示第 "+a+" 到第 "+b+" 条记录,总共 "+c+" 条记录"},formatSearch:function(){return"搜索"},formatNoMatches:function(){return"没有找到匹配的记录"},formatPaginationSwitch:function(){return"隐藏/显示分页"},formatRefresh:function(){return"刷新"},formatToggle:function(){return"切换"},formatColumns:function(){return"列"},formatExport:function(){return"导出数据"},formatClearFilters:function(){return"清空过滤"}},a.extend(a.fn.bootstrapTable.defaults,a.fn.bootstrapTable.locales["zh-CN"])}(jQuery);
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment