Bladeren bron

tweaks to get rid of border on soft dim and various time size/space issues

clementinecomputing 5 jaren geleden
bovenliggende
commit
4fe5030f28
2 gewijzigde bestanden met toevoegingen van 26 en 8 verwijderingen
  1. 20 2
      busunit/DIUv2/html/css/diustyles.css
  2. 6 6
      busunit/DIUv2/html/index-ORG.html

+ 20 - 2
busunit/DIUv2/html/css/diustyles.css

@@ -46,7 +46,6 @@
 
 html, body {
   height: 100%;
-
 }
 
 body {
@@ -177,12 +176,31 @@ body { letter-spacing: 0.25em; }
 .bkeyFull     { width: 96vw; height: 96vh; }
 .bkeyNarrow   { width: 12vw; height: 25vh; }
 
+.bkeyTimeLogin     {
+  width:20vw;
+  height:12vh;
+  color:#bb4444;
+  font-family: monospace;
+  font-size: 12vh;
+  margin-top:1vh;
+}
+
+.bkeyDateLogin {
+  width:20vw;
+  height:6vh;
+  font-family: monospace;
+  /* font-size: 3.5vh; */
+  font-size: 5vh;
+  margin-left:1.75vw;
+}
+
+
 .bkeyTime     {
   width:16vw;
   height:10vh;
   color:#bb4444;
   font-family: monospace;
-  font-size: 6.5vh;
+  font-size: 8vh;
 }
 
 .bkeyDate {

+ 6 - 6
busunit/DIUv2/html/index-ORG.html

@@ -27,21 +27,21 @@
     <link rel="stylesheet" href="css/grids.css">
   </head>
 
-  <body id='body'>
+  <body id='body' >
 
     <div id='dim_overlay' style='z-index:1001;'></div>
 
     <!--
       an optional clock display under 'quick dim' mode
     -->
-    <div id='ui_dimclock' style='z-index:1000; display:none; background:#000000;'>
+    <div id='ui_dimclock' style='z-index:1000; display:none; background:#000000; width:120vw; height:120vh; margin-left:-2vw; margin-top:-2vh;'>
       <div style='width:100%; height:100%;'>
         <div class='pure-g row' style='width:100%; height:100%;' >
           <div class='pure-u-1-6 col' style='position:absolute; top:10vh; margin-left:10vw;'>
 
             <button onmousedown='_beep();' class='bdropdark bkeyHuge' id='ui_dimclock_btn'>
-              <span id='ui_dimclock_clock' class='bkeyTime'> ok </span> <br>
-              <span id='ui_dimclock_date' class='bkeyDate'> ok </span> <br>
+              <span id='ui_dimclock_clock' class='bkeyTime' style='font-size:16vh;'> ok </span> <br>
+              <span id='ui_dimclock_date' class='bkeyDate' style='font-size:8vh;'> ok </span> <br>
             </button>
 
           </div>
@@ -86,8 +86,8 @@
 
         <div class='pure-u-1-3 col'> <button onmousedown='_beep();' class='bdropinp bkeyw' id='ui_login_login'>Login</button> </div>
         <div class='pure-u-1-3 col'>
-          <button class='bdisp bkeyTime' id='ui_login_time'> 02:34 </button>
-          <button class='bdispSmall bkeyDate' id='ui_login_date'> </button>
+          <button class='bdisp bkeyTimeLogin' id='ui_login_time' > 02:34 </button>
+          <button class='bdispSmall bkeyDateLogin' id='ui_login_date'> </button>
         </div>
         <div class='pure-u-1-3 col'> <button onmousedown='_beep();' class='bdropinp bkeyw' id='ui_login_configuration'>Config</button> </div>