roll20-character-sheets/SCUP/SCUP.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;

}