1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- @font-face {
- font-family: "Pacifico";
- src: URL('Pacifico-Regular.ttf') format('truetype');
- }
- body {
- background-color: lightsalmon;
- }
- #main {
- width: 280px;
- margin-right: auto;
- margin-left: auto;
- background-color: lightgray;
- margin-top: 40px;
- padding: 20px;
- border-radius: 10px;
- -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75);
- -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75);
- box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75);
- font-family: sans-serif;
- }
- #header {
- text-align: center;
- margin-bottom: 10px;
- font-family: "Pacifico", cursive;
- }
- #screen {
- width: 95%;
- height: 25px;
- line-height: 25px;
- padding: 8px;
- border-radius: 10px;
- margin-right: auto;
- margin-left: auto;
- background-color: #8ea386;
- margin-bottom: 50px;
- text-align: right;
- overflow: hidden;
- }
- #calc-buttons {
- list-style: none;
- padding: 0;
- height: 230px;
- }
- .calc-button {
- padding-top: 5px;
- padding-bottom: 5px;
- height: 20px;
- line-height: 20px;
- width: 60px;
- margin-left: 5px;
- margin-right: 5px;
- margin-top: 10px;
- margin-bottom: 10px;
- float: left;
- color: white;
- background-color: #454545;
- text-align: center;
- vertical-align: middle;
- border-radius: 5px;
- cursor: default;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .calc-big {
- width: 130px;
- }
|