Merge pull request #13209 from nashidau/master

Rolemaster Unified Official: Creature updates and misc QoL improvements.
Roll20 · Aug 15, 2024 · fd1ab5d · fd1ab5d
2 parents e4c108d + b4f8cf8
commit fd1ab5d
Show file tree

Hide file tree

Showing 6 changed files with 656 additions and 212 deletions.
diff --git a/RolemasterUnified_Official/fonts/PragRoman.ttf b/RolemasterUnified_Official/fonts/PragRoman.ttf
diff --git a/RolemasterUnified_Official/fonts/PragRoman.woff b/RolemasterUnified_Official/fonts/PragRoman.woff
diff --git a/RolemasterUnified_Official/rolemasterunified.css b/RolemasterUnified_Official/rolemasterunified.css
@@ -10,6 +10,14 @@
 
 
 
+@font-face {
+    font-family: myPragRoman;
+    src: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/RolemasterUnified_Official/fonts/PragRoman.ttf) format('truetype'), 
+	url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/RolemasterUnified_Official/fonts/PragRoman.woff) format('woff');
+}
+
+
+
 
 
 /*@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&display=swap&options=tnum');
@@ -27,11 +35,11 @@ url('https://fonts.googleapis.com/css2?family=Material+Icons|Material+Icons+Outl
 }
 
 h2 {
-    font-family: 'PragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
+    font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
 }
 
 h3 {
-    font-family: 'PragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
+    font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
 }
 
 
@@ -47,7 +55,7 @@ h3 {
 
 
 .fancybutton {
-    font-family: 'PragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
+    font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
 }
 
 
@@ -96,7 +104,7 @@ h3 {
 }
 
 .fancytext {
-    font-family: 'PragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
+    font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
 }
 
 .editbutton {
@@ -316,11 +324,11 @@ input:not(:checked).toggle + .toggler { display: none; }
  */
 .prop_pair {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
 .prop_prop {
-    font-family: 'PragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
+    font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
     grid-column: 1;
 }
 
@@ -463,7 +471,7 @@ div.attacks {
 div.foe {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
-    background: rgb(217,222,244);
+    background: linear-gradient(to right, #d3cce3, #e9e4f0);
     border-radius: 3px;
     border-style: solid;
     border-width: 1px;
@@ -605,7 +613,7 @@ div.foe {
   cursor: pointer;
   font-weight: 600;
   width: 5em;
-  font-family: 'PragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
+  font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
 }
 
 .tabset > label::after {
@@ -966,7 +974,7 @@ button.nodie {
 }
 
 .spelllisttype {
-    font-family: 'PragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
+    font-family: 'PragRoman', 'myPragRoman', 'IM Fell DW Pica', 'Kaushan Script', 'Chalkduster', 'Trattatello', 'Luminari', fantasy, serif;
 }
 
 
@@ -1030,35 +1038,56 @@ button.nodie {
 
 
 .creaturestats {
-    width: 10em;
+    width: 8em;
     display: grid;
     grid-template-columns: 1fr 1fr;
     float: left;
 
     padding: 0.5em; border: 1px solid rgb(22,11,12); border-radius: 0.3em; margin: 1em; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);;
 
-    background-image: linear-gradient( 95.2deg, rgba(173,252,234,1) 26.8%, rgba(192,229,246,1) 64% );
+    background-image: radial-gradient(circle farthest-side, #fceabb, #f8b500);
 }
 
 .creaturedefenses {
     display: grid;
-    grid-template-columns: repeat(6, 1fr);
+    grid-template-columns: repeat(2, 1fr);
 
     padding: 0.5em; border: 1px solid rgb(22,11,12); border-radius: 0.3em; margin: 1em; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);;
-    background-image: linear-gradient(to right, #ff9966, #ff5e62);
+    background-image: linear-gradient(to right, #ffefba, #ffffff);
 }
 
 .creaturerrs {
     display: grid;
-    grid-template-columns: repeat(5, 1fr);
+    grid-template-columns: repeat(2, 1fr);
 
     padding: 0.5em; border: 1px solid rgb(22,11,12); border-radius: 0.3em; margin: 1em; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);;
-    background-image: linear-gradient(to right, #b6fbff, #83a4d4);
+    background-image: linear-gradient(to right, #8e9eab, #eef2f3);
 }
 
 .creatureattacks {
     padding: 0.5em; border: 1px solid rgb(22,11,12); border-radius: 0.3em; margin: 1em; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);;
-    background-image: linear-gradient(to right, #FFD194, #D1913C);;
+    background-image: linear-gradient(to right, rgb(242, 112, 156), rgb(255, 148, 114));
+}
+
+.creatureactions {
+    padding: 0.5em; border: 1px solid rgb(22,11,12); border-radius: 0.3em; margin: 1em; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);;
+    background-image: linear-gradient(25deg,#d64c7f,#ee4758 50%);
+}
+
+.creaturestatus {
+    padding: 0.5em; border: 1px solid rgb(22,11,12); border-radius: 0.3em; margin: 1em; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);;
+    background-image: linear-gradient(to right, #4776e6, #8e54e9);
+}
+
+.creature-multicolumn {
+    column-count: auto;
+    column-width: 18em;
+    column-gap: 1em;
+}
+
+.creature-multicolumn div {
+    break-inside: avoid;
+
 }
 
 /* vim: set sts=4 sw=4 syn=css : */