Revision 295800ec
b/ui/static/main.css | ||
---|---|---|
784 | 784 |
} |
785 | 785 |
|
786 | 786 |
button.prev { |
787 |
background-color: #666666;
|
|
787 |
background-color: #666; |
|
788 | 788 |
border:none; |
789 | 789 |
margin-left: -1px; |
790 | 790 |
text-align: left; |
... | ... | |
1045 | 1045 |
/* selected tab */ |
1046 | 1046 |
#wizard ul.tabs a.current { |
1047 | 1047 |
color: white; |
1048 |
background-color: #666666;
|
|
1048 |
background-color: #666; |
|
1049 | 1049 |
cursor: default; |
1050 | 1050 |
} |
1051 | 1051 |
|
... | ... | |
1088 | 1088 |
overflow: hidden; |
1089 | 1089 |
} |
1090 | 1090 |
|
1091 |
/* metadata editing boxes */ |
|
1092 |
.meta-modal { |
|
1093 |
background-color:#fff; |
|
1094 |
display:none; |
|
1095 |
padding:1em; |
|
1096 |
text-align:left; |
|
1097 |
width:380px; |
|
1098 |
height:360px; |
|
1099 |
font-size: 80%; |
|
1100 |
} |
|
1101 |
|
|
1102 |
.meta-modal h3 label { |
|
1103 |
font-weight: normal; |
|
1104 |
} |
|
1105 |
|
|
1106 |
.meta-modal hr { |
|
1107 |
background-color: #666; |
|
1108 |
border: 0 none; |
|
1109 |
height: 5px; |
|
1110 |
margin: 0; |
|
1111 |
} |
|
1112 |
|
|
1113 |
.meta-modal hr.topruler { |
|
1114 |
margin-top: 5px; |
|
1115 |
} |
|
1116 |
|
|
1117 |
.meta-modal hr.fatruler { |
|
1118 |
height: 20px; |
|
1119 |
margin-top: 2px; |
|
1120 |
margin-bottom: 20px; |
|
1121 |
} |
|
1122 |
|
|
1123 |
.meta-modal hr.bottomruler { |
|
1124 |
height: 20px; |
|
1125 |
margin-top: 40px; |
|
1126 |
} |
|
1127 |
|
|
1128 |
.meta-modal hr.meta-separator { |
|
1129 |
width: 320px; |
|
1130 |
margin: 5px 0 2px 0; |
|
1131 |
} |
|
1132 |
|
|
1133 |
.meta-modal div.content { |
|
1134 |
height: 248px; |
|
1135 |
width: 345px; |
|
1136 |
margin-left: 15px; |
|
1137 |
} |
|
1138 |
|
|
1139 |
.meta-modal p { |
|
1140 |
margin-left: 7px; |
|
1141 |
} |
|
1142 |
|
|
1143 |
.meta-modal button { |
|
1144 |
font-size: 80%; |
|
1145 |
width: 70px; |
|
1146 |
height: 15px; |
|
1147 |
float: right; |
|
1148 |
background-color: #5599FF; |
|
1149 |
border: 0px solid #5599FF; |
|
1150 |
padding: 0; |
|
1151 |
margin-right: 25px; |
|
1152 |
} |
|
1153 |
|
|
1154 |
.meta-modal button.remove { |
|
1155 |
background-color: #d35f5f; |
|
1156 |
border-color: #d35f5f; |
|
1157 |
margin-top: 2px; |
|
1158 |
} |
|
1159 |
|
|
1160 |
.meta-modal button.edit { |
|
1161 |
background-color: #666; |
|
1162 |
border-color: #666; |
|
1163 |
margin-top: -14px; |
|
1164 |
} |
|
1165 |
|
|
1166 |
.meta-modal button.create { |
|
1167 |
width: 85px; |
|
1168 |
margin: 33px 44px 0 0; |
|
1169 |
} |
|
1170 |
|
|
1171 |
/* notification box */ |
|
1091 | 1172 |
#error-success, #yes-no { |
1092 | 1173 |
height: 150px; |
1093 | 1174 |
border: 5px solid #87AADE; |
b/ui/templates/machines.html | ||
---|---|---|
177 | 177 |
|
178 | 178 |
<a id="meta-editor-1" rel="#editor-1" href="#"></a> |
179 | 179 |
|
180 |
<div class="modal" id="editor-1"> |
|
180 |
<div class="meta-modal" id="editor-1">
|
|
181 | 181 |
<h3> |
182 | 182 |
<label>{% trans "Metadata for machine:" %}<label> |
183 | 183 |
<span></span> |
184 | 184 |
</h3> |
185 | 185 |
<hr class="topruler" /> |
186 |
<div class="meta-list"> |
|
186 |
<hr class="fatruler" /> |
|
187 |
<div class="content"> |
|
187 | 188 |
<ul> |
188 | 189 |
<li class="meta-template"> |
189 | 190 |
<label>{% trans "Metadata key" %}</label> |
... | ... | |
200 | 201 |
|
201 | 202 |
<a id="meta-editor-2" rel="#editor-2" href="#"></a> |
202 | 203 |
|
203 |
<div class="modal" id="editor-2"> |
|
204 |
<div class="meta-modal" id="editor-2">
|
|
204 | 205 |
<h3> |
205 | 206 |
<label>{% trans "Metadata for machine:" %}<label> |
206 | 207 |
<span></span> |
207 | 208 |
</h3> |
208 | 209 |
<hr class="topruler" /> |
209 | 210 |
<hr class="fatruler" /> |
210 |
<label class="meta-key">{% trans "Key:" %}</label> |
|
211 |
<input type="text" maxlength="15" class="key" value="max 15 characters"/> |
|
212 |
<hr class="meta-separator"> |
|
213 |
<label class="meta-value">{% trans "Value:" %}</label> |
|
214 |
<input type="text" maxlength="150" class="value" value="max 150 characters"/> |
|
215 |
<button type="button" class="cancel">{% trans "Cancel" %}</button> |
|
216 |
<button type="button" class="save">{% trans "Save" %}</button> |
|
211 |
<div class="content"> |
|
212 |
<label class="meta-key">{% trans "Key:" %}</label> |
|
213 |
<input type="text" maxlength="15" class="key" value="max 15 characters"/> |
|
214 |
<hr class="meta-separator"> |
|
215 |
<label class="meta-value">{% trans "Value:" %}</label> |
|
216 |
<input type="text" maxlength="150" class="value" value="max 150 characters"/> |
|
217 |
<button type="button" class="cancel">{% trans "Cancel" %}</button> |
|
218 |
<button type="button" class="save">{% trans "Save" %}</button> |
|
219 |
</div> |
|
217 | 220 |
<hr class="bottomruler" /> |
218 | 221 |
</div> |
219 | 222 |
|
b/ui/templates/standard.html | ||
---|---|---|
58 | 58 |
var serverID = $(this).parent().parent().attr("id"); |
59 | 59 |
var serverName = $(this).parent().prevAll("a.name").find("span.name").text(); |
60 | 60 |
// set server name in box's title |
61 |
$("a#meta-editor-1 span").text(serverName);
|
|
61 |
$("a#meta-editor-1 h3").text(serverName);
|
|
62 | 62 |
var triggers = $("a#meta-editor-1").overlay({ |
63 | 63 |
// some mask tweaks suitable for modal dialogs |
64 |
mask: { |
|
65 |
color: '#ebecff', |
|
66 |
opacity: '0.9' |
|
67 |
}, |
|
64 |
mask: '#000', |
|
65 |
effect: 'default', |
|
68 | 66 |
top: 'center', |
69 | 67 |
closeOnClick: false, |
70 | 68 |
oneInstance: false, |
Also available in: Unified diff