mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
2181 lines
41 KiB
CSS
2181 lines
41 KiB
CSS
/**** Official looking Shadowrun Anarchy Sheet ****/
|
|
/**** Colors:
|
|
Blue headers - #4f7da7;
|
|
Yellow - #e9b230;
|
|
TanRows - #8c9180;
|
|
French Yellow - #f2be1a
|
|
French Gray - #d2d5d8
|
|
****/
|
|
|
|
button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
border-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
text-shadow: none;
|
|
}
|
|
|
|
button:hover,
|
|
button:focus {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.ui-dialog .charsheet button[type=roll] {
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 2px 0px;
|
|
}
|
|
|
|
button:before {
|
|
display: none;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
h1, h3 {
|
|
color: #ffffff;
|
|
}
|
|
|
|
h1, h2, h3, h4 {
|
|
font-family: monospace;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
img {
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
input {
|
|
-webkit-box-shadow: none;
|
|
border-bottom: 1px solid;
|
|
border-radius: 0px;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
opacity: 0;
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
|
|
input[type="number"],
|
|
input[type="text"] {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
label {
|
|
padding-right: 0px;
|
|
}
|
|
|
|
textarea,
|
|
textarea::-webkit-input-placeholder {
|
|
background: transparent;
|
|
resize: vertical;
|
|
border: 0px;
|
|
height: inherit;
|
|
font-size: 0.8em;
|
|
overflow-wrap: break-word;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
/**** Removes the arrows for increase numbers ****/
|
|
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button,
|
|
select {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet {
|
|
margin-left: -10px;
|
|
}
|
|
|
|
img.sheet-header {
|
|
width: 850px;
|
|
}
|
|
|
|
.sheet-pictos {
|
|
font-family: "Pictos";
|
|
}
|
|
|
|
.sheet-row-name .sheet-special button[type="action"],
|
|
.sheet-row-name .sheet-npc-toggle button[type="action"] {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-row-name button[type="action"].sheet-pictos:hover{
|
|
color: #fff;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-row-name .sheet-special button[type="action"]:hover {
|
|
color: #4f7da7;
|
|
}
|
|
|
|
.sheet-row-name .sheet-npc-toggle button[type="action"]:hover {
|
|
color: #e9b230;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
div.sheet-row-name button[type="action"].sheet-pictos {
|
|
font-size: 2em;
|
|
margin-left: 2%;
|
|
margin-top: 10%;
|
|
}
|
|
|
|
div.sheet-special {
|
|
width: 8%;
|
|
}
|
|
|
|
div.sheet-special input[value="awakened"] ~ button[name="act_awakened"],
|
|
div.sheet-special input[value="emerged"] ~ button[name="act_emerged"] {
|
|
color: #4f7da7;
|
|
}
|
|
|
|
div.sheet-npc-toggle {
|
|
margin-top: 1%;
|
|
width: 5%;
|
|
}
|
|
|
|
|
|
/**** Repeating Sections Styled ****/
|
|
|
|
.repcontrol {
|
|
display: inline-block;
|
|
width: 100%;
|
|
border-radius: 25px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.repcontainer {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.repcontainer .repitem {
|
|
width: 32.5%;
|
|
display: inline-block;
|
|
margin: 0px 3px 0px 3px;
|
|
}
|
|
|
|
.sheet-bubblerow .repcontainer {
|
|
margin-bottom: -20px;
|
|
}
|
|
|
|
.sheet-bubblerow .repcontainer .repitem {
|
|
height: auto;
|
|
margin-bottom: 5px;
|
|
vertical-align: top;
|
|
width: 32%;
|
|
}
|
|
|
|
.sheet-bubblerow .repcontrol {
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.sheet-weaponsection .repcontainer {
|
|
margin-top: -25px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.repcontrol .repcontrol_add, .repcontrol .repcontrol_edit {
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 10px;
|
|
color: white;
|
|
letter-spacing: .12em;
|
|
background: #59595b;
|
|
border: none;
|
|
}
|
|
|
|
.repcontrol .repcontrol_add:hover,
|
|
.repcontrol .repcontrol_edit:hover {
|
|
background: #4f7da7;
|
|
}
|
|
|
|
.repcontrol .repcontrol_add {
|
|
border-radius: 0px 20px 20px 0px;
|
|
border-left: 10px solid #001323;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit {
|
|
border-radius: 20px 0px 0px 20px;
|
|
border-right: 10px solid #001323 ;
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_del,
|
|
.itemcontrol .repcontrol_move {
|
|
margin-top: 5px;
|
|
padding: 0px;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_del {
|
|
color: #4f7da7;
|
|
font-family: pictos;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_move {
|
|
font-size: 10px;
|
|
}
|
|
|
|
/**** Sheet Page ****/
|
|
|
|
.sheet-container {
|
|
width: 850px;
|
|
font-family: sans-serif;
|
|
font-weight: bolder;
|
|
align-content: center;
|
|
}
|
|
|
|
/**** PC Page ****/
|
|
|
|
.sheet-pc {
|
|
background-color: #ffffff;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
.sheet-row-name {
|
|
display: inline-block;
|
|
border: 1px solid #000000;
|
|
border-radius: 0em 0em 1em 1em;
|
|
}
|
|
|
|
.sheet-tan {
|
|
background-color: #8c9180;
|
|
}
|
|
|
|
.sheet-tan h2 {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sheet-col-name {
|
|
width: 80%;
|
|
}
|
|
|
|
.sheet-col-name input[name="attr_character_name"] {
|
|
background : none;
|
|
border : none;
|
|
box-shadow : none;
|
|
color : #000000;
|
|
font-size : 2em;
|
|
height : 35px;
|
|
margin-left : 5%;
|
|
margin-top : 0.5%;
|
|
text-transform: uppercase;
|
|
width : 90%;
|
|
}
|
|
|
|
/**** Format the Attribute area ****/
|
|
|
|
.sheet-attribute {
|
|
height: 9em;
|
|
}
|
|
|
|
.sheet-attribute .sheet-col {
|
|
text-align: center;
|
|
width: 15.4%;
|
|
}
|
|
|
|
.sheet-attribute .sheet-col:nth-child(1) {
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|
|
|
|
.sheet-attribute h1 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-attribute h1:hover {
|
|
color: #4f7da7;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-attribute input[type="number"] {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
font-size: 4em;
|
|
margin: 0em 0em .2em 0em;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
width: 1.5em;
|
|
}
|
|
|
|
/**** Format the Toggle Gears ****/
|
|
|
|
.sheet-toggle input[type="checkbox"] {
|
|
height: 20px;
|
|
width: 30px;
|
|
}
|
|
|
|
.sheet-toggle input[type="checkbox"] + span {
|
|
font-family: pictos;
|
|
font-size: 16px;
|
|
position: relative;
|
|
}
|
|
|
|
/**** Inputs for Karma ****/
|
|
|
|
.sheet-karma {
|
|
display: inline-flex;
|
|
margin: -1em 0em -4em 40em;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-karma-bubbles {
|
|
background: white;
|
|
color: black;
|
|
width: 115px;
|
|
height: 35px;
|
|
text-shadow: none;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
border: 1px solid black;
|
|
border-radius: 10px 10px 10px 10px;
|
|
margin: 0em 1em 0em 0em;
|
|
}
|
|
|
|
.sheet-karma-bubbles input[type="number"] {
|
|
border: none;
|
|
height: 1.5em;
|
|
margin-top: -0.5em;
|
|
width: 5em;
|
|
}
|
|
|
|
div.sheet-karma label,
|
|
div.sheet-meta label {
|
|
font-size : 0.9em;
|
|
text-align : center;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
|
|
/**** Inputs for Metatype ****/
|
|
|
|
div.sheet-meta {
|
|
background-color: white;
|
|
border : 1px solid #000;
|
|
border-radius : 5px;
|
|
float : left;
|
|
margin : -1em 0em -4em 5em;
|
|
width : 12%;
|
|
}
|
|
|
|
div.sheet-meta label {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
div.sheet-meta input[name="attr_metatype"] {
|
|
border : 0px;
|
|
border-bottom-left-radius : 5px;
|
|
border-bottom-right-radius: 5px;
|
|
padding : 0px;
|
|
width : 100%;
|
|
}
|
|
|
|
/**** Dispositions Customizations ****/
|
|
|
|
.sheet-dispositionsrow {
|
|
border-top: 2px solid #000;
|
|
box-shadow: 0px -5px 5px -5px;
|
|
}
|
|
|
|
.sheet-dispositionsrow h2 {
|
|
left: 37%;
|
|
margin-bottom: 10px;
|
|
margin-top: -15px;
|
|
position: relative;
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-dispositionsrow .sheet-textbox,
|
|
.sheet-cuerow .sheet-textbox {
|
|
margin: -20px 0px 0px 0px !important;
|
|
}
|
|
|
|
.sheet-dispositions input {
|
|
width: 45%;
|
|
display: inline-block;
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0px 0px 0px 0px;
|
|
margin: 0em 0em 0em 1.5em;
|
|
}
|
|
|
|
/**** Format the Skill Capsules ****/
|
|
|
|
.sheet-skillrow {
|
|
border-top: 3px solid #000;
|
|
}
|
|
|
|
.sheet-skillrow h2 {
|
|
left: 34.5%;
|
|
position: relative;
|
|
top: -40px;
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-skillbox {
|
|
min-height: 40px;
|
|
display: inline-block;
|
|
width: 95%;
|
|
background: #ffffff;
|
|
resize: none;
|
|
margin: 10px 0px 10px 15px;
|
|
box-shadow: none;
|
|
border: 1.4px solid #000000;
|
|
border-radius: 15px 15px 15px 15px;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.sheet-skillbox input {
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-skillbox input[type="text"] {width: 75%;}
|
|
|
|
.sheet-skillbox input[type="text"]:last-child {width: 85%;}
|
|
|
|
.sheet-skillbox input[type="number"],
|
|
.sheet-ampbox input[type="number"] {width: 10%;}
|
|
|
|
.sheet-skillname {
|
|
color: black;
|
|
font-size: 0.65em;
|
|
font-weight: bold;
|
|
line-height: 35px;
|
|
text-shadow: none;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
span.sheet-skillname:hover {
|
|
color: #4f7da7;
|
|
background-color: none;
|
|
}
|
|
|
|
.sheet-skillheader {
|
|
display: inline-block;
|
|
width: 80%;
|
|
}
|
|
|
|
.sheet-skillheader button[type="roll"] {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-skillcontainer {
|
|
width: 20%;
|
|
margin-top: 0.5em;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-skillcontainer,
|
|
.sheet-skillbox select {
|
|
color:#ffffff;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-skillcontainer span {font-size: 1.5em;}
|
|
|
|
.sheet-skillbox select {
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
font-size: 1.5em;
|
|
height: inherit;
|
|
margin-left: -5px;
|
|
margin-top: -8px;
|
|
text-align: center;
|
|
width: 76%;
|
|
}
|
|
|
|
.sheet-option {color: black;}
|
|
|
|
/****Start of AMP area ****/
|
|
|
|
.sheet-essence-box {
|
|
display: inline-block;
|
|
width: 80%;
|
|
z-index: 1;
|
|
position: relative;
|
|
margin-top: -15px;
|
|
margin-left: 42px;
|
|
}
|
|
|
|
.sheet-essence-box h2,
|
|
.sheet-essence-box h3,
|
|
.sheet-essence-box input[type="text"] {
|
|
display: inherit;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-essence-box h2 {margin-left: 22.5%;}
|
|
|
|
.sheet-essence-box h3 {margin-left: 2%;}
|
|
|
|
.sheet-essence-input {
|
|
background: none;
|
|
border: 1px solid #ffffff2b;
|
|
color: #ffffff;
|
|
font-size: 1em;
|
|
margin-bottom: 3px;
|
|
margin-right: 5px;
|
|
width: 2em !important;
|
|
}
|
|
|
|
.sheet-essence-note {
|
|
width: 14em;
|
|
background: #ffffff;
|
|
border: 1px solid #000000;
|
|
border-radius: 5px 5px 5px 5px;
|
|
margin-right: 2%;
|
|
text-align: left;
|
|
}
|
|
|
|
/**** Amps ****/
|
|
|
|
.sheet-amprow {
|
|
border-top: 1px solid #000;
|
|
box-shadow: 0px -5px 5px -5px;
|
|
}
|
|
|
|
.sheet-ampbox input[type="text"] {width: 80%; margin-top: 2px;}
|
|
|
|
.sheet-ampbox textarea {
|
|
width: 90%;
|
|
margin-top: 5px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-amprating {
|
|
border-radius: 50%;
|
|
width: 25px;
|
|
height: 25px;
|
|
background: white;
|
|
border: 1px solid;
|
|
margin-left: -14px;
|
|
margin-top: 10px;
|
|
float: left;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-amprating span {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
|
|
.sheet-ampheader {width: 100%;}
|
|
|
|
.sheet-ampheader button {
|
|
margin-top: -8px !important;
|
|
}
|
|
|
|
.sheet-textcontainer {
|
|
margin-top: -12px;
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
font-size: 0.9em;
|
|
overflow: hidden;
|
|
overflow-wrap: break-word;
|
|
white-space: pre-line;
|
|
padding: 0px 3px;
|
|
}
|
|
|
|
/**** Formating the Cues inputs ****/
|
|
|
|
.sheet-cues,
|
|
.sheet-gear {
|
|
-webkit-box-shadow: none;
|
|
background-color: #ffffff;
|
|
background-image: repeating-linear-gradient(transparent, transparent 29px, #000000 30px, #000000 20px, white 31px);
|
|
display: inline-block;
|
|
margin: 0px 10px 10px 15px;
|
|
min-height: 35px;
|
|
resize: none;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
width: 46%;
|
|
}
|
|
|
|
.sheet-gear {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.sheet-textbox textarea,
|
|
.sheet-cues span,
|
|
.sheet-gear span {
|
|
font-size: 1em;
|
|
line-height: 2.45em;
|
|
font-weight: normal;
|
|
padding: 8px 5px;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
/**** Customize all the inputs & their spans ****/
|
|
|
|
.sheet-toggle input[type="checkbox"] + span {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-toggle input[type="checkbox"]:hover + span,
|
|
.sheet-toggle input[type="checkbox"]:checked + span {
|
|
display: inline-block;
|
|
color: #e9b230;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-options-flag ~ .sheet-options,
|
|
.sheet-options-flag:checked ~ .sheet-display {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-options-flag:checked ~ .sheet-options,
|
|
.sheet-options-flag ~ .sheet-display {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-dispositionsrow input[type="checkbox"],
|
|
.sheet-dispositionsrow input[type="checkbox"] + span {
|
|
left: 61%;
|
|
top: -20px;
|
|
}
|
|
|
|
.sheet-dispositionsrow input[type="checkbox"] + span {
|
|
left: 58%;
|
|
}
|
|
|
|
.sheet-cuerow input[type="checkbox"] {
|
|
left: 53%;
|
|
top: -23px;
|
|
}
|
|
|
|
.sheet-cuerow input[type="checkbox"] + span {
|
|
left: 50%;
|
|
top: -23px;
|
|
}
|
|
|
|
.sheet-bubblerow .sheet-toggle input[type="checkbox"],
|
|
.sheet-bubblerow .sheet-toggle input[type="checkbox"] + span {
|
|
position: absolute;
|
|
left: 95%;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-bubblerow .sheet-toggle input[type="checkbox"] + span {
|
|
left: 97%;
|
|
}
|
|
|
|
.sheet-unarmedbox input[type="checkbox"],
|
|
.sheet-unarmedbox input[type="checkbox"] + span {
|
|
left: 50%;
|
|
top: -35px;
|
|
}
|
|
|
|
.sheet-unarmedbox input[type="checkbox"] + span {
|
|
left: 41%;
|
|
}
|
|
|
|
.sheet-weaponbox input[type="checkbox"] {
|
|
left: 78%;
|
|
top: 0px;
|
|
}
|
|
|
|
.sheet-weaponbox input[type="checkbox"] + span {
|
|
left: 69%;
|
|
top: 0px;
|
|
}
|
|
|
|
.sheet-armorsection .sheet-toggle input[type="checkbox"],
|
|
.sheet-armorsection .sheet-toggle input[type="checkbox"] + span {
|
|
left: 155px;
|
|
top: -25px;
|
|
}
|
|
|
|
.sheet-armorsection .sheet-toggle input[type="checkbox"] + span {
|
|
left: 130px;
|
|
}
|
|
|
|
.sheet-geartoggle input[type="checkbox"],
|
|
.sheet-geartoggle input[type="checkbox"] + span,
|
|
.sheet-contacttoggle input[type="checkbox"],
|
|
.sheet-contacttoggle input[type="checkbox"] + span {
|
|
left: 27%;
|
|
top: -7px;
|
|
}
|
|
|
|
.sheet-geartoggle input[type="checkbox"] + span {
|
|
left: 18%;
|
|
}
|
|
|
|
.sheet-contacttoggle input[type="checkbox"] {
|
|
left: 47%;
|
|
}
|
|
|
|
.sheet-contacttoggle input[type="checkbox"] + span {
|
|
left: 38%;
|
|
}
|
|
|
|
/**** Cues customizations ****/
|
|
|
|
.sheet-cuerow {
|
|
border-bottom: none;
|
|
border-top: 1px solid #000;
|
|
}
|
|
|
|
.sheet-cuerow h2 {
|
|
position: relative;
|
|
top: -15px;
|
|
width: 10%;
|
|
left: 45%;
|
|
}
|
|
|
|
/**** Qualities ****/
|
|
|
|
.sheet-ampbox {
|
|
background: #ffffff;
|
|
border-radius: 15px 15px 15px 15px;
|
|
border: 1.4px solid #000000;
|
|
box-shadow: none;
|
|
display: inline-block;
|
|
margin: 0px 0px 5px 8px;
|
|
min-height: 35px;
|
|
resize: none;
|
|
text-align: center;
|
|
width: 95%;
|
|
}
|
|
|
|
.sheet-ampbox input {
|
|
border: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-quality-pos + span,
|
|
.sheet-quality-neg + span {
|
|
font-family: pictos;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-quality-pos,
|
|
.sheet-quality-neg {
|
|
left: 5%;
|
|
top: 25px;
|
|
}
|
|
|
|
.sheet-quality-neg {
|
|
left: 82%;
|
|
}
|
|
|
|
.sheet-quality-pos + span,
|
|
.sheet-quality-neg + span {
|
|
left: 0%;
|
|
top: 23px;
|
|
}
|
|
|
|
.sheet-quality-neg + span {
|
|
left: 77.5%;
|
|
}
|
|
|
|
.sheet-quality-neg:checked ~ .sheet-ampbox,
|
|
.sheet-quality-neg[value="negative"] ~ .sheet-skillbox {
|
|
border: 2px dashed;
|
|
}
|
|
|
|
.sheet-quality-pos:checked ~ .sheet-ampbox,
|
|
.sheet-quality-pos[value="positive"] ~ .sheet-skillbox {
|
|
border: 1px solid;
|
|
}
|
|
|
|
.sheet-quality-neg:hover + span,
|
|
.sheet-quality-pos:hover + span,
|
|
.sheet-quality-neg:checked + span,
|
|
.sheet-quality-pos:checked + span {
|
|
color: #4f7da7;
|
|
}
|
|
|
|
.sheet-qualityrow {
|
|
border-top: none;
|
|
}
|
|
|
|
/**** Weapons ****/
|
|
|
|
.sheet-weaponrow {
|
|
border-top: 1px solid #000;
|
|
}
|
|
|
|
.sheet-weaponrow h2 {
|
|
position: relative;
|
|
width: 30%;
|
|
top: -17px;
|
|
left: 19%;
|
|
}
|
|
|
|
.sheet-unarmedbox,
|
|
.sheet-weaponsection,
|
|
.sheet-weaponbox,
|
|
.sheet-armorsection {
|
|
display: inline-block;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.sheet-unarmedbox,
|
|
.sheet-weaponsection {
|
|
border: 1.4px solid #000000;
|
|
}
|
|
|
|
.sheet-unarmedbox,
|
|
.sheet-weaponbox {
|
|
min-height: 35px;
|
|
width: 33%;
|
|
resize: none;
|
|
box-shadow: none;
|
|
text-align: center;
|
|
border-radius: 15px 15px 15px 15px;
|
|
}
|
|
|
|
.sheet-weaponsection {
|
|
width: 98%;
|
|
min-height: 150px;
|
|
border-radius: 5px 5px 0px 0px;
|
|
border-bottom: none;
|
|
margin: -20px 0px 0px 8px;
|
|
}
|
|
|
|
.sheet-unarmedbox {
|
|
width: 29%;
|
|
height: 45px;
|
|
position: relative;
|
|
top: -25px;
|
|
left: 40%;
|
|
}
|
|
|
|
.sheet-unarmedheader {
|
|
width: 30%;
|
|
margin-top: 15px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-unarmedheader h4 {font-size: 1em;}
|
|
|
|
.sheet-unarmeddamagebox {
|
|
width: 66%;
|
|
margin: -35px 0px 0px 75px;
|
|
}
|
|
|
|
.sheet-weaponsubtitlesbox label {
|
|
display: inline-block;
|
|
padding: 0px;
|
|
width: 22%;
|
|
}
|
|
|
|
.sheet-weaponlabels {
|
|
display: inline-block;
|
|
width: 21%;
|
|
}
|
|
|
|
.sheet-weaponsubtitlesbox label,
|
|
.sheet-weaponlabels label {
|
|
color: #59595b;
|
|
font-size: 0.7em;
|
|
text-align: center;
|
|
margin-bottom: 15px;
|
|
margin-top: 2px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-weaponbox {
|
|
display: inline-block;
|
|
width: 98%;
|
|
margin: 5px 0px 5px 2px;
|
|
}
|
|
|
|
.sheet-weapondamagebox {
|
|
display: inline-block;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-options-flag:checked ~ div.sheet-options.sheet-weapondamagebox {
|
|
display: inline-block;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.sheet-unarmeddamagebox input[type="text"],
|
|
.sheet-weapondamagebox input[type="text"] {
|
|
font-size: 1em;
|
|
margin-right: 2px;
|
|
padding: 0px;
|
|
text-transform: uppercase;
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-weapondamagebox input[type="text"] {
|
|
width: 21%;
|
|
}
|
|
|
|
.sheet-weaponsubtitlesbox .sheet-weaponslabel label {
|
|
font-size: 0.7em;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-weaponsubtitlesbox {
|
|
width: 51%;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-weaponheader {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.sheet-weaponheader input[type="text"] {
|
|
float: left;
|
|
margin-bottom: 5px;
|
|
text-transform: none;
|
|
width: 100%;
|
|
}
|
|
|
|
div.sheet-display div.sheet-weaponheader button[type="roll"] {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-display .sheet-weaponheader div.sheet-weaponslabel {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-weaponheader span[name="attr_weapon_type"] {
|
|
font-size: 0.7em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-weaponbody {
|
|
width: 50%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/**** Condition Monitor ****/
|
|
|
|
.sheet-conrow {
|
|
display: inline-block;
|
|
border-top: 1px solid #000;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
|
|
.sheet-conrow h1 {
|
|
width: 40%;
|
|
font-size: 25px;
|
|
position: relative;
|
|
top: -30px;
|
|
left: 31%;
|
|
}
|
|
|
|
.sheet-conrow img {
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
|
|
img.sheet-conmiddec {
|
|
width: 12%;
|
|
transform: rotate(12deg);
|
|
top: 5px;
|
|
left: 50px;
|
|
}
|
|
|
|
img.sheet-conrightdec {
|
|
width: 5%;
|
|
top: -35px;
|
|
left: 130px;
|
|
}
|
|
|
|
img.sheet-conleftdec {
|
|
width: 5%;
|
|
top: -35px;
|
|
left: -28px;
|
|
}
|
|
|
|
img.sheet-conrightdec {
|
|
-webkit-transform: scaleX(-1);
|
|
transform: scaleX(-1);
|
|
}
|
|
|
|
/**** Indent the rows of circles ****/
|
|
|
|
.sheet-circles5 {margin-left: 5px;}
|
|
|
|
.sheet-circles15 {margin-left: 15px;}
|
|
|
|
.sheet-circles25 {margin-left: 25px;}
|
|
|
|
.sheet-circles35 {margin-left: 35px;}
|
|
|
|
/**** Armor Section ****/
|
|
|
|
.sheet-armorbox {
|
|
display: inline-block;
|
|
width: 32%;
|
|
vertical-align: top;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.sheet-armorbox h1 {
|
|
margin: 0px 0px -55px 160px;
|
|
position: relative;
|
|
top: -85px;
|
|
left: 0px;
|
|
}
|
|
|
|
.sheet-armorsection {
|
|
width: 99%;
|
|
min-height: 180px;
|
|
border: 1.5px solid #000;
|
|
border-radius: 0px 15px 0px 0px;
|
|
}
|
|
|
|
.sheet-armorsection img {
|
|
position: relative;
|
|
left: 1%;
|
|
}
|
|
|
|
.sheet-armorsection input[type="text"] {
|
|
border: none;
|
|
border-bottom: 1px solid;
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
width: 70%;
|
|
}
|
|
|
|
.sheet-armorsection input[type="number"] {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-armorsection .sheet-toggle .sheet-options {
|
|
margin: -18px 2px 0px 2px;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-armorsection .sheet-toggle .sheet-display {
|
|
margin-top: -10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-armorcircles {
|
|
width: 60%;
|
|
margin: -85px 0px 0px 100px;
|
|
}
|
|
|
|
.sheet-armorcircles input[type="radio"] {
|
|
height: 25px;
|
|
left: 1px;
|
|
margin-right: -3px;
|
|
top: -7px;
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-armor {
|
|
width: 70%;
|
|
display: inline-block;
|
|
margin: -18px 0px 0px 75px;
|
|
box-shadow: none;
|
|
border-bottom: 1.4px solid #000000;
|
|
border-radius: 0px 0px 0px 0px;
|
|
text-align: right;
|
|
}
|
|
|
|
/**** Physiocal & Stun Damage track areas****/
|
|
|
|
.sheet-conditionbox {
|
|
width: 37%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
color: #fff;
|
|
margin: -45px 2px 0px -205px;
|
|
}
|
|
|
|
.sheet-conditionsection {
|
|
display: inline-block;
|
|
width: 41%;
|
|
vertical-align: top;
|
|
margin: -10px 5px 0px 15px;
|
|
}
|
|
|
|
.sheet-conditionsection h2,
|
|
.sheet-edgesection h2 {
|
|
font-size: 18px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-edgesection {
|
|
width: 40%;
|
|
display: inline-block;
|
|
margin-top: -30px;
|
|
margin-left: 25px;
|
|
}
|
|
|
|
.sheet-edgesection h2 {
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.sheet-conditioncircles input[type="radio"],
|
|
.sheet-edgecircles input[type="radio"] {
|
|
height: 20px;
|
|
left: 2px;
|
|
top: -7px;
|
|
width: 20px;
|
|
}
|
|
|
|
.sheet-edgecircles input[type="radio"] {
|
|
top: -5px;
|
|
}
|
|
|
|
.sheet-armorcircles input[type="radio"] + span,
|
|
.sheet-conditioncircles input[type="radio"] + span,
|
|
.sheet-edgecircles input[type="radio"] + span {
|
|
background: #ffffff;
|
|
border-radius: 50%;
|
|
border: 1px solid #000;
|
|
display: inline-block;
|
|
height: 20px;
|
|
margin-left: -20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.sheet-armorcircles input[type="radio"] + span {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-edgecircles input[type="radio"],
|
|
.sheet-edgecircles input[type="radio"] + span {
|
|
height: 15px;
|
|
width: 15px;
|
|
}
|
|
|
|
.sheet-edgecircles input[type="radio"] + span {
|
|
margin-left: -15px;
|
|
}
|
|
|
|
.sheet-condigit {
|
|
margin-left: 5px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/* Hiding Physical & Stun bubbles */
|
|
input[type="hidden"][value="false"] + input[type="radio"],
|
|
input[type="hidden"][value="false"] + input[type="radio"] + span,
|
|
input[type="hidden"][value="false"] + input[type="radio"] + span + div,
|
|
input[type="hidden"][value="false"] + input[type="radio"] + span + span {
|
|
display: none;
|
|
}
|
|
|
|
/**** Color fill for Armor, Condition tracks, Edge, and plot ****/
|
|
|
|
.sheet-conditioncircles input[type="radio"] + span,
|
|
.sheet-armorcircles input[type="radio"] + span,
|
|
.sheet-edgecircles input[type="radio"] + span {
|
|
content: "";
|
|
background-color: #4f7da7;
|
|
}
|
|
|
|
.sheet-armorcircles input[type="radio"]:checked ~ input[type="radio"] + span,
|
|
.sheet-conditioncircles input[type="radio"]:checked ~ input[type="radio"] + span,
|
|
.sheet-edgecircles input[type="radio"]:checked ~ input[type="radio"] + span,
|
|
input.sheet-radio-header-armor:checked ~ .sheet-armorcircles input[type="radio"] + span,
|
|
input.sheet-radio-header-physical:checked ~ .sheet-conditioncircles input[type="radio"] + span,
|
|
input.sheet-radio-header-small:checked ~ .sheet-conditioncircles input[type="radio"] + span,
|
|
input.sheet-radio-header-small:checked ~ .sheet-edgecircles input[type="radio"] + span {
|
|
content: "";
|
|
background-color: #fff;
|
|
}
|
|
|
|
input.sheet-radio-header-armor {
|
|
height: 20px;
|
|
left: 65%;
|
|
top: -60px;
|
|
width: 80px;
|
|
}
|
|
|
|
input.sheet-radio-header-physical,
|
|
input.sheet-radio-header-small {
|
|
height: 15px;
|
|
left: 17%;
|
|
top: 24px;
|
|
width: 80px;
|
|
}
|
|
|
|
input.sheet-radio-header-small {
|
|
left: 30%;
|
|
width: 50px;
|
|
}
|
|
|
|
input.sheet-radio-header-armor:hover + h1,
|
|
input.sheet-radio-header-physical:hover + h2,
|
|
input.sheet-radio-header-small:hover + h2 {
|
|
color: #4f7da7;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
/**** Gear & Contact Section ****/
|
|
|
|
.sheet-gearbox,
|
|
.sheet-gear {
|
|
display: inline-block;
|
|
resize: none;
|
|
-webkit-box-shadow: none;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-gearbox {
|
|
min-height: 40px;
|
|
width: 32%;
|
|
vertical-align: top;
|
|
margin-left: -13px;
|
|
margin-top: -30px;
|
|
}
|
|
|
|
.sheet-gearbox h1 {
|
|
text-align: left;
|
|
margin-left: 20px;
|
|
position: inherit;
|
|
}
|
|
|
|
.sheet-gearbox textarea {
|
|
padding: 0px;
|
|
min-height: 50px;
|
|
}
|
|
|
|
.sheet-gear {
|
|
width: 100%;
|
|
min-height: 50px;
|
|
vertical-align: top;
|
|
border: 1.5px solid #000000;
|
|
border-radius: 15px 0px 0px 15px;
|
|
margin: -5px 0px 0px 0px;
|
|
}
|
|
|
|
div.sheet-textbox.sheet-toggle.sheet-geartoggle,
|
|
div.sheet-textbox.sheet-toggle.sheet-contacttoggle {
|
|
margin-top: -23px;
|
|
}
|
|
|
|
div.sheet-gear.sheet-contact,
|
|
div.sheet-gearback.sheet-contact {
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
|
|
/**** Roll Toggles in the Skills section ****/
|
|
|
|
.sheet-roll-toggles {
|
|
color: #000;
|
|
font-family: "pictos";
|
|
font-size: 18px;
|
|
position: relative;
|
|
top: 35px;
|
|
width: 42%;
|
|
}
|
|
|
|
.sheet-roll-toggles input {
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.sheet-toggle-buttons {
|
|
display: inline-block;
|
|
width: 54%;
|
|
}
|
|
|
|
.sheet-toggle-toggles {
|
|
display: inline-block;
|
|
font-size: 23px;
|
|
left: -10px;
|
|
letter-spacing: -12px;
|
|
position: relative;
|
|
top: -4px;
|
|
width: 40%;
|
|
}
|
|
|
|
span.sheet-pictosC {
|
|
font-family: "Pictos Custom";
|
|
}
|
|
|
|
span.sheet-lightening {
|
|
color: #8c9180;
|
|
font-family: "pictos";
|
|
font-size: 0.7em;
|
|
left: -15px;
|
|
position: relative;
|
|
top: -4px;
|
|
}
|
|
|
|
span.sheet-glitch {
|
|
position: relative;
|
|
left: -10px;
|
|
top: -2px;
|
|
}
|
|
|
|
span.sheet-d6 {
|
|
font-family: "dicefontd6";
|
|
position: relative;
|
|
left: -10px;
|
|
top: -1px;
|
|
}
|
|
|
|
span.sheet-pictos3 {
|
|
font-family: "Pictos Three";
|
|
}
|
|
|
|
span.sheet-wound-flag,
|
|
span.sheet-wound-line,
|
|
span.sheet-modifier-flag {
|
|
position: relative;
|
|
}
|
|
|
|
span.sheet-wound-flag {
|
|
}
|
|
|
|
span.sheet-wound-line {
|
|
color: #8c9180;
|
|
font-size: 0.8em;
|
|
left: -5%;
|
|
top: -2px;
|
|
}
|
|
|
|
input.sheet-whisper-flag {
|
|
left: 16%;
|
|
}
|
|
|
|
input.sheet-edge-flag {
|
|
left: 15%;
|
|
}
|
|
|
|
input.sheet-wound-flag {
|
|
left: 16%;
|
|
}
|
|
|
|
input.sheet-modifier-flag {
|
|
left: 16%;
|
|
}
|
|
|
|
.sheet-whisper-flag:checked ~ span.sheet-whisper-flag,
|
|
.sheet-edge-flag:checked ~ span.sheet-edge-flag,
|
|
.sheet-wound-flag:checked ~ span.sheet-wound-flag,
|
|
.sheet-modifier-flag:checked ~ span.sheet-modifier-flag,
|
|
.sheet-whisper-flag:hover ~ span.sheet-whisper-flag,
|
|
.sheet-edge-flag:hover ~ span.sheet-edge-flag,
|
|
.sheet-wound-flag:hover ~ span.sheet-wound-flag,
|
|
.sheet-modifier-flag:hover ~ span.sheet-modifier-flag,
|
|
.sheet-roll-toggles button:hover {
|
|
color: #e9b230;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-roll-toggles button[type="roll"] {
|
|
color: #000;
|
|
font-family: "pictos";
|
|
font-size: 1.5em;
|
|
margin: 0px;
|
|
}
|
|
|
|
.sheet-roll-toggles button:hover {
|
|
color: #4f7da7;
|
|
}
|
|
|
|
/**** Decorations for the page ****/
|
|
|
|
.sheet-vertdeco {
|
|
display: inline-block;
|
|
background: #ffffff;
|
|
height: 70px;
|
|
margin: 10px 2px 1px 2px;
|
|
border-right: 1px solid #fff;
|
|
border-left: 1px solid #fff;
|
|
}
|
|
|
|
.sheet-trapezoid,
|
|
.sheet-trapezoid-white,
|
|
.sheet-trapezoid-tan {
|
|
border-bottom: 20px solid #000;
|
|
border-left: 15px solid transparent;
|
|
border-right: 15px solid transparent;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-amprow .sheet-trapezoid,
|
|
.sheet-amprow .sheet-trapezoid-tan,
|
|
.sheet-cuerow .sheet-trapezoid,
|
|
.sheet-cuerow .sheet-trapezoid-white,
|
|
.sheet-weaponrow .sheet-trapezoid,
|
|
.sheet-weaponrow .sheet-trapezoid-tan,
|
|
.sheet-conrow .sheet-trapezoid,
|
|
.sheet-conrow .sheet-trapezoid-tan {
|
|
border-bottom: 15px solid #000;
|
|
border-left: 25px solid transparent;
|
|
border-right: 25px solid transparent;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-dispositionsrow .sheet-trapezoid,
|
|
.sheet-dispositionsrow .sheet-trapezoid-white {
|
|
left: 37%;
|
|
margin-top: -20px;
|
|
width: 25%;
|
|
}
|
|
|
|
.sheet-trapezoid-white {
|
|
border-bottom-color: #fff;
|
|
top: 2px;
|
|
}
|
|
|
|
.sheet-skillrow .sheet-trapezoid,
|
|
.sheet-skillrow .sheet-trapezoid-tan {
|
|
left: 40%;
|
|
top: -23px;
|
|
width: 15%;
|
|
}
|
|
|
|
.sheet-skillrow .sheet-trapezoid-tan {
|
|
border-bottom-color: #8c9180;
|
|
margin-top: -20px;
|
|
top: -20px;
|
|
}
|
|
|
|
.sheet-amprow .sheet-trapezoid,
|
|
.sheet-amprow .sheet-trapezoid-tan,
|
|
.sheet-cuerow .sheet-trapezoid,
|
|
.sheet-cuerow .sheet-trapezoid-white {
|
|
width: 60%;
|
|
top: 0px;
|
|
left: 20%;
|
|
margin-top: -15px;
|
|
}
|
|
|
|
.sheet-amprow .sheet-trapezoid-tan,
|
|
.sheet-weaponrow .sheet-trapezoid-tan {
|
|
border-bottom-color: #8c9180;
|
|
top: 2px;
|
|
}
|
|
|
|
.sheet-cuerow .sheet-trapezoid-white {
|
|
border-bottom-color: #fff;
|
|
top: 2px;
|
|
}
|
|
|
|
.sheet-weaponrow .sheet-trapezoid,
|
|
.sheet-weaponrow .sheet-trapezoid-tan {
|
|
width: 40%;
|
|
top: 1px;
|
|
left: 25%;
|
|
margin-top: -15px;
|
|
}
|
|
|
|
.sheet-weaponrow .sheet-trapezoid-tan {
|
|
border-bottom-color: #8c9180;
|
|
top: 2px;
|
|
}
|
|
|
|
.sheet-conrow .sheet-trapezoid,
|
|
.sheet-conrow .sheet-trapezoid-tan {
|
|
width: 30%;
|
|
left: 33%;
|
|
margin-top: -12px;
|
|
}
|
|
|
|
.sheet-conrow .sheet-trapezoid {
|
|
top: -8px;
|
|
}
|
|
|
|
.sheet-conrow .sheet-trapezoid-tan {
|
|
border-bottom-color: #8c9180;
|
|
top: -10px;
|
|
}
|
|
|
|
.sheet-conrow .sheet-trapezoid:nth-child(1),
|
|
.sheet-conrow .sheet-trapezoid-tan:nth-child(2) {
|
|
border-bottom: 10px solid #000;
|
|
border-left: 25px solid transparent;
|
|
border-right: 25px solid transparent;
|
|
left: 15%;
|
|
position: relative;
|
|
top: 2px;
|
|
width: 65%;
|
|
}
|
|
|
|
.sheet-conrow .sheet-trapezoid:nth-child(2) {
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-conrow .sheet-trapezoid-tan:nth-child(2) {
|
|
border-bottom-color: #8c9180;
|
|
top: 5px;
|
|
}
|
|
|
|
.sheet-arrow-left {
|
|
display: inline-block;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 10px solid #000;
|
|
position: relative;
|
|
top: -6px;
|
|
left: -1px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
/**** NPC Sheet ****/
|
|
|
|
div.sheet-col.sheet-toggle {
|
|
width: 5%;
|
|
}
|
|
|
|
div.sheet-col.sheet-toggle input {
|
|
top: 5px;
|
|
left: 5px;
|
|
}
|
|
|
|
div.sheet-col.sheet-toggle span {
|
|
display: inline;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 9px;
|
|
font-weight: bolder;
|
|
top: -15px;
|
|
left: 10px;
|
|
}
|
|
|
|
.sheet-npc {
|
|
width: 600px;
|
|
margin-left: 10px;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-npc-toggle[value="npc"] ~ .sheet-npc {
|
|
display: inline-block;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.sheet-npc-toggle[value="npc"] ~ .sheet-pc {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-npc-toggle[value="npc"] ~ img.sheet-header {
|
|
width: 72% !important;
|
|
}
|
|
|
|
.sheet-indent-row {
|
|
padding-left: 1.5em;
|
|
text-indent: -1.5em;
|
|
}
|
|
|
|
.sheet-npc button:hover {
|
|
color: #4f7da7;
|
|
}
|
|
|
|
.sheet-npc .repcontrol button:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-npc .sheet-npc-toggle {
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-npc input.sheet-options-flag {
|
|
left: 95%;
|
|
}
|
|
|
|
.sheet-npc .sheet-toggle input[type="checkbox"] + span {
|
|
left: 91%;
|
|
}
|
|
|
|
.sheet-npc .sheet-npc-ampbox input[type="checkbox"] + span {
|
|
left: 97%;
|
|
}
|
|
|
|
.sheet-npc .sheet-weaponbox input.sheet-options-flag {
|
|
left: 92%;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-npc .sheet-weaponbox input.sheet-options-flag + span {
|
|
left: 93%;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-npc .sheet-options {
|
|
border-top: 1px dashed #e4bc34;
|
|
}
|
|
|
|
.sheet-npc .sheet-options .sheet-col {
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-npc .sheet-options span {
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-npc .sheet-options label {
|
|
text-transform: uppercase;
|
|
font-size: 15px;
|
|
margin-top: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-npc .sheet-options input {
|
|
border: none;
|
|
border-bottom: 1px #8c9180 solid;
|
|
margin-left: 5px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-npc .sheet-options input[type="number"] {
|
|
width: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-npc .sheet-options .repcontainer .repitem {
|
|
width: 100%;
|
|
padding: 0px 5px;
|
|
border: 1px dashed #e4bc34;
|
|
}
|
|
|
|
input.sheet-npc-desc {
|
|
margin-left: 0px !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-npc .sheet-weaponsubtitlesbox {
|
|
width: 50%;
|
|
position: relative;
|
|
left: 5%;
|
|
}
|
|
|
|
|
|
.sheet-npc-name {
|
|
width: 50%;
|
|
max-width: 500;
|
|
margin-bottom: -10px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.sheet-npc-name span {
|
|
color: #000;
|
|
background-color: #e4bc34;
|
|
text-transform: uppercase;
|
|
font-weight: bolder;
|
|
font-size: 1.3em;
|
|
padding: 5px 8px 5px 8px;
|
|
}
|
|
|
|
.sheet-npc-name label {
|
|
text-align: center;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-npc-name input {
|
|
margin-bottom: 5px;
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.sheet-npc-attribute {
|
|
background-color: #3f4144;
|
|
height: 70px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-npc-attribute label,
|
|
.sheet-npc-attribute button {
|
|
display: inline-block;
|
|
width: 14%;
|
|
color: #fff;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
padding-top: 5px;
|
|
margin-bottom: 3px !important;
|
|
margin-left: 2px !important;
|
|
}
|
|
|
|
.sheet-npc-attribute label:hover {
|
|
color: #589cda;
|
|
}
|
|
|
|
.sheet-npc-attr-row {
|
|
background-color: #fff;
|
|
width: 100%;
|
|
height: 35px;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.sheet-npc-attr-num {
|
|
margin-left: 50px;
|
|
margin-right: 39px;
|
|
padding-top: 10px;
|
|
font-weight: bolder;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sheet-npc-body {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-npc-body span {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sheet-npc-amps {
|
|
padding-left: 3.7em;
|
|
text-indent: -2.5em;
|
|
}
|
|
|
|
.sheet-npc-amps button[type="roll"] {
|
|
font-size: 0.9em !important;
|
|
}
|
|
|
|
.sheet-npc-ampbox input[type="checkbox"] {
|
|
position: absolute;
|
|
left: 96%;
|
|
}
|
|
|
|
.sheet-npc-ampbox input[type="checkbox"] + span {
|
|
position: absolute;
|
|
left: 101%;
|
|
}
|
|
|
|
.sheet-npc-amps button[type=roll] {
|
|
font-weight: bolder;
|
|
padding-bottom: 6px !important;
|
|
}
|
|
|
|
.sheet-npc-long {
|
|
width: 63%;
|
|
}
|
|
|
|
.sheet-caps {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-npc .sheet-npc-ampname {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.sheet-npc-weapons h2 {
|
|
font-size: 1.5em;
|
|
margin-top: 5px;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-npc .sheet-weaponheader {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-npc .sheet-weaponheader span {
|
|
font-size: 1em;
|
|
font-weight: bolder;
|
|
margin-right: 8px;
|
|
text-align: left;
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-npc .sheet-weaponbox {
|
|
min-height: 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-npc .repcontainer .repitem {
|
|
width: 100%;
|
|
margin-bottom: 5px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-indent {
|
|
text-indent: 1.5em;
|
|
}
|
|
|
|
.sheet-npc .sheet-conditioncircles {
|
|
display: inline;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.sheet-npc .sheet-armorcircles,
|
|
.sheet-npc .sheet-edgecircles {
|
|
display: inline;
|
|
margin: 0px 5px 0px 15px;
|
|
}
|
|
|
|
.sheet-npc .sheet-armorcircles input[type="radio"],
|
|
.sheet-npc .sheet-conditioncircles input[type="radio"],
|
|
.sheet-npc .sheet-edgecircles input[type="radio"] {
|
|
height: 15px;
|
|
width: 15px;
|
|
top: -2px;
|
|
left: 0px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-npc .sheet-armorcircles input[type="radio"] + span,
|
|
.sheet-npc .sheet-conditioncircles input[type="radio"] + span,
|
|
.sheet-npc .sheet-edgecircles input[type="radio"] + span {
|
|
height: 10px;
|
|
width: 10px;
|
|
}
|
|
|
|
.sheet-npc .sheet-edgecircles input[type="radio"] {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.sheet-npc .sheet-arrow-left {
|
|
top: -1px;
|
|
left: -2px;
|
|
border-left: 8px solid #000;
|
|
margin-right: -8px;
|
|
}
|
|
|
|
.sheet-npc .sheet-roll-toggles {
|
|
display: inline;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 48%;
|
|
}
|
|
|
|
.sheet-npc .sheet-toggle-toggles {
|
|
width: auto;
|
|
left: -3%;
|
|
letter-spacing: -20px;
|
|
}
|
|
|
|
.sheet-npc .sheet-toggle-toggles input[type="checkbox"] + span {
|
|
display: inline;
|
|
left: -17%;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-npc .sheet-roll-toggles button {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.sheet-npc input.sheet-whisper-flag,
|
|
.sheet-npc input.sheet-wound-flag,
|
|
.sheet-npc input.sheet-modifier-flag,
|
|
.sheet-npc input.sheet-edge-flag {
|
|
left: 3%;
|
|
}
|
|
|
|
.sheet-npc span.sheet-lightening {
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-npc span.sheet-wound-line {
|
|
color: #fff;
|
|
font-size: 1em;
|
|
left: -18%;
|
|
}
|
|
|
|
.sheet-npc .sheet-radio-header-armor {
|
|
height: 10px;
|
|
width: 40px;
|
|
margin-right: -44px;
|
|
left: 0%;
|
|
top: 0px;
|
|
}
|
|
|
|
.sheet-npc .sheet-radio-header-physical,
|
|
.sheet-npc .sheet-radio-header-small {
|
|
top: 0px;
|
|
left: 0%;
|
|
}
|
|
|
|
.sheet-npc .sheet-radio-header-physical {
|
|
width: 60px;
|
|
height: 15px;
|
|
margin-right: -35px;
|
|
left: 5%;
|
|
}
|
|
|
|
.sheet-npc .sheet-radio-header-small {
|
|
margin-right: -53px;
|
|
}
|
|
|
|
.sheet-npc .sheet-npc-consection .sheet-radio-header-small {
|
|
width: 50px;
|
|
margin-right: -25px;
|
|
left: 4%;
|
|
}
|
|
|
|
.sheet-npc .sheet-npc-consection span:first-child {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.sheet-npc .sheet-radio-header-armor:hover + span,
|
|
.sheet-npc .sheet-radio-header-physical:hover + span,
|
|
.sheet-npc .sheet-radio-header-small:hover + span {
|
|
color: #e9b230;
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-npc .sheet-essence-input,
|
|
.sheet-npc .sheet-essence-note {
|
|
border: none;
|
|
border-bottom: 1px solid #3f4144;
|
|
border-radius: 0px;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-npc .sheet-essence-input {
|
|
margin-left: 5px;
|
|
color: #000;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-npc .sheet-essence-note {
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
/**** Hide NPC Skills that are not used ****/
|
|
|
|
.sheet-optional-flag0[value="1"] + .sheet-optional {
|
|
display: inline;
|
|
}
|
|
|
|
.sheet-optional-flag0[value="0"] + .sheet-optional {
|
|
display: none;
|
|
}
|
|
|
|
/**** Footer ****/
|
|
|
|
.sheet-footer {
|
|
width: 850px;
|
|
text-align: left;
|
|
font-size: 0.55em;
|
|
line-height: 15px;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-npc-toggle[value="npc"] ~ div.sheet-footer {
|
|
width: 72%;
|
|
}
|
|
|
|
/**** Roll Templates ****/
|
|
|
|
.sheet-rolltemplate-sAnarchy .sheet-template-body {
|
|
border-radius: 3px 3px 3px 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-sAnarchy .sheet-template-header {
|
|
font-family: "contrail one";
|
|
font-size: 18px;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: capitalize;
|
|
letter-spacing: 2px;
|
|
text-align: center;
|
|
margin: 0px;
|
|
padding: 5px 2px 3px 2px;
|
|
color: #fff;
|
|
background-color: #4f7da7;
|
|
border: 1px solid #000;
|
|
border-bottom: 2px solid #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-sAnarchy .sheet-template-header span {
|
|
font-family: "tahoma";
|
|
font-size: 11px;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.sheet-rolltemplate-sAnarchy .sheet-template-row {
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
background-color: #5c5658;
|
|
line-height: 1.1em;
|
|
vertical-align: middle;
|
|
font-family: "helvetica";
|
|
font-weight: normal;
|
|
padding: 5px 5px 3px 5px;
|
|
border-radius: 0px;
|
|
border: 1px solid #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-sAnarchy .sheet-template-row:last-child {
|
|
background-color: #373438;
|
|
}
|
|
|
|
.sheet-rolltemplate-sAnarchy .inlinerollresult {
|
|
display:inline-block;
|
|
color: #fff;
|
|
font-size: 25px;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-sAnarchy .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-sAnarchy .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-sAnarchy .inlinerollresult.importantroll {
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-sAnarchy .inlinerollresult.fullfail {color: #589cda;}
|
|
.sheet-rolltemplate-sAnarchy .inlinerollresult.fullcrit {color: #e9b230;}
|
|
|
|
.sheet-rolltemplate-sAnarchy .sheet-template-desc {font-size: 1em;}
|
|
|
|
/*** USE ENGLISH PRINTING TEMPLATE OR FRENCH ***/
|
|
.sheet-template[value="English"] ~ .sheet-pc .sheet-meta,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-que-hide,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-dispoenglish,
|
|
.sheet-template[value="English"] ~ .sheet-pc .sheet-dispofrench {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-options .sheet-cues:nth-of-type(1),
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-display .sheet-cues:nth-of-type(1) {
|
|
width: 15%;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-options .sheet-cues:nth-of-type(2),
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-display .sheet-cues:nth-of-type(2) {
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-options .sheet-cues:nth-of-type(3),
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-dispositionsrow .sheet-textbox .sheet-display .sheet-cues:nth-of-type(3) {
|
|
width: 25%;
|
|
}
|
|
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-qualityrow h2[data-i18n="qualities"] {
|
|
position : relative;
|
|
margin-top: -1%;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-skillrow h2[data-i18n="skills"],
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-essence-box h2[data-i18n="shadowamps"],
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-essence-box h3[data-i18n="essence"],
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-weaponrow h2[data-i18n="weapons"] {
|
|
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-essence-box .sheet-essence-input {
|
|
color: #001323;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles span.sheet-wound-line,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-buttons span.sheet-lightening,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-attribute .sheet-col h1,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-attribute input[type="number"] {
|
|
color: #f2be1a;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-skillrow,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-weaponrow {
|
|
background-color: #f2be1a;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-skillrow .sheet-trapezoid-tan,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-weaponrow .sheet-trapezoid-tan {
|
|
border-bottom-color: #f2be1a;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-whisper-flag:checked ~ span.sheet-whisper-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-edge-flag:checked ~ span.sheet-edge-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-wound-flag:checked ~ span.sheet-wound-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-modifier-flag:checked ~ span.sheet-modifier-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-whisper-flag:hover ~ span.sheet-whisper-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-edge-flag:hover ~ span.sheet-edge-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-wound-flag:hover ~ span.sheet-wound-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-toggle-toggles .sheet-modifier-flag:hover ~ span.sheet-modifier-flag,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-roll-toggles .sheet-roll-toggles button:hover,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-attribute .sheet-col button[type="roll"]:hover > h1,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-conrow .sheet-conditionbox .sheet-conditionsection input.sheet-radio-header-physical:hover + h2,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-conrow .sheet-conditionbox .sheet-conditionsection input.sheet-radio-header-small:hover + h2 {
|
|
color: #fff;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-attribute,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-amprow,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-conrow {
|
|
background-color: #d2d5d8;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-amprow .sheet-trapezoid-tan,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-tan.sheet-conrow .sheet-trapezoid-tan {
|
|
border-bottom-color: #d2d5d8;
|
|
}
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-conrow .sheet-conditionbox .sheet-conditionsection h2 {
|
|
color: #000;
|
|
}
|
|
|
|
input.sheet-radio-header-physical:hover + h2
|
|
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-skillrow,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-amprow,
|
|
.sheet-template[value="French"] ~ .sheet-pc .sheet-weaponrow {
|
|
box-shadow: 0px -5px 5px -5px;
|
|
}
|
|
|
|
|
|
/* FRENCH adjustments */
|
|
|
|
.charsheet.lang-fr .sheet-cuerow input[type="checkbox"] {
|
|
left: 55%;
|
|
top: -25px;}
|
|
|
|
.charsheet.lang-fr .sheet-cuerow input[type="checkbox"] + span {left: 52.5%;}
|
|
|
|
.charsheet.lang-fr .sheet-geartoggle input[type="checkbox"] {left: 58%;}
|
|
.charsheet.lang-fr .sheet-geartoggle input[type="checkbox"] + span {left: 50%;}
|
|
|
|
.charsheet.lang-fr sheet-npc .sheet-weaponsubtitlesbox {
|
|
left: 3%;
|
|
}
|
|
|
|
.charsheet.lang-fr .sheet-weaponlabels {
|
|
width: 23%;
|
|
}
|
|
|
|
.charsheet.lang-fr .sheet-npc .sheet-npc-consection .sheet-radio-header-small {
|
|
left: 4%;
|
|
margin-right: -70px;
|
|
width: 15%;
|
|
}
|
|
|
|
.charsheet.lang-fr .sheet-npc .sheet-weaponsubtitlesbox {
|
|
left: 4%;
|
|
}
|
|
|
|
.charsheet.lang-fr .sheet-pc h1[data-i18n="condition"] {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.charsheet.lang-fr .sheet-pc h2[data-i18n="skills"] {
|
|
font-size: 1.7em;
|
|
}
|
|
|
|
/* END FRENCH adjustments */
|