/* ---------------------------------------- */
/* Page */
/* ---------------------------------------- */
*{font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;}
.well{margin:80px auto;padding:30px 15px;}
h4{margin-top:0;}
p.footer{margin:20px 0 -10px 0;font-size:90%;}
/* ---------------------------------------- */
/* SVG */
/* ---------------------------------------- */
#tap-game {width:100%;height:300px;background:#282828;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-size:20px;}
#tap-game .center-rect{-ms-transform:translateX(-55px);-webkit-transform:translateX(-55px);transform:translateX(-55px);}
/*#tap-game .center{-ms-transform:translateX(50%);-webkit-transform:translateX(50%);transform:translateX(50%);}
#tap-game .center-25{-ms-transform:translateX(25%);-webkit-transform:translateX(25%);transform:translateX(25%);}
#tap-game .center-75{-ms-transform:translateX(75%);-webkit-transform:translateX(75%);transform:translateX(75%);}
#tap-game .invert{-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}*/
#tap-game .color-white{fill:#fff;}
#tap-game .color-gray{fill:#888;}
#tap-game .color-green{fill:#77b300;}
#tap-game .color-blue{fill:#2a9fd6;}
#tap-game .color-purple{fill:#9933cc;}
#tap-game .color-orange{fill:#ff8800;}
#tap-game .color-red{fill:#cc0000;}
#tap-game .title{font-size:40px;}
#tap-game .small{font-size:20px;}
#tap-game .smaller{font-size:15px;}
/* tap-title */
#tap-game .btn-init{cursor:pointer;}
#tap-game .btn-init>rect{fill:#2a9fd6;stroke-width:2;stroke:#1f79a3}
#tap-game .btn-init:active>rect,
#tap-game .btn-init:hover>rect{fill:#2180ac;}
#tap-game .btn-init>text{fill:#fff;font-size:18px;}
/* start, wait */
#tap-game .screen-click{font-size:30px;}
#tap-game .screen-click>*{cursor:pointer;}
#tap-game .screen-click:active>*,
#tap-game .screen-click:hover>*{opacity:0.95;}
/* ---------------------------------------- */
/* ---------------------------------------- */
|
Download
