snipe-it/public/css/skins/dist/skin-red-dark.css.map

{"version":3,"sources":["webpack:///./resources/assets/less/skins/skin-red-dark.less","webpack:///./resources/assets/less/mixins.less"],"names":[],"mappings":"AASA,oCCJE,yBDIF,8CCDI,WAiBA,yaAPA,0BACA,cDVJ,oDAMQ,WACA,0DACE,yBAGJ,yBAGM,8DACE,oCACA,WALR,wDAQQ,WACA,8DACE,mBACA,YAtBhB,2CAgCM,yBAhCN,+BAsCI,uBAtCJ,+ECuGI,yBDvGJ,oEC4GM,WAMF,uCACE,cACA,mBDpHN,kCCwHM,kCAGF,6HAGE,WACA,mBAEF,yCACE,0BDlIN,+CCsIM,aACA,mBDvIN,0BC4II,cACA,gCACE,qBD9IN,iDCqJQ,cAEF,+GACE,WDxJR,6BC+DE,kBAgGE,yBACA,YDhKJ,gFCkKM,wCACA,yBACA,6BACA,YDrKN,8CCyKM,WApGJ,2BACA,0BACA,6BACA,8BAmGI,8HAEE,sBACA,WAEF,0EACE,uBDjLR,kCCsLM,WAjHJ,yBACA,4BACA,+BACA,4BD3BF,+DAEI,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,wDACE,mBAAO,CAET,uIACE,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/dist/skin-red-dark.css","sourcesContent":["/*\n * Skin: red 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-red-dark {\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              color: #fff;\n            }\n            a {\n              color: #fff;\n              &:hover {\n                background: darken(@red, 5%);\n                color: #fff;\n              }\n            }\n          }\n        }\n      }\n    }\n    //Logo\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-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(@red, 10%);\n    border-color: darken(@red, 20%);\n    color: #fff;\n  }\n\n\n  &a.btn-primary:hover {\n    background-color: darken(@red, 20%);\n    border-color: darken(@red, 20%);\n    color: #fff;\n  }\n\n  &.btn-white:link {\n    background-color: darken(@red, 10%);\n    color: #fff;\n  }\n\n  &.btn-white:hover {\n    background-color: darken(@red, 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: @red; /* Use same as Header picker */\n  --text-main: #FFF;\n  --text-sub: #BBB;\n  --link: lighten(@red, 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-red-dark .main-header .navbar .dropdown-menu li a {\n  color: var(--header);\n}\n.fixed-table-body thead th .th-inner, .skin-red-dark .sidebar-menu>li.active>a, .skin-red .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-red-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":""}