Template:Basic calculator/styles.css

.bcalc {
	background:  #CCC;
	color:       #000;
	font-family: monospace;
	margin:      0 auto;
	font-size:   150%;
	border:      2px solid #AAA;
}
.bcalc-r {
	background:  #EEE;
	color:       #000;
	font-family: monospace;
	font-size:   150%;
	border:      2px solid #777;
}
.bcalc-rsmall {
	background:  #EEE;
	color:       #000;
	font-family: monospace;
	border:      2px solid #777;
}
.bcalc-o {
	background:  #EEE;
	color:       #000;
	font-family: monospace;
	font-size:   150%;
	border:      2px solid #777;
}
.bcalc-e {
	background:  #CCC;
	color:       #333;
	font-family: monospace;
	font-size:   150%;
}
.bcalc-a {
	background:  #DDD;
	color:       #222;
	font-family: monospace;
	font-size:   150%;
	font-weight: bold;
	text-align:  right;
	min-width:   5em;
	display:     block; 
	border:      2px solid #222;
}
.dbcalc {
	background:  #181818;
	color:       #83C746;
	font-family: monospace;
	margin:      0 auto;
	font-size:   150%;
	border:      2px solid #83C746;
}
.dbcalc-r {
	background:  #181818;
	color:       #83C746;
	font-family: monospace;
	font-size:   150%;
	border:      2px solid #3B3B3B;
}
.dbcalc-rsmall {
	background:  #181818;
	color:       #83C746;
	font-family: monospace;
	border:      2px solid #3B3B3B;
}
.dbcalc-o {
	background:  #181818;
	color:       #83C746;
	font-family: monospace;
	font-size:   150%;
	border:      2px solid #3B3B3B;
}
.dbcalc-e {
	background:  #181818;
	color:       #3B3B3B;
	font-family: monospace;
	font-size:   150%;
}
.dbcalc-a {
	background:  #181818;
	color:       #EFC541;
	font-family: monospace;
	font-size:   150%;
	font-weight: bold;
	text-align:  right;
	min-width:   5em;
	display:     block; 
	border:      2px solid #EFC541;
}