mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
400 lines
7.9 KiB
CSS
400 lines
7.9 KiB
CSS
h3 {
|
|
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,000000+44,000000+50,000000+55,7f0000+100 */
|
|
background: #a90329; /* Old browsers */
|
|
background: -moz-linear-gradient(left, #a90329 0%, #000000 44%, #000000 50%, #000000 55%, #7f0000 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(left, #a90329 0%,#000000 44%,#000000 50%,#000000 55%,#7f0000 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to right, #a90329 0%,#000000 44%,#000000 50%,#000000 55%,#7f0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#7f0000',GradientType=1 ); /* IE6-9 */
|
|
text-align:center;
|
|
border-radius: 25px;
|
|
color:white;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
h4 {
|
|
color:white;
|
|
border-radius: 25px;
|
|
background-color: black;
|
|
text-indent: 5px;
|
|
}
|
|
|
|
|
|
p.sheet-big{
|
|
display:inline;
|
|
position:relative;
|
|
top:5px;
|
|
font-size:200%;
|
|
}
|
|
|
|
input, label{
|
|
display:block;
|
|
}
|
|
|
|
th{
|
|
margin-right:5px;
|
|
}
|
|
|
|
|
|
|
|
|
|
input.sheet-inline { display:inline; }
|
|
label.sheet-inline{display:inline;}
|
|
input.sheet-inline-attr{
|
|
display:inline;
|
|
margin-left:15px;
|
|
}
|
|
|
|
label.sheet-inline-col2{
|
|
display:inline;
|
|
}
|
|
|
|
div.sheet-row-attr {
|
|
display:inline-block;
|
|
}
|
|
|
|
div.sheet-left-attr > label{
|
|
top:4px;
|
|
position:relative;
|
|
}
|
|
|
|
div.sheet-left-attr{
|
|
width:100px;
|
|
float:left;
|
|
}
|
|
div.sheet-right-attr{
|
|
float:right;
|
|
width:auto;
|
|
}
|
|
|
|
|
|
div.sheet-row-attack{
|
|
display:inline-block;
|
|
}
|
|
|
|
div.sheet-row-skill {
|
|
display:inline-block;
|
|
width:320px;
|
|
}
|
|
|
|
div.sheet-row-skill-col2 {
|
|
display:inline-block;
|
|
width:300px;
|
|
}
|
|
|
|
div.sheet-left-skill > checkbox{
|
|
top:22px;
|
|
position:relative;
|
|
margin-left: -5px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
div.sheet-left-skill > label{
|
|
top:4px;
|
|
position:relative;
|
|
}
|
|
|
|
div.sheet-left-skill{
|
|
width:140px;
|
|
float:left;
|
|
}
|
|
div.sheet-right-skill{
|
|
float:right;
|
|
position:relative;
|
|
left:40px;
|
|
margin-left:180px;
|
|
width:250px;
|
|
}
|
|
|
|
div.sheet-left-attack{
|
|
float:left;
|
|
}
|
|
|
|
div.sheet-right-attack{
|
|
float:right;
|
|
position:relative;
|
|
}
|
|
|
|
div.sheet-label-name-attacks{
|
|
width:10%;
|
|
float:left;
|
|
/*
|
|
font-weight: bold;
|
|
text-align: center;
|
|
vertical-align: middle;*/
|
|
}
|
|
|
|
div.sheet-cust-abil{
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
div.sheet-label-name-attacks-heading{
|
|
float:left;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
td{
|
|
text-align: center;
|
|
}
|
|
|
|
hr.sheet-hr-divider{
|
|
border: 0;
|
|
height: 1px;
|
|
background: #333;
|
|
background-image: linear-gradient(to right, #ccc, #333, #ccc);
|
|
margin-bottom:2px;
|
|
}
|
|
|
|
label.sheet-attack-name{
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
td {
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
td a, td input, td img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
|
|
td.skill-row > input{
|
|
float:left;
|
|
}
|
|
|
|
td.skill-row > label{
|
|
float:right;
|
|
}
|
|
|
|
/*Roll templates*/
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-card {
|
|
width:95%;
|
|
background-color:#FFFFFF;
|
|
font-size: 11px;
|
|
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
|
border: black 1px solid;
|
|
padding: 5px 0px;
|
|
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
/* Generic header */
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header {
|
|
text-align: center;
|
|
position: relative;
|
|
color: #fff;
|
|
margin: 0 -10px 10px -10px;
|
|
padding: 5px 0;
|
|
background-color: #2bc22b;
|
|
background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
|
|
-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
|
|
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
|
|
box-shadow: 0 2px 0 rgba(0,0,0,.3);
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header:before,
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header:after {
|
|
content: '';
|
|
position: absolute;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
bottom: -10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header:before {
|
|
border-width: 0 10px 10px 0;
|
|
border-right-color: #222;
|
|
left: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header:after {
|
|
border-width: 0 0 10px 10px;
|
|
border-left-color: #222;
|
|
right: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-title {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-subheader {
|
|
|
|
}
|
|
|
|
/* Melee header*/
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-weapon {
|
|
background-color: #2C5D28;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-weapon:before {
|
|
border-right-color: #375035;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-weapon:after {
|
|
border-left-color: #375035;
|
|
}
|
|
|
|
/* Spell header */
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-spell{
|
|
background-color: #45285D;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-spell:before {
|
|
border-right-color: #443550;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-spell:after {
|
|
border-left-color: #443550;
|
|
}
|
|
|
|
/* Ability check header */
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-ability{
|
|
background-color: #28595D;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-ability:before {
|
|
border-right-color: #354E50;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-ability:after {
|
|
border-left-color: #354E50;
|
|
}
|
|
|
|
/* Saving throw header */
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-save{
|
|
background-color: #1b851b;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-save:before {
|
|
border-right-color: #503535;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-save:after {
|
|
border-left-color: #503535;
|
|
}
|
|
|
|
/* Death Save header */
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-deathsave{
|
|
background-color: #240F0F;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-deathsave:before {
|
|
border-right-color: #1F1414;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-header.sheet-deathsave:after {
|
|
border-left-color: #1F1414;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-row:nth-child(even) {
|
|
|
|
background-color: #E9EDEE;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-key {
|
|
font-weight: bold;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 1.1em;
|
|
|
|
-moz-text-decoration-color: #D64541;
|
|
text-decoration-color: #D64541;
|
|
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
padding: 2px 2px 2px 0px;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-key-wide {
|
|
font-weight: bold;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 1.1em;
|
|
|
|
-moz-text-decoration-color: #D64541;
|
|
text-decoration-color: #D64541;
|
|
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
padding: 2px 2px 2px 0px
|
|
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-value {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
/*color:green;*/
|
|
margin-top: 2px ;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-ignored-roll .inlinerollresult {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-no-roll-highlight .inlinerollresult {
|
|
background-color: inherit;
|
|
border: 0;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
cursor: help;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-value .sheet-no-roll-highlight .inlinerollresult .fullfail .
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-value .sheet-no-roll-highlight .inlinerollresult .fullcrit {
|
|
border:0;
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-main-content {
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-main-content hr.sheet-roll {
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
|
|
color: #D64541;
|
|
background-color: #D64541;
|
|
height: 1px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-5eDefault .sheet-rt-emote {
|
|
font-style: italic;
|
|
font-size: 11px;
|
|
font-family: Arial;
|
|
text-align: center;
|
|
|
|
border: green 1px dashed;
|
|
border-radius: 5px;
|
|
|
|
padding: 0px 5px;
|
|
margin: 0px 5px 5px 5px;
|
|
|
|
}
|
|
|