diff --git a/public/css/skins/skin-black-light.css b/public/css/skins/skin-black-light.css new file mode 100644 index 0000000000..e9207d6971 --- /dev/null +++ b/public/css/skins/skin-black-light.css @@ -0,0 +1 @@ +.skin-black-light .main-header .navbar{background-color:#111}.skin-black-light .main-header .navbar .nav>li>a{color:#fff}.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav>.active>a,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-black-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-black-light .main-header .navbar .sidebar-toggle:hover{background-color:#040404}@media (max-width:767px){.skin-black-light .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-black-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-black-light .main-header .navbar .dropdown-menu li a:hover{background:#040404}}.skin-black-light .main-header .logo{background-color:#111;color:#fff;border-bottom:0 solid transparent}.skin-black-light .main-header .logo:hover{background-color:#0e0e0e}.skin-black-light .main-header li.user-header{background-color:#111}.skin-black-light .content-header{background:transparent}.skin-black-light .left-side,.skin-black-light .main-sidebar,.skin-black-light .wrapper{background-color:#f9fafc}.skin-black-light .content-wrapper,.skin-black-light .main-footer{border-left:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li.active>a,.skin-black-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#111}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .treeview-menu>li>a{color:#777}.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover{color:#000}.skin-black-light .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px}.skin-black-light .sidebar-form .btn,.skin-black-light .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type=text]:focus,.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} \ No newline at end of file diff --git a/public/css/skins/skin-black-light.css.map b/public/css/skins/skin-black-light.css.map new file mode 100644 index 0000000000..0820408cc3 --- /dev/null +++ b/public/css/skins/skin-black-light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-black-light.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,uCCJE,sBDIF,iDCDI,WAiBA,icAPA,0BACA,cDVJ,uDAMQ,WACA,6DACE,yBAGJ,yBAGM,iEACE,oCAJR,2DAOQ,WACA,iEACE,oBApBhB,qCCyBE,sBACA,WACA,kCAEA,2CACE,yBD9BJ,8CAiCM,sBAjCN,kCAuCI,uBAvCJ,wFC0LI,yBD1LJ,kEC8LI,8BD9LJ,0ECmMM,WDnMN,mCEoLE,8CACK,qCACG,CDqBN,0CACE,cACA,mBD7MN,qCCiNM,kCACA,gBAGF,uFAEE,WACA,mBAKF,0CACE,uBADF,4CAGI,gBDhOR,kDCqOM,mBDrON,6BC0OI,WACA,mCACE,qBD5ON,sCCmPQ,WAEF,yFAEE,WAEF,6CACE,gBD1PR,gCC+DE,kBAkME,yBACA,YDlQJ,sFCqQM,wCACA,sBACA,6BACA,YCpFJ,uCACK,8BACG,CFtLV,iDC4QM,WAzMJ,2BACA,0BACA,6BACA,8BAwMI,oIAEE,sBACA,WAEF,6EACE,uBDpRR,qCCwRM,WArNJ,yBACA,4BACA,+BACA,4BAsNA,yBACE,gFAEI","file":"css/skins/skin-black-light.css","sourcesContent":["/*\n * Skin: black\n * ---------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-black-light {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@black; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@black, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@black, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(@black);\n }\n\n li.user-header {\n background-color: @black;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-light-sidebar(@black);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-black-light.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-black.css b/public/css/skins/skin-black.css new file mode 100644 index 0000000000..ff91e26834 --- /dev/null +++ b/public/css/skins/skin-black.css @@ -0,0 +1 @@ +.skin-black .main-header .navbar{background-color:#111}.skin-black .main-header .navbar .nav>li>a{color:#fff}.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav>.active>a,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-black .main-header .navbar .sidebar-toggle{color:#fff}.skin-black .main-header .navbar .sidebar-toggle:hover{background-color:#040404}@media (max-width:767px){.skin-black .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-black .main-header .navbar .dropdown-menu li a{color:#fff}.skin-black .main-header .navbar .dropdown-menu li a:hover{background:#040404}}.skin-black .main-header li.user-header{background-color:#111}.skin-black .content-header{background:transparent}.skin-black .left-side,.skin-black .main-sidebar,.skin-black .wrapper{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#111}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .treeview-menu>li>a{color:#8aa4af}.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-black .sidebar-form .btn,.skin-black .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-black .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type=text]:focus,.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn,.btn:hover{text-decoration:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#505156;border-color:#b5bbc8;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#111;border-color:#1f1f21;color:#fff}.btn.btn-white:hover,.btn.btn-white:link,.btn.btn-white:visited,.btn:hover.btn-white:hover,.btn:hover.btn-white:link,.btn:hover.btn-white:visited{color:#fff}a{color:#111;text-decoration:underline}a:hover{color:#000}a:visited{color:#111}.text-primary{color:#000}.skin-black .main-header .navbar .nav>li>a{text-decoration:none} \ No newline at end of file diff --git a/public/css/skins/skin-black.css.map b/public/css/skins/skin-black.css.map new file mode 100644 index 0000000000..750a5c860b --- /dev/null +++ b/public/css/skins/skin-black.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-black.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,iCCJE,sBDIF,2CCDI,WAiBA,iZAPA,0BACA,cDVJ,iDAMQ,WACA,uDACE,yBAGJ,yBAGM,2DACE,oCAJR,qDAOQ,WACA,2DACE,oBApBhB,+BCyBE,yBACA,WACA,kCAEA,qCACE,yBD9BJ,wCAiCM,sBAjCN,4BAuCI,uBAvCJ,sECqGI,yBDrGJ,8DC0GM,WAMF,oCACE,cACA,mBDlHN,+BCsHM,kCAGF,2EACE,WACA,mBACA,uBD5HN,4CCgIM,aACA,mBDjIN,uBCsII,cACA,6BACE,qBDxIN,gCC+IQ,cAEF,6EACE,WDlJR,0BC+DE,kBA0FE,yBACA,YD1JJ,0EC4JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFtLV,2CCmKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,wHACE,sBACA,WAEF,uEACE,uBD1KR,+BC8KM,WA3GJ,yBACA,4BACA,+BACA","file":"css/skins/skin-black.css","sourcesContent":["/*\n * Skin: black\n * ---------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-black {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@black; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@black, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@black, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(darken(@black, 5%));\n }\n\n li.user-header {\n background-color: @black;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@black);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-black.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-blue-light.css b/public/css/skins/skin-blue-light.css index 7614d60e92..e6d038deda 100755 --- a/public/css/skins/skin-blue-light.css +++ b/public/css/skins/skin-blue-light.css @@ -1,167 +1 @@ -/* - * Skin: Blue - * ---------- - */ -.skin-blue-light .main-header .navbar { - background-color: #3c8dbc; -} -.skin-blue-light .main-header .navbar .nav > li > a { - color: #ffffff; -} -.skin-blue-light .main-header .navbar .nav > li > a:hover, -.skin-blue-light .main-header .navbar .nav > li > a:active, -.skin-blue-light .main-header .navbar .nav > li > a:focus, -.skin-blue-light .main-header .navbar .nav .open > a, -.skin-blue-light .main-header .navbar .nav .open > a:hover, -.skin-blue-light .main-header .navbar .nav .open > a:focus, -.skin-blue-light .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-blue-light .main-header .navbar .sidebar-toggle { - color: #ffffff; -} -.skin-blue-light .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-blue-light .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue-light .main-header .navbar .sidebar-toggle:hover { - background-color: #367fa9; -} -@media (max-width: 767px) { - .skin-blue-light .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-blue-light .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-blue-light .main-header .navbar .dropdown-menu li a:hover { - background: #367fa9; - } -} -.skin-blue-light .main-header .logo { - background-color: #3c8dbc; - color: #ffffff; - border-bottom: 0 solid transparent; -} -.skin-blue-light .main-header .logo:hover { - background-color: #3b8ab8; -} -.skin-blue-light .main-header li.user-header { - background-color: #3c8dbc; -} -.skin-blue-light .content-header { - background: transparent; -} -.skin-blue-light .wrapper, -.skin-blue-light .main-sidebar, -.skin-blue-light .left-side { - background-color: #f9fafc; -} -.skin-blue-light .content-wrapper, -.skin-blue-light .main-footer { - border-left: 1px solid #d2d6de; -} -.skin-blue-light .user-panel > .info, -.skin-blue-light .user-panel > .info > a { - color: #444444; -} -.skin-blue-light .sidebar-menu > li { - -webkit-transition: border-left-color 0.3s ease; - -o-transition: border-left-color 0.3s ease; - transition: border-left-color 0.3s ease; -} -.skin-blue-light .sidebar-menu > li.header { - color: #848484; - background: #f9fafc; -} -.skin-blue-light .sidebar-menu > li > a { - border-left: 3px solid transparent; - font-weight: 600; -} -.skin-blue-light .sidebar-menu > li:hover > a, -.skin-blue-light .sidebar-menu > li.active > a { - color: #000000; - background: #f4f4f5; -} -.skin-blue-light .sidebar-menu > li.active { - border-left-color: #3c8dbc; -} -.skin-blue-light .sidebar-menu > li.active > a { - font-weight: 600; -} -.skin-blue-light .sidebar-menu > li > .treeview-menu { - background: #f4f4f5; -} -.skin-blue-light .sidebar a { - color: #444444; -} -.skin-blue-light .sidebar a:hover { - text-decoration: none; -} -.skin-blue-light .treeview-menu > li > a { - color: #777777; -} -.skin-blue-light .treeview-menu > li.active > a, -.skin-blue-light .treeview-menu > li > a:hover { - color: #000000; -} -.skin-blue-light .treeview-menu > li.active > a { - font-weight: 600; -} -.skin-blue-light .sidebar-form { - border-radius: 3px; - border: 1px solid #d2d6de; - margin: 10px 10px; -} -.skin-blue-light .sidebar-form input[type="text"], -.skin-blue-light .sidebar-form .btn { - box-shadow: none; - background-color: #fff; - border: 1px solid transparent; - height: 35px; - -webkit-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; -} -.skin-blue-light .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-blue-light .sidebar-form input[type="text"]:focus, -.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-blue-light .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -@media (min-width: 768px) { - .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { - border-left: 1px solid #d2d6de; - } -} -.skin-blue-light .main-footer { - border-top-color: #d2d6de; -} -.skin-blue.layout-top-nav .main-header > .logo { - background-color: #3c8dbc; - color: #ffffff; - border-bottom: 0 solid transparent; -} -.skin-blue.layout-top-nav .main-header > .logo:hover { - background-color: #3b8ab8; -} +.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav>.active>a,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .left-side,.skin-blue-light .main-sidebar,.skin-blue-light .wrapper{background-color:#f9fafc}.skin-blue-light .content-wrapper,.skin-blue-light .main-footer{border-left:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li.active>a,.skin-blue-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .treeview-menu>li>a{color:#777}.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover{color:#000}.skin-blue-light .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px}.skin-blue-light .sidebar-form .btn,.skin-blue-light .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-blue-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type=text]:focus,.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8} \ No newline at end of file diff --git a/public/css/skins/skin-blue-light.css.map b/public/css/skins/skin-blue-light.css.map new file mode 100644 index 0000000000..16a0ff494f --- /dev/null +++ b/public/css/skins/skin-blue-light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-blue-light.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AASA,sCCHE,yBDGF,gDCAI,WAiBA,ybAPA,0BACA,cDXJ,sDAMQ,WACA,4DACE,yBAGJ,yBAGM,gEACE,oCAJR,0DAOQ,WACA,gEACE,oBApBhB,oCC0BE,yBACA,WACA,kCAEA,0CACE,yBD/BJ,6CAiCM,yBAjCN,iCAuCI,uBAvCJ,qFC2LI,yBD3LJ,gEC+LI,8BD/LJ,wECoMM,WDpMN,kCEqLE,8CACK,qCACG,CDqBN,yCACE,cACA,mBD9MN,oCCkNM,kCACA,gBAGF,qFAEE,WACA,mBAKF,yCACE,0BADF,2CAGI,gBDjOR,iDCsOM,mBDtON,4BC2OI,WACA,kCACE,qBD7ON,qCCoPQ,WAEF,uFAEE,WAEF,4CACE,gBD3PR,+BCgEE,kBAkME,yBACA,YDnQJ,oFCsQM,wCACA,sBACA,6BACA,YCpFJ,uCACK,8BACG,CFvLV,gDC6QM,WAzMJ,2BACA,0BACA,6BACA,8BAwMI,kIAEE,sBACA,WAEF,4EACE,uBDrRR,oCCyRM,WArNJ,yBACA,4BACA,+BACA,4BAsNA,yBACE,+EAEI,+BDhSR,8BA6CI,yBAIJ,6CCvBE,yBACA,WACA,kCAEA,mDACE","file":"css/skins/skin-blue-light.css","sourcesContent":["/*\n * Skin: Blue\n * ----------\n */\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-blue-light {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@light-blue; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@light-blue, 5%);\n }\n }\n @media (max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255, 255, 255, 0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@light-blue, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(@light-blue);\n }\n\n li.user-header {\n background-color: @light-blue;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-light-sidebar(@light-blue);\n .main-footer {\n border-top-color: @gray;\n }\n}\n\n.skin-blue.layout-top-nav .main-header > .logo {\n .logo-variant(@light-blue);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-blue-light.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-blue.css b/public/css/skins/skin-blue.css index 1bc543fd34..69375700df 100755 --- a/public/css/skins/skin-blue.css +++ b/public/css/skins/skin-blue.css @@ -1,142 +1 @@ -/* - * Skin: Blue - * ---------- - */ -.skin-blue .main-header .navbar { - background-color: #3c8dbc; -} -.skin-blue .main-header .navbar .nav > li > a { - color: #ffffff; -} -.skin-blue .main-header .navbar .nav > li > a:hover, -.skin-blue .main-header .navbar .nav > li > a:active, -.skin-blue .main-header .navbar .nav > li > a:focus, -.skin-blue .main-header .navbar .nav .open > a, -.skin-blue .main-header .navbar .nav .open > a:hover, -.skin-blue .main-header .navbar .nav .open > a:focus, -.skin-blue .main-header .navbar .nav > .active > a { - background: rgba(0, 0, 0, 0.1); - color: #f6f6f6; -} -.skin-blue .main-header .navbar .sidebar-toggle { - color: #ffffff; -} -.skin-blue .main-header .navbar .sidebar-toggle:hover { - color: #f6f6f6; - background: rgba(0, 0, 0, 0.1); -} -.skin-blue .main-header .navbar .sidebar-toggle { - color: #fff; -} -.skin-blue .main-header .navbar .sidebar-toggle:hover { - background-color: #367fa9; -} -@media (max-width: 767px) { - .skin-blue .main-header .navbar .dropdown-menu li.divider { - background-color: rgba(255, 255, 255, 0.1); - } - .skin-blue .main-header .navbar .dropdown-menu li a { - color: #fff; - } - .skin-blue .main-header .navbar .dropdown-menu li a:hover { - background: #367fa9; - } -} -.skin-blue .main-header .logo { - background-color: #367fa9; - color: #ffffff; - border-bottom: 0 solid transparent; -} -.skin-blue .main-header .logo:hover { - background-color: #357ca5; -} -.skin-blue .main-header li.user-header { - background-color: #3c8dbc; -} -.skin-blue .content-header { - background: transparent; -} -.skin-blue .wrapper, -.skin-blue .main-sidebar, -.skin-blue .left-side { - background-color: #222d32; -} -.skin-blue .user-panel > .info, -.skin-blue .user-panel > .info > a { - color: #fff; -} -.skin-blue .sidebar-menu > li.header { - color: #4b646f; - background: #1a2226; -} -.skin-blue .sidebar-menu > li > a { - border-left: 3px solid transparent; -} -.skin-blue .sidebar-menu > li:hover > a, -.skin-blue .sidebar-menu > li.active > a { - color: #ffffff; - background: #1e282c; - border-left-color: #3c8dbc; -} -.skin-blue .sidebar-menu > li > .treeview-menu { - margin: 0 1px; - background: #2c3b41; -} -.skin-blue .sidebar a { - color: #b8c7ce; -} -.skin-blue .sidebar a:hover { - text-decoration: none; -} -.skin-blue .treeview-menu > li > a { - color: #8aa4af; -} -.skin-blue .treeview-menu > li.active > a, -.skin-blue .treeview-menu > li > a:hover { - color: #ffffff; -} -.skin-blue .sidebar-form { - border-radius: 3px; - border: 1px solid #374850; - margin: 10px 10px; -} -.skin-blue .sidebar-form input[type="text"], -.skin-blue .sidebar-form .btn { - box-shadow: none; - background-color: #374850; - border: 1px solid transparent; - height: 35px; - -webkit-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; -} -.skin-blue .sidebar-form input[type="text"] { - color: #666; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; -} -.skin-blue .sidebar-form input[type="text"]:focus, -.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - background-color: #fff; - color: #666; -} -.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { - border-left-color: #fff; -} -.skin-blue .sidebar-form .btn { - color: #999; - border-top-left-radius: 0; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; -} -.skin-blue.layout-top-nav .main-header > .logo { - background-color: #3c8dbc; - color: #ffffff; - border-bottom: 0 solid transparent; -} -.skin-blue.layout-top-nav .main-header > .logo:hover { - background-color: #3b8ab8; -} +.skin-light-blue .main-header .navbar{background-color:#3c8dbc}.skin-light-blue .main-header .navbar .nav>li>a{color:#fff}.skin-light-blue .main-header .navbar .nav .open>a,.skin-light-blue .main-header .navbar .nav .open>a:focus,.skin-light-blue .main-header .navbar .nav .open>a:hover,.skin-light-blue .main-header .navbar .nav>.active>a,.skin-light-blue .main-header .navbar .nav>li>a:active,.skin-light-blue .main-header .navbar .nav>li>a:focus,.skin-light-blue .main-header .navbar .nav>li>a:hover,.skin-light-blue .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-light-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-light-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-light-blue .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-light-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-light-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-light-blue .main-header li.user-header{background-color:#3c8dbc}.skin-light-blue .content-header{background:transparent}.skin-light-blue .left-side,.skin-light-blue .main-sidebar,.skin-light-blue .wrapper{background-color:#222d32}.skin-light-blue .user-panel>.info,.skin-light-blue .user-panel>.info>a{color:#fff}.skin-light-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-light-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-light-blue .sidebar-menu>li.active>a,.skin-light-blue .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-light-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-light-blue .sidebar a{color:#b8c7ce}.skin-light-blue .sidebar a:hover{text-decoration:none}.skin-light-blue .treeview-menu>li>a{color:#8aa4af}.skin-light-blue .treeview-menu>li.active>a,.skin-light-blue .treeview-menu>li>a:hover{color:#fff}.skin-light-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-light-blue .sidebar-form .btn,.skin-light-blue .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-light-blue .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-light-blue .sidebar-form input[type=text]:focus,.skin-light-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-light-blue .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-light-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-light-blue.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#307095;border-color:#23536f;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#23536f;border-color:#23536f;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#307095;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#173648;color:#fff}a{color:#3c8dbc}a:hover{color:#23536f}a:visited{color:#3c8dbc}.text-primary{color:#23536f} \ No newline at end of file diff --git a/public/css/skins/skin-contrast.css b/public/css/skins/skin-contrast.css new file mode 100644 index 0000000000..aa5633203d --- /dev/null +++ b/public/css/skins/skin-contrast.css @@ -0,0 +1 @@ +.skin-contrast .main-header .navbar{background-color:#001f3f}.skin-contrast .main-header .navbar .nav>li>a{color:#fff}.skin-contrast .main-header .navbar .nav .open>a,.skin-contrast .main-header .navbar .nav .open>a:focus,.skin-contrast .main-header .navbar .nav .open>a:hover,.skin-contrast .main-header .navbar .nav>.active>a,.skin-contrast .main-header .navbar .nav>li>a:active,.skin-contrast .main-header .navbar .nav>li>a:focus,.skin-contrast .main-header .navbar .nav>li>a:hover,.skin-contrast .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-contrast .main-header .navbar .sidebar-toggle{color:#fff}.skin-contrast .main-header .navbar .sidebar-toggle:hover{background-color:#001226}@media (max-width:767px){.skin-contrast .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-contrast .main-header .navbar .dropdown-menu li a{color:#fff}.skin-contrast .main-header .navbar .dropdown-menu li a:hover{background:#001226}}.skin-contrast .main-header li.user-header{background-color:#001f3f}.skin-contrast .content-header{background:transparent}.skin-contrast .left-side,.skin-contrast .main-sidebar,.skin-contrast .wrapper{background-color:#222d32}.skin-contrast .user-panel>.info,.skin-contrast .user-panel>.info>a{color:#fff}.skin-contrast .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-contrast .sidebar-menu>li>a{border-left:3px solid transparent}.skin-contrast .sidebar-menu>li.active>a,.skin-contrast .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#001f3f}.skin-contrast .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-contrast .sidebar a{color:#b8c7ce}.skin-contrast .sidebar a:hover{text-decoration:none}.skin-contrast .treeview-menu>li>a{color:#8aa4af}.skin-contrast .treeview-menu>li.active>a,.skin-contrast .treeview-menu>li>a:hover{color:#fff}.skin-contrast .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-contrast .sidebar-form .btn,.skin-contrast .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-contrast .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-contrast .sidebar-form input[type=text]:focus,.skin-contrast .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-contrast .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-contrast .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-contrast.layout-top-nav .main-header>.logo .logo-variant{background-color:none} \ No newline at end of file diff --git a/public/css/skins/skin-contrast.css.map b/public/css/skins/skin-contrast.css.map new file mode 100644 index 0000000000..91a4d92f40 --- /dev/null +++ b/public/css/skins/skin-contrast.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-contrast.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AASA,oCCHE,yBDGF,8CCAI,WAiBA,yaAPA,0BACA,cDXJ,oDAMQ,WACA,0DACE,yBAGJ,yBAGM,8DACE,oCAJR,wDAOQ,WACA,8DACE,oBApBhB,2CA8BM,yBA9BN,+BAoCI,uBApCJ,+ECsGI,yBDtGJ,oEC2GM,WAMF,uCACE,cACA,mBDnHN,kCCuHM,kCAGF,iFACE,WACA,mBACA,0BD7HN,+CCiIM,aACA,mBDlIN,0BCuII,cACA,gCACE,qBDzIN,mCCgJQ,cAEF,mFACE,WDnJR,6BCgEE,kBA0FE,yBACA,YD3JJ,gFC6JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFvLV,8CCoKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,8HACE,sBACA,WAEF,0EACE,uBD3KR,kCC+KM,WA3GJ,yBACA,4BACA,+BACA,4BD5BF,+DAEI","file":"css/skins/skin-contrast.css","sourcesContent":["/*\n * Skin: Blue\n * ----------\n */\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-contrast {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@navy; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@navy, 5%);\n }\n }\n @media (max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255, 255, 255, 0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@navy, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n\n li.user-header {\n background-color: @navy;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@navy);\n}\n\n.skin-contrast.layout-top-nav .main-header > .logo {\n .logo-variant {\n background-color: none;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-contrast.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-green-light.css b/public/css/skins/skin-green-light.css new file mode 100644 index 0000000000..de95e390cf --- /dev/null +++ b/public/css/skins/skin-green-light.css @@ -0,0 +1 @@ +.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav>.active>a,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .left-side,.skin-green-light .main-sidebar,.skin-green-light .wrapper{background-color:#f9fafc}.skin-green-light .content-wrapper,.skin-green-light .main-footer{border-left:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li.active>a,.skin-green-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .treeview-menu>li>a{color:#777}.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover{color:#000}.skin-green-light .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px}.skin-green-light .sidebar-form .btn,.skin-green-light .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type=text]:focus,.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} \ No newline at end of file diff --git a/public/css/skins/skin-green-light.css.map b/public/css/skins/skin-green-light.css.map new file mode 100644 index 0000000000..494f2eb93c --- /dev/null +++ b/public/css/skins/skin-green-light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-green-light.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,uCCJE,yBDIF,iDCDI,WAiBA,icAPA,0BACA,cDVJ,uDAMQ,WACA,6DACE,yBAGJ,yBAGM,iEACE,oCAJR,2DAOQ,WACA,iEACE,oBApBhB,qCCyBE,yBACA,WACA,kCAEA,2CACE,yBD9BJ,8CAiCM,yBAjCN,kCAuCI,uBAvCJ,wFC0LI,yBD1LJ,kEC8LI,8BD9LJ,0ECmMM,WDnMN,mCEoLE,8CACK,qCACG,CDqBN,0CACE,cACA,mBD7MN,qCCiNM,kCACA,gBAGF,uFAEE,WACA,mBAKF,0CACE,0BADF,4CAGI,gBDhOR,kDCqOM,mBDrON,6BC0OI,WACA,mCACE,qBD5ON,sCCmPQ,WAEF,yFAEE,WAEF,6CACE,gBD1PR,gCC+DE,kBAkME,yBACA,YDlQJ,sFCqQM,wCACA,sBACA,6BACA,YCpFJ,uCACK,8BACG,CFtLV,iDC4QM,WAzMJ,2BACA,0BACA,6BACA,8BAwMI,oIAEE,sBACA,WAEF,6EACE,uBDpRR,qCCwRM,WArNJ,yBACA,4BACA,+BACA,4BAsNA,yBACE,gFAEI","file":"css/skins/skin-green-light.css","sourcesContent":["/*\n * Skin: Green\n * -----------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-green-light {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@green; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@green, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@green, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(@green);\n }\n\n li.user-header {\n background-color: @green;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-light-sidebar(@green);\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-green-light.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-green.css b/public/css/skins/skin-green.css new file mode 100644 index 0000000000..37ab754156 --- /dev/null +++ b/public/css/skins/skin-green.css @@ -0,0 +1 @@ +.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav>.active>a,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .left-side,.skin-green .main-sidebar,.skin-green .wrapper{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li.active>a,.skin-green .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .treeview-menu>li>a{color:#8aa4af}.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-green .sidebar-form .btn,.skin-green .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-green .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type=text]:focus,.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-green.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#00733e;border-color:#004023;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#004023;border-color:#004023;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#00733e;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#000d07;color:#fff}a{color:#00a65a}a:hover{color:#004023}a:visited{color:#00a65a}.text-primary{color:#004023} \ No newline at end of file diff --git a/public/css/skins/skin-green.css.map b/public/css/skins/skin-green.css.map new file mode 100644 index 0000000000..999f211db4 --- /dev/null +++ b/public/css/skins/skin-green.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-green.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,iCCJE,yBDIF,2CCDI,WAiBA,iZAPA,0BACA,cDVJ,iDAMQ,WACA,uDACE,yBAGJ,yBAGM,2DACE,oCAJR,qDAOQ,WACA,2DACE,oBApBhB,+BCyBE,yBACA,WACA,kCAEA,qCACE,yBD9BJ,wCAiCM,yBAjCN,4BAuCI,uBAvCJ,sECqGI,yBDrGJ,8DC0GM,WAMF,oCACE,cACA,mBDlHN,+BCsHM,kCAGF,2EACE,WACA,mBACA,0BD5HN,4CCgIM,aACA,mBDjIN,uBCsII,cACA,6BACE,qBDxIN,gCC+IQ,cAEF,6EACE,WDlJR,0BC+DE,kBA0FE,yBACA,YD1JJ,0EC4JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFtLV,2CCmKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,wHACE,sBACA,WAEF,uEACE,uBD1KR,+BC8KM,WA3GJ,yBACA,4BACA,+BACA","file":"css/skins/skin-green.css","sourcesContent":["/*\n * Skin: Green\n * -----------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-green {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@green; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@green, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@green, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(darken(@green, 5%));\n }\n\n li.user-header {\n background-color: @green;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@green);\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-green.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-orange-light.css b/public/css/skins/skin-orange-light.css new file mode 100644 index 0000000000..59161aa07e --- /dev/null +++ b/public/css/skins/skin-orange-light.css @@ -0,0 +1 @@ +.skin-orange-light .main-header .navbar{background-color:#ff8c00}.skin-orange-light .main-header .navbar .nav>li>a{color:#fff}.skin-orange-light .main-header .navbar .nav .open>a,.skin-orange-light .main-header .navbar .nav .open>a:focus,.skin-orange-light .main-header .navbar .nav .open>a:hover,.skin-orange-light .main-header .navbar .nav>.active>a,.skin-orange-light .main-header .navbar .nav>li>a:active,.skin-orange-light .main-header .navbar .nav>li>a:focus,.skin-orange-light .main-header .navbar .nav>li>a:hover,.skin-orange-light .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-orange-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-orange-light .main-header .navbar .sidebar-toggle:hover{background-color:#e67e00}@media (max-width:767px){.skin-orange-light .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-orange-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-orange-light .main-header .navbar .dropdown-menu li a:hover{background:#e67e00}}.skin-orange-light .main-header .logo{background-color:#ff8c00;color:#fff;border-bottom:0 solid transparent}.skin-orange-light .main-header .logo:hover{background-color:#fa8900}.skin-orange-light .main-header li.user-header{background-color:#ff8c00}.skin-orange-light .content-header{background:transparent}.skin-orange-light .left-side,.skin-orange-light .main-sidebar,.skin-orange-light .wrapper{background-color:#f9fafc}.skin-orange-light .content-wrapper,.skin-orange-light .main-footer{border-left:1px solid #d2d6de}.skin-orange-light .user-panel>.info,.skin-orange-light .user-panel>.info>a{color:#444}.skin-orange-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-orange-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-orange-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-orange-light .sidebar-menu>li.active>a,.skin-orange-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-orange-light .sidebar-menu>li.active{border-left-color:#ff8c00}.skin-orange-light .sidebar-menu>li.active>a{font-weight:600}.skin-orange-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-orange-light .sidebar a{color:#444}.skin-orange-light .sidebar a:hover{text-decoration:none}.skin-orange-light .treeview-menu>li>a{color:#777}.skin-orange-light .treeview-menu>li.active>a,.skin-orange-light .treeview-menu>li>a:hover{color:#000}.skin-orange-light .treeview-menu>li.active>a{font-weight:600}.skin-orange-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px}.skin-orange-light .sidebar-form .btn,.skin-orange-light .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-orange-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-orange-light .sidebar-form input[type=text]:focus,.skin-orange-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-orange-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-orange-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-orange-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} \ No newline at end of file diff --git a/public/css/skins/skin-orange-light.css.map b/public/css/skins/skin-orange-light.css.map new file mode 100644 index 0000000000..d1a02a188e --- /dev/null +++ b/public/css/skins/skin-orange-light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-orange-light.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,wCCJE,yBDIF,kDCDI,WAiBA,ycAPA,0BACA,cDVJ,wDAMQ,WACA,8DACE,yBAGJ,yBAGM,kEACE,oCAJR,4DAOQ,WACA,kEACE,oBApBhB,sCCyBE,yBACA,WACA,kCAEA,4CACE,yBD9BJ,+CAiCM,yBAjCN,mCAuCI,uBAvCJ,2FC0LI,yBD1LJ,oEC8LI,8BD9LJ,4ECmMM,WDnMN,oCEoLE,8CACK,qCACG,CDqBN,2CACE,cACA,mBD7MN,sCCiNM,kCACA,gBAGF,yFAEE,WACA,mBAKF,2CACE,0BADF,6CAGI,gBDhOR,mDCqOM,mBDrON,8BC0OI,WACA,oCACE,qBD5ON,uCCmPQ,WAEF,2FAEE,WAEF,8CACE,gBD1PR,iCC+DE,kBAkME,yBACA,YDlQJ,wFCqQM,wCACA,sBACA,6BACA,YCpFJ,uCACK,8BACG,CFtLV,kDC4QM,WAzMJ,2BACA,0BACA,6BACA,8BAwMI,sIAEE,sBACA,WAEF,8EACE,uBDpRR,sCCwRM,WArNJ,yBACA,4BACA,+BACA,4BAsNA,yBACE,iFAEI","file":"css/skins/skin-orange-light.css","sourcesContent":["/*\n * Skin: orange\n * ---------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-orange-light {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@orange; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@orange, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@orange, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(@orange);\n }\n\n li.user-header {\n background-color: @orange;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-light-sidebar(@orange);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-orange-light.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-orange.css b/public/css/skins/skin-orange.css new file mode 100644 index 0000000000..70ee2b73b4 --- /dev/null +++ b/public/css/skins/skin-orange.css @@ -0,0 +1 @@ +.skin-orange .main-header .navbar{background-color:#ff8c00}.skin-orange .main-header .navbar .nav>li>a{color:#fff}.skin-orange .main-header .navbar .nav .open>a,.skin-orange .main-header .navbar .nav .open>a:focus,.skin-orange .main-header .navbar .nav .open>a:hover,.skin-orange .main-header .navbar .nav>.active>a,.skin-orange .main-header .navbar .nav>li>a:active,.skin-orange .main-header .navbar .nav>li>a:focus,.skin-orange .main-header .navbar .nav>li>a:hover,.skin-orange .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-orange .main-header .navbar .sidebar-toggle{color:#fff}.skin-orange .main-header .navbar .sidebar-toggle:hover{background-color:#e67e00}@media (max-width:767px){.skin-orange .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-orange .main-header .navbar .dropdown-menu li a{color:#fff}.skin-orange .main-header .navbar .dropdown-menu li a:hover{background:#e67e00}}.skin-orange .main-header li.user-header{background-color:#ff8c00}.skin-orange .content-header{background:transparent}.skin-orange .left-side,.skin-orange .main-sidebar,.skin-orange .wrapper{background-color:#222d32}.skin-orange .user-panel>.info,.skin-orange .user-panel>.info>a{color:#fff}.skin-orange .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-orange .sidebar-menu>li>a{border-left:3px solid transparent}.skin-orange .sidebar-menu>li.active>a,.skin-orange .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#ff8c00}.skin-orange .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-orange .sidebar a{color:#b8c7ce}.skin-orange .sidebar a:hover{text-decoration:none}.skin-orange .treeview-menu>li>a{color:#8aa4af}.skin-orange .treeview-menu>li.active>a,.skin-orange .treeview-menu>li>a:hover{color:#fff}.skin-orange .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-orange .sidebar-form .btn,.skin-orange .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-orange .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-orange .sidebar-form input[type=text]:focus,.skin-orange .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-orange .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-orange .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-orange.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#cc7000;border-color:#995400;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#995400;border-color:#995400;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#cc7000;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#663800;color:#fff}a{color:#ff8c00}a:hover{color:#995400}a:visited{color:#ff8c00}.text-primary{color:#995400} \ No newline at end of file diff --git a/public/css/skins/skin-orange.css.map b/public/css/skins/skin-orange.css.map new file mode 100644 index 0000000000..107aea0b81 --- /dev/null +++ b/public/css/skins/skin-orange.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-orange.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,kCCJE,yBDIF,4CCDI,WAiBA,yZAPA,0BACA,cDVJ,kDAMQ,WACA,wDACE,yBAGJ,yBAGM,4DACE,oCAJR,sDAOQ,WACA,4DACE,oBApBhB,gCCyBE,yBACA,WACA,kCAEA,sCACE,yBD9BJ,yCAiCM,yBAjCN,6BAuCI,uBAvCJ,yECqGI,yBDrGJ,gEC0GM,WAMF,qCACE,cACA,mBDlHN,gCCsHM,kCAGF,6EACE,WACA,mBACA,0BD5HN,6CCgIM,aACA,mBDjIN,wBCsII,cACA,8BACE,qBDxIN,iCC+IQ,cAEF,+EACE,WDlJR,2BC+DE,kBA0FE,yBACA,YD1JJ,4EC4JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFtLV,4CCmKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,0HACE,sBACA,WAEF,wEACE,uBD1KR,gCC8KM,WA3GJ,yBACA,4BACA,+BACA","file":"css/skins/skin-orange.css","sourcesContent":["/*\n * Skin: orange\n * ---------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-orange {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@orange; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@orange, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@orange, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(darken(@orange, 5%));\n }\n\n li.user-header {\n background-color: @orange;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@orange);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-orange.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-purple-light.css b/public/css/skins/skin-purple-light.css new file mode 100644 index 0000000000..5b92d0d4e3 --- /dev/null +++ b/public/css/skins/skin-purple-light.css @@ -0,0 +1 @@ +.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav>.active>a,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .left-side,.skin-purple-light .main-sidebar,.skin-purple-light .wrapper{background-color:#f9fafc}.skin-purple-light .content-wrapper,.skin-purple-light .main-footer{border-left:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li.active>a,.skin-purple-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .treeview-menu>li>a{color:#777}.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover{color:#000}.skin-purple-light .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px}.skin-purple-light .sidebar-form .btn,.skin-purple-light .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type=text]:focus,.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} \ No newline at end of file diff --git a/public/css/skins/skin-purple-light.css.map b/public/css/skins/skin-purple-light.css.map new file mode 100644 index 0000000000..eb1ef604ef --- /dev/null +++ b/public/css/skins/skin-purple-light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-purple-light.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,wCCJE,yBDIF,kDCDI,WAiBA,ycAPA,0BACA,cDVJ,wDAMQ,WACA,8DACE,yBAGJ,yBAGM,kEACE,oCAJR,4DAOQ,WACA,kEACE,oBApBhB,sCCyBE,yBACA,WACA,kCAEA,4CACE,yBD9BJ,+CAiCM,yBAjCN,mCAuCI,uBAvCJ,2FC0LI,yBD1LJ,oEC8LI,8BD9LJ,4ECmMM,WDnMN,oCEoLE,8CACK,qCACG,CDqBN,2CACE,cACA,mBD7MN,sCCiNM,kCACA,gBAGF,yFAEE,WACA,mBAKF,2CACE,0BADF,6CAGI,gBDhOR,mDCqOM,mBDrON,8BC0OI,WACA,oCACE,qBD5ON,uCCmPQ,WAEF,2FAEE,WAEF,8CACE,gBD1PR,iCC+DE,kBAkME,yBACA,YDlQJ,wFCqQM,wCACA,sBACA,6BACA,YCpFJ,uCACK,8BACG,CFtLV,kDC4QM,WAzMJ,2BACA,0BACA,6BACA,8BAwMI,sIAEE,sBACA,WAEF,8EACE,uBDpRR,sCCwRM,WArNJ,yBACA,4BACA,+BACA,4BAsNA,yBACE,iFAEI","file":"css/skins/skin-purple-light.css","sourcesContent":["/*\n * Skin: Purple\n * ------------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-purple-light {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@purple; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@purple, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@purple, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(@purple);\n }\n\n li.user-header {\n background-color: @purple;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-light-sidebar(@purple);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-purple-light.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-purple.css b/public/css/skins/skin-purple.css new file mode 100644 index 0000000000..5de6c20181 --- /dev/null +++ b/public/css/skins/skin-purple.css @@ -0,0 +1 @@ +.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav>.active>a,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .left-side,.skin-purple .main-sidebar,.skin-purple .wrapper{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .treeview-menu>li>a{color:#8aa4af}.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-purple .sidebar-form .btn,.skin-purple .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-purple .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type=text]:focus,.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-purple.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#4c4988;border-color:#3a3767;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#3a3767;border-color:#3a3767;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#4c4988;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#272546;color:#fff}a{color:#605ca8}a:hover{color:#3a3767}a:visited{color:#605ca8}.text-primary{color:#3a3767} \ No newline at end of file diff --git a/public/css/skins/skin-purple.css.map b/public/css/skins/skin-purple.css.map new file mode 100644 index 0000000000..650c7e81fc --- /dev/null +++ b/public/css/skins/skin-purple.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-purple.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,kCCJE,yBDIF,4CCDI,WAiBA,yZAPA,0BACA,cDVJ,kDAMQ,WACA,wDACE,yBAGJ,yBAGM,4DACE,oCAJR,sDAOQ,WACA,4DACE,oBApBhB,gCCyBE,yBACA,WACA,kCAEA,sCACE,yBD9BJ,yCAiCM,yBAjCN,6BAuCI,uBAvCJ,yECqGI,yBDrGJ,gEC0GM,WAMF,qCACE,cACA,mBDlHN,gCCsHM,kCAGF,6EACE,WACA,mBACA,0BD5HN,6CCgIM,aACA,mBDjIN,wBCsII,cACA,8BACE,qBDxIN,iCC+IQ,cAEF,+EACE,WDlJR,2BC+DE,kBA0FE,yBACA,YD1JJ,4EC4JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFtLV,4CCmKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,0HACE,sBACA,WAEF,wEACE,uBD1KR,gCC8KM,WA3GJ,yBACA,4BACA,+BACA","file":"css/skins/skin-purple.css","sourcesContent":["/*\n * Skin: Purple\n * ------------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-purple {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@purple; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@purple, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@purple, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(darken(@purple, 5%));\n }\n\n li.user-header {\n background-color: @purple;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@purple);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-purple.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-red-light.css b/public/css/skins/skin-red-light.css new file mode 100644 index 0000000000..38f65f43a8 --- /dev/null +++ b/public/css/skins/skin-red-light.css @@ -0,0 +1 @@ +.skin-red-light .main-header .navbar{background-color:#a41e15}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav>.active>a,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#8d1a12}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#8d1a12}}.skin-red-light .main-header .logo{background-color:#a41e15;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#9f1d14}.skin-red-light .main-header li.user-header{background-color:#a41e15}.skin-red-light .content-header{background:transparent}.skin-red-light .left-side,.skin-red-light .main-sidebar,.skin-red-light .wrapper{background-color:#f9fafc}.skin-red-light .content-wrapper,.skin-red-light .main-footer{border-left:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li.active>a,.skin-red-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#a41e15}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .treeview-menu>li>a{color:#777}.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover{color:#000}.skin-red-light .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px}.skin-red-light .sidebar-form .btn,.skin-red-light .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type=text]:focus,.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}a{color:#a41e15} \ No newline at end of file diff --git a/public/css/skins/skin-red-light.css.map b/public/css/skins/skin-red-light.css.map new file mode 100644 index 0000000000..f78bf00c0e --- /dev/null +++ b/public/css/skins/skin-red-light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-red-light.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,qCCJE,yBDIF,+CCDI,WAiBA,ibAPA,0BACA,cDVJ,qDAMQ,WACA,2DACE,yBAGJ,yBAGM,+DACE,oCAJR,yDAOQ,WACA,+DACE,oBApBhB,mCCyBE,yBACA,WACA,kCAEA,yCACE,yBD9BJ,4CAiCM,yBAjCN,gCAuCI,uBAvCJ,kFC0LI,yBD1LJ,8DC8LI,8BD9LJ,sECmMM,WDnMN,iCEoLE,8CACK,qCACG,CDqBN,wCACE,cACA,mBD7MN,mCCiNM,kCACA,gBAGF,mFAEE,WACA,mBAKF,wCACE,0BADF,0CAGI,gBDhOR,gDCqOM,mBDrON,2BC0OI,WACA,iCACE,qBD5ON,oCCmPQ,WAEF,qFAEE,WAEF,2CACE,gBD1PR,8BC+DE,kBAkME,yBACA,YDlQJ,kFCqQM,wCACA,sBACA,6BACA,YCpFJ,uCACK,8BACG,CFtLV,+CC4QM,WAzMJ,2BACA,0BACA,6BACA,8BAwMI,gIAEE,sBACA,WAEF,2EACE,uBDpRR,mCCwRM,WArNJ,yBACA,4BACA,+BACA,4BAsNA,yBACE,8EAEI,+BDjPR,EACE","file":"css/skins/skin-red-light.css","sourcesContent":["/*\n * Skin: Red\n * ---------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-red-light {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@red; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@red, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@red, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(@red);\n }\n\n li.user-header {\n background-color: @red;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-light-sidebar(@red);\n}\n\na {\n color: @red;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-red-light.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-red.css b/public/css/skins/skin-red.css new file mode 100644 index 0000000000..074869d1cc --- /dev/null +++ b/public/css/skins/skin-red.css @@ -0,0 +1 @@ +.skin-red .main-header .navbar{background-color:#a41e15}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav>.active>a,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#8d1a12}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#8d1a12}}.skin-red .main-header li.user-header{background-color:#a41e15}.skin-red .content-header{background:transparent}.skin-red .left-side,.skin-red .main-sidebar,.skin-red .wrapper{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#a41e15}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .treeview-menu>li>a{color:#8aa4af}.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-red .sidebar-form .btn,.skin-red .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-red .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type=text]:focus,.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-red.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#77160f;border-color:#4a0d09;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#4a0d09;border-color:#4a0d09;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#77160f;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#1c0504;color:#fff}a{color:#a41e15}a:hover{color:#4a0d09}a:visited{color:#a41e15}.text-primary{color:#4a0d09} \ No newline at end of file diff --git a/public/css/skins/skin-red.css.map b/public/css/skins/skin-red.css.map new file mode 100644 index 0000000000..ba8f505377 --- /dev/null +++ b/public/css/skins/skin-red.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-red.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AASA,+BCHE,yBDGF,yCCAI,WAiBA,iYAPA,0BACA,cDXJ,+CAMQ,WACA,qDACE,yBAGJ,yBAGM,yDACE,oCAJR,mDAOQ,WACA,yDACE,oBApBhB,6BC0BE,yBACA,WACA,kCAEA,mCACE,yBD/BJ,sCAkCM,yBAlCN,0BAwCI,uBAxCJ,gECsGI,yBDtGJ,0DC2GM,WAMF,kCACE,cACA,mBDnHN,6BCuHM,kCAGF,uEACE,WACA,mBACA,0BD7HN,0CCiIM,aACA,mBDlIN,qBCuII,cACA,2BACE,qBDzIN,8BCgJQ,cAEF,yEACE,WDnJR,wBCgEE,kBA0FE,yBACA,YD3JJ,sEC6JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFvLV,yCCoKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,oHACE,sBACA,WAEF,qEACE,uBD3KR,6BC+KM,WA3GJ,yBACA,4BACA,+BACA,4BDxBF,0DAEI,sBAIJ,aACE,WACA,gBAGF,EACE,cAIF,QACE","file":"css/skins/skin-red.css","sourcesContent":["/*\n * Skin: red\n * ----------\n */\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-red {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@red; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@red, 5%);\n }\n }\n @media (max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255, 255, 255, 0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@red, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n\n .logo {\n .logo-variant(darken(@red, 5%));\n }\n\n li.user-header {\n background-color: @red;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@red);\n}\n\n.skin-red.layout-top-nav .main-header > .logo {\n .logo-variant {\n background-color: none;\n }\n}\n\n.btn-primary {\n color: #222;\n font-color: #fff;\n}\n\na {\n color: @light-red;\n}\n\n\na:hover {\n color: #fff;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-red.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-yellow-light.css b/public/css/skins/skin-yellow-light.css new file mode 100644 index 0000000000..bbe217efd6 --- /dev/null +++ b/public/css/skins/skin-yellow-light.css @@ -0,0 +1 @@ +.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav>.active>a,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .left-side,.skin-yellow-light .main-sidebar,.skin-yellow-light .wrapper{background-color:#f9fafc}.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer{border-left:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{-webkit-transition:border-left-color .3s ease;transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li.active>a,.skin-yellow-light .sidebar-menu>li:hover>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .treeview-menu>li>a{color:#777}.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px}.skin-yellow-light .sidebar-form .btn,.skin-yellow-light .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow-light .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type=text]:focus,.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}} \ No newline at end of file diff --git a/public/css/skins/skin-yellow-light.css.map b/public/css/skins/skin-yellow-light.css.map new file mode 100644 index 0000000000..ee77a60bb4 --- /dev/null +++ b/public/css/skins/skin-yellow-light.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-yellow-light.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,wCCJE,yBDIF,kDCDI,WAiBA,ycAPA,0BACA,cDVJ,wDAMQ,WACA,8DACE,yBAGJ,yBAGM,kEACE,oCAJR,4DAOQ,WACA,kEACE,oBApBhB,sCCyBE,yBACA,WACA,kCAEA,4CACE,yBD9BJ,+CAiCM,yBAjCN,mCAuCI,uBAvCJ,2FC0LI,yBD1LJ,oEC8LI,8BD9LJ,4ECmMM,WDnMN,oCEoLE,8CACK,qCACG,CDqBN,2CACE,cACA,mBD7MN,sCCiNM,kCACA,gBAGF,yFAEE,WACA,mBAKF,2CACE,0BADF,6CAGI,gBDhOR,mDCqOM,mBDrON,8BC0OI,WACA,oCACE,qBD5ON,uCCmPQ,WAEF,2FAEE,WAEF,8CACE,gBD1PR,iCC+DE,kBAkME,yBACA,YDlQJ,wFCqQM,wCACA,sBACA,6BACA,YCpFJ,uCACK,8BACG,CFtLV,kDC4QM,WAzMJ,2BACA,0BACA,6BACA,8BAwMI,sIAEE,sBACA,WAEF,8EACE,uBDpRR,sCCwRM,WArNJ,yBACA,4BACA,+BACA,4BAsNA,yBACE,iFAEI","file":"css/skins/skin-yellow-light.css","sourcesContent":["/*\n * Skin: yellow\n * ---------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-yellow-light {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@yellow; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@yellow, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@yellow, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(@yellow);\n }\n\n li.user-header {\n background-color: @yellow;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-light-sidebar(@yellow);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-yellow-light.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file diff --git a/public/css/skins/skin-yellow.css b/public/css/skins/skin-yellow.css new file mode 100644 index 0000000000..49c8c88026 --- /dev/null +++ b/public/css/skins/skin-yellow.css @@ -0,0 +1 @@ +.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav>.active>a,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .sidebar-toggle:hover{background:rgba(0,0,0,.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:hsla(0,0%,100%,.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .left-side,.skin-yellow .main-sidebar,.skin-yellow .wrapper{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li:hover>a{color:#fff;background:#1e282c;border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .treeview-menu>li>a{color:#8aa4af}.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px}.skin-yellow .sidebar-form .btn,.skin-yellow .sidebar-form input[type=text]{-webkit-box-shadow:none;box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.skin-yellow .sidebar-form input[type=text]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type=text]:focus,.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type=text]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-yellow.layout-top-nav .main-header>.logo .logo-variant{background-color:none}.btn.btn-primary,.btn .btn-primary:link,.btn:hover.btn-primary,.btn:hover .btn-primary:link{background-color:#c87f0a;border-color:#976008;color:#fff}.btn:hovera.btn-primary:hover,.btna.btn-primary:hover{background-color:#976008;border-color:#976008;color:#fff}.btn.btn-white:link,.btn:hover.btn-white:link{background-color:#c87f0a;color:#fff}.btn.btn-white:hover,.btn:hover.btn-white:hover{background-color:#674105;color:#fff}a{color:#f39c12}a:hover{color:#976008}a:visited{color:#f39c12}.text-primary{color:#976008} \ No newline at end of file diff --git a/public/css/skins/skin-yellow.css.map b/public/css/skins/skin-yellow.css.map new file mode 100644 index 0000000000..fc60665d38 --- /dev/null +++ b/public/css/skins/skin-yellow.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-yellow.less","webpack:///./resources/assets/less/mixins.less","webpack:///./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"names":[],"mappings":"AAUA,kCCJE,yBDIF,4CCDI,WAiBA,yZAPA,0BACA,cDVJ,kDAMQ,WACA,wDACE,yBAGJ,yBAGM,4DACE,oCAJR,sDAOQ,WACA,4DACE,oBApBhB,gCCyBE,yBACA,WACA,kCAEA,sCACE,yBD9BJ,yCAiCM,yBAjCN,6BAuCI,uBAvCJ,yECqGI,yBDrGJ,gEC0GM,WAMF,qCACE,cACA,mBDlHN,gCCsHM,kCAGF,6EACE,WACA,mBACA,0BD5HN,6CCgIM,aACA,mBDjIN,wBCsII,cACA,8BACE,qBDxIN,iCC+IQ,cAEF,+EACE,WDlJR,2BC+DE,kBA0FE,yBACA,YD1JJ,4EC4JM,wCACA,yBACA,6BACA,YCqBJ,uCACK,8BACG,CFtLV,4CCmKM,WAhGJ,2BACA,0BACA,6BACA,8BA+FI,0HACE,sBACA,WAEF,wEACE,uBD1KR,gCC8KM,WA3GJ,yBACA,4BACA,+BACA","file":"css/skins/skin-yellow.css","sourcesContent":["/*\n * Skin: yellow\n * ---------\n */\n\n@import \"../bootstrap-less/mixins.less\";\n@import \"../bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-yellow {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@yellow; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@yellow, 5%);\n }\n }\n @media(max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255,255,255,0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@yellow, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n .logo {\n .logo-variant(darken(@yellow, 5%));\n }\n\n li.user-header {\n background-color: @yellow;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@yellow);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-yellow.less","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/bootstrap-less/mixins/vendor-prefixes.less"],"sourceRoot":""} \ No newline at end of file