slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changing colors

Browse Source 
background colors and stuff
This commit is contained in:
plexsoup
2017-02-27 12:23:26 -08:00
parent adcd99936a
commit affaf9bb42
2 changed files with 41 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
The Veil/TheVeil.css
+19 -11
View File
@@ -89,8 +89,8 @@ input.sheet-colorSelector[name="attr_WorldColors"][value="yellow"] {
input[name="attr_WorldTexture"]:checked ~ input[name="attr_WorldColors"][value="orange"]:checked ~ div.sheet-container:after {
/* voronoi stained glass, paisley */
background: url("http://i.imgur.com/8cuujv2.png"), url("http://i.imgur.com/xYx25IB.png");
background-blend-mode: soft-light;
opacity: 0.75;
background-blend-mode: color;
opacity: 0.33;
background-size: cover, 50%;
}
@@ -142,7 +142,8 @@ input[name="attr_WorldColors"][value="purple"]:checked ~ div textarea,
input[name="attr_WorldColors"][value="purple"]:checked ~ div select,
input[name="attr_WorldColors"][value="purple"]:checked ~ div input {
border-color: magenta;
color: aqua;
color: cyan;
text-shadow: 0px 2px 1px darkmagenta;
}
@@ -176,8 +177,8 @@ input[name="attr_WorldColors"][value="green"]:checked ~ div textarea,
input[name="attr_WorldColors"][value="green"]:checked ~ div select,
input[name="attr_WorldColors"][value="green"]:checked ~ div input,
input[name="attr_WorldColors"][value="green"]:checked ~ div button {
border-color: green;
color: yellowgreen;
border-color: #121;
color: #0a0;
}
@@ -266,10 +267,16 @@ input[name="attr_WorldColors"][value="red"]:checked ~ div textarea,
input[name="attr_WorldColors"][value="red"]:checked ~ div input,
input[name="attr_WorldColors"][value="red"]:checked ~ div select,
input[name="attr_WorldColors"][value="red"]:checked ~ div button {
border-color: red;
border-color: firebrick;
color: black;
/* text-shadow: 9px 3px 0px rgba(96, 128, 96, .2); */
/* text-shadow: 9px 3px 0px rgba(96, 128, 96, .2); */
}
input[name="attr_WorldColors"][value="red"]:checked ~ div h2,
input[name="attr_WorldColors"][value="red"]:checked ~ div h3,
input[name="attr_WorldColors"][value="red"]:checked ~ div h2 input,
input[name="attr_WorldColors"][value="red"]:checked ~ select.sheet-playbookSelector {
text-shadow: 4px 0px 10px orangered, -1px -1px 1px yellow;
}
input[name="attr_WorldTexture"]:checked ~ input[name="attr_WorldColors"][value="yellow"]:checked ~ div.sheet-container:after {
@@ -292,7 +299,7 @@ input[name="attr_WorldColors"][value="yellow"]:checked ~ div textarea,
input[name="attr_WorldColors"][value="yellow"]:checked ~ div input,
input[name="attr_WorldColors"][value="yellow"]:checked ~ div select,
input[name="attr_WorldColors"][value="yellow"]:checked ~ div button {
border-color: yellow;
border-color: dimgrey;
color: goldenrod;
text-shadow: 1px 1px black;
}
@@ -665,7 +672,7 @@ input.sheet-playbookDetailTitle {
font-family: "Teko Semibold", "Arial Black", sans-serif;
background: transparent;
border: none;
text-shadow: inherit;
padding: 0;
margin: 0;
}
@@ -1223,8 +1230,9 @@ _/ _/ _/_/_/_/ _/_/_/_/ _/
div.sheet-popupHelp,
div.sheet-popupHelpLeft,
div.sheet-popupHelpRight {
position: relative;
border: 2px solid dimgrey;
border-radius: 50%;
border-radius: 8px;
padding-left: 4px;
padding-right: 4px;
margin-right: 4px;
The Veil/TheVeil.html
+22 -23
View File
@@ -150,8 +150,7 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
</div>
<div class="sheet-stateInput">
<div>PEACEFUL = <input type="number" class="sheet-numberFieldBig" title="Peaceful State Attribute" name="attr_StatePeaceful"/>
</div>
<div>PEACEFUL = <input type="number" class="sheet-numberFieldBig" title="Peaceful State Attribute" name="attr_StatePeaceful"/></div>
<button
type="roll"
class="sheet-rollButton sheet-decreasedRoll"
@@ -187,8 +186,7 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
</div>
<div class="sheet-stateInput">
<div>SAD = <input type="number" class="sheet-numberFieldBig" title="SAD State Attribute" name="attr_StateSad"/>
</div>
<div>SAD = <input type="number" class="sheet-numberFieldBig" title="SAD State Attribute" name="attr_StateSad"/></div>
<button
type="roll"
class="sheet-rollButton sheet-decreasedRoll"
@@ -225,8 +223,7 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
<div class="sheet-stateInput">
<div>JOYFUL = <input type="number" class="sheet-numberFieldBig" title="Joyful State Attribute" name="attr_StateJoyful"/>
</div>
<div>JOYFUL = <input type="number" class="sheet-numberFieldBig" title="Joyful State Attribute" name="attr_StateJoyful"/></div>
<button
type="roll"
class="sheet-rollButton sheet-decreasedRoll"
@@ -393,24 +390,26 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
<div class="sheet-tab-content sheet-tab1">
Compress: <input type="checkbox" class="sheet-inputHider" title="Hide textareas and Hover over titles to see descriptions" name="attr_hideMoves"/>
<div class="sheet-3columns">
<div class="sheet-columnThirds">
<select class="sheet-playbookSelector" name="attr_playbook">
<option value="The Apparatus">The Apparatus</option>
<option value="The Architect">The Architect</option>
<option value="The Attached">The Attached</option>
<option value="The Catabolist">The Catabolist</option>
<option value="The Dying">The Dying</option>
<option value="The Empath">The Empath</option>
<option value="The Executive">The Executive</option>
<option value="The Honed">The Honed</option>
<option value="The Honorbound">The Honorbound</option>
<option value="The Onomastic">The Onomastic</option>
<option value="The Seeker">The Seeker</option>
<option value="The Wayward">The Wayward</option>
</select>
<div class="sheet-popupHelpRight" style="display: inline-block;">?
<h2>
<select class="sheet-playbookSelector" name="attr_playbook">
<option value="The Apparatus">The Apparatus</option>
<option value="The Architect">The Architect</option>
<option value="The Attached">The Attached</option>
<option value="The Catabolist">The Catabolist</option>
<option value="The Dying">The Dying</option>
<option value="The Empath">The Empath</option>
<option value="The Executive">The Executive</option>
<option value="The Honed">The Honed</option>
<option value="The Honorbound">The Honorbound</option>
<option value="The Onomastic">The Onomastic</option>
<option value="The Seeker">The Seeker</option>
<option value="The Wayward">The Wayward</option>
</select>
</h2>
<div class="sheet-popupHelpRight" style="display: inline-block;">Playbook Info
<span class="sheet-popupText" name="attr_playbookBlurb"></span>
</div>