mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
509 lines
4.3 KiB
CSS
509 lines
4.3 KiB
CSS
.charsheet {
|
|
|
|
width: 830px;
|
|
|
|
background: whiteSmoke;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
resize: none;
|
|
|
|
height: auto;
|
|
|
|
margin:0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.repcontainer .btn,
|
|
|
|
.repcontrol .btn {
|
|
|
|
border-radius: 0;
|
|
|
|
background-image: none;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-toggle:not(:checked) ~ .sheet-hide,
|
|
|
|
.sheet-toggle:checked ~ .sheet-show {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sheet-topbar{
|
|
|
|
background:black;
|
|
|
|
border-style:solid;
|
|
|
|
border-width: 1px;
|
|
|
|
border-color: black;
|
|
|
|
border-radius:5px;
|
|
|
|
}
|
|
|
|
.sheet-topbar-heading {
|
|
|
|
color: white;
|
|
|
|
text-align: center;
|
|
|
|
margin: 0;
|
|
|
|
font-size: 40px;
|
|
|
|
}
|
|
|
|
.sheet-topbar-text{
|
|
|
|
color: white;
|
|
|
|
text-align: center;
|
|
|
|
margin: 0;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-subbar {
|
|
|
|
}
|
|
|
|
.sheet-subbar > input {
|
|
|
|
height: 100%;
|
|
|
|
padding: 0;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
border-width: 1px;
|
|
|
|
border-color: black;
|
|
|
|
background-color: slateGray;
|
|
|
|
color: white;
|
|
|
|
font-size: 38px;
|
|
|
|
line-height: 42px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-subbar > .sheet-field-name {
|
|
|
|
width: 60%;
|
|
|
|
float: left;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-subbar > .sheet-field-class {
|
|
|
|
width: 39%;
|
|
|
|
float: right;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-box-header {
|
|
|
|
margin: 5px 0px 0px 0px;
|
|
|
|
border-radius:5px;
|
|
|
|
text-align: center;
|
|
|
|
background: dimGray;
|
|
|
|
color: white;
|
|
|
|
font-size: 30px;
|
|
|
|
border-style:solid;
|
|
|
|
border-width:1px;
|
|
|
|
border-color:black;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-description-text textarea{
|
|
|
|
height: 145px;
|
|
|
|
width:97%;
|
|
|
|
}
|
|
|
|
.sheet-gear-text textarea{
|
|
|
|
height: 100px;
|
|
|
|
width:96%;
|
|
|
|
}
|
|
|
|
.sheet-faction-text textarea{
|
|
|
|
height: 137px;
|
|
|
|
width:96%;
|
|
|
|
}
|
|
|
|
.sheet-patron-text textarea{
|
|
|
|
height: 40px;
|
|
|
|
width:96%;
|
|
|
|
}
|
|
|
|
.sheet-relationships-text textarea{
|
|
|
|
height: 110px;
|
|
|
|
width:96%;
|
|
|
|
}
|
|
|
|
.sheet-entanglements-text textarea{
|
|
|
|
height: 110px;
|
|
|
|
width:96%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-stat-box{
|
|
|
|
float: left;
|
|
|
|
width: 40%;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
}
|
|
|
|
.sheet-description-box{
|
|
|
|
float: right;
|
|
|
|
width: 59%;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
}
|
|
|
|
.sheet-col-left {
|
|
|
|
float: left;
|
|
|
|
width: 69%;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-col-right {
|
|
|
|
float: right;
|
|
|
|
width: 30%;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
}
|
|
|
|
.sheet-col-2{
|
|
|
|
float: left;
|
|
|
|
width: 49%;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
}
|
|
|
|
.sheet-col-3{
|
|
|
|
float: left;
|
|
|
|
width: 33%;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-row:after {
|
|
|
|
content: "";
|
|
|
|
display: table;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-move-box{
|
|
|
|
margin: 1px 0px 0px 0px;
|
|
|
|
border-style:solid;
|
|
|
|
border-width:1px;
|
|
|
|
border-color:black;
|
|
|
|
border-radius:5px;
|
|
|
|
background:lightGray;
|
|
|
|
}
|
|
|
|
.sheet-move-box:after{
|
|
|
|
content:"";
|
|
|
|
display:table;
|
|
|
|
clear:both;
|
|
|
|
}
|
|
|
|
.sheet-move-box > textarea{
|
|
|
|
height:200px;
|
|
|
|
width:96%;
|
|
|
|
}
|
|
|
|
.sheet-move-box > input{
|
|
|
|
height: auto;
|
|
|
|
width:98%;
|
|
|
|
padding: 0;
|
|
|
|
margin: 1px 2px 1px 2px;
|
|
|
|
border-width: 1px;
|
|
|
|
border-color: black;
|
|
|
|
background-color: darkGray;
|
|
|
|
color: black;
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 42px;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-attribute-box{
|
|
|
|
margin:1px 0px 0px 0px;
|
|
|
|
border-style:solid;
|
|
|
|
border-width:1px;
|
|
|
|
border-color:black;
|
|
|
|
border-radius:5px;
|
|
|
|
background:lightGray;
|
|
|
|
}
|
|
|
|
.sheet-attribute-box > textarea {
|
|
|
|
width:96%;
|
|
|
|
}
|
|
|
|
.sheet-attribute-box:after{
|
|
|
|
content:"";
|
|
|
|
display:table;
|
|
|
|
clear:both;
|
|
|
|
}
|
|
|
|
.sheet-attribute-name{
|
|
|
|
float:left;
|
|
|
|
font-size: 20px;
|
|
|
|
font-style:bold;
|
|
|
|
padding: 0px 0px 0px 5px;
|
|
|
|
margin-right:5px;
|
|
|
|
}
|
|
|
|
.sheet-attribute-field{
|
|
|
|
float:right;
|
|
|
|
}
|
|
|
|
.sheet-attribute-element-right{
|
|
|
|
vertical-align: middle;
|
|
|
|
float:right;
|
|
|
|
margin: 4px 5px 1px 5px;
|
|
|
|
}
|
|
|
|
.sheet-attribute-element-left{
|
|
|
|
vertical-align: middle;
|
|
|
|
float:left;
|
|
|
|
margin: 4px 5px 1px 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-stat-item {
|
|
|
|
margin:1px 0px 0px 0px;
|
|
|
|
border-style:solid;
|
|
|
|
border-width:1px;
|
|
|
|
border-color:black;
|
|
|
|
border-radius:5px;
|
|
|
|
background:lightGray;
|
|
|
|
}
|
|
|
|
.sheet-stat-item:after{
|
|
|
|
content:"";
|
|
|
|
display:table;
|
|
|
|
clear:both;
|
|
|
|
}
|
|
|
|
.sheet-stat-name {
|
|
|
|
float:left;
|
|
|
|
font-size: 20px;
|
|
|
|
font-style:bold;
|
|
|
|
padding: 0px 5px 0px 5px;
|
|
|
|
margin-right:5px;
|
|
|
|
}
|
|
|
|
.sheet-stat-field {
|
|
|
|
float:right;
|
|
|
|
}
|
|
|
|
.sheet-stat-element{
|
|
|
|
vertical-align: middle;
|
|
|
|
float:right;
|
|
|
|
margin: 1px 1px 1px 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sheet-clearfix {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-right {
|
|
|
|
float: right !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-left {
|
|
|
|
float: left !important;
|
|
|
|
}
|
|
|