mirror of
https://github.com/unraid/webgui.git
synced 2026-01-07 01:59:52 -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
43 lines
2.5 KiB
CSS
43 lines
2.5 KiB
CSS
body{-webkit-overflow-scrolling:touch}
|
|
#vmform table{margin-top:0}
|
|
#vmform div.title + table{margin-top:0}
|
|
#vmform table tr{vertical-align:top;line-height:40px}
|
|
#vmform table tr td:nth-child(odd){width:300px;text-align:right;padding-right:10px}
|
|
#vmform table tr td:nth-child(even){width:110px}
|
|
#vmform table tr td:first-child{padding-right:30px}
|
|
#vmform table tr td:last-child{width:inherit}
|
|
#vmform .multiple{position:relative}
|
|
#vmform .sectionbutton{position:absolute;left:2px;cursor:pointer;opacity:0.4;font-size:1.4rem;line-height:17px;z-index:10;transition-property:opacity,left;transition-duration:0.1s;transition-timing-function:linear}
|
|
#vmform .sectionbutton.remove{top:0;opacity:0.3}
|
|
#vmform .sectionbutton.add{bottom:0}
|
|
#vmform .sectionbutton:hover{opacity:1.0}
|
|
#vmform .sectiontab{position:absolute;top:2px;bottom:2px;left:0;width:6px;border-radius:3px;background-color:#DDDDDD;transition-property:background,width;transition-duration:0.1s;transition-timing-function:linear}
|
|
#vmform .multiple:hover .sectionbutton{opacity:0.7;left:4px}
|
|
#vmform .multiple:hover .sectionbutton.remove{opacity:0.6}
|
|
#vmform .multiple:hover .sectiontab{background-color:#CCCCCC;width:8px}
|
|
#vmform table.multiple:hover{background-position:0 0;}
|
|
#vmform table.multiple td{padding:5px 0}
|
|
span.advancedview_panel{display:none;line-height:16px;margin-top:1px}
|
|
.basic{display:none}
|
|
.advanced{/*Empty placeholder*/}
|
|
.switch-button-label.off{color:inherit}
|
|
#template_img{cursor:pointer}
|
|
#template_img:hover{opacity:0.5}
|
|
#template_img:hover i{opacity:1.0}
|
|
.template_img_chooser_inner{display:inline-block;width:80px;margin-bottom:15px;margin-right:10px;text-align:center;}
|
|
.template_img_chooser_inner img{width:48px;height:48px}
|
|
.template_img_chooser_inner p{text-align:center;line-height:8px;}
|
|
#template_img_chooser{width:560px;height:300px;overflow-y:scroll;position:relative}
|
|
#template_img_chooser div:hover{background-color:#eee;cursor:pointer;}
|
|
#form_content{display:none}
|
|
#vmform .four{overflow:hidden}
|
|
#vmform .four label{float:left;display:table-cell;width:15%;}
|
|
#vmform .four label:nth-child(4n+4){}
|
|
#vmform .four label.cpu1{width:28%;height:16px;line-height:16px}
|
|
#vmform .four label.cpu2{width:3%;height:16px;line-height:16px}
|
|
#vmform .mac_generate{cursor:pointer;margin-left:-5px;color:#08C;font-size:1.3rem;transform:translate(0px, 2px)}
|
|
#vmform .disk{display:none}
|
|
#vmform .disk_preview{display:inline-block;color:#BBB;transform:translate(0px, 1px)}
|
|
i.fa-plus-circle,i.fa-minus-circle{margin-left:8px}
|
|
input[type=checkbox]{margin-left:0}
|