Merge pull request #13345 from nashidau/master

RolemasterUnified Official: Minor fixes and tweaks.
Roll20 · Sep 24, 2024 · c97eacf · c97eacf
2 parents 1442f47 + 8fd8a30
commit c97eacf
Show file tree

Hide file tree

Showing 4 changed files with 159 additions and 55 deletions.
diff --git a/RolemasterUnified_Official/rolemasterunified.css b/RolemasterUnified_Official/rolemasterunified.css
@@ -756,8 +756,7 @@ button.nodie {
 .sheet-rolltemplate-rmurollbox {
   padding: 1rem;
   width: 95%;
-  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25),
-    0 5px 10px 0 rgba(0,0,0,0.17);
+  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 bottom, rgba(241,242,11,1) 20%, rgba(248,161,27,1) 80%);
   border-radius: 0.5rem;
   line-height: 1.5em;
@@ -767,28 +766,33 @@ button.nodie {
 }
 
 .sheet-rolltemplate-darkmode .sheet-rolltemplate-rmurollbox {
-	background-image: linear-gradient(to right bottom, #8e2de2, #4a00e0);
+  background-image: linear-gradient(to right bottom, #8e2de2, #4a00e0);
+  box-shadow: 0 2px 5px 0 rgba(241,242,11,0.5), 0 4px 6px 0 rgba(248,161,27,0.17);
 }
 
 .sheet-rolltemplate-rmucritical {
   padding: 1rem;
   width: 95%;
-  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25),
-    0 5px 10px 0 rgba(0,0,0,0.17);
-    /* Dark version:  0A4F50 */
+  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25), 0 5px 10px 0 rgba(0,0,0,0.17);
   background-color: #ADF4F5;
   border-radius: 0.5rem;
   line-height: 1.5em;
   border-left: 0 solid #F5ADC4;
   transition: border-left 300ms ease-in-out, padding-left 300ms ease-in-out;
 }
 
+
+.sheet-rolltemplate-darkmode.sheet-rolltemplate-rmucritical {
+  background-image: linear-gradient(to right bottom, #000000, #923cb5);
+  box-shadow: 0 2px 5px 0 rgba(241,242,11,0.5), 0 4px 6px 0 rgba(248,161,27,0.17);
+}
+
 .sheet-rolltemplate-rmucritical:hover {
-  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.35),
-    0 5px 10px 0 rgba(0,0,0,0.35);
+  box-shadow: 0 4px 7px 0 rgba(241,242,11,0.8), 0 6px 8px 0 rgba(248,161,27,0.5);
 }
 
 
+
 /* Stylesheet for roll boxes */
 .sheet-rolltemplate-rmuinitbox {
   background-color: rgb(216, 255, 131);
@@ -797,8 +801,10 @@ button.nodie {
 .sheet-rolltemplate-rmurollbox:hover {
   padding-left: 0.5rem;
   border-left: 0.5rem solid #fca80f;
-  box-shadow: 0 10px 25px 0 rgba(0,0,0,0.7),
-    0 10px 20px 0 rgba(0,0,0,0.8);
+  box-shadow: 0 10px 25px 0 rgba(0,0,0,0.7), 0 10px 20px 0 rgba(0,0,0,0.8);
+}
+.sheet-rolltemplate-darkmode .sheet-rolltemplate-rmurollbox:hover {
+  box-shadow: 0 3px 7px 0 rgba(241,242,11,0.8), 0 6px 8px 0 rgba(248,161,27,0.6);
 }
 
 .sheet-rolltemplate-rmurollbox > :first-child {
@@ -1126,6 +1132,35 @@ button.nodie {
     background-image: linear-gradient(to right, #ff512f, #f09819);
 }
 
+.creatureskills {
+    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);
+}
+
+.creaturehacks {
+    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, #abbaab, #ffffff);
+}
+
+
+.creaturespells {
+    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);
+    grid-column: span 3;
+}
+
+.creaturenotes {
+    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, #9796f0, #fbc7d4);
+    grid-column: span 3;
+}
+
+
+
+.creaturebg {
+
+}
+
 .creature-multicolumn {
     column-count: auto;
     column-width: 18em;
@@ -1159,29 +1194,14 @@ button.nodie {
   top: 50px;
   left: -15px;
 }
-
-.loader:after {
-  content: '';
-  width: 12px;
-  height: 12px;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50% , -50%);
-  border-radius: 50%;
-  background-color: #FF3D00;
-  box-shadow: 20px 0 #FF3D00, -20px 0 #FF3D00;
-  animation: flash 0.5s ease-out infinite alternate;
-}
-
 @keyframes flash {
   0% {
-    background-color: rgba(255, 60, 0, 0.25);
+    background-color: rgba(255, 255, 200, 0.25);
     box-shadow: 20px 0 rgba(255, 60, 0, 0.25), -20px 0 #FF3D00;
   }
   50% {
     background-color: #FF3D00;
-    box-shadow: 20px 0 rgba(255, 60, 0, 0.25), -20px 0 rgba(255, 60, 0, 0.25);
+    box-shadow: 20px 0 rgba(255, 60, 0, 0.25), -20px 0 rgba(255, 255, 200, 0.25);
   }
   100% {
     background-color: rgba(255, 60, 0, 0.25);