Replaced all inline styles with stylesheet classes

Roll20 · May 1, 2024 · 9f79e2f · 9f79e2f
1 parent bcaf0bf
commit 9f79e2f
Show file tree

Hide file tree

Showing 2 changed files with 210 additions and 37 deletions.
diff --git a/Kult Divinity Lost/KULT Divinity Lost.css b/Kult Divinity Lost/KULT Divinity Lost.css
@@ -200,6 +200,13 @@
 }
 
 /* Attributes */
+.sheet-attributes-header {
+	margin-left: 33%;
+	width: 33%;
+	display: block;
+	text-align: center;
+}
+
 .sheet-sephirot {
     background-image: url("https://i.imgur.com/G94W8PR.png");
     background-size: 100% auto;
@@ -213,12 +220,12 @@
     position: relative;
 }
 
-.charsheet .sheet-passatt{
+.charsheet .sheet-passiveatt{
 	border: 3px #968c6a dotted;
 	width: 3em;
 	display: inline-block;
 }
-.charsheet .sheet-actatt{
+.charsheet .sheet-activeatt{
 	border: 3px #968c6a dotted;
 	width: 3em;
 	border-radius: 50%;
@@ -230,7 +237,6 @@
 	width: 180px;
 }
 
-
 .charsheet .sheet-attlabel select{
     width:115px;
 	display: inline-block;
@@ -242,6 +248,134 @@
 	margin-bottom:0;
 }
 
+/* Attribute positioning */
+
+.sheet-sephirot .sheet-fortitude {
+	position: absolute;
+	top: 133px;
+	left: 72px;
+}
+
+.sheet-sephirot .sheet-willpower {
+	position: absolute;
+	top: 62px;
+	left: 190px;
+}
+
+.sheet-sephirot .sheet-reflexes {
+	position: absolute;
+	top: 133px;
+	left: 307px;
+}
+
+.sheet-sephirot .sheet-reason {
+	position: absolute;
+	top: 271px;
+	left: 72px;
+}
+
+.sheet-sephirot .sheet-intuition {
+	position: absolute;
+	top: 271px;
+	left: 307px;
+}
+
+.sheet-sephirot .sheet-perception {
+	position: absolute;
+	top: 337px;
+	left: 190px;
+}
+
+.sheet-sephirot .sheet-coolness {
+	position: absolute;
+	top: 402px;
+	left: 72px;
+}
+
+.sheet-sephirot .sheet-violence {
+	position: absolute;
+	top: 402px;
+	left: 307px;
+}
+
+.sheet-sephirot .sheet-charisma {
+	position: absolute;
+	top: 467px;
+	left: 190px;
+}
+
+.sheet-sephirot .sheet-soul {
+	position: absolute;
+	top: 598px;
+	left: 190px;
+}
+
+.sheet-sephirot .sheet-fortitude-label {
+	position: absolute;
+	top: 200px;
+	left: 4px;
+}
+
+.sheet-sephirot .sheet-willpower-label {
+	position: absolute;
+	top: 125px;
+	left: 122px;
+}
+
+.sheet-sephirot .sheet-reflexes-label {
+	position: absolute;
+	top: 200px;
+	left: 239px;
+}
+
+.sheet-sephirot .sheet-reason-label {
+	position: absolute;
+	top: 334px;
+	left: 4px;
+}
+
+.sheet-sephirot .sheet-intuition-label {
+	position: absolute;
+	top: 334px;
+	left: 239px;
+}
+
+.sheet-sephirot .sheet-perception-label {
+	position: absolute;
+	top: 398px;
+	left: 120px;
+}
+
+.sheet-sephirot .sheet-coolness-label {
+	position: absolute;
+	top: 470px;
+	left: 4px;
+}
+
+.sheet-sephirot .sheet-violence-label {
+	position: absolute;
+	top: 470px;
+	left: 239px;
+}
+
+.sheet-sephirot .sheet-charisma-label {
+	position: absolute;
+	top: 530px;
+	left: 120px;
+}
+
+.sheet-sephirot .sheet-soul-label {
+	position: absolute;
+	top: 664px;
+	left: 120px;
+}
+
+.sheet-sephirot .sheet-helphinder-label {
+	position: absolute;
+	top: 10px;
+	left: -30px;
+}
+
 /* Relations */
 
 .sheet-relations input[type=text] {
@@ -354,6 +488,21 @@
     display: none;
 }
 
+.charsheet input.sheet-toggle-show-rollable {
+	float:right;
+	margin-right:0px;
+}
+
+.charsheet span.sheet-rollable-label {
+	float:right;
+	margin-right:5px;
+}
+
+.charsheet span.sheet-rollable-checkbox {
+	float:right;
+	margin-right:-15px;
+}
+
 .sheet-disadvantages {
 	margin-bottom:10px;    
 }
@@ -450,6 +599,9 @@
 	display: inline-block;
 	margin-left:20px;
 }
+.sheet-wounds-list input.sheet-show-wounds[type=checkbox]{
+	margin-left:10px;
+}
 .sheet-wounds-list .sheet-label2{
 	display: inline-block;
 }
@@ -519,6 +671,14 @@
 }
 
 
+/* Dramatic Hooks */
+
+.sheet-dramatic_hooks textarea {
+	height: 395px;
+	width:100%;
+}
+
+
 /* Weapons */
 .sheet-gears, .sheet-weapons, .sheet-weapons .repitem { 
 	margin-bottom:10px;
@@ -548,6 +708,12 @@
 	margin-top:2px;
 }
 
+.sheet-advancement .sheet-experience {
+	font-weight:bold;
+	font-style:italic;
+	vertical-align:middle;
+}
+
 .sheet-advancement .sheet-advancement-header {
 	font-size:1.5em;
 	font-style:italic;
@@ -580,6 +746,14 @@
 	padding: 0 3px;
 }
 
+
+/* Notes */
+
+.sheet-notes textarea {
+	height: 565px;
+	width:815px;
+}
+
 /* Roll Template */
 
 .sheet-rolltemplate-kult{