cashless2ecash

cashless2ecash: pay with cards for digital cash (experimental)
Log | Files | Refs | README

skin-black.css (4037B)

      1 /*
      2  * Skin: Black
      3  * -----------
      4  */
      5 /* skin-black navbar */
      6 .skin-black .main-header {
      7   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
      8   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
      9 }
     10 .skin-black .main-header .navbar-toggle {
     11   color: #333;
     12 }
     13 .skin-black .main-header .navbar-brand {
     14   color: #333;
     15   border-right: 1px solid #eee;
     16 }
     17 .skin-black .main-header .navbar {
     18   background-color: #ffffff;
     19 }
     20 .skin-black .main-header .navbar .nav > li > a {
     21   color: #333333;
     22 }
     23 .skin-black .main-header .navbar .nav > li > a:hover,
     24 .skin-black .main-header .navbar .nav > li > a:active,
     25 .skin-black .main-header .navbar .nav > li > a:focus,
     26 .skin-black .main-header .navbar .nav .open > a,
     27 .skin-black .main-header .navbar .nav .open > a:hover,
     28 .skin-black .main-header .navbar .nav .open > a:focus,
     29 .skin-black .main-header .navbar .nav > .active > a {
     30   background: #ffffff;
     31   color: #999999;
     32 }
     33 .skin-black .main-header .navbar .sidebar-toggle {
     34   color: #333333;
     35 }
     36 .skin-black .main-header .navbar .sidebar-toggle:hover {
     37   color: #999999;
     38   background: #ffffff;
     39 }
     40 .skin-black .main-header .navbar > .sidebar-toggle {
     41   color: #333;
     42   border-right: 1px solid #eee;
     43 }
     44 .skin-black .main-header .navbar .navbar-nav > li > a {
     45   border-right: 1px solid #eee;
     46 }
     47 .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
     48 .skin-black .main-header .navbar .navbar-right > li > a {
     49   border-left: 1px solid #eee;
     50   border-right-width: 0;
     51 }
     52 .skin-black .main-header > .logo {
     53   background-color: #ffffff;
     54   color: #333333;
     55   border-bottom: 0 solid transparent;
     56   border-right: 1px solid #eee;
     57 }
     58 .skin-black .main-header > .logo:hover {
     59   background-color: #fcfcfc;
     60 }
     61 @media (max-width: 767px) {
     62   .skin-black .main-header > .logo {
     63     background-color: #222222;
     64     color: #ffffff;
     65     border-bottom: 0 solid transparent;
     66     border-right: none;
     67   }
     68   .skin-black .main-header > .logo:hover {
     69     background-color: #1f1f1f;
     70   }
     71 }
     72 .skin-black .main-header li.user-header {
     73   background-color: #222;
     74 }
     75 .skin-black .content-header {
     76   background: transparent;
     77   box-shadow: none;
     78 }
     79 .skin-black .wrapper,
     80 .skin-black .main-sidebar,
     81 .skin-black .left-side {
     82   background-color: #222d32;
     83 }
     84 .skin-black .user-panel > .info,
     85 .skin-black .user-panel > .info > a {
     86   color: #fff;
     87 }
     88 .skin-black .sidebar-menu > li.header {
     89   color: #4b646f;
     90   background: #1a2226;
     91 }
     92 .skin-black .sidebar-menu > li > a {
     93   border-left: 3px solid transparent;
     94 }
     95 .skin-black .sidebar-menu > li:hover > a,
     96 .skin-black .sidebar-menu > li.active > a {
     97   color: #ffffff;
     98   background: #1e282c;
     99   border-left-color: #ffffff;
    100 }
    101 .skin-black .sidebar-menu > li > .treeview-menu {
    102   margin: 0 1px;
    103   background: #2c3b41;
    104 }
    105 .skin-black .sidebar a {
    106   color: #b8c7ce;
    107 }
    108 .skin-black .sidebar a:hover {
    109   text-decoration: none;
    110 }
    111 .skin-black .treeview-menu > li > a {
    112   color: #8aa4af;
    113 }
    114 .skin-black .treeview-menu > li.active > a,
    115 .skin-black .treeview-menu > li > a:hover {
    116   color: #ffffff;
    117 }
    118 .skin-black .sidebar-form {
    119   border-radius: 3px;
    120   border: 1px solid #374850;
    121   margin: 10px 10px;
    122 }
    123 .skin-black .sidebar-form input[type="text"],
    124 .skin-black .sidebar-form .btn {
    125   box-shadow: none;
    126   background-color: #374850;
    127   border: 1px solid transparent;
    128   height: 35px;
    129 }
    130 .skin-black .sidebar-form input[type="text"] {
    131   color: #666;
    132   border-top-left-radius: 2px;
    133   border-top-right-radius: 0;
    134   border-bottom-right-radius: 0;
    135   border-bottom-left-radius: 2px;
    136 }
    137 .skin-black .sidebar-form input[type="text"]:focus,
    138 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    139   background-color: #fff;
    140   color: #666;
    141 }
    142 .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    143   border-left-color: #fff;
    144 }
    145 .skin-black .sidebar-form .btn {
    146   color: #999;
    147   border-top-left-radius: 0;
    148   border-top-right-radius: 2px;
    149   border-bottom-right-radius: 2px;
    150   border-bottom-left-radius: 0;
    151 }
    152 .skin-black .pace .pace-progress {
    153   background: #222;
    154 }
    155 .skin-black .pace .pace-activity {
    156   border-top-color: #222;
    157   border-left-color: #222;
    158 }