resistor-calculator

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
resistor-calculator [2024/07/15 20:26] – steve.wangresistor-calculator [2024/07/15 20:32] (current) – steve.wang
Line 8: Line 8:
 html { html {
     background-color: silver;     background-color: silver;
 +    color: black;
 } }
  
Line 21: Line 22:
     text-align: center;     text-align: center;
     padding: 20px;     padding: 20px;
-    font-size: 12px;+    font-size: 20px;
       transition: opacity 0.2s, color 0.2s;       transition: opacity 0.2s, color 0.2s;
       vertical-align: center;       vertical-align: center;
Line 37: Line 38:
     justify-content: space-between; /* Adjust spacing between items */     justify-content: space-between; /* Adjust spacing between items */
     gap: 0.1px; /* Add space between the divs */     gap: 0.1px; /* Add space between the divs */
-    width: 10%;+    width: 30%;
     position: relative;     position: relative;
-    left: 45%;+    left: 35%; 
 +    color: black
 } }
  
Line 48: Line 50:
  
 .chosenKeys { .chosenKeys {
-    width: 10px; +    width: 50px; 
-    height: 10px;+    height: 50px;
     display: flex;     display: flex;
     align-items: center; /* Center content vertically */     align-items: center; /* Center content vertically */
Line 65: Line 67:
     color: white;     color: white;
     padding: 1%;     padding: 1%;
-    font-size: 15px;+    font-size: 25px;
     top: 1%     top: 1%
 } }
Line 107: Line 109:
 #orange { #orange {
     background-color: orange;     background-color: orange;
 +        color: black;
 } }
  
 #yellow { #yellow {
     background-color: yellow;     background-color: yellow;
 +            color: black;
 } }
  
 #green { #green {
     background-color: green;     background-color: green;
 +    color: black;
 } }
  
Line 124: Line 129:
 #violet { #violet {
     background-color: violet;     background-color: violet;
 +            color: black;
 } }
  
Line 133: Line 139:
 #white { #white {
     background-color: white;     background-color: white;
 +            color: black;
 } }
  
 #gold { #gold {
     background-color: gold;     background-color: gold;
 +        color: black;
 } }
  
 #silver { #silver {
     background-color: silver;     background-color: silver;
 +            color: black;
 } }
  
Line 150: Line 159:
 #results { #results {
     text-align: center;     text-align: center;
-    font-size: 150%;+    font-size: 250%;
     font-weight: bold;     font-weight: bold;
 } }
  • resistor-calculator.1721100397.txt.gz
  • Last modified: 2024/07/15 20:26
  • by steve.wang