diff --git a/Vampire the Requiem/Vampire the Requiem.css b/Vampire the Requiem/Vampire the Requiem.css index 5a926d667c..62a020d566 100644 --- a/Vampire the Requiem/Vampire the Requiem.css +++ b/Vampire the Requiem/Vampire the Requiem.css @@ -52,8 +52,8 @@ input[type="text"] { background:none; border:none: -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } -----*/ /*-----tabs-----*/ @@ -174,6 +174,24 @@ input.sheet-normal[type="radio"]:checked ~ input.sheet-normal[type="radio"] + sp content: ""; } +/*------------empty traits-----------*/ +input.sheet-zero[type="radio"]:checked + span::before +{ + opacity: 0; +} + +input.sheet-zero[type="radio"]:hover + span::before +{ + opacity: 1; +} + +input.sheet-zero[type="radio"] + span::before +{ + font-size: 12px; + content: "✖"; + opacity: 0.25; +} + /* -----Health boxes----- */ div.sheet-healthbox { width: 20px; @@ -254,6 +272,62 @@ input.sheet-aggravateddot:checked ~ span.sheet-aggravateddot { margin-right:auto; } +/*-----vitae -----*/ + +div.sheet-vitae { + width: 20px; + height: 20px; + position: relative; +} + +input.sheet-vitae { + margin: 00px 0 0 00px; + opacity: 00; + width: 20px; + height: 20px; + position: absolute; + z-index: 1; +} + +span.sheet-vitae { + margin: 00px 0 0 00px; + display: none; +} + +input.sheet-blankvitae { z-index: 2; } + +input.sheet-blankvitae:checked + input.sheet-redvitae, +input.sheet-redvitae:checked + input.sheet-emptyvitae { z-index: 3; } + +input.sheet-blankvitae:checked ~ span.sheet-blankvitae, +input.sheet-redvitae:checked ~ span.sheet-redvitae, +input.sheet-emptyvitae:checked ~ span.sheet-emptyvitae { display: inline-block; } + +.sheet-blankvitae { + width: 17px; + height: 17px; + background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/5/58/USICorpsSSI.svg/200px-USICorpsSSI.svg.png") no-repeat 0 0; + background-size: 100%; + -webkit-filter: drop-shadow(0px 0px 1px red ); +} + +.sheet-redvitae { + width: 20px; + height: 20px; + background: url("http://i38.tinypic.com/dytxq9.png") no-repeat 0 0; + background-size: 100%; + -webkit-filter: drop-shadow(0px 0px 1px red); +} + +.sheet-emptyvitae { + width: 20px; + height: 20px; + background: url("http://upload.wikimedia.org/wikipedia/commons/9/9f/Red-circle.svg") no-repeat 0 0; + background-size: 100%; + -webkit-filter: drop-shadow(0px 0px 1px black); +} + + /*--------------Big Checkbox--------------*/ /* ----Hide actual sheet-arrow checkbox---- */ @@ -365,7 +439,7 @@ input.sheet-roundcheck[type="checkbox"] + span::before } input.sheet-roundcheck[type="checkbox"]:checked + span::before { - color: blue; + color: black; font-size: 3em; content: "•"; } @@ -440,3 +514,4 @@ input.sheet-arrow[type="checkbox"]:checked + span::before .sheet-select { margin-bottom: 0 } +