Make the scorebug slightly less dominant (20% smaller).

[ultimatescore] / score.css

diff --git a/score.css b/score.css
index 0810921d72c16517c9a647494bc1e1d2ae703337..db72488207cbae47882270d2ee0667a2ca6cffae 100644 (file)
--- a/score.css
+++ b/score.css
@@ -14,8 +14,17 @@ body {
   transform-origin: top left; */
 }
 body {
-  font-family: 'Exo', sans-serif;
+  font-family: 'Lato', sans-serif;
   color: white;
+
+  /* Needs to be adjusted per-font! 2px/4px is a good choice for Exo. */
+  --main-padding-top-adjust: 0px;
+  --main-padding-top-large-adjust: 0px;
+}
+
+#entire-bug {
+  transform: scale(0.8);
+  transform-origin: top left;
 }
 
 /* Score */
@@ -50,14 +59,14 @@ body {
   text-align: center;
   height: 35px;
   background: linear-gradient(to bottom, #00a, #008);
-  padding-top: 2px;  /* needs to be adjusted per-font! */
+  padding-top: var(--main-padding-top-adjust);
 }
 .score {
   text-align: center;
   background: linear-gradient(to bottom, #00c, #00a);
   width: 110px;
   height: 35px;
-  padding-top: 2px;  /* needs to be adjusted per-font! */
+  padding-top: var(--main-padding-top-adjust);
 }
 
 /* Clock, to the right of score */
@@ -74,7 +83,8 @@ body {
   border: 1px solid #000;
   background: linear-gradient(to bottom, #00a, #008);
   text-align: center;
-  height: 35px;
+  height: 36px;
+  padding-top: var(--main-padding-top-adjust);
   width: 90px;
 }
 .clockbug-hidden {
@@ -151,7 +161,7 @@ body {
 .lowerthird-headline-content {
   padding-left: 20px;
   position: absolute;
-  padding-top: 4px;  /* needs to be adjusted per-font! */
+  padding-top: var(--main-padding-top-large-adjust);
 }
 .lowerthird-headline-content-hidden {
   clip: rect(0px,0px,200px,0px);
@@ -170,7 +180,7 @@ body {
   left: 40px;
   top: 638px;
   height: 40px;
-  width: 500px;
+  width: 600px;
   border-collapse: collapse;
   white-space: nowrap;
   border: 1px solid black;
@@ -196,7 +206,7 @@ body {
 .lowerthird-subheading-content {
   position: absolute;
   padding-left: 20px;
-  padding-top: 2px;  /* needs to be adjusted per-font! */
+  padding-top: var(--main-padding-top-adjust);
 }
 .lowerthird-subheading-content-hidden {
   width: 0px;
@@ -219,6 +229,10 @@ body {
   width: 170px;
   color: black;
 }
+.lowerthird-picture img {
+  height: 170px;
+  width: 170px;
+}
 .lowerthird-picture-hidden {
   width: 0px;
   border-left: 0px;
@@ -247,7 +261,7 @@ body {
   clip: rect(0px,0px,200px,0px);
 }
 
-/* these are hidden when actually run in casparcg */
+/* these are hidden when actually run in Nageru */
 #area {
   position: fixed;
   left: 0px;
@@ -435,12 +449,12 @@ body {
     border: 1px solid black;
   }
   100% {
-    width: 500px;
+    width: 600px;
   }
 }
 @-webkit-keyframes scale-in-small {
   0% {
-    width: 500px;
+    width: 600px;
     border: 1px solid black;
   }
   80% {