MediaWiki:CalculatorExpStyle.css

@import url('/load.php?articles=MediaWiki:CalculatorExpStyle.css&only=styles&mode=articles');

.calculateExp body { background-color: #888; }

.calculateExp table { margin: auto; background-color: rgb(58, 112, 58); width: 295px; max-width: 295px; height: 325px; text-align: center; border-radius: 4px; padding-right: 10px; }

.calculateExp input { outline: 0; position: relative; left: 5px; top: 5px; border: 0; color: #495069; background-color: #fff; border-radius: 4px; width: 100px; height: 50px; float: left; margin: 5px; font-size: 20px; box-shadow: 0 4px rgba(0,0,0,0.2); margin-bottom: 15px; } .calculateExp .button:hover { border: 0 solid #000; color: #495069; background-color: #fff; border-radius: 4px; width: 100px; height: 50px; float: left; margin: 5px; font-size: 20px; box-shadow: 0 4px #b0d2cf; }

.calculateExp .button:active { top: 4px; border: 0 solid #000; color: #495069; background-color: #fff; border-radius: 4px; width: 100px; height: 50px; float: left; margin: 5px; font-size: 20px; box-shadow: none; }

.calculateExp #display { width: 265px; max-width: 270px; font-size: 26px; text-align: right; background-color: #bcbd95; float: left; }

.calculateExp .operator { background-color: #cee9ea; position: relative; }

.calculateExp .operator:active { top: 4px; box-shadow: none; }

.calculateExp #clear { float: left; position: relative; display: block; background-color: #ff9fa8; }

.calculateExp #clear:active { float: left; top: 4px; display: block; background-color: #F297A0; margin-bottom: 15px; box-shadow: none; }