1
0
Fork 0

changed css+radio buttons styling

This commit is contained in:
Heiko Kernbach 2013-05-22 17:07:01 +02:00
parent 4c9dae7870
commit e0e4760abc
3 changed files with 56 additions and 9 deletions

View File

@ -190,7 +190,6 @@
}
/*Dashboard Checkbox*/
input[type=checkbox].css-checkbox {
display:none;
}
@ -216,3 +215,33 @@ input[type=checkbox].css-checkbox:checked + label.css-label {
.css-label {
background-image:url(../img/dark-check-green.png);
}
/*Dashboard Radio */
.dropdown-menu .radio {
margin-left: -21px;
}
input[type="radio"] {
display:none;
}
input[type="radio"] + label {
/*color:#f2f2f2;*/
/*font-family:Arial, sans-serif;
font-size:14px;*/
}
input[type="radio"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background:url(../img/check_radio_sheet.png) -38px top no-repeat;
cursor:pointer;
}
input[type="radio"]:checked + label span {
background:url(../img/check_radio_sheet.png) -57px top no-repeat;
}

View File

@ -47,9 +47,27 @@
</a></li>
<li class="nav-header">Sorting</li>
<li><a href="#"><label class="radio"><input type="radio" id="sortName">Sort by name</label></a></li>
<li><a href="#"><label class="radio"><input type="radio" id="sortType">Sort by type</label></a></li>
<li><a href="#"><label class="checkbox"><input type="checkbox" id="sortOrder">Sort descending</label></a></li>
<li><a href="#">
<label class="radio">
<input type="radio" id="sortName">
<label><span></span>Sort by name</label>
</label>
</a></li>
<li><a href="#">
<label class="radio">
<input type="radio" id="sortType">
<label><span></span>Sort by type</label>
</label>
</a></li>
<li><a href="#">
<label class="checkbox checkboxLabel">
<input class="css-checkbox" type="checkbox" id="sortOrder">
<label class="css-label"></label>Sort descending
</label>
</a></li>
</ul>
</div>
<!-- /btn-group -->

View File

@ -22,11 +22,11 @@
<ul class="dropdown-menu interval-dropdown">
<li class="nav-header">Update every:</li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every5seconds" value="5">5 seconds</label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every15seconds" value="15">15 seconds</label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every30seconds" value="30">30 seconds</label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every60seconds" value="60">60 seconds</label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every120seconds" value="120">120 seconds</label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every5seconds" value="5"><label><span></span>5 seconds</label></label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every15seconds" value="15"><label><span></span>15 seconds</label></label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every30seconds" value="30"><label><span></span>30 seconds</label></label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every60seconds" value="60"><label><span></span>60 seconds</label></label></a></li>
<li><a><label class="radio"><input type="radio" name="updateInterval" id="every120seconds" value="120"><label><span></span>120 seconds</label></label></a></li>
</ul>
</div>
<!-- /btn-group -->