roll20-character-sheets/Space1889/space1889.css

/*
	EDITED by 			Gorthian
	Version				1.1
	Letzte Änderung		2022-05-21
	
	GitHub				https://github.com/Gorthian/Roll20_Space1889_CharacterSheet
	Wiki				https://github.com/Gorthian/Roll20_Space1889_CharacterSheet/wiki
	Bugs & Issues		https://github.com/Gorthian/Roll20_Space1889_CharacterSheet/issues
*/


/*             GRUNDLAGEN                          */

div.sheet-wrapper {
	--sheet-bg			: #ffffff;
	--sheet-text-color	: #000000;	
	--line-height		: 30px;
}

.sheet-nowrap {
	white-space			: nowrap;
}

div.sheet-space1889 {
	line-height		: var(--line-height);
}

/*             GRIDS                               */

div.sheet-space1889 {
	background-color		: var(--sheet-bg);
	color					: var(--sheet-text-color);
	display 				: grid;
	grid-template-areas		: 	"content"
								"footer"
}

div.sheet-content {
	display					: grid;
	grid-area				: content;
	grid-template-columns	: 50% 50%;
	grid-template-areas		: 	"basics basics"
								"primary-attributes	secondary-attributes"
								"style health"
								"skills skills"
								"combat	combat"
								"misc misc"
}

div.sheet-basics {
	display					: grid;
	grid-area				: basics;
}

div.sheet-basics span.sheet-label {
	display					: inline-block;
	width					: 30%;
}

div.sheet-primary-attributes {
	display					: grid;
	grid-area				: primary-attributes;
}

div.sheet-primary-attributes span.sheet-label {
	display					: inline-block;
	width					: 30%;
}

div.sheet-primary-attributes input {
	display					: inline-block;
}

div.sheet-secondary-attributes {
	display					: grid;
	grid-area				: secondary-attributes;
}

div.sheet-secondary-attributes span.sheet-label {
	display					: inline-block;
	width					: 30%;
}

div.sheet-style {
	display					: grid;
	grid-area				: style;
}

div.sheet-health {
	display					: grid;
	grid-area				: health;
}

div.sheet-skills {
	display					: grid;
	grid-area				: skills;
}

div.sheet-combat {
	display					: grid;
	grid-area				: combat;
}

div.sheet-misc {
	display					: grid;
	grid-area				: misc;
	grid-template-areas		: "talents ressources weaknesses"
}

div.sheet-talents {
	display					: grid;
	grid-area				: talents;
}

div.sheet-ressources {
	display					: grid;
	grid-area				: ressources;
}

div.sheet-weaknesses {
	display					: grid;
	grid-area				: weaknesses;
}

div.sheet-footer {
	display					: grid;
	grid-area				: footer;
}

/*             LAYOUTS				*/

div.sheet-box {
	border				: 1px solid black;
	border-radius		: 10px;
	background-color	: lightgray;
	padding				: 5px;
	margin				: 5px;
}

:is(div.sheet-weaponattribute, div.sheet-skillentry) select{
	width	: auto;
}

div.sheet-space1889 div.sheet-content :is(input, select, button) {
	height	: var(--line-height);
	margin	: 0px;
	padding : 4px;
}

div.sheet-table {
	display				: table;
	width				: 100%;
}

div.sheet-table-row {
	display				: table-row;
	width				: 100%;
}

div.sheet-table-col {
	display				: table-cell;
}

hr {
	border-color		: black;
}

/* Chrome, Safari, Edge, Opera */
input:read-only:-webkit-outer-spin-button,
input:read-only::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number]:read-only {
  -moz-appearance	: textfield;
  text-align		: center;
}