Files
roll20-character-sheets-tester/Eirendor/Eirendor.css
T
2017-07-17 16:57:53 -04:00

939 lines
17 KiB
CSS

.charsheet .sheet-aligner {
margin-left:15px;
padding-top:5px;
}
.charsheet .sheet-colcustomlon {
width: 600px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colcustommed {
width: 370px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-coltalent {
width: 285px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colspell {
width: 390px;
margin-left:50px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colataques {
width: 765px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colequip {
width: 350px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colartif {
width: 410px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colcustomsho {
width: 90px;
vertical-align: top;
display: inline-block;
}
.charsheet .sheet-colcustomshort {
width: 290px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colextras {
width: 85px;
vertical-align: top;
display: inline-block;
margin-left:5px;
}
.charsheet .sheet-colcustomattributes {
width: 270px;
display: inline-block;
vertical-align: top;
margin-left:-25px;
}
.charsheet .sheet-colcustomTSheader {
width: 220px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-colcustompoints {
width: 230px;
display: inline-block;
vertical-align: top;
margin-left:-5px;
}
.charsheet .sheet-colcustomTS {
display: inline-block;
vertical-align: top;
width: 460px;
}
.charsheet .sheet-colcustomsho7 {
width: 180px;
display: inline-block;
vertical-align: top;
}
.charsheet .sheet-blockline {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
}
.charsheet .sheet-blocklinepoints {
margin-left: 63px;
margin-top: 4px;
margin-bottom: -14px;
}
.charsheet .sheet-blocklinepersonal {
margin-left: 10px;
margin-top: 4px;
margin-bottom: -4px;
}
.charsheet .sheet-blockline98 {
margin-left: 10px;
margin-top: 4px;
margin-top: -6px;
}
.charsheet .sheet-blocklinerepeat {
margin-left: 63px;
margin-top: 4px;
margin-bottom: -24px;
}
.charsheet .sheet-labeltitleheader {
font-weight: bold;
font-size: 16px;
text-align:center;
}
.charsheet .sheet-labeltitle2 {
font-weight: bold;
font-size: 18px;
text-align:center;
}
.charsheet .sheet-labeltitleextras {
font-weight: bold;
font-size: 16px;
text-align:center;
margin-left:-15px;
}
.charsheet .sheet-labeltitle3 {
font-weight: bold;
font-size: 16px;
text-align:center;
margin-left:-15px;
}
.charsheet .sheet-labellinerlon {
display: inline-block;
width: 80px;
font-weight: bold;
font-size: 16px;
}
.charsheet .sheet-labellinermed {
display: inline-block;
width: 60px;
font-weight: bold;
font-size: 16px;
}
.charsheet .sheet-labellinermed2 {
display: inline-block;
width: 60px;
font-weight: bold;
font-size: 12px;
}
.charsheet .sheet-labellinersho {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 16px;
text-align:right;
}
.charsheet .sheet-labellinershosma {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:5px;
}
.charsheet .sheet-labellinershort {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-2px;
}
.charsheet .sheet-labellinershosmaspell {
display: inline-block;
width: 50px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-2px;
}
.charsheet .sheet-labellinershosmaAtk {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-8px;
}
.charsheet .sheet-labellinershosmaAuto {
display: inline-block;
width: 25px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-5px;
}
.charsheet .sheet-labellinershoroll {
display: inline-block;
width: 25px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-4px;
}
.charsheet .sheet-labellinershosmaATR {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-15px;
}
.charsheet .sheet-labellinerTSMod {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:82px;
}
.charsheet .sheet-labellinerelementName {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-25px;
margin-bottom:18px;
}
.charsheet .sheet-labellinerelementNumber {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:135px;
margin-bottom:18px;
}
.charsheet .sheet-labellineRarity {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:105px;
margin-bottom:18px;
}
.charsheet .sheet-labellinershosmaComp {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:80px;
}
.charsheet .sheet-labellinershosmaMat {
display: inline-block;
width: 30px;
font-weight: bold;
font-size: 11px;
text-align:left;
margin-left:18px;
}
.charsheet .sheet-labellinershosmaKeys {
display: inline-block;
width: 70px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:5px;
}
.charsheet .sheet-labellinershosmaMDmg {
display: inline-block;
width: 55px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-15px;
}
.charsheet .sheet-labellinershosmaMIMp {
display: inline-block;
width: 50px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:110px;
margin-right:5px;
}
.charsheet .sheet-labellinershosmadDmg {
display: inline-block;
width: 35px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-11px;
}
.charsheet .sheet-labellinershosma42 {
display: inline-block;
width: 30px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-27px;
}
.charsheet .sheet-labellinershosmax {
display: inline-block;
width: 15px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-8px;
}
.charsheet .sheet-labellinerTSC {
display: inline-block;
width: 15px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:-5px;
}
.charsheet .sheet-labellinershosma2 {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:center;
padding-left:33%;
}
.charsheet .sheet-labellinershor {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 16px;
}
.charsheet .sheet-labellinershosma3 {
display: inline-block;
width: 25px;
font-weight: bold;
font-size: 12px;
text-align:left;
}
.charsheet .sheet-labellinerMaxfield {
display: inline-block;
width: 25px;
font-weight: bold;
font-size: 12px;
text-align:left;
margin-left:5px;
}
.charsheet .sheet-inputlinerlonx {
display: inline-block;
width: 280px;
}
.charsheet .sheet-inputlinerlang {
display: inline-block;
width: 278px;
}
.charsheet .sheet-inputlinerlonxname {
display: inline-block;
width: 200px;
}
.charsheet .sheet-inputlinerlonxtext {
display: inline-block;
width: 268px;
height: 55px;
resize:none;
}
.charsheet .sheet-inputlinerlonxtext2 {
display: inline-block;
width: 192px;
height: 247px;
resize:none;
}
.charsheet .sheet-inputlinertextarea {
display: inline-block;
margin-top: 10px;
width: 290px;
height: 80px;
resize:none;
}
.charsheet .sheet-inputlinertalentdesc {
display: inline-block;
margin-top: 0px;
width: 300px;
height: 80px;
resize:none;
}
.charsheet .sheet-inputlinerlon {
display: inline-block;
width: 180px;
}
.charsheet .sheet-inputlinerlonlon {
display: inline-block;
width: 310px;
font-weight: bold;
}
.charsheet .sheet-inputlineitemName {
display: inline-block;
width: 200px;
font-weight: bold;
}
.charsheet .sheet-inputlinerbig {
display: inline-block;
width: 60px;
line-height: 30px;
font-size: 16px;
text-align:center;
}
.charsheet .sheet-inputlinermed {
display: inline-block;
width: 140px;
}
.charsheet .sheet-inputlinermed2 {
display: inline-block;
width: 260px;
margin-left:5px;
}
.charsheet .sheet-inputlinermed3 {
display: inline-block;
width: 220px;
margin-left:5px;
font-size: 11px;
}
.charsheet .sheet-inputlinerAtKey {
display: inline-block;
width: 200px;
margin-left:0px;
font-size: 11px;
}
.charsheet .sheet-inputlinervershox2 {
width: 30px;
}
.charsheet .sheet-inputchecksmall {
width: 20px;
}
.charsheet .sheet-inputlibre {
position:relative;
left: 14px;
top:-8px;
}
.charsheet .sheet-inputtalent {
position:relative;
left: 0px;
}
.charsheet .sheet-inputlinersho {
display: inline-block;
width: 80px;
}
.charsheet .sheet-inputlinersho2 {
display: inline-block;
width: 90px;
}
.charsheet .sheet-inputlinersho3 {
display: inline-block;
width: 120px;
}
.charsheet .sheet-inputlinershoAtName {
display: inline-block;
width: 120px;
margin-left:0px;
}
.charsheet .sheet-inputlinershox {
display: inline-block;
width: 50px;
}
.charsheet .sheet-inputlinershox2 {
display: inline-block;
width: 40px;
font-size: 14px;
text-align:center;
}
.charsheet .sheet-inputlinershox3 {
display: inline-block;
width: 60px;
font-size: 11px;
text-align:center;
margin-left:32%;
}
.charsheet .sheet-inputlinerSelector {
display: inline-block;
width: 60px;
font-size: 11px;
text-align:center;
margin-top:9px;
}
.charsheet .sheet-inputlinerCompTalent {
display: inline-block;
width: 92px;
font-size: 11px;
text-align:center;
margin-top:9px;
}
.charsheet .sheet-inputlinershortmod {
display: inline-block;
width: 50px;
font-size: 11px;
text-align:center;
}
.charsheet .sheet-inputlinerDmg {
display: inline-block;
width: 60px;
font-size: 11px;
text-align:center;
}
.charsheet .sheet-labellinerversho {
width: 50px;
font-weight: bold;
font-size: 16px;
text-align:center;
}
.charsheet .sheet-inputlinerversho {
width: 50px;
text-align:center;
}
.charsheet .sheet-inputpex {
text-align:center;
margin-top:-7px;
}
.charsheet .sheet-inputdados {
width: 150px;
text-align:center;
margin-top:0px;
}
.charsheet .sheet-inputlevel {
text-align:center;
font-weight: bold;
font-size: 20px;
border: black 3px solid;
padding-bottom:5px;
padding-top:5px;
margin-top:-10px;
}
.charsheet .sheet-inputlinerversho2 {
width: 22px;
text-align:center;
}
.charsheet .sheet-inputlinervershox3 {
margin-left:14px;
margin-right:14px;
}
.charsheet .sheet-inputlinerversho3 {
width: 50px;
text-align:left;
}
.charsheet .sheet-labellinerverattr {
position:relative;
width: 40px;
font-weight: bold;
font-size: 18px;
text-align:center;
margin-left:5px;
}
.charsheet .sheet-labellinerverattr2 {
width: 40px;
font-weight: bold;
font-size: 18px;
text-align:center;
}
.charsheet .sheet-labellinepex {
width: 40px;
font-weight: bold;
font-size: 14px;
text-align:center;
margin-top:2px;
margin-left:5px;
}
.charsheet .sheet-labelroller {
width: 40px;
font-weight: bold;
font-size: 14px;
text-align:center;
margin-top:2px;
}
.charsheet .sheet-labellineextras {
width: 40px;
font-weight: bold;
font-size: 12px;
text-align:center;
margin-top:3px;
margin-bottom:-1px;
margin-left:4px;
}
.charsheet .sheet-labellinerattr {
display: inline-block;
width: 60px;
font-weight: bold;
font-size: 14px;
text-align:right;
}
.charsheet .sheet-labellinerattrname {
display: inline-block;
width: 40px;
font-weight: bold;
font-size: 14px;
text-align:center;
}
.charsheet .sheet-labellinerattr2 {
font-weight: bold;
font-size: 14px;
top: 30px;
width: 80px;
left: 105px;
position: relative;
margin-top: -35px;
background: white;
}
.charsheet .sheet-labellinerattr3 {
display: inline-block;
width: 65px;
font-weight: 500;
font-style: italic;
font-size: 14px;
text-align:left;
}
.charsheet .sheet-labellinerattr4 {
display: inline-block;
width: 60px;
font-weight: bold;
font-size: 12px;
text-align:left;
}
.charsheet .sheet-labelsquareField {
display: inline-block;
width: 30px;
font-weight: bold;
font-size: 16px;
text-align:right;
}
.charsheet .sheet-labellinerCoins {
display: inline-block;
width: 25px;
font-weight: bold;
font-size: 12px;
text-align:left;
}
.charsheet .sheet-inputbutton22 {
position:relative;
left:-30px;
}
.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: #5c5c5c;
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 {
}
.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;
max-width: 120px;
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;
margin-top: 2px ;
}
.sheet-rolltemplate-5eDefault .sheet-main-content {
text-align: center;
}
.sheet-rolltemplate-5eDefault .sheet-rt-emote {
font-style: italic;
font-size: 11px;
font-family: Arial;
text-align: center;
font-weight:normal;
border: green 1px dashed;
border-radius: 5px;
padding: 0px 5px;
margin: 0px 5px 5px 5px;
}
.sheet-rolltemplate-5eDefault .sheet-rt-emote .inlinerollresult{
background-color: transparent;
border:none;
}
/* this sets the formatting for all repcontrol buttons */
.charsheet .repcontrol_add,
.charsheet .repcontrol_edit,
.charsheet .repcontrol_del {
margin-top:13px;
}
.sheet-rolltemplate-5eDefault .sheet-celda1{
margin-left:15px;
width:70px;
text-align:right;
}
.sheet-rolltemplate-5eDefault .sheet-celda2{
width:20px;
text-align:left;
}
.sheet-rolltemplate-5eDefault .sheet-celda3{
width:20px;
text-align:left;
}
.sheet-rolltemplate-5eDefault .sheet-celda3 .inlinerollresult{
background-color: #FE6767;
}
.sheet-rolltemplate-5eDefault .sheet-celda4{
width:20px;
text-align:left;
}
.sheet-rolltemplate-5eDefault .sheet-celda4 .inlinerollresult{
background-color: #CAF7D3;
}