Update 5th Edition OGL by Roll20.css

This commit is contained in:
SteveKoontz
2016-02-12 13:36:58 -08:00
parent e6b5b1ad04
commit ee54cddd3a
@@ -39,6 +39,37 @@ input[type=radio].sheet-tab-button + span {
font-weight: bold;
}
.sheet-advantagetoggle {
position: absolute;
top: 92px;
right: 200px;
}
.sheet-advantagetoggle input[type=radio] {
opacity: 0;
position: absolute;
top: 0px;
right: 0px;
width: 18px;
height: 18px;
z-index: 2;
}
.sheet-advantagetoggle input[type=radio] + span {
position: absolute;
top: 0px;
right: 0px;
width: 17px;
height: 17px;
border: 1px solid black;
border-radius: 5px;
background-color: #E8E8E8;
color: black;
text-align: center;
font-weight: bold;
}
.sheet-advantagetoggle input[type=radio]:checked + span,
input[type=radio].sheet-tab-button:checked + span {
color: #FFFFFF;
background-color: #EC2127;
@@ -356,11 +387,13 @@ button[type=roll] * {
.sheet-ac-init-speed-container input,
.sheet-hp input,
.sheet-hdice-dsaves-container input[type=text],
.sheet-hdice-dsaves-container input[type=number],
.sheet-attacks input,
.sheet-equipment input,
.sheet-tool input,
.sheet-spell input,
.sheet-options .sheet-body input
.sheet-options .sheet-body input,
.sheet-resources input[type=number]
{
width: 100%;
text-align: center;
@@ -375,6 +408,13 @@ button[type=roll] * {
color: black;
}
.sheet-resources input[type=number],
.sheet-hdice-dsaves-container input[type=number]
{
padding-right: 0px;
padding-left: 10px;
}
.sheet-saving-throw-container,
.sheet-skills-container
{
@@ -499,6 +539,12 @@ button[type=roll] * {
font-size: 30px;
}
.sheet-hp input[type="number"] {
width: 100%;
padding-right: 0px;
padding-left: 20px;
}
.sheet-hp span.sheet-label,
.sheet-hdice-dsaves-container span.sheet-label
{
@@ -682,22 +728,6 @@ button[type=roll] * {
font-weight: bold;
}
.sheet-attacks .sheet-display button[type=roll],
.sheet-npc .sheet-actions button[type=roll]
{
display: none;
}
.sheet-dflag[value="pick"] + .sheet-attacks .sheet-display .sheet-pickbase[value="pick"] ~ button[type=roll].sheet-pick,
.sheet-dflag[value="pick"] + .sheet-attacks .sheet-display .sheet-pickbase[value="dmg"] ~ button[type=roll].sheet-dmg,
.sheet-dflag[value="pick"] + .sheet-attacks .sheet-display .sheet-pickbase[value="empty"] ~ button[type=roll].sheet-empty,
.sheet-dflag[value="full"] + .sheet-attacks .sheet-display button[type=roll].sheet-full,
.sheet-dflag[value="pick"] + .sheet-actions .sheet-display button[type=roll].sheet-pick,
.sheet-dflag[value="full"] + .sheet-actions .sheet-display button[type=roll].sheet-full
{
display: inline-block;
}
.sheet-attacks .sheet-options-flag,
.sheet-spell .sheet-options-flag,
.sheet-tool .sheet-options-flag,
@@ -935,7 +965,7 @@ button[type=roll] * {
width: 100%;
}
.repcontrol {
/*.repcontrol {
display: none;
}
@@ -951,9 +981,65 @@ button[type=roll] * {
.sheet-traits:hover .repcontrol,
.sheet-actions:hover .repcontrol,
.sheet-equipment:hover .repcontrol,
.sheet-resources:hover .repcontrol
.sheet-col3:hover .repcontrol
{
display: block;
}*/
.repcontrol .btn {
visibility: hidden;
}
.repcontrol .repcontrol_edit:after {
content: '#';
visibility: visible;
font-family: pictos;
background-color: #fff;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
content: '*';
}
.repcontrol .repcontrol_add:before {
content: '&';
visibility: visible;
font-family: pictos;
background-color: #fff;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
}
.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before
{
background-color: #EFEFEF;
}
.sheet-resources .repcontrol {
margin-top: -10px;
}
.itemcontrol {
z-index: 10;
}
.itemcontrol .repcontrol_del {
font-size: 10px;
margin-top: 3px;
padding: 0px;
height: 18px;
width: 18px;
}
.sheet-tool .sheet-options,
@@ -2017,7 +2103,7 @@ button[type=roll] * {
.sheet-rolltemplate-npcatk .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcdmg .inlinerollresult.fullcrit
{
color: #3FB315;
color: #3FB315;
border: none;
}
@@ -2026,7 +2112,7 @@ button[type=roll] * {
.sheet-rolltemplate-npcatk .inlinerollresult.fullfail,
.sheet-rolltemplate-npcdmg .inlinerollresult.fullfail
{
color: #B31515;
color: #B31515;
border: none;
}
@@ -2035,7 +2121,7 @@ button[type=roll] * {
.sheet-rolltemplate-npcatk .inlinerollresult.importantroll,
.sheet-rolltemplate-npcdmg .inlinerollresult.importantroll
{
color: #4A57ED;
color: #4A57ED;
border: none;
}
@@ -2153,16 +2239,49 @@ button[type=roll] * {
display: block;
}
.sheet-equipment .sheet-warning span {
.sheet-equipment .sheet-warning span,
.sheet-equipment .sheet-encumb
{
color: red;
}
.sheet-equipment .sheet-encumb
{
display: none;
font-size: 9px;
}
.sheet-equipment .sheet-encumberance[value="IMMOBILE"] ~ .sheet-immobile,
.sheet-equipment .sheet-encumberance[value="HEAVILY ENCUMBERED"] ~ .sheet-heavily,
.sheet-equipment .sheet-encumberance[value="ENCUMBERED"] ~ .sheet-encumbered,
.sheet-equipment .sheet-encumberance[value="OVER CARRYING CAPACITY"] ~ .sheet-over,
{
display: block;
}
.sheet-equipment .sheet-warning input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
width: auto;
}
.sheet-equipment .sheet-item .sheet-subitem .sheet-equipped {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
width: initial;
margin-left: 15px;
}
.sheet-equipment .sheet-item .sheet-subitem .sheet-equippedlabel {
width: calc(100% - 50px);
text-align: left;
padding-left: 5px;
}
.sheet-equipment .sheet-equippedflag[value="unequipped"] ~ .sheet-item > .sheet-name {
color: #999;
}
.sheet-version {
position: absolute;
top: 0px;
@@ -2182,3 +2301,79 @@ button[type=roll] * {
.charsheet .sheet-spells .sheet-spellattackinfoflag[value="show"] ~ .sheet-spellattackinfo {
display: block;
}
.sheet-attack input[type=text].sheet-flat {
display: none;
}
.sheet-attack .sheet-flatflag[value="show"] ~ input[type=text].sheet-flat {
display: inline-block;
}
.sheet-rolltemplate-simple .sheet-charname,
.sheet-rolltemplate-atk .sheet-charname,
.sheet-rolltemplate-dmg .sheet-charname,
.sheet-rolltemplate-atkdmg .sheet-charname
{
text-align: center;
margin-top: -10px;
}
.sheet-rolltemplate-simple .sheet-charname span,
.sheet-rolltemplate-atk .sheet-charname span,
.sheet-rolltemplate-dmg .sheet-charname span,
.sheet-rolltemplate-atkdmg .sheet-charname span
{
font-size: 11px;
font-weight: normal;
color: #A0A0A0;
}
.sheet-advantagetoggle {
display: none;
}
.sheet-toggleflag[value="show"] ~ .sheet-advantagetoggle {
display: block;
}
/* TRANSITION SCRIPT */
.sheet-class_options,
.sheet-skill_options,
.sheet-general_options,
.sheet-transition_options
{
border: 1px solid #666;
border-radius: 5px;
padding: 5px;
margin-bottom: 5px;
}
.sheet-transition_options {
display: none;
}
.sheet-already_transitioned[value="0"] ~ .sheet-transition_options {
display: block;
}
.sheet-sheet_select img {
padding: 5px;
border: 1px solid #BBB;
border-radius: 5px;
}
.sheet-sheet_select img:hover {
background-color: #DDD;
cursor: pointer!important;
}
.charsheet .sheet-options .sheet-row span.sheet-transition_text {
color: #A0A0A0;
}
.charsheet .sheet-options .sheet-row span.sheet-transition_text_highlight {
color: #F00;
}
/* /TRANSITION SCRIPT */