snipe-it/public/css/skins/skin-yellow-dark.css.map
2020-04-22 03:39:42 -07:00

1 line
17 KiB
Plaintext

{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-yellow-dark.less","webpack:///./resources/assets/less/mixins.less"],"names":[],"mappings":"AASA,uCCJE,yBDIF,iDCDI,WAiBA,icAPA,0BACA,cDVJ,uDAMQ,WACA,6DACE,yBAGJ,yBAGM,iEACE,oCACA,WALR,2DAQQ,WACA,iEACE,mBACA,YAtBhB,8CAgCM,yBAhCN,kCAsCI,uBAtCJ,wFCuGI,yBDvGJ,0EC4GM,WAMF,0CACE,cACA,mBDpHN,qCCwHM,kCAGF,sIAGE,WACA,mBAEF,4CACE,0BDlIN,kDCsIM,aACA,mBDvIN,6BC4II,cACA,mCACE,qBD9IN,oDCqJQ,cAEF,qHACE,WDxJR,gCC+DE,kBAgGE,yBACA,YDhKJ,sFCkKM,wCACA,yBACA,6BACA,YDrKN,iDCyKM,WApGJ,2BACA,0BACA,6BACA,8BAmGI,oIAEE,sBACA,WAEF,6EACE,uBDjLR,qCCsLM,WAjHJ,yBACA,4BACA,+BACA,4BD3BF,kEAEI,sBAMJ,gBACE,WAEA,4FACE,yBACA,qBACA,WAIF,sDACE,yBACA,qBACA,WAGF,8CACE,yBACA,WAGF,gDACE,yBACA,WAcJ,gCACE,WAMF,MACE,kBACA,iBACA,gBACA,iBACA,iBACA,gBACA,YACA,gBACA,kBAGF,wCACE,+BACA,uGACA,iEACA,0BAAc,CAGhB,sBACE,qBAAO,CAGT,eACE,kCACA,sBAAO,CAGT,sCACE,mBAAO,CAKT,sFACE,sBAAO,CAET,yCACE,iCAAkB,CAEpB,KACE,sBAAO,CAET,sBACE,mCACA,8BAAkB,CAEpB,kCACE,iCACA,sBAAO,CAET,aACE,kCACA,mBAAO,CAET,8EACE,iCACA,mBAAO,CAET,+DACE,iCAEF,mBACE,kCACA,8BAKF,mFACE,sBAAO,CAET,iBACE,kCAAkB,CAEpB,mCACE,iCACA,mBAAO,CAET,yLACE,8BAAkB,CAEpB,0BACE,kCACA,sBAAO,CAET,2BACE,6BAEF,mCACE,iCACA,sBAAO,CAMT,wCAHE,kCACA,sBAAO,CAMT,oBACE,sBAAO,CAET,YACE,qBAAO,CAET,oCACE,iCACA,sBAAO,CAET,gCACE,2CACA,sBAAO,CAKT,oDAFE,sBAAO,CAMT,aAHE,iCACA,CAEF,uEACE,sBAAO,CAET,qCACE,8BAAkB,CAEpB,uCACE,iCAAkB,CAEpB,6CACE,iCACA,sBAAO,CAET,+CACE,iCAAkB,CAEpB,iDACE,kCACA,mBAAO,CAET,mCACE,iCACA,mBAAO,CAET,OACE,iCACA,sBAAO,CAET,8BACE,kCACA,mBAAO,CAET,wJACE,iCACA,mBAAO,CAET,iFACE,+BACA,sBAAO,CAET,oFACE,sBAAO,CAET,2BACE,2CACA,iCAEF,kBACE,kCACA,sBAAO,CAET,2DACE,mBAAO,CAET,6IACE,yCAEF,uBACE,kCACA,sBAAO,CAET,yCACE,gCAAkB,CAEpB,oDACE,sBAAO,CAKP,SACE,iBAAO,CAET,QACE,uBAAO,CAET,UACE,iBAAO,CAIX,aACE,mBACA,gBACA,UACA,iBACA,oDAGA,cAYF,6EACE,iCACA,uBACA,0BACA","file":"css/skins/skin-yellow-dark.css","sourcesContent":["/*\n * Skin: yellow dark\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-dark {\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 color: #fff;\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@yellow, 5%);\n color: #fff;\n }\n }\n }\n }\n }\n }\n //Logo\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.skin-yellow-dark.layout-top-nav .main-header > .logo {\n .logo-variant {\n background-color: none;\n }\n}\n\n\n\n.btn, .btn:hover {\n color: #fff;\n\n &.btn-primary, .btn-primary:link {\n background-color: darken(@yellow, 10%);\n border-color: darken(@yellow, 20%);\n color: #fff;\n }\n\n\n &a.btn-primary:hover {\n background-color: darken(@yellow, 20%);\n border-color: darken(@yellow, 20%);\n color: #fff;\n }\n\n &.btn-white:link {\n background-color: darken(@yellow, 10%);\n color: #fff;\n }\n\n &.btn-white:hover {\n background-color: darken(@yellow, 30%);\n color: #fff;\n }\n}\n\n\na {\n &:hover {\n color: #fff;\n }\n &:visited {\n color: #fff;\n }\n}\n\n.text-primary {\n color: #fff;\n}\n\n\n\n\n:root {\n --background: #222;\n --back-main: #333;\n --back-sub: #444;\n --header: @yellow; /* Use same as Header picker */\n --text-main: #FFF;\n --text-sub: #BBB;\n --link: lighten(@yellow, 50%); /* Use same as Header picker */\n --nav-link: #FFF; /* Use same as Header picker */\n --light-link: #fff; /* Use same as Header picker */\n}\n\n.main-header .navbar, .main-header .logo {\n background-color: var(--header);\n background: -webkit-linear-gradient(top, var(--header) 0%,var(--header) 100%);\n background: linear-gradient(to bottom, var(--header) 0%,var(--header) 100%);\n border-color: var(--header);\n}\n\n.navbar-nav>li>a:link {\n color: var(--nav-link);\n}\n\n.modal-content {\n background-color: var(--back-main);\n color: var(--text-main);\n}\n\na, a:link, a:visited, .btn-primary.hover {\n color: var(--header);\n}\n#accessoriesTable>tbody>tr>td>nobr>a>i.fa {\n color: var(--text-main);\n}\n#assetsListingTable>tbody>tr>td>nobr>a>i.fa {\n color: var(--text-main);\n}\n#assetsListingTable>tbody>tr.selected>td {\n background-color: var(--back-main);\n}\nbody {\n color: var(--text-main);\n}\n.box, .box.box-default {\n border-top: 3px solid var(--header);\n border-top-color: var(--header);\n}\n.box-body, .box-footer, .box-header {\n background-color: var(--back-sub);\n color: var(--text-main);\n}\n.btn-default{\n background-color: var(--back-main);\n color: var(--header);\n}\n.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default.active {\n background-color: var(--back-sub);\n color: var(--header);\n}\n.btn-primary, .btn-primary.hover, .btn-primary:active, .text-blue {\n color: var(--text-main)!important;\n}\n.btn-primary:hover {\n background-color: var(--back-main);\n color: var(--header)!important;\n}\n#componentsTable>tbody>tr>td>nobr>a>i.fa {\n color: var(--text-main);\n}\n#consumablesTable>tbody>tr>td>nobr>a>i.fa {\n color: var(--text-main);\n}\n.content-wrapper {\n background-color: var(--background);\n}\n#create-form>div>div>div>span>i.fa {\n background-color: var(--back-sub);\n color: var(--header);\n}\n.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {\n background-color: var(--header);\n}\n.datepicker.dropdown-menu {\n background-color: var(--back-main);\n color: var(--text-main);\n}\n#details>div>div>div>table {\n background-color: transparent;\n}\n.dropdown-menu, .dropdown-menu>li>a {\n background-color: var(--back-sub);\n color: var(--text-main);\n}\n.dropdown-menu>li>a:hover {\n background-color: var(--back-main);\n color: var(--text-main);\n}\n.form-control {\n background-color: var(--back-main);\n color: var(--text-main);\n}\nh1, h2, h3, h4, h5, h6, p {\n color: var(--text-main);\n}\n.help-block {\n color: var(--text-sub);\n}\ninput[type=text], input[type=search] {\n background-color: var(--back-sub);\n color: var(--text-main);\n}\n.input-group, .input-group-addon {\n background-color: var(--back-sub)!important;\n color: var(--text-main);\n}\n#licensesTable>tbody>tr>td>nobr>a>i.fa {\n color: var(--text-main);\n}\n.main-footer {\n background-color: var(--back-main);\n color: var(--text-main);\n}\n.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li.active>a {\n color: var(--text-main);\n}\n.nav-tabs-custom>.nav-tabs>li.active {\n border-top-color: var(--header);\n}\n.nav-tabs-custom>.nav-tabs>li.active>a {\n background-color: var(--back-main);\n}\n.nav-tabs-custom>.nav-tabs>li.active>a:hover {\n background-color: var(--back-sub);\n color: var(--text-main);\n}\n.nav-tabs-custom, .nav-tabs-custom>.tab-content {\n background-color: var(--back-main);\n}\n.navbar-nav>.tasks-menu>.dropdown-menu>li.header {\n background-color: var(--back-main);\n color: var(--header);\n}\n.open>.dropdown-toggle.btn-default {\n background-color: var(--back-sub);\n color: var(--header);\n}\n.panel {\n background-color: var(--back-sub);\n color: var(--text-main);\n}\n.panel-default>.panel-heading {\n background-color: var(--back-main);\n color: var(--header);\n}\n.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {\n background-color: var(--back-sub);\n color: var(--header);\n}\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background-color: var(--header);\n color: var(--back-main);\n}\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n color: var(--text-main);\n}\n.select2-selection--single {\n background-color: var(--back-sub)!important;\n color: var(--text-main)!important;\n}\n.select2-dropdown {\n background-color: var(--back-main);\n color: var(--text-main);\n}\n.skin-yellow-dark .main-header .navbar .dropdown-menu li a {\n color: var(--header);\n}\n.fixed-table-body thead th .th-inner, .skin-yellow-dark .sidebar-menu>li.active>a, .skin-yellow .sidebar-menu>li:hover>a, .sidebar-toggle:hover {\n background-color: var(--header)!important;\n}\n.tab-content, .tab-pane {\n background-color: var(--back-main);\n color: var(--text-main);\n}\n.table-striped>tbody>tr:nth-of-type(odd) {\n background-color: var(--back-sub);\n}\n#webui>div>div>div>div>div>table>tbody>tr>td>a>i.fa {\n color: var(--text-main);\n}\n\na {\n color: var(--link);\n &:link {\n color: var(--link);\n }\n &:hover {\n color: var(--light-link);\n }\n &:visited {\n color: var(--link);\n }\n}\n\n.row-striped {\n vertical-align: top;\n line-height: 2.6;\n padding: 0px;\n margin-left: 20px;\n box-sizing: border-box;\n //border-left: 1px solid #dddddd;\n //border-right: 1px solid #dddddd;\n display: table;\n\n}\n\n.row-striped .row:nth-of-type(odd) div {\n background-color: var(--back-sub);\n color: var(--text-main);\n border-top: 1px solid #dddddd;\n display: table-cell;\n\n}\n\n.row-striped .row:nth-of-type(even) div {\n background-color: var(--back-sub);\n color: var(--text-main);\n border-top: 1px solid #dddddd;\n display: table-cell;\n}\n\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/skins/skin-yellow-dark.less","//AdminLTE mixins\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\n//Different radius each side\n.border-radius(@top-left, @top-right, @bottom-left, @bottom-right)\n{\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,\n &.active > a,\n &.menu-open > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n }\n &.active > a {\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 .sidebar-menu .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,\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 }\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-lte;\n }\n .main-sidebar {\n border-right: 1px solid @gray-lte;\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 .sidebar-menu .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-lte; //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-lte;\n }\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./resources/assets/less/mixins.less"],"sourceRoot":""}