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