mirror of
https://github.com/unraid/webgui.git
synced 2026-01-05 00:59:48 -06:00
202cb8c222
Instead of styling defined inside a page file, these settings are now kept in a dedicated css file. This has several advantages: - It comes much easier to maintain styling, all css files are easy to find and update - Browser can cache css files, which may improve page loading time - Separate theme css files exist, no more need to make selection by coding - This PR is a 1-to-1 move of existing inline styling to css files - In future more optimization can be made by consolidating css files
30 lines
1.4 KiB
CSS
30 lines
1.4 KiB
CSS
dt{width:22%}
|
|
span.even{float:right;display:inline-block;width:150px;margin-top:3px}
|
|
span.even.wide{width:200px}
|
|
span.pin{float:right;margin:-40px 12px 0 0;clear:both;display:inline-block;width:400px;text-align:right}
|
|
span[class^=rx]{margin-right:40px}
|
|
span.vshift{margin-top:-2px!important}
|
|
span.input{display:inline-block;width:420px}
|
|
span.access-type{display:inline-block;width:35%;white-space:normal}
|
|
@media(max-width:1920px){span.access-type{width:20%}}
|
|
span.block{display:inline-block;width:48%;white-space:normal}
|
|
div.shade-white{background-color:#ededed;margin-top:10px;padding:8px 0 3px 0}
|
|
div.shade-black{background-color:#212121;margin-top:10px;padding:8px 0 3px 0}
|
|
div.shade-azure{background-color:#edeaef;margin-top:10px;padding:8px 0 3px 0}
|
|
div.shade-gray{background-color:#121510;margin-top:10px;padding:8px 0 3px 0}
|
|
div.title{margin-bottom:10px!important}
|
|
div[id^=block-wg]{margin-bottom:30px}
|
|
div.preset{margin:8px 0;float:right}
|
|
input.wide{width:360px}
|
|
input.subnet{width:150px;margin-right:4px}
|
|
input.mask{width:30px}
|
|
input.port{width:50px}
|
|
input.form,button.form{font-size:1rem;min-width:0;padding:5px 8px;margin:0}
|
|
input.ok{color:#f2f2f2;background:#4f8a10}
|
|
input.nok{color:#f2f2f2;background:#f0000c}
|
|
select.subnet{min-width:150px}
|
|
i.fa-fw{margin-left:5px}
|
|
i.key-off{opacity:0.3;cursor:default!important}
|
|
input:user-invalid {border-bottom-color:#E22828;}
|
|
input:-moz-ui-invalid {border-bottom-color:#E22828;}
|