mirror of
https://github.com/unraid/webgui.git
synced 2026-05-24 07:09:42 -05:00
refactor: docker.vm.manager css format
This commit is contained in:
Zack Spear
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#f2f2f2;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#f2f2f2;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#f2f2f2;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #f2f2f2;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#1c1c1c;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#1c1c1c;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#1c1c1c;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #1c1c1c;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#1c1c1c;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#1c1c1c;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#1c1c1c;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #1c1c1c;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#f2f2f2;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#f2f2f2;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#f2f2f2;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #f2f2f2;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,45 +1,192 @@
|
||||
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}
|
||||
@media (max-width:1280px){#vmform table tr td:first-child{width:35%;padding-right:4rem}}
|
||||
@media (min-width:1281px){#vmform table tr td:first-child{width:30%;padding-right:4rem}}
|
||||
@media (min-width:1921px){#vmform table tr td:first-child{width:25%;padding-right:4rem}}
|
||||
#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}
|
||||
#vmform table.timers td.present {width:150px;}
|
||||
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;
|
||||
}
|
||||
@media (max-width: 1280px) {
|
||||
#vmform table tr td:first-child {
|
||||
width: 35%;
|
||||
padding-right: 4rem;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1281px) {
|
||||
#vmform table tr td:first-child {
|
||||
width: 30%;
|
||||
padding-right: 4rem;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1921px) {
|
||||
#vmform table tr td:first-child {
|
||||
width: 25%;
|
||||
padding-right: 4rem;
|
||||
}
|
||||
}
|
||||
#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;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
#vmform table.timers td.present {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#f2f2f2;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#f2f2f2;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#f2f2f2;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #f2f2f2;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#1c1c1c;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#1c1c1c;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#1c1c1c;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #1c1c1c;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#1c1c1c;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#1c1c1c;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#1c1c1c;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #1c1c1c;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #1c1c1c;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,34 @@
|
||||
.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:relative;z-index:100;display:none}
|
||||
#vmform table.multiple{margin:10px 0;background:#f2f2f2;background-size:800px 100%;background-position:-800px;background-repeat:no-repeat;background-clip:content-box;transition:background 0.3s linear}
|
||||
#template_img_chooser_outer{position:absolute;display:none;border-radius:5px;border:1px solid <?=$border?>;background:#f2f2f2;z-index:10}
|
||||
span#dropbox{border:1px solid <?=$border?>;background:#f2f2f2;padding:28px 12px;line-height:72px;margin-right:16px;}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
#vmform table.multiple {
|
||||
margin: 10px 0;
|
||||
background: #f2f2f2;
|
||||
background-size: 800px 100%;
|
||||
background-position: -800px;
|
||||
background-repeat: no-repeat;
|
||||
background-clip: content-box;
|
||||
transition: background 0.3s linear;
|
||||
}
|
||||
#template_img_chooser_outer {
|
||||
position: absolute;
|
||||
display: none;
|
||||
border-radius: 5px;
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
z-index: 10;
|
||||
}
|
||||
span#dropbox {
|
||||
border: 1px solid <?=$border?>;
|
||||
background: #f2f2f2;
|
||||
padding: 28px 12px;
|
||||
line-height: 72px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
@@ -1,45 +1,192 @@
|
||||
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}
|
||||
@media (max-width:1280px){#vmform table tr td:first-child{width:35%;padding-right:4rem}}
|
||||
@media (min-width:1281px){#vmform table tr td:first-child{width:30%;padding-right:4rem}}
|
||||
@media (min-width:1921px){#vmform table tr td:first-child{width:25%;padding-right:4rem}}
|
||||
#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}
|
||||
#vmform table.timers td.present {width:150px;}
|
||||
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;
|
||||
}
|
||||
@media (max-width: 1280px) {
|
||||
#vmform table tr td:first-child {
|
||||
width: 35%;
|
||||
padding-right: 4rem;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1281px) {
|
||||
#vmform table tr td:first-child {
|
||||
width: 30%;
|
||||
padding-right: 4rem;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1921px) {
|
||||
#vmform table tr td:first-child {
|
||||
width: 25%;
|
||||
padding-right: 4rem;
|
||||
}
|
||||
}
|
||||
#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;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
#vmform table.timers td.present {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#f2f2f2;width:500px;max-height:320px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 500px;
|
||||
max-height: 320px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#1c1c1c;width:500px;max-height:320px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 500px;
|
||||
max-height: 320px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#1c1c1c;width:500px;max-height:320px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 500px;
|
||||
max-height: 320px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#f2f2f2;width:500px;max-height:320px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 500px;
|
||||
max-height: 320px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1,23 +1,120 @@
|
||||
th.th1{width:25%}
|
||||
th.th2{width:15%}
|
||||
th.th3{width:80px}
|
||||
div.four{font-size:1.1rem;width:260px}
|
||||
div.four label{float:left;display:table-cell;width:25%}
|
||||
div.four label:nth-child(4n+4){float:none;clear:both}
|
||||
div.four label.cpu1{width:32%}
|
||||
div.four label.cpu2{width:26%}
|
||||
div.template,div#dialogWindow,input#upload{display:none}
|
||||
table.domdisk thead tr th:nth-child(1){width:56%!important}
|
||||
table.domdisk thead tr th:nth-child(n+2){width:8%!important}
|
||||
table.domdisk thead tr th:nth-child(1){padding-left:72px}
|
||||
table.domdisk tbody tr td:nth-child(1){padding-left:72px}
|
||||
table.domdisk tbody tr:nth-child(even){background-color:transparent!important}
|
||||
table.domdisk tbody tr:nth-child(4n-1){background-color:transparent!important}
|
||||
table.snapshot{margin-top:0}
|
||||
table tbody td{line-height:normal}
|
||||
i.mover{margin-right:8px;display:none}
|
||||
i.fa-dot-circle-o{padding-left:12px}
|
||||
#resetsort{margin-left:12px;display:inline-block;width:32px}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled]{cursor:default;color:#808080;background:-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 0 no-repeat,-webkit-gradient(linear,left top,right top,from(#404040),to(#808080)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#404040),to(#404040)) 0 100% no-repeat,-webkit-gradient(linear,left bottom,left top,from(#808080),to(#808080)) 100% 100% no-repeat;background:linear-gradient(90deg,#404040 0,#808080) 0 0 no-repeat,linear-gradient(90deg,#404040 0,#808080) 0 100% no-repeat,linear-gradient(0deg,#404040 0,#404040) 0 100% no-repeat,linear-gradient(0deg,#808080 0,#808080) 100% 100% no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%}
|
||||
.dropdown-menu{z-index:10001}
|
||||
span.vmgraphics{font-size:1.1rem;text-align:left}
|
||||
th.th1 {
|
||||
width: 25%;
|
||||
}
|
||||
th.th2 {
|
||||
width: 15%;
|
||||
}
|
||||
th.th3 {
|
||||
width: 80px;
|
||||
}
|
||||
div.four {
|
||||
font-size: 1.1rem;
|
||||
width: 260px;
|
||||
}
|
||||
div.four label {
|
||||
float: left;
|
||||
display: table-cell;
|
||||
width: 25%;
|
||||
}
|
||||
div.four label:nth-child(4n + 4) {
|
||||
float: none;
|
||||
clear: both;
|
||||
}
|
||||
div.four label.cpu1 {
|
||||
width: 32%;
|
||||
}
|
||||
div.four label.cpu2 {
|
||||
width: 26%;
|
||||
}
|
||||
div.template,
|
||||
div#dialogWindow,
|
||||
input#upload {
|
||||
display: none;
|
||||
}
|
||||
table.domdisk thead tr th:nth-child(1) {
|
||||
width: 56% !important;
|
||||
}
|
||||
table.domdisk thead tr th:nth-child(n + 2) {
|
||||
width: 8% !important;
|
||||
}
|
||||
table.domdisk thead tr th:nth-child(1) {
|
||||
padding-left: 72px;
|
||||
}
|
||||
table.domdisk tbody tr td:nth-child(1) {
|
||||
padding-left: 72px;
|
||||
}
|
||||
table.domdisk tbody tr:nth-child(even) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
table.domdisk tbody tr:nth-child(4n-1) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
table.snapshot {
|
||||
margin-top: 0;
|
||||
}
|
||||
table tbody td {
|
||||
line-height: normal;
|
||||
}
|
||||
i.mover {
|
||||
margin-right: 8px;
|
||||
display: none;
|
||||
}
|
||||
i.fa-dot-circle-o {
|
||||
padding-left: 12px;
|
||||
}
|
||||
#resetsort {
|
||||
margin-left: 12px;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled] {
|
||||
cursor: default;
|
||||
color: #808080;
|
||||
background:
|
||||
-webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
from(#404040),
|
||||
to(#808080)
|
||||
)
|
||||
0 0 no-repeat,
|
||||
-webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
from(#404040),
|
||||
to(#808080)
|
||||
) 0 100% no-repeat,
|
||||
-webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
from(#404040),
|
||||
to(#404040)
|
||||
) 0 100% no-repeat,
|
||||
-webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
from(#808080),
|
||||
to(#808080)
|
||||
) 100% 100% no-repeat;
|
||||
background:
|
||||
linear-gradient(90deg, #404040 0, #808080) 0 0 no-repeat,
|
||||
linear-gradient(90deg, #404040 0, #808080) 0 100% no-repeat,
|
||||
linear-gradient(0deg, #404040 0, #404040) 0 100% no-repeat,
|
||||
linear-gradient(0deg, #808080 0, #808080) 100% 100% no-repeat;
|
||||
background-size:
|
||||
100% 2px,
|
||||
100% 2px,
|
||||
2px 100%,
|
||||
2px 100%;
|
||||
}
|
||||
.dropdown-menu {
|
||||
z-index: 10001;
|
||||
}
|
||||
span.vmgraphics {
|
||||
font-size: 1.1rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#1c1c1c;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #1c1c1c;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1 +1,10 @@
|
||||
.fileTree{background:#f2f2f2;width:300px;max-height:150px;overflow-y:scroll;overflow-x:hidden;position:absolute;z-index:100;display:none}
|
||||
.fileTree {
|
||||
background: #f2f2f2;
|
||||
width: 300px;
|
||||
max-height: 150px;
|
||||
overflow-y: scroll;
|
||||
overflow-x: hidden;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1,12 +1,49 @@
|
||||
body{-webkit-overflow-scrolling:touch}
|
||||
.errortext{color:#EF3D47;display:none}
|
||||
.basic{display:block}
|
||||
.advanced{display:none}
|
||||
#winvirtio{display:none}
|
||||
#download_status{margin-left:5px;color:#777;display:none}
|
||||
#download_button{cursor:pointer;margin-left:-2px;color:#08C;display:none;transform:translate(0px,2px)}
|
||||
#download_button.fa-spin{cursor:default;color:#777}
|
||||
#download_button span{font-family:clear-sans}
|
||||
#download_button.fa-spin span{font-family:clear-sans;display:none}
|
||||
#remove_button{cursor:pointer;margin-left:-2px;color:#EF3D47;display:none;transform:translate(0px,2px)}
|
||||
#remove_button span{font-family:clear-sans}
|
||||
body {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.errortext {
|
||||
color: #ef3d47;
|
||||
display: none;
|
||||
}
|
||||
.basic {
|
||||
display: block;
|
||||
}
|
||||
.advanced {
|
||||
display: none;
|
||||
}
|
||||
#winvirtio {
|
||||
display: none;
|
||||
}
|
||||
#download_status {
|
||||
margin-left: 5px;
|
||||
color: #777;
|
||||
display: none;
|
||||
}
|
||||
#download_button {
|
||||
cursor: pointer;
|
||||
margin-left: -2px;
|
||||
color: #08c;
|
||||
display: none;
|
||||
transform: translate(0px, 2px);
|
||||
}
|
||||
#download_button.fa-spin {
|
||||
cursor: default;
|
||||
color: #777;
|
||||
}
|
||||
#download_button span {
|
||||
font-family: clear-sans;
|
||||
}
|
||||
#download_button.fa-spin span {
|
||||
font-family: clear-sans;
|
||||
display: none;
|
||||
}
|
||||
#remove_button {
|
||||
cursor: pointer;
|
||||
margin-left: -2px;
|
||||
color: #ef3d47;
|
||||
display: none;
|
||||
transform: translate(0px, 2px);
|
||||
}
|
||||
#remove_button span {
|
||||
font-family: clear-sans;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,24 @@
|
||||
.vmheader{padding:10px;font-size:1.4rem;text-align:left;color:#888}
|
||||
.vmtemplate{display:inline-block;width:80px;height:90px;margin-bottom:15px;margin-left:10px;text-align:center;vertical-align:top}
|
||||
.vmtemplate img{width:48px;height:48px}
|
||||
.vmtemplate p{text-align:center;margin-top:8px;line-height:12px}
|
||||
.vmheader {
|
||||
padding: 10px;
|
||||
font-size: 1.4rem;
|
||||
text-align: left;
|
||||
color: #888;
|
||||
}
|
||||
.vmtemplate {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 90px;
|
||||
margin-bottom: 15px;
|
||||
margin-left: 10px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
.vmtemplate img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
.vmtemplate p {
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user