Explorar el Código

Made the pref selector prettier

tags/v0.2.8
Fen Dweller hace 7 años
padre
commit
65b485a346
Se han modificado 2 ficheros con 55 adiciones y 40 borrados
  1. +17
    -2
      feast.css
  2. +38
    -38
      feast.html

+ 17
- 2
feast.css Ver fichero

@@ -180,8 +180,23 @@ button {
width: 150px;
}

.pref-radio:checked + label {
background: #333;
.pref-radio:checked + label.pref-disable {
background: #933;
color: #eee;
}

.pref-radio:checked + label.pref-avoid {
background: #973;
color: #eee;
}

.pref-radio:checked + label.pref-enable {
background: #393;
color: #eee;
}

.pref-radio:checked + label.pref-prefer {
background: #191;
color: #eee;
}



+ 38
- 38
feast.html Ver fichero

@@ -199,68 +199,68 @@
<li class="pref-select">
<span class="pref-type">Oral</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-oral-0" name="prefs-vore-oral" value="0" />
<label for="character-prefs-vore-oral-0">Disabled</label>
<label class="pref-disable" for="character-prefs-vore-oral-0">Disable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-oral-1" name="prefs-vore-oral" value="1" />
<label for="character-prefs-vore-oral-1">Avoid</label>
<label class="pref-avoid" for="character-prefs-vore-oral-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-oral-2" name="prefs-vore-oral" checked="true" value="2" />
<label for="character-prefs-vore-oral-2">Enable</label>
<label class="pref-enable" for="character-prefs-vore-oral-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-oral-3" name="prefs-vore-oral" value="3" />
<label for="character-prefs-vore-oral-3">Prefer</label>
<label class="pref-prefer" for="character-prefs-vore-oral-3">Prefer</label>
</li>
<li class="pref-select">
<span class="pref-type">Cock</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-cock-0" name="prefs-vore-cock" value="0" />
<label for="character-prefs-vore-cock-0">Disabled</label>
<label class="pref-disable" for="character-prefs-vore-cock-0">Disable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-cock-1" name="prefs-vore-cock" value="1" />
<label for="character-prefs-vore-cock-1">Avoid</label>
<label class="pref-avoid" for="character-prefs-vore-cock-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-cock-2" name="prefs-vore-cock" checked="true" value="2" />
<label for="character-prefs-vore-cock-2">Enable</label>
<label class="pref-enable" for="character-prefs-vore-cock-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-cock-3" name="prefs-vore-cock" value="3" />
<label for="character-prefs-vore-cock-3">Prefer</label>
</li>
<li class="pref-select">
<span class="pref-type">Unbirth</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-0" name="prefs-vore-unbirth" value="0" />
<label for="character-prefs-vore-unbirth-0">Disabled</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-1" name="prefs-vore-unbirth" value="1" />
<label for="character-prefs-vore-unbirth-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-2" name="prefs-vore-unbirth" checked="true" value="2" />
<label for="character-prefs-vore-unbirth-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-3" name="prefs-vore-unbirth" value="3" />
<label for="character-prefs-vore-unbirth-3">Prefer</label>
<label class="pref-prefer" for="character-prefs-vore-cock-3">Prefer</label>
</li>
<li class="pref-select">
<span class="pref-type">Anal</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-anal-0" name="prefs-vore-anal" value="0" />
<label for="character-prefs-vore-anal-0">Disabled</label>
<label class="pref-disable" for="character-prefs-vore-anal-0">Disable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-anal-1" name="prefs-vore-anal" value="1" />
<label for="character-prefs-vore-anal-1">Avoid</label>
<label class="pref-avoid" for="character-prefs-vore-anal-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-anal-2" name="prefs-vore-anal" checked="true" value="2" />
<label for="character-prefs-vore-anal-2">Enable</label>
<label class="pref-enable" for="character-prefs-vore-anal-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-anal-3" name="prefs-vore-anal" value="3" />
<label for="character-prefs-vore-anal-3">Prefer</label>
</li>
<li class="pref-select">
<span class="pref-type">Hard</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-0" name="prefs-vore-hard" value="0" />
<label for="character-prefs-vore-hard-0">Disabled</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-1" name="prefs-vore-hard" value="1" />
<label for="character-prefs-vore-hard-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-2" name="prefs-vore-hard" checked="true" value="2" />
<label for="character-prefs-vore-hard-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-3" name="prefs-vore-hard" value="3" />
<label for="character-prefs-vore-hard-3">Prefer</label>
<label class="pref-prefer" for="character-prefs-vore-anal-3">Prefer</label>
</li>
<li class="pref-select">
<span class="pref-type">Tail</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-tail-0" name="prefs-vore-tail" value="0" />
<label for="character-prefs-vore-tail-0">Disabled</label>
<label class="pref-disable" for="character-prefs-vore-tail-0">Disable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-tail-1" name="prefs-vore-tail" value="1" />
<label for="character-prefs-vore-tail-1">Avoid</label>
<label class="pref-avoid" for="character-prefs-vore-tail-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-tail-2" name="prefs-vore-tail" checked="true" value="2" />
<label for="character-prefs-vore-tail-2">Enable</label>
<label class="pref-enable" for="character-prefs-vore-tail-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-tail-3" name="prefs-vore-tail" value="3" />
<label for="character-prefs-vore-tail-3">Prefer</label>
<label class="pref-prefer" for="character-prefs-vore-tail-3">Prefer</label>
</li>
<li class="pref-select">
<span class="pref-type">Unbirth</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-0" name="prefs-vore-unbirth" value="0" />
<label class="pref-disable" for="character-prefs-vore-unbirth-0">Disable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-1" name="prefs-vore-unbirth" value="1" />
<label class="pref-avoid" for="character-prefs-vore-unbirth-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-2" name="prefs-vore-unbirth" checked="true" value="2" />
<label class="pref-enable" for="character-prefs-vore-unbirth-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-unbirth-3" name="prefs-vore-unbirth" value="3" />
<label class="pref-prefer" for="character-prefs-vore-unbirth-3">Prefer</label>
</li>
<li class="pref-select">
<span class="pref-type">Hard</span>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-0" name="prefs-vore-hard" checked="true" value="0" />
<label class="pref-disable" for="character-prefs-vore-hard-0">Disable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-1" name="prefs-vore-hard" value="1" />
<label class="pref-avoid" for="character-prefs-vore-hard-1">Avoid</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-2" name="prefs-vore-hard" value="2" />
<label class="pref-enable" for="character-prefs-vore-hard-2">Enable</label>
<input type="radio" class="pref-radio" id="character-prefs-vore-hard-3" name="prefs-vore-hard" value="3" />
<label class="pref-prefer" for="character-prefs-vore-hard-3">Prefer</label>
</li>
</ul>
</li>


Cargando…
Cancelar
Guardar