15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/** 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Copyright (c) 2012 The Chromium Authors. All rights reserved. 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) **/ 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)body { 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font: bold 16px 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0; 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: hidden; 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator { 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 100%; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons { 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: gray; 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) bottom: 0; 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 225px; 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) right: 0; 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons div { 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 0; 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0 auto; 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 243px; 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button { 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: none; 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 45px; 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 61px; 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)@media all and (-webkit-max-device-pixel-ratio: 1.5) { 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) #calculator-buttons button { 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: url('images/buttons_1x.png'); 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-size: 486px 225px; /* Chrome requires this be defined _with_ */ 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) } /* or _after_ the image, Safari requires */ 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} /* _before_ or _after_, so using _after_. */ 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)@media all and (-webkit-min-device-pixel-ratio: 1.5) { 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) #calculator-buttons button { 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: url('images/buttons_2x.png'); 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-size: 486px 225px; /* Chrome requires this be defined _with_ */ 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) } /* or _after_ the image, Safari requires */ 535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} /* _before_ or _after_, so using _after_. */ 545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.add { 565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -183px -90px; 575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 60px; 585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.add[data-active="touch"], 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.add[data-active="mouse"]:active { 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -426px -90px; 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.clear { 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* The default background-position: 0 0; is fine */ 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.clear[data-active="touch"], 705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.clear[data-active="mouse"]:active { 715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -243px 0; 725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.divide { 755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -122px 0; 765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.divide[data-active="touch"], 795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.divide[data-active="mouse"]:active { 805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -365px 0; 815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.eight { 845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -61px -45px; 855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.eight[data-active="touch"], 885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.eight[data-active="mouse"]:active { 895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -304px -45px; 905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.equals { 935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -183px -135px; 945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 90px; 955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: 0 0 -45px; 962a99a7e74a7f215066514fe81d2bfa6639d9edddTorne (Richard Coles) vertical-align: top; 975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 60px; 985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.equals[data-active="touch"], 1015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.equals[data-active="mouse"]:active { 1025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -426px -135px; 1035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.five { 1065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -61px -90px; 1075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.five[data-active="touch"], 1105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.five[data-active="mouse"]:active { 1115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -304px -90px; 1125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.four { 1155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: 0 -90px; 1165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.four[data-active="touch"], 1195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.four[data-active="mouse"]:active { 1205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -243px -90px; 1215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.multiply { 1245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -183px 0; 1255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 60px; 1265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.multiply[data-active="touch"], 1295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.multiply[data-active="mouse"]:active { 1305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -426px 0; 1315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.negate { 1345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -61px 0; 1355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.negate[data-active="touch"], 1385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.negate[data-active="mouse"]:active { 1395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -304px 0; 1405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.nine { 1435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -122px -45px; 1445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.nine[data-active="touch"], 1475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.nine[data-active="mouse"]:active { 1485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -365px -45px; 1495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.one { 1525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: 0 -135px; 1535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.one[data-active="touch"], 1565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.one[data-active="mouse"]:active { 1575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -243px -135px; 1585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.point { 1615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -122px -180px; 1625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.point[data-active="touch"], 1655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.point[data-active="mouse"]:active { 1665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -365px -180px; 1675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.seven { 1705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: 0 -45px; 1715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.seven[data-active="touch"], 1745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.seven[data-active="mouse"]:active { 1755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -243px -45px; 1765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.six { 1795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -122px -90px; 1805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.six[data-active="touch"], 1835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.six[data-active="mouse"]:active { 1845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -365px -90px; 1855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.subtract { 1885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -183px -45px; 1895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 60px; 1905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.subtract[data-active="touch"], 1935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.subtract[data-active="mouse"]:active { 1945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -426px -45px; 1955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 1965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 1975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.three { 1985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -122px -135px; 1995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.three[data-active="touch"], 2025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.three[data-active="mouse"]:active { 2035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -365px -135px; 2045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.two { 2075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -61px -135px; 2085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.two[data-active="touch"], 2115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.two[data-active="mouse"]:active { 2125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -304px -135px; 2135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.zero { 2165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: 0 -180px; 2175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 122px; 2185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.zero[data-active="touch"], 2215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-buttons button.zero[data-active="mouse"]:active { 2225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background-position: -243px -180px; 2235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display, 2265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display:focus { 2275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: white; 2285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) bottom: 225px; 2295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: auto; 2305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) letter-spacing: 1px; 2315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) overflow: scroll; 2325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 20px; 2335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 2345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) right: auto; 2355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 0; 2365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 203px; 2375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .equation { 2405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: table; /* Table display is required to allow baseline vertical */ 2415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* alignment of accumulator, operator, and operand text */ 2425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* with different font sizes whose actual pixel heights */ 2435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) /* will be different on different platforms. */ 2445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 22px; 2455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 0 0 6px; 2465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 2475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .equation * { 2505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: table-cell; 2515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) text-align: left; 2525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) vertical-align: baseline; 2535821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2545821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2555821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .equation .accumulator { 2565821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(136, 136, 136); 2575821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-size: 13px; 2585821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 2595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .equation .operation { 2625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) color: rgb(44, 44, 44); 2635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: table; 2645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .equation .operation .operator .spacer { 2675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; /* Keeps operator 15px wide even though it's a table-cell. */ 2685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 0px; 2695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 15px; 2705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .equation .operation .operator .value { 2735821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 2745821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2755821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2765821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .hr { 2775821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top: 1px solid rgb(217, 217, 217); 2785821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 0; 2795821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 2805821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: -6px; 2815821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) width: 100%; 2825821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2835821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2845821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-display .hr + .equation { 2855821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) margin: -1px 0 0; /* Keeps spacing between lines uniform even with .hr. */ 2865821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2875821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2885821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-fade { 2895821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 0; 2905821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 2915821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) right: 0; 2925821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 0; 2935821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) z-index: 99; 2945821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 2955821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 2965821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-fade-edge { 2975821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: white; 2985821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 5px; 2995821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3005821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3015821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)#calculator-fade-gradient { 3025821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: -webkit-linear-gradient(rgba(255, 255, 255, 1), 3035821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) rgba(255, 255, 255, 0)); 3045821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) height: 20px; 3055821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 3065821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 3075821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)::-webkit-scrollbar { 3085821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none; 3095821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 310