mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
540 lines
11 KiB
CSS
540 lines
11 KiB
CSS
/* Modify */
|
|
|
|
.sheet input{
|
|
color:black;
|
|
}
|
|
.sheet-BakerStreet{
|
|
font-family: serif;
|
|
background-color:#d9ba8c;
|
|
color:black!important;
|
|
}
|
|
|
|
.sheet-BakerStreet button{
|
|
background-color: #f4d19d;
|
|
background-image: none;
|
|
}
|
|
|
|
.sheet-BakerStreet input{
|
|
font-family: serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-SkillRoll{
|
|
border: 15px solid transparent;
|
|
-webkit-border-image: url('https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/BakerStreet/border.jpg') 30 30 stretch;
|
|
}
|
|
|
|
.sheet-rolltemplate-SkillRoll div {
|
|
text-align:center;
|
|
font-family: serif;
|
|
|
|
}
|
|
|
|
|
|
button[type=roll].sheet-base-roll::before {
|
|
font-family: "dicefontd6";
|
|
content: "f";
|
|
}
|
|
|
|
button[type=roll].sheet-new_roll::before {
|
|
background-image: none;
|
|
font-size: 13px;
|
|
content: "";
|
|
margin: 0 0px 0 0;
|
|
}
|
|
|
|
|
|
button[type=roll].sheet-new_roll {
|
|
/*background-image: none;
|
|
background-color: #f2f5d3;*/
|
|
margin:0px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult{
|
|
background-color: transparent;
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult.fullcrit{
|
|
/*border:none;*/
|
|
}
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult.fullfail{
|
|
border:none;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-SkillRoll .inlinerollresult.importantroll{
|
|
/*border:none;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-SkillRoll .sheet-special{
|
|
color:red;
|
|
}
|
|
|
|
.sheet-char_input{
|
|
width: 372px;
|
|
}
|
|
|
|
|
|
.sheet-divider{
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-charHdr{
|
|
text-decoration: underline;
|
|
margin-bottom:10px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
.sheet-detailsHdr{
|
|
font-size:x-large;
|
|
text-decoration: underline;
|
|
margin-bottom:24px;
|
|
display:inline-block;
|
|
}
|
|
|
|
.sheet-sectionHdr{
|
|
font-size:x-large;
|
|
text-decoration: underline;
|
|
margin-bottom:24px;
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
|
|
.sheet-divider img{
|
|
height: 50px;
|
|
width: 75%;
|
|
}
|
|
|
|
|
|
.charsheet {
|
|
/*background: url("http://images.alphacoders.com/551/5513.jpg");*/
|
|
background-color:#d9ba8c;
|
|
|
|
|
|
border: 15px solid transparent;
|
|
-webkit-border-image: url('https://raw.githubusercontent.com/Lockbox313/roll20-character-sheets/master/BakerStreet/border.jpg') 30 30 stretch;
|
|
}
|
|
|
|
|
|
.charsheet input[type="text"], textarea {
|
|
|
|
background-color : #d9ba8c;
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
.sheet-text_input{
|
|
border: none;
|
|
box-shadow: none;
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0;
|
|
display:inline-block;
|
|
|
|
}
|
|
|
|
.sheet-rank_input{
|
|
width:35px;
|
|
font-size:large;
|
|
text-align:center;
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
.sheet-skill_input{
|
|
font-size:large;
|
|
padding-bottom:0px;
|
|
width:184px;
|
|
}
|
|
|
|
|
|
.sheet-label1{
|
|
font-weight:bold;
|
|
font-size:large;
|
|
}
|
|
|
|
|
|
.sheet-specialty_input{
|
|
/*font-size:large;*/
|
|
padding-bottom:0px;
|
|
width:116px;
|
|
|
|
}
|
|
|
|
.sheet-headers{
|
|
font-weight:bold;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(even) {
|
|
background-color: #ba6f3f;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
|
|
div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(odd) {
|
|
background-color: white;
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.repcontrol{
|
|
margin-right: 7px;
|
|
}
|
|
|
|
div.repcontrol button
|
|
{
|
|
width: 20px;
|
|
height: 20px;
|
|
color: transparent;
|
|
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
|
|
}
|
|
|
|
div.repcontrol button.repcontrol_add::before,
|
|
div.repcontrol button.repcontrol_edit::before
|
|
{
|
|
font-family: Pictos;
|
|
position: relative;
|
|
color: #000;
|
|
}
|
|
|
|
/* +Add */
|
|
div.repcontrol button.repcontrol_add::before
|
|
{
|
|
|
|
content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */
|
|
left: -5px;
|
|
top: -4px;
|
|
}
|
|
|
|
|
|
|
|
|
|
div.repcontrol button.repcontrol_edit::before
|
|
{
|
|
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
|
|
content: "x"; /* x in Pictos is a crossed hammer and wrench */
|
|
left: -5px;
|
|
top: -4px;
|
|
}
|
|
/* Done */
|
|
div.repcontrol.editmode button.repcontrol_edit::before
|
|
{
|
|
content: "3"; /* 3 in Pictos is a check mark */
|
|
|
|
}
|
|
|
|
|
|
.sheet-check-label{
|
|
display:inline;
|
|
}
|
|
|
|
.sheet-check-label label{
|
|
display:inline;
|
|
padding-right:0px;
|
|
}
|
|
|
|
.sheet-fixbox{
|
|
margin-bottom: 0px;
|
|
margin-top: 4px;
|
|
}
|
|
.sheet-check-health-level input[type="radio"],
|
|
.sheet-check-label input[type="checkbox"],
|
|
.sheet-check-label input[type="radio"] {
|
|
opacity:0;
|
|
width: 21px;
|
|
height: 21px;
|
|
position: relative;
|
|
top: -2px;
|
|
left: 10px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
display: inline;
|
|
background:lightgrey;
|
|
}
|
|
.sheet-check-health-level input[type="radio"] + span:before,
|
|
.sheet-check-label input[type="checkbox"] + span:before,
|
|
.sheet-check-label input[type="radio"] + span:before{
|
|
margin-right: 4px; margin-top:-1px;
|
|
border: 1px solid black;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
/*ertical-align:top;*/
|
|
box-shadow: 0 0 2px #ccc;
|
|
background-color: transparent;
|
|
background-position:top left, bottom right;
|
|
background-repeat: no-repeat, no-repeat;
|
|
background-size: 3px,3px;
|
|
content: "";
|
|
width: 16px;
|
|
height: 16px;
|
|
color: #333333;
|
|
font-size: 22px;
|
|
|
|
}
|
|
.sheet-check-health-level input[type="radio"]:checked + span:before,
|
|
.sheet-check-label input[type="checkbox"]:checked + span:before,
|
|
.sheet-check-label input[type="radio"] + span:before {
|
|
content: "✓";
|
|
}
|
|
.sheet-check-label input[type="radio"]:checked ~ input[type="radio"] + span:before {
|
|
content: "";
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Checkbox one
|
|
*/
|
|
.sheet-checkboxOne {
|
|
display:inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: #f4d19d;
|
|
margin:0px;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checkbox button
|
|
*/
|
|
.sheet-checkboxOne label {
|
|
display: block;
|
|
width: 20px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
-webkit-transition: all .5s ease;
|
|
-moz-transition: all .5s ease;
|
|
-o-transition: all .5s ease;
|
|
-ms-transition: all .5s ease;
|
|
transition: all .5s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
z-index: 1;
|
|
background: #f4d19d;
|
|
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checked state
|
|
*/
|
|
.sheet-checkboxOne input[type=checkbox]:checked + label {
|
|
background: #333;
|
|
}
|
|
/**
|
|
|
|
|
|
|
|
/**
|
|
* Checkbox two
|
|
*/
|
|
.sheet-checkboxTwo {
|
|
display:inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: #f4d19d;
|
|
margin:0px;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checkbox button
|
|
*/
|
|
.sheet-checkboxTwo label {
|
|
display: block;
|
|
width: 20px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
-webkit-transition: all .5s ease;
|
|
-moz-transition: all .5s ease;
|
|
-o-transition: all .5s ease;
|
|
-ms-transition: all .5s ease;
|
|
transition: all .5s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
z-index: 1;
|
|
background: #f4d19d;
|
|
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checked state
|
|
*/
|
|
.sheet-checkboxTwo input[type=checkbox]:checked + label {
|
|
background: #333;
|
|
}
|
|
/**
|
|
|
|
/**
|
|
* Checkbox three
|
|
*/
|
|
.sheet-checkboxThree {
|
|
display:inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: #f4d19d;
|
|
margin:0px;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checkbox button
|
|
*/
|
|
.sheet-checkboxThree label {
|
|
display: block;
|
|
width: 20px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
-webkit-transition: all .5s ease;
|
|
-moz-transition: all .5s ease;
|
|
-o-transition: all .5s ease;
|
|
-ms-transition: all .5s ease;
|
|
transition: all .5s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
z-index: 1;
|
|
background: #f4d19d;
|
|
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checked state
|
|
*/
|
|
.sheet-checkboxThree input[type=checkbox]:checked + label {
|
|
background: #333;
|
|
}
|
|
/**
|
|
|
|
|
|
|
|
/**
|
|
* Checkbox Four
|
|
*/
|
|
.sheet-checkboxFour {
|
|
display:inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: #f4d19d;
|
|
margin: 0px;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checkbox button
|
|
*/
|
|
.sheet-checkboxFour label {
|
|
display: block;
|
|
width: 20px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
-webkit-transition: all .5s ease;
|
|
-moz-transition: all .5s ease;
|
|
-o-transition: all .5s ease;
|
|
-ms-transition: all .5s ease;
|
|
transition: all .5s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
z-index: 1;
|
|
background: #f4d19d;
|
|
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checked state
|
|
*/
|
|
.sheet-checkboxFour input[type=checkbox]:checked + label {
|
|
background: #333;
|
|
}
|
|
|
|
/**
|
|
* Checkbox Five
|
|
*/
|
|
.sheet-checkboxFive {
|
|
display:inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
background: #f4d19d;
|
|
margin:0px;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checkbox button
|
|
*/
|
|
.sheet-checkboxFive label {
|
|
display: block;
|
|
width: 20px;
|
|
height: 30px;
|
|
border-radius: 100px;
|
|
-webkit-transition: all .5s ease;
|
|
-moz-transition: all .5s ease;
|
|
-o-transition: all .5s ease;
|
|
-ms-transition: all .5s ease;
|
|
transition: all .5s ease;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
z-index: 1;
|
|
background: #f4d19d;
|
|
-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
|
|
}
|
|
|
|
/**
|
|
* Create the checked state
|
|
*/
|
|
.sheet-checkboxFive input[type=checkbox]:checked + label {
|
|
background: #333;
|
|
}
|
|
/**
|
|
|
|
|