roll20-character-sheets/Warpland/Warpland.css

/*
.sheet-container * {
    padding: 0;
    margin: 0;
}
*/

.sheet-container {
    padding: 21px;
    margin: -21px;
    border-radius: 8px;
}


input.sheet-theme[value="dark"]:checked ~ div.sheet-container,
input.sheet-theme[value="dark"]:checked ~ div.sheet-container div {
	background-color: darkslategrey;
	color: gainsboro;
	font-family: Verdana, sans-serif;
}

input.sheet-theme[value="light"]:checked ~ div.sheet-container,
input.sheet-theme[value="light"]:checked ~ div.sheet-container div {
	background-color: gainsboro;
	color: darkslategrey;
	font-family: Verdana, sans-serif;
}

input.sheet-theme[value="dark"]:checked ~ div.sheet-container input,
input.sheet-theme[value="dark"]:checked ~ div.sheet-container select,
input.sheet-theme[value="dark"]:checked ~ div.sheet-container textarea {
	color: gainsboro;
	background: #333;
	border: 1px solid gainsboro;
	font-family: cursive;
}

input.sheet-theme[value="light"]:checked ~ div.sheet-container input,
input.sheet-theme[value="light"]:checked ~ div.sheet-container select,
input.sheet-theme[value="light"]:checked ~ div.sheet-container textarea {
	color: darkslategrey;
	background: floralwhite;
	border: 1px solid darkslategrey;
	font-family: cursive;
}

input.sheet-fontSize[value="small"]:checked ~ div.sheet-container textarea {
	font-size: smaller;
}

input.sheet-fontSize[value="normal"]:checked ~ div.sheet-container textarea {
	font-size: inherit;
}


.sheet-container div {
    
    /*
	background-color: black;
    color: white;
	*/
}

.sheet-hidden {
	display: none;
}

.sheet-sectionTitle {
	font-size: 160%;
	font-weight: bold;
	font-variant: small-caps;
}

.sheet-sectionSubtitle {
	font-size: 130%;
	font-weight: bold;
}

div.sheet-bio {
    text-align: right;
    vertical-align: text-bottom;
}

div.sheet-bio input[type="text"] {
	margin: 0;
	width: 39%;
}

div.sheet-attributes, div.sheet-health{
    text-align: center;
	margin-bottom: 5px;
}

div.sheet-colAttributes {
	text-align: right;
	padding-right: 20px;
}

div.sheet-attribute {
    display: block;
	margin-bottom: 5px;
}

div.sheet-attribute2 {
    display: block;
}

.sheet-attributeTitle {
	margin-left: 2px;
	margin-right: 1px;
    display: inline-block;
	font-size: 150%;
	font-weight: bold;
}

div.sheet-inventory select {
    width: 60px;
    margin: 0;
}

input, select {
	/*
	background: #333;
	color: white;
	*/
}

div.sheet-spells, div.sheet-inventory {
	/* border-bottom: 1px solid black; */
}

input.sheet-narrowTextField {
    width: 60px;
}

input.sheet-wideTextField {
    width: 250px;
}

input[type="number"] {
	text-align: center;
}
input[type="number"].sheet-attributeInput {
    width: 50px !important;
	font-size: 150%;
}

.sheet-oneThird {
    width: 30%;
}

.sheet-half {
    width: 49%;
}

.sheet-twoThirds {
    width: 60%;
}

.sheet-full {
    width: 90%;
}


div.sheet-notes .repitem {
	display: inline-block;
}

textarea {
    height: 50px;
	width: calc(100% - 11px); 
	display: inline-block;
	resize: both;
	min-width: 20px;
	max-width: 100%;
	min-height: 50px;
    margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
	line-height: 1.25em;

}

textarea.sheet-description {
	display: block;
	width: 90%;
	height: 50px;
}

div.sheet-preferences {
	margin-top: 21px;
	font-size: smaller;
	width: 100%;
}

div.sheet-preferences > div {
	width: 45%;
	margin:0;
	display: inline-block;	
}

/* --------------------- */
/* ---- SWITCH PJ/MJ --- */
/* --------------------- */
div.sheet-blockB {
    display: none;
}
.sheet-blockSwitch:checked ~ div.sheet-blockA {
    display: none;
}
.sheet-blockSwitch:checked ~ div.sheet-blockB {
    display: block;
}

/* --------------------- */
/* ------ BUTTONS ------ */
/* --------------------- */

.repcontrol {
    min-height: 27px;
	display: block;
}

.repcontrol .btn {
    /* visibility: hidden; */ /* Doesn't work in Firefox! */
    border: medium none;
    color: transparent !important;
    background: none;
    box-shadow: none;
	float: none;
	display: inline-block;
	text-shadow: none !important;
	
	
}

.repcontrol .btn:focus {
    outline: 0;
}

.repcontrol .repcontrol_edit {
	float: none;
}

.repcontrol .repcontrol_edit:after {
    content: '(';
    visibility: visible;
    font-family: pictos;
    background-color: white;
    border: 1px solid black;
    border-radius: 2px;
    font-size: 12px;
    height: 12px;
    width: 12px;
    padding: 2px 4px 2px 4px;
    color: black;
	margin-left: -10px;
}

.editmode ~ .repcontrol .repcontrol_edit:after {
    content: ')';
}

.repcontrol .repcontrol_add:before {
    content: '&';
    visibility: visible;
    font-family: pictos;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 2px;
    font-size: 12px;
    height: 12px;
    width: 12px;
    padding: 2px 4px 2px 4px;
    color: black;
}

.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before
{
    background-color: #EFEFEF;
}

.sheet-resources .repcontrol {
    margin-top: -10px;
}

.itemcontrol {
    z-index: 10;
}

.itemcontrol .repcontrol_del {
    font-size: 10px;
    margin-top: 3px;
    padding: 0px;
    height: 18px;
    width: 18px;
}

.itemcontrol .repcontrol_move {
    font-size: 10px;
    margin-top: 3px;
    padding: 0px;
    height: 18px;
    width: 18px;
}

/*---- attributeTest rolltemplate -----*/
.sheet-rolltemplate-attributeTest .sheet-attrRollContainer {
    padding: 5px;
    border: 1px solid darkslategrey;
	border-radius: 10px;
	background-color: gainsboro;
	color: darkslategrey;
	font-family: Verdana, sans-serif;
}

/* input.sheet-theme[value="dark"]:checked + .sheet-rolltemplate-attributeTest .sheet-attrRollContainer { */
    /* padding: 5px; */
    /* border: 1px solid gainsboro; */
	/* border-radius:10px; */
	/* background-color: darkslategrey; */
	/* color: gainsboro; */
	/* font-family: Verdana, sans-serif; */
/* } */

.sheet-rolltemplate-attributeTest .sheet-attrRollText {
	/* height: 22px; */
}