sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/design.less

   1 .menu-sidebar, html {
   2         height: 100%;
   3         background-color: #808285;
   4 }
   5
   6 .menu-sidebar{
   7     height: auto;
   8     min-height: calc(~'100% - 61px');
   9 }
  10
  11 .navbar-static-side ul li {
  12         border-bottom: none !important;
  13 }
  14
  15 a {
  16         color: #414042 /*!important*/;
  17 }
  18
  19 li.active {
  20         background-color: #414042 !important;
  21         a {
  22                 color: white !important;
  23         }
  24 }
  25
  26 #page-wrapper {
  27         background-color: #414042 !important;
  28         border-left: none !important;
  29 }
  30
  31 .nav .active a {
  32         background: none !important;
  33 }
  34
  35 .menu {
  36         background: none !important;
  37 }
  38
  39 .nav.nav-pills {
  40         li a {
  41                 color: white !important;
  42         }
  43         li.active {
  44                 background-color: orange !important;
  45         }
  46 }
  47
  48 .form-group label {
  49         color: white;
  50 }
  51
  52 .select2-choice, .select2-choices {
  53         background-color: #58595B !important;
  54 }
  55
  56
  57 .img-responsive-v1 {
  58  height: auto;
  59  max-width: 100%;
  60 }
  61
  62 .btn-orange {
  63         background-color: orange;
  64 }
  65 h1, h2, h3, h4, h5, h6 {
  66         color: white;
  67 }
  68
  69 #logo_flows {
  70         background-image: url('images/logo_flows1.gif');
  71 }
  72
  73 .footable {
  74         border: none;
  75 }
  76
  77
  78 .footable > thead > tr > th {
  79   background-color: orange;
  80   background-image: none;
  81   border: none;
  82   box-shadow: none;
  83 }
  84
  85 .add-row {
  86         background-color: orange;
  87         border: none;
  88         &:hover {
  89                 background-color: rgb(211, 84, 0);
  90         }
  91 }
  92
  93 .nav.nav-pills li a:hover {
  94         color: black !important;
  95 }
  96
  97 .menu ul {
  98         border-bottom: 1px solid #939598 !important
  99 }
 100
 101 .form-group {
 102         input {
 103                 border: 1px solid #939598;
 104         }
 105 }
 106
 107 .select2-choice {
 108         border: 1px solid #939598 !important;
 109 }
 110
 111 #red {
 112         height: 6px;
 113         width: 100%;
 114         background-color: #EE2E24;
 115 }
 116
 117 #gray {
 118         height: 6px;
 119         width: 100%;
 120         background-color: #58585A;
 121 }
 122
 123 .navbar {
 124         min-height: 0px;
 125 }
 126
 127 .navbar {
 128         border-bottom: none !important;
 129         background-color: black !important;
 130 }
 131 @media all and (max-width: 462px) {
 132
 133         .navbar {
 134         border-bottom: none !important;
 135         background-color: #F3F3F4 !important;
 136 }
 137    #page_logo {
 138                 display: none;
 139    }
 140
 141    #logo_opendaylight {
 142                 display: none !important;
 143         }
 144
 145         #logo_opendaylight_white {
 146                 display: inline !important;
 147         }
 148 }
 149
 150 .opendaylight_logo {
 151         background-image: url(images/logo_opendaylight_white.gif);
 152         height: 34px;
 153         width: 127px;
 154         background-repeat: no-repeat;
 155 }
 156
 157         #logo_opendaylight_white {
 158                 display: none;
 159         }
 160
 161         #logo_opendaylight {
 162                 display: inline;
 163         }
 164
 165 .right-topbar {
 166         margin-right: 5px;
 167         margin-left: 5px;
 168 }
 169
 170 .select2-drop-active {
 171 background-color: #58595B;
 172 }
 173
 174 #page-wrapper {
 175         padding-left: 15px !important;
 176         padding-right: 15px !important;
 177 }
 178
 179 .content-row {
 180         background-color: #414042 !important;
 181 }
 182 .detail-page {
 183         tr th, tr td {
 184                 color: white;
 185         }
 186 }
 187
 188 .white-detail-page {
 189         color: white;
 190 }