luci-theme-openwrt: add some compatibility styles

Add a few CSS rules and general tweaks improving the look of legacy markup.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2018-06-26 14:59:24 +02:00
parent 62f5c22f8c
commit 2efcc53f2e

View file

@ -410,6 +410,7 @@ h4 {
font-size: 112%; font-size: 112%;
} }
fieldset { border: none; }
fieldset > legend { float: left; } fieldset > legend { float: left; }
fieldset > legend + * { clear: both; } fieldset > legend + * { clear: both; }
@ -418,7 +419,7 @@ fieldset > legend + * { clear: both; }
} }
.cbi-section { .cbi-section {
padding: .5em; padding: .5em 0;
margin-top: .5em; margin-top: .5em;
} }
@ -497,6 +498,10 @@ input[type=password] {
height: 14pt; height: 14pt;
} }
select[multiple] {
height: auto;
}
input[type=radio], input[type=radio],
input[type=checkbox], input[type=checkbox],
[data-dynlist] > input + img, [data-dynlist] > input + img,
@ -755,6 +760,11 @@ div.cbi-optionals {
margin: 0 0 .5em 0; margin: 0 0 .5em 0;
} }
.cbi-section-node > .table.cbi-section-table {
border: none;
margin: 0;
}
@keyframes flash { @keyframes flash {
0% { opacity: 1; } 0% { opacity: 1; }
50% { opacity: .5; } 50% { opacity: .5; }
@ -1266,10 +1276,11 @@ ul.cbi-tabmenu li.cbi-tab {
.network-status-table { .network-status-table {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: -.25em;
} }
.network-status-table .ifacebox { .network-status-table .ifacebox {
margin: .5em; margin: .25em;
font-size: 90%; font-size: 90%;
flex-grow: 1; flex-grow: 1;
} }