70 lines
3.2 KiB
CSS
70 lines
3.2 KiB
CSS
.wrapper {
|
|
width: 95%;
|
|
height: 100%;
|
|
margin: 30vh 14vw;
|
|
}
|
|
|
|
.wrapper #countdown {
|
|
font-family: 'Black Ops One', cursive;
|
|
font-size: 15vw;
|
|
}
|
|
|
|
.control-wrapper {
|
|
width: 475px;
|
|
height: 171px;
|
|
margin: 100px auto;
|
|
}
|
|
|
|
.control-wrapper #countdown {
|
|
font-family: 'Black Ops One', cursive;
|
|
font-size: 90px;
|
|
}
|
|
|
|
button.thoughtbot {
|
|
background-color: #ee432e;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
|
|
background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
|
|
background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
|
|
background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
|
|
background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
|
|
background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
|
|
border: 1px solid #951100;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
|
|
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
|
|
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
|
|
color: #fff;
|
|
font: bold 20px "helvetica neue", helvetica, arial, sans-serif;
|
|
line-height: 1;
|
|
padding: 12px 0 14px 0;
|
|
text-align: center;
|
|
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
|
|
width: 150px;
|
|
}
|
|
|
|
button.thoughtbot:hover {
|
|
background-color: #f37873;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
|
|
background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
|
|
background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
|
|
background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
|
|
background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
|
|
background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
|
|
cursor: pointer;
|
|
}
|
|
|
|
button.thoughtbot:active {
|
|
background-color: #d43c28;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
|
|
background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
|
|
background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
|
|
background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
|
|
background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
|
|
background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
|
|
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
|
|
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
|
|
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
|
|
}
|