Finished template selection form

feature/node-rewrite
Sven Slootweg 13 years ago
parent 7ba17d37d5
commit 188f31c3ac

@ -97,6 +97,22 @@ table.vpslist tr:hover
cursor: pointer; cursor: pointer;
} }
.centered
{
text-align: center;
}
.padded
{
padding: 10px 25px;
}
.spaced
{
margin-top: 15px;
margin-bottom: 10px;
}
.preload .preload
{ {
width: 1px; width: 1px;
@ -433,7 +449,7 @@ input
input, label input, label
{ {
margin-top: 0px !important; /*margin-top: 0px !important;*/
margin-bottom: 0px !important; margin-bottom: 0px !important;
} }
@ -442,3 +458,43 @@ button.column
margin-left: 1.6% !important; margin-left: 1.6% !important;
margin-right: 1.6% !important; margin-right: 1.6% !important;
} }
.template-option
{
border: 1px solid #31305E;
margin: 11px 0px;
}
.template-name
{
background-color: #31305E;
padding: 4px 3px;
color: white;
font-weight: bold;
}
.template-name input
{
float: left;
margin-top: 6px;
margin-right: 5px;
vertical-align: middle;
}
.template-description
{
padding: 6px 7px;
}
.confirm-text
{
padding-left: 24px;
display: block;
}
.confirm input
{
float: left;
margin-right: 4px;
margin-top: 7px;
}

@ -2,7 +2,19 @@
<%foreach template in templates> <%foreach template in templates>
<div class="template-option"> <div class="template-option">
<input type="radio" id="tpl_<%?template[id]>" name="template" value="<%?template[id]>"><label class="template-name" for="tpl_<%?template[id]>"><%?template[name]></label> <div class="template-name">
<input type="radio" id="tpl_<%?template[id]>" name="template" value="<%?template[id]>">
<label for="tpl_<%?template[id]>"><%?template[name]></label>
</div>
<div class="template-description"><%?template[description]></div> <div class="template-description"><%?template[description]></div>
</div> </div>
<%/foreach> <%/foreach>
<div class="confirm">
<input type="checkbox" name="confirm" value="true" id="confirm_reinstall">
<label for="confirm_reinstall" class="confirm-text">I understand that by reinstalling my VPS, <strong>all data on the VPS is permanently lost</strong> and cannot be recovered. There will be no further confirmations, <strong>after clicking the Reinstall button the reinstallation process cannot be aborted.</strong></label>
</div>
<div class="centered">
<button type="submit" name="submit" value="submit" class="padded spaced">Reinstall</button>
</div>

Loading…
Cancel
Save