.calc-button { border-image: url("../buttons/button.svg") 7; height: 40px; width: 50px; margin: 20px; color: #fff; } .calc-button:hover { border-image: url("../buttons/button-hover.svg") 7; height: 40px; width: 50px; margin: 20px; color: #fff; } .calc-button:active { border-image: url("../buttons/button-pressed.svg") 7; height: 40px; width: 50px; margin: 20px; color: #fff; } .calc-button-padding { padding: 2px; } .calc-mainBox { padding: 2px; } .calc-displayArea { padding: 3px; } .calc-displayWindow { border-image: url("../misc-assets/entry-focused.svg") 7; padding: 10px; } .calc-displayWindow-rpn { border-image: url("../misc-assets/entry-focused.svg") 7; padding: 10px; } .calc-displayText-primary { font-size: 32px; color: #000; text-align: right; } .calc-displayText-secondary { font-size: 9px; color: #000; text-align: right; } .calc-displayText-operation { font-size: 24px; color: #000; } .calc-displayText-status { font-size: 8px; color: #000; } .calc-displayText-rpn { color: #000; } .calc-stackArea { height: 85px; padding-top: 8px; } .calc-navigation-box { padding: 0 0 0 8px; width: 22px; } .calc-navigation-icon { color: #fff; icon-size: 16px; } .calc-button .calc-navigation-button { }