diff --git a/PokemonTabletopUnited/ptu.css b/PokemonTabletopUnited/ptu.css index 08f40c8542..f9058078b0 100644 --- a/PokemonTabletopUnited/ptu.css +++ b/PokemonTabletopUnited/ptu.css @@ -4,6 +4,54 @@ input.sheet-tab3:not(:checked) ~ .sheet-tab3{ display: none; } +div.sheet-checklist { + display: none; +} + +input.sheet-arrow[type="checkbox"] { + color: #E0E0E0; + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +input.sheet-arrow[type="checkbox"] + span::before +{ + margin-right: 4px; + line-height: 14px; + text-align: center; + display: inline-block; + vertical-align: middle; + float: left; + width: 14px; + height: 14px; + content: "▼"; + color: #E0E0E0; + transform: rotate(-90deg); +} + +input.sheet-arrow[type="checkbox"]:checked + span::before { + width: 14px; + height: 14px; + content: "▼"; + + transform: rotate(0deg); +} + +input.sheet-arrow { + float: left; +} + +input.sheet-arrow:checked ~ div.sheet-checklist { + display: block; +} + input.sheet-tab { width: calc(20% - 4px); max-width: 150px; @@ -56,7 +104,7 @@ input.sheet-tab:checked::before { } .sheet-rolltemplate-PTU th { - background: url(http://i.imgur.com/5aRtcpq.png) top no-repeat, url(http://i.imgur.com/yyzOMmI.png top no-repeat); + background: url(http://i.imgur.com/5aRtcpq.png) top no-repeat, url(http://i.imgur.com/yyzOMmI.png top no-repeat); color: #ffffff; padding: 2px 2px 2px 40px; border-bottom: 1px solid black;