a51a018a2edb09d11283faae46fae124079c0377
10 background-color: rgba
(0, 0, 0, 0.5);
13 .modal.fade.wide .modal-dialog {
19 display: inline-block
;
45 background: #FFFFFF url
(/luci2/icons/loading.gif) no-repeat
10px center
;
49 .luci2-section-header {
53 .luci2-section-header .badge {
57 background-color: #D9534F;
60 .nav-tabs li a .badge {
61 background-color: #D9534F;
64 .nav-tabs li.active a .badge {
68 .list-group-item .luci2-section-header > .btn-group {
73 box-shadow: -5px 0 5px 10px #FFFFFF;
77 .list-group-item:hover .luci2-section-header > .btn-group {
78 display: inline-block
;
81 .luci2-section-teaser {
84 text-overflow: ellipsis
;
87 margin-bottom: 0 !important
;
90 .panel > .list-group > .list-group-item:first-child {
92 border-top-left-radius: 4px;
93 border-top-right-radius: 4px;
96 .panel > .panel-body + .list-group > .list-group-item:first-child {
97 border-top: 1px solid
#DDDDDD;
98 border-top-left-radius: 0;
99 border-top-right-radius: 0;
107 .row.condensed > div {
111 .row.condensed > div:last-child {
115 table
.table td
.btn-group
{
119 table
.table td
.btn-group
> .btn
{
123 .luci2-form-error .control-label {
131 pre
.uci-changes ins
{
132 text-decoration: none
;
136 pre
.uci-changes del
{
137 text-decoration: none
;
142 border: 1px solid
#DDDDDD;
144 background-color: #FFFFFF;
150 border-bottom: 1px solid
#DDDDDD;
158 .traffic-chart label {
162 background-color: rgba
(255, 255, 255, 0.5);
167 .badge input[type=text] {
178 border-top: 1px solid
#e5e5e5;
183 .luci2-grid > .row:last-child {
184 border-bottom: 1px solid
#e5e5e5;
187 .luci2-grid > .row > .cell {
190 display: inline-block
!important
;
191 vertical-align: middle
;
195 .luci2-grid > .row > .cell.nowrap {
197 text-overflow: ellipsis
;
200 .luci2-grid > .row > .cell.caption {
204 .luci2-grid-condensed {
209 .luci2-grid-condensed > .row > .cell {
214 .luci2-grid-hover > .row:hover {
215 background-color: #f5f5f5;
218 .luci2-grid > .row > .cell > .btn-group {
222 .luci2-grid > .row > .cell > .btn-group > .btn {
226 @media (max-width: 767px) {
237 .luci2-grid
> .row
> .cell
.hidden-xs
,
238 .luci2-grid
> .row
> .cell
.hidden-sm
.hidden-xs
,
239 .luci2-grid
> .row
> .cell
.hidden-md
.hidden-xs
,
240 .luci2-grid > .row > .cell.hidden-lg.hidden-xs { display: none
!important
; }
241 .luci2-grid > .row > .cell { padding: 5px; }
242 .luci2-grid-condensed > .row > .cell {
243 vertical-align: middle
;
247 @media (min-width: 768px) and
(max-width: 991px) {
248 .luci2-grid
> .row
> .cell
.hidden-xs
.hidden-sm
,
249 .luci2-grid
> .row
> .cell
.hidden-sm
,
250 .luci2-grid
> .row
> .cell
.hidden-md
.hidden-sm
,
251 .luci2-grid > .row > .cell.hidden-lg.hidden-sm { display: none
!important
; }
252 .luci2-grid > .row > .cell { padding: 5px; }
253 .luci2-grid-condensed > .row > .cell > .btn-group > .btn {
257 @media (min-width: 992px) and
(max-width: 1199px) {
258 .luci2-grid
> .row
> .cell
.hidden-xs
.hidden-md
,
259 .luci2-grid
> .row
> .cell
.hidden-sm
.hidden-md
,
260 .luci2-grid
> .row
> .cell
.hidden-md
,
261 .luci2-grid > .row > .cell.hidden-lg.hidden-md { display: none
!important
; }
263 @media (min-width: 1200px) {
264 .luci2-grid
> .row
> .cell
.hidden-xs
.hidden-lg
,
265 .luci2-grid
> .row
> .cell
.hidden-sm
.hidden-lg
,
266 .luci2-grid
> .row
> .cell
.hidden-md
.hidden-lg
,
267 .luci2-grid > .row > .cell.hidden-lg { display: none
!important
; }