Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-color: #d13902;
- color: #000;
- }
- .mainbox {
- margin: 10% auto;
- padding: 1em 1em;
- width: 300px;
- height: auto;
- background-color: #FFF;
- border-radius: 10px;
- -webkit-box-shadow: 6px 6px 64px 0px rgba(0,0,0,0.75);
- -moz-box-shadow: 6px 6px 64px 0px rgba(0,0,0,0.75);
- box-shadow: 6px 6px 64px 0px rgba(0,0,0,0.75);
- }
- .numberfield {
- padding: 0.5em;
- margin: 0px auto;
- width: 100%;
- height: 30px;
- border-style: solid;
- border-radius: 5px;
- border-width: 1px;
- border-color: #d13902;
- }
- .panel {
- width: 22%;
- height: 20%;
- background-color: #EEE;
- margin: 7px 0px 0px 7px;
- border-style: solid;
- text-align: center;
- padding: 7%;
- }
- .firstpanel {
- margin-left: 15px;
- }
- .numberrow {
- padding: auto 20px auto 20px;
- }
- /* Push */
- @-webkit-keyframes hvr-push {
- 50% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes hvr-push {
- 50% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- .hvr-push {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: perspective(1px) translateZ(0);
- transform: perspective(1px) translateZ(0);
- box-shadow: 0 0 1px transparent;
- }
- .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
- -webkit-animation-name: hvr-push;
- animation-name: hvr-push;
- -webkit-animation-duration: 0.3s;
- animation-duration: 0.3s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement