luci2/htdocs/luci2/css/luci2.css

   1 body {
   2         padding-top: 55px;
   3 }
   4
   5 .fade.in {
   6         background-color: rgba(0, 0, 0, 0.5);
   7 }
   8
   9 .modal.fade.wide .modal-dialog {
  10         width: 900px;
  11 }
  12
  13 .progress {
  14         position: relative;
  15         width: 250px;
  16 }
  17
  18 .progress-bar {
  19         z-index: 1;
  20         position: absolute;
  21 }
  22
  23 .progress small {
  24         position: absolute;
  25         top: 0;
  26         z-index: 2;
  27         color: black;
  28         text-align: center;
  29         width: 100%;
  30 }
  31
  32 .nav.nav-tabs {
  33         margin-bottom: 15px;
  34 }
  35
  36 .luci2-modal-loader {
  37         background: #FFFFFF url(/luci2/icons/loading.gif) no-repeat 10px center;
  38         text-align: center;
  39 }
  40
  41 .luci2-section-header {
  42         position: relative;
  43 }
  44
  45 .luci2-section-header .badge {
  46         position: absolute;
  47         left: -11px;
  48         top: -7px;
  49         background-color: #D9534F;
  50 }
  51
  52 .nav-tabs li a .badge {
  53         background-color: #D9534F;
  54 }
  55
  56 .nav-tabs li.active a .badge {
  57         display: none;
  58 }
  59
  60 .list-group-item .luci2-section-header > .btn-group {
  61         position: absolute;
  62         top: 2px;
  63         right: 2px;
  64         z-index: 10;
  65         box-shadow: -5px 0 5px 10px #FFFFFF;
  66         display: none;
  67 }
  68
  69 .list-group-item:hover .luci2-section-header > .btn-group {
  70         display: inline-block;
  71 }
  72
  73 .luci2-section-teaser {
  74         font-size: 90%;
  75         overflow: hidden;
  76         text-overflow: ellipsis;
  77         white-space: nowrap;
  78         cursor: pointer;
  79         margin-bottom: 0 !important;
  80 }
  81
  82 .panel > .list-group > .list-group-item:first-child {
  83         border-top: none;
  84         border-top-left-radius: 4px;
  85         border-top-right-radius: 4px;
  86 }
  87
  88 .panel > .panel-body + .list-group > .list-group-item:first-child {
  89         border-top: 1px solid #DDDDDD;
  90         border-top-left-radius: 0;
  91         border-top-right-radius: 0;
  92 }
  93
  94 table.table td .btn-group {
  95         white-space: nowrap;
  96 }
  97
  98 table.table td .btn-group > .btn {
  99         float: none;
 100 }
 101
 102 .luci2-form-error .control-label {
 103         color: #B94A48;
 104 }
 105
 106 pre.uci-changes {
 107         margin: 3px 0;
 108 }
 109
 110 pre.uci-changes ins {
 111         text-decoration: none;
 112         color: #008000;
 113 }
 114
 115 pre.uci-changes del {
 116         text-decoration: none;
 117         color: #800000;
 118 }
 119
 120 .ifacebox {
 121         border: 1px solid #DDDDDD;
 122         border-radius: 3px;
 123         background-color: #FFFFFF;
 124         text-align: center;
 125         white-space: nowrap;
 126 }
 127
 128 .ifacebox-head {
 129         border-bottom: 1px solid #DDDDDD;
 130         padding: 0 3px;
 131 }
 132
 133 .traffic-chart {
 134         position: relative;
 135 }
 136
 137 .traffic-chart label {
 138         position: absolute;
 139         left: 0;
 140         top: 0;
 141         background-color: rgba(255, 255, 255, 0.5);
 142         font-size: 80%;
 143         font-weight: normal;
 144 }
 145
 146 .badge input[type=text] {
 147         border: none;
 148         border-radius: 3px;
 149         padding: 1px 3px;
 150 }