Update harp.css
This commit is contained in:
Imaginos
+656
-11
@@ -23,7 +23,7 @@ input.sheet-tab6:checked ~ div.sheet-section-combat,
|
||||
input.sheet-tab7:checked ~ div.sheet-section-grimoire,
|
||||
input.sheet-tab8:checked ~ div.sheet-section-posessions,
|
||||
input.sheet-tab9:checked ~ div.sheet-section-notes,
|
||||
/*input.sheet-tab10:checked ~ div.sheet-section-settings,*/
|
||||
input.sheet-tab10:checked ~ div.sheet-section-settings,
|
||||
input.sheet-tab11:checked ~ div.sheet-section-armor,
|
||||
input.sheet-tab12:checked ~ div.sheet-section-profession,
|
||||
input.sheet-tab13:checked ~ div.sheet-section-race,
|
||||
@@ -61,7 +61,7 @@ input.sheet-tab24:checked ~ div.sheet-section-subterfuge,
|
||||
/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
|
||||
.charsheet span.sheet-tab {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
/*background: #1F5D5A;*/
|
||||
background: DarkOliveGreen;
|
||||
@@ -71,8 +71,8 @@ input.sheet-tab24:checked ~ div.sheet-section-subterfuge,
|
||||
border-radius: 16px;
|
||||
|
||||
width: 80px;
|
||||
height: 25px;
|
||||
cursor: pointer;
|
||||
height: 25px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
margin-left: -81px;/*originally 91px*/
|
||||
@@ -131,6 +131,34 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
|
||||
|
||||
/*----------- End Tab Setup -----------*/
|
||||
|
||||
|
||||
.repcontainer[data-groupname=repeating_profession] .repitem:nth-child(even) {
|
||||
background-color: #f4f7ed;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
.repcontainer[data-groupname=repeating_profession] .repitem:nth-child(odd) {
|
||||
background-color: white;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.repcontainer[data-groupname=repeating_race] .repitem:nth-child(even) {
|
||||
background-color: #f4f7ed;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
.repcontainer[data-groupname=repeating_race] .repitem:nth-child(odd) {
|
||||
background-color: white;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* THIS SECTION IS FOR THE INSTRUCTIONS CARDS */
|
||||
|
||||
/* END OF INSTRUCTION CARD SETUP*/
|
||||
@@ -144,6 +172,15 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
grid-template-areas: "cone ctwo cthree cfour cfive csix";
|
||||
}
|
||||
|
||||
.sheet-eight-column{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
grid-gap: 3px;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-areas: "cone ctwo cthree cfour cfive csix cseven ceight";
|
||||
}
|
||||
|
||||
.sheet-three-column{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
@@ -153,6 +190,15 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
grid-template-areas: "tcleft tccenter tcright";
|
||||
}
|
||||
|
||||
.sheet-three-column-wide-left{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
grid-gap: 3px;
|
||||
grid-template-columns: 50% 25% 25%;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-areas: "tcleft tccenter tcright";
|
||||
}
|
||||
|
||||
.sheet-two-column{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
@@ -165,12 +211,24 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
.sheet-two-column-left-wide{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
grid-gap: 3px;
|
||||
grid-template-columns: 65% 34%;
|
||||
grid-gap: 15px;
|
||||
grid-template-columns: 55% 40%;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-areas: "colleftw colrightw";
|
||||
}
|
||||
|
||||
.sheet-two-column-left-narrow{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
font-family: 'arial', sans-serif;
|
||||
font-size: 12px;
|
||||
background-color: #f4f7ed;
|
||||
grid-gap: 5px;
|
||||
grid-template-columns: 25% 75%;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-areas: "colleftn colrightn";
|
||||
}
|
||||
|
||||
.sheet-two-column-right-wide{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
@@ -229,9 +287,9 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
display: grid;
|
||||
width: 100%;
|
||||
grid-gap: 3px;
|
||||
grid-template-columns: .5fr 2fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
grid-template-columns: .5fr 1.5fr 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-areas: "spbutt spsphere spname sptype sprr sprnk sprnkbns spstat spother sptotal";
|
||||
grid-template-areas: "spbutt spsphere spname sppp sptype sprr sprnk sprnkbns spstat spother sptotal";
|
||||
}
|
||||
|
||||
.sheet-cone{
|
||||
@@ -258,6 +316,14 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
grid-area: csix;
|
||||
}
|
||||
|
||||
.sheet-cseven{
|
||||
grid-area: cseven;
|
||||
}
|
||||
|
||||
.sheet-ceight{
|
||||
grid-area: ceight;
|
||||
}
|
||||
|
||||
.sheet-tcleft{
|
||||
grid-area: tcleft;
|
||||
}
|
||||
@@ -286,6 +352,16 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
grid-area: colrightrw;
|
||||
}
|
||||
|
||||
.sheet-colleftn{
|
||||
grid-area: colleftn;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.sheet-colrightn{
|
||||
grid-area: colrightn;
|
||||
|
||||
}
|
||||
|
||||
.sheet-colleftrw{
|
||||
grid-area: colleftrw;
|
||||
}
|
||||
@@ -443,6 +519,10 @@ input.sheet-tab24:checked + span.sheet-tab24,{
|
||||
gird-area: spname;
|
||||
}
|
||||
|
||||
.sheet-sppp{
|
||||
grid-area: sppp;
|
||||
}
|
||||
|
||||
.sheet-sptype{
|
||||
gird-area: sptype;
|
||||
}
|
||||
@@ -493,6 +573,21 @@ input[type=text].sheet-compact{
|
||||
|
||||
}
|
||||
|
||||
input[type=text].sheet-compact-spell{
|
||||
font-family: "Arial", sans-serif;
|
||||
font-size: 11px;
|
||||
height: 20px;
|
||||
|
||||
}
|
||||
|
||||
input[type=text].sheet-compact-encumbrance{
|
||||
font-family: "Arial", sans-serif;
|
||||
width: 50px;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
|
||||
}
|
||||
|
||||
input[type=text].sheet-compact-label{
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
@@ -513,10 +608,12 @@ input[type=number].sheet-compact-number-skill{
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
width: 30px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
input[type=text].sheet-text-full{
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
input.sheet-text-225
|
||||
@@ -591,7 +688,20 @@ select.sheet-compact-select-ci{
|
||||
font-size: 10px;
|
||||
color: black;
|
||||
height: 21px;
|
||||
width: 100%;
|
||||
width: 45%;
|
||||
background: transparent;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: solid 1px lightgray;
|
||||
}
|
||||
|
||||
select.sheet-compact-select-cip{
|
||||
font-size: 10px;
|
||||
background: transparent;
|
||||
color: black;
|
||||
height: 21px;
|
||||
width: 45%;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
@@ -624,11 +734,27 @@ select.sheet-compact-select-cires{
|
||||
text-overflow: '';
|
||||
}
|
||||
|
||||
select.sheet-compact-select-range{
|
||||
font-size: 9px;
|
||||
color: black;
|
||||
height: 20px;
|
||||
width: 25%;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: solid 1px lightgray;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
text-indent: 1px;
|
||||
text-overflow: '';
|
||||
}
|
||||
|
||||
select.sheet-compact-select-cistat{
|
||||
font-size: 9px;
|
||||
color: black;
|
||||
height: 20px;
|
||||
width: 40%;
|
||||
background: transparent;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
@@ -711,6 +837,10 @@ div.sheet-instruction{
|
||||
color: black;
|
||||
}
|
||||
|
||||
div.sheet-padded{
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
span.sheet-section-label{
|
||||
font-size: 20px;
|
||||
font-family: 'Metamorphous', cursive;
|
||||
@@ -732,6 +862,40 @@ span.sheet-minor-label{
|
||||
font-family: 'Rosarivo', serif;
|
||||
}
|
||||
|
||||
span.sheet-minor-label-r{
|
||||
font-size: 13px;
|
||||
color: red;
|
||||
font-family: 'Metamorphous', cursive;
|
||||
font-family: 'Fondamento', cursive;
|
||||
font-family: 'Rosarivo', serif;
|
||||
}
|
||||
|
||||
span.sheet-minor-button{
|
||||
font-size: 14px;
|
||||
font-family: 'Metamorphous', cursive;
|
||||
font-family: 'Fondamento', cursive;
|
||||
font-family: 'Rosarivo', serif;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
span.sheet-category-label{
|
||||
font-size: 8px;
|
||||
font-family: 'Arial',sans-serif;
|
||||
}
|
||||
|
||||
span.sheet-category-label-r{
|
||||
color: red;
|
||||
font-size: 10px;
|
||||
font-family: 'Arial',sans-serif;
|
||||
}
|
||||
|
||||
span.sheet-favored-label{
|
||||
font-size: 11px;
|
||||
font-family: 'Arial',sans-serif;
|
||||
padding: 3px;
|
||||
color: DarkOliveGreen;
|
||||
}
|
||||
|
||||
input.sheet-compact-wide{
|
||||
font-size: 10px;
|
||||
height: 20px;
|
||||
@@ -781,6 +945,29 @@ textarea.sheet-talent{
|
||||
font-size: 11px;
|
||||
width: 93%;
|
||||
height: 35px;
|
||||
background: transparent;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: solid 1px lightgray;
|
||||
}
|
||||
|
||||
textarea.sheet-lifespan{
|
||||
font-size: 11px;
|
||||
width: 93%;
|
||||
height: 15px;
|
||||
background: transparent;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: solid 1px lightgray;
|
||||
}
|
||||
|
||||
textarea.sheet-profession{
|
||||
font-size: 11px;
|
||||
width: 93%;
|
||||
height: 75px;
|
||||
background: transparent;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
@@ -850,11 +1037,36 @@ button.sheet-button-skill{
|
||||
}
|
||||
|
||||
|
||||
button[type="roll"].sheet-txt-btn:before{
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
button[type="roll"].sheet-txt-btn{
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
text-align: left;
|
||||
text-shadow: initial
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
button[type="roll"].sheet-txt-btn:hover{
|
||||
background-color: DarkOliveGreen;
|
||||
color: GoldenRod;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input[type=checkbox].sheet-check{
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
input[type=checkbox].sheet-check-tiny{
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.sheet-full-suit,
|
||||
.sheet-armor-switch-s:checked ~ .sheet-piecemeal {
|
||||
display: block;
|
||||
@@ -957,6 +1169,7 @@ div.repcontrol.editmode button.repcontrol_edit::before
|
||||
.sheet-rolltemplate-skill .sheet-outdoor {background: DarkOliveGreen;color: OldLace;}
|
||||
.sheet-rolltemplate-skill .sheet-physical {background: SaddleBrown;color: OldLace;}
|
||||
.sheet-rolltemplate-skill .sheet-subterfuge {background: Grey;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-skill .sheet-unskilled {background: Crimson;color: OldLace;}
|
||||
|
||||
.sheet-rolltemplate-skill .sheet-partner{font-size: .5em}
|
||||
|
||||
@@ -998,6 +1211,7 @@ div.repcontrol.editmode button.repcontrol_edit::before
|
||||
color: black;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
/*border-right: 1px;
|
||||
color: black;
|
||||
border-left: 1px;
|
||||
border-top: none;
|
||||
border-bottom: 1px;
|
||||
@@ -1015,6 +1229,16 @@ div.repcontrol.editmode button.repcontrol_edit::before
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.sheet-rolltamplate-skill .sheet-fumble{
|
||||
text-align: center;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: Crimson;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-skill .sheet-display-minor{
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
@@ -1056,6 +1280,11 @@ div.repcontrol.editmode button.repcontrol_edit::before
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-skill .sheet-info-tag{
|
||||
font-size: 12px;
|
||||
font-family: 'Courier', sans-serif;
|
||||
}
|
||||
|
||||
/* Roll Buttons */
|
||||
.sheet-rolltemplate-skill a[href^='!'],
|
||||
.sheet-rolltemplate-skill a[href^='~'],
|
||||
@@ -1090,4 +1319,420 @@ div.repcontrol.editmode button.repcontrol_edit::before
|
||||
}
|
||||
.sheet-rolltemplate-skill a:not([href^='~']):not([href^='!']):not([href^='`']):visited:hover{
|
||||
color:rgb(187, 45, 187);
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- Mod Roll Template ---- if you find this. DO NOT MESS WITH IT !!! GCP-HARP-1000*/
|
||||
.sheet-rolltemplate-mod .sheet-container {
|
||||
padding: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: LightGray;
|
||||
/*color: OldLace;*/
|
||||
font-family: 'Merriweather', serif;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-artistic {background: DodgerBlue;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-mod .sheet-athletic {background: Maroon;color: OldLace;}
|
||||
.sheet-rolltemplate-mod .sheet-combat {background: black;color: OldLace;}
|
||||
.sheet-rolltemplate-mod .sheet-concentration {background: SlateGray;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-mod .sheet-general {background: MidnightBlue;color: OldLace;}
|
||||
.sheet-rolltemplate-mod .sheet-influence {background: IndianRed;color: OldLace;}
|
||||
.sheet-rolltemplate-mod .sheet-mystical {background: purple;color: OldLace;}
|
||||
.sheet-rolltemplate-mod .sheet-outdoor {background: DarkOliveGreen;color: OldLace;}
|
||||
.sheet-rolltemplate-mod .sheet-physical {background: SaddleBrown;color: OldLace;}
|
||||
.sheet-rolltemplate-mod .sheet-subterfuge {background: Grey;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-mod .sheet-unmoded {background: Crimson;color: OldLace;}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-partner{font-size: .5em}
|
||||
|
||||
|
||||
|
||||
.sheet-rolltemplate-mod .div{
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-mod-header{
|
||||
padding: 2px;
|
||||
margin-top: 5px;
|
||||
font-family: 'Merriweather', serif;
|
||||
color: black;
|
||||
background: OldLace;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
text-align: center;
|
||||
border-right: 1px;
|
||||
border-left: 1px;
|
||||
border-top: 1px;
|
||||
border-bottom: none;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-mod-title{
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-subtitle{
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-content{
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
color: black;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
/*border-right: 1px;
|
||||
color: black;
|
||||
border-left: 1px;
|
||||
border-top: none;
|
||||
border-bottom: 1px;
|
||||
border-style: solid;
|
||||
border-color: black;*/
|
||||
background: OldLace;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-display{
|
||||
text-align: center;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.sheet-rolltamplate-mod .sheet-fumble{
|
||||
text-align: center;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: Crimson;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-display-minor{
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .inlinerollresult{
|
||||
border: none;
|
||||
background: OldLace;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .inlinerollresult.fullcrit{
|
||||
border: none;
|
||||
background: OldLace;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .inlinerollresult.fullfail{
|
||||
border: none;
|
||||
background: OldLace;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .inlinerollresult.importantroll{
|
||||
border: none;
|
||||
background: OldLace;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-mod .sheet-info-tag{
|
||||
font-size: 12px;
|
||||
font-family: 'Courier', sans-serif;
|
||||
}
|
||||
|
||||
/* Roll Buttons */
|
||||
.sheet-rolltemplate-mod a[href^='!'],
|
||||
.sheet-rolltemplate-mod a[href^='~'],
|
||||
.sheet-rolltemplate-mod a[href^='`']{
|
||||
border-radius: 5px;
|
||||
color: black;
|
||||
display: inline-block;
|
||||
border: 1px solid black;
|
||||
background-color: oldlace;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
transition: top ease 0.2s;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
.sheet-rolltemplate-mod a[href^='!']:hover,
|
||||
.sheet-rolltemplate-mod a[href^='~']:hover,
|
||||
.sheet-rolltemplate-mod a[href^='`']:hover{
|
||||
top: -3px;
|
||||
}
|
||||
/* hyperlinks */
|
||||
.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']){
|
||||
font-weight: bold;
|
||||
color:#3f8aa6;
|
||||
}
|
||||
.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']):hover {
|
||||
font-weight: bold;
|
||||
color:#70c0dd;
|
||||
}
|
||||
.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']):visited{
|
||||
color:purple;
|
||||
}
|
||||
.sheet-rolltemplate-mod a:not([href^='~']):not([href^='!']):not([href^='`']):visited:hover{
|
||||
color:rgb(187, 45, 187);
|
||||
}
|
||||
|
||||
|
||||
/*genral purpose roll template*/
|
||||
|
||||
.sheet-rolltemplate-info .sheet-container {
|
||||
padding: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: LightGray;
|
||||
/*color: OldLace;*/
|
||||
font-family: 'Merriweather', serif;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-artistic {background: DodgerBlue;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-info .sheet-athletic {background: Maroon;color: OldLace;}
|
||||
.sheet-rolltemplate-info .sheet-combat {background: black;color: OldLace;}
|
||||
.sheet-rolltemplate-info .sheet-concentration {background: SlateGray;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-info .sheet-general {background: MidnightBlue;color: OldLace;}
|
||||
.sheet-rolltemplate-info .sheet-influence {background: IndianRed;color: OldLace;}
|
||||
.sheet-rolltemplate-info .sheet-mystical {background: purple;color: OldLace;}
|
||||
.sheet-rolltemplate-info .sheet-outdoor {background: DarkOliveGreen;color: OldLace;}
|
||||
.sheet-rolltemplate-info .sheet-physical {background: SaddleBrown;color: OldLace;}
|
||||
.sheet-rolltemplate-info .sheet-subterfuge {background: Grey;color: WhiteSmoke;}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-partner{font-size: .5em}
|
||||
|
||||
|
||||
|
||||
.sheet-rolltemplate-info .div{
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-skill-header{
|
||||
padding: 2px;
|
||||
margin-top: 5px;
|
||||
font-family: 'Merriweather', serif;
|
||||
color: black;
|
||||
background: OldLace;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
text-align: center;
|
||||
border-right: 1px;
|
||||
border-left: 1px;
|
||||
border-top: 1px;
|
||||
border-bottom: none;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-info-title{
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-content{
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
color: black;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
/*border-right: 1px;
|
||||
border-left: 1px;
|
||||
border-top: none;
|
||||
border-bottom: 1px;
|
||||
border-style: solid;
|
||||
border-color: black;*/
|
||||
background: OldLace;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-subtitle{
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-display-minor{
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-info .sheet-display-props{
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-family: 'Courier', sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
|
||||
/* this is the template for missile weapon ranges */
|
||||
|
||||
|
||||
.sheet-rolltemplate-range .sheet-container {
|
||||
padding: 4px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: LightGray;
|
||||
/*color: OldLace;*/
|
||||
font-family: 'Merriweather', serif;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-artistic {background: DodgerBlue;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-range .sheet-athletic {background: Maroon;color: OldLace;}
|
||||
.sheet-rolltemplate-range .sheet-combat {background: black;color: OldLace;}
|
||||
.sheet-rolltemplate-range .sheet-concentration {background: SlateGray;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-range .sheet-general {background: MidnightBlue;color: OldLace;}
|
||||
.sheet-rolltemplate-range .sheet-influence {background: IndianRed;color: OldLace;}
|
||||
.sheet-rolltemplate-range .sheet-mystical {background: purple;color: OldLace;}
|
||||
.sheet-rolltemplate-range .sheet-outdoor {background: DarkOliveGreen;color: OldLace;}
|
||||
.sheet-rolltemplate-range .sheet-physical {background: SaddleBrown;color: OldLace;}
|
||||
.sheet-rolltemplate-range .sheet-subterfuge {background: Grey;color: WhiteSmoke;}
|
||||
.sheet-rolltemplate-range .sheet-longbow {background: Sienna; color: Gainsboro;}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-partner{font-size: .5em}
|
||||
|
||||
|
||||
|
||||
.sheet-rolltemplate-range .div{
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-skill-header{
|
||||
padding: 2px;
|
||||
margin-top: 5px;
|
||||
font-family: 'Merriweather', serif;
|
||||
color: black;
|
||||
background: OldLace;
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
text-align: center;
|
||||
border-right: 1px;
|
||||
border-left: 1px;
|
||||
border-top: 1px;
|
||||
border-bottom: none;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-range-title{
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-content{
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
color: black;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
/*border-right: 1px;
|
||||
border-left: 1px;
|
||||
border-top: none;
|
||||
border-bottom: 1px;
|
||||
border-style: solid;
|
||||
border-color: black;*/
|
||||
background: OldLace;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-range-hdr{
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-family: 'Merriweather', serif;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-range-display{
|
||||
text-align: center;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-family: 'courier', sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range .sheet-smoke{
|
||||
background-color: smokewhite;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range table {
|
||||
border: 1px solid;
|
||||
border-color: black;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-range td {
|
||||
border: 1px solid;
|
||||
border-color: LightGray;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.charsheet input.sheet-toggle-show {
|
||||
-webkit-apperance: none;/*Appearance attribute for webkit browsers, specifically Safari*/
|
||||
appearance: none;/*Removes the default checkbox appearance and allows us to style them as any other element*/
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
height: 12px;
|
||||
width: 12px;*/
|
||||
padding: 0;
|
||||
border:0px solid;
|
||||
font-family:pictos;
|
||||
z-index:9999;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-toggle-show:focus{
|
||||
outline:0px solid;
|
||||
outline-offset:0;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-toggle-show:not(:checked){
|
||||
background-image: url(https://raw.githubusercontent.com/imaginosmusic/Assets/AssetsMain/Images/OpenGear.png);
|
||||
}
|
||||
|
||||
.charsheet input.sheet-toggle-show:checked{
|
||||
background-image: url(https://raw.githubusercontent.com/imaginosmusic/Assets/AssetsMain/Images/CloseGear.png);
|
||||
}
|
||||
|
||||
.sheet-columns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 400px;
|
||||
}
|
||||
.sheet-columns > * {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
input.sheet-toggle-show:not(:checked) ~ div.sheet-body{
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
.sheet-toggle-show+span{
|
||||
display: inline-block;
|
||||
margin-left: -25px;
|
||||
cursor: pointer;
|
||||
font-family: pictos;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
}
|
||||
*/
|
||||
Reference in New Issue
Block a user