浏览代码

Beaks are in the menu. Got nested collapsing boxes working

tags/v0.7.0
Fen Dweller 7 年前
父节点
当前提交
7f658f4b9f
共有 2 个文件被更改,包括 26 次插入5 次删除
  1. +23
    -2
      stroll.html
  2. +3
    -3
      style.css

+ 23
- 2
stroll.html 查看文件

@@ -291,6 +291,13 @@
<option value="avian">Avian</option>
</select>
</li>
<li>
<label for="jawType">Mouth type</label>
<select name="jawType">
<option value="jaw">Jaws</option>
<option value="beak">Beak</option>
</select>
</li>
</div>
</div>

@@ -431,8 +438,22 @@
</div>
</li>
<li>
<label for="breastVore">Breast vore</label>
<input type="checkbox" checked="true" id="breastVore" name="breastVore"/>
<div class="custom-category-sub">
<ul class="flex-outer-sub">
<input class="custom-header-checkbox" type="checkbox" checked="true" id="breastVore" name="breastVore"/>
<label class="custom-header" for="breastVore">Breast Vore</label>
<div class="reveal-if-active">
<li>
<label for="lactationFactor" class="has-tooltip" title="scales how much milk is released with each squeeze">Lactation ratio</label>
<input type="number" id="lactationFactor" name="lactationFactor" placeholder="0.25"/>
</li>
<li>
<label for="lactationScale">Milk production factor</label>
<input type="number" id="lactationScale" name="lactationScale" placeholder="1"/>
</li>
</div>
</ul>
</div>
</li>
</div>
</div>


+ 3
- 3
style.css 查看文件

@@ -216,9 +216,9 @@ input[type="checkbox"]:checked ~ .reveal-if-active {
.custom-category-sub {
text-align: center;
margin: 10px;
width: 500px;
width: 400px;
padding: 0px;
margin: 0px;
margin: 0px 50px;
}

body.light .custom-category {
@@ -311,7 +311,7 @@ body.dark input[type="checkbox"]:checked+
display: flex;
flex-wrap: wrap;
align-items: center;
width: 500px;
width: 400px;
}

.flex-outer-sub label,


正在加载...
取消
保存