diff options
author | Olivier Gayot <olivier.gayot@sigexec.com> | 2018-03-09 13:38:23 +0100 |
---|---|---|
committer | Olivier Gayot <olivier.gayot@sigexec.com> | 2018-03-09 13:38:23 +0100 |
commit | 3ce0c30a4c1518e53bcd6c2773895a39adfb1a1e (patch) | |
tree | 1c4ebe8f53f759ba79d3c9f3d31940b7dfe97db8 /webapp/swiftstory-mobile.css | |
parent | 493b116f73ec3912ca7af3d6ece3434279cbcfb5 (diff) |
renamed webapp/ www/
Signed-off-by: Olivier Gayot <olivier.gayot@sigexec.com>
Diffstat (limited to 'webapp/swiftstory-mobile.css')
-rw-r--r-- | webapp/swiftstory-mobile.css | 147 |
1 files changed, 0 insertions, 147 deletions
diff --git a/webapp/swiftstory-mobile.css b/webapp/swiftstory-mobile.css deleted file mode 100644 index 796f190..0000000 --- a/webapp/swiftstory-mobile.css +++ /dev/null @@ -1,147 +0,0 @@ -@import url(http://fonts.googleapis.com/css?family=Special+Elite); -body { - font-family: "Special Elite", sans-serif; - background: #333333; - color: #dddddd; -} -header { - background: #222222; - position: fixed; - top: 0; - left: 0; - right: 0; - height: 50px; - z-index: 1; - border-bottom: 4px solid #000; - padding: 20px; - box-sizing: border-box; -} -header > span#score { - opacity: 0.7; -} -header > span#leave-room { - opacity: 0.7; - float: right; - cursor: pointer; -} -header > span#leave-room:hover { - opacity: 1; -} -.page { - padding: 70px 20px 120px; - margin: auto; - max-width: 650px; -} -#home { - padding-top: 20px; -} -.page:not(.current) { - display: none; -} -h1 { - font-weight: normal; - font-size: 4.5em; - text-align: center; - text-shadow: 0 5px 0 #000; -} -h2 { - text-align: center; - font-weight: normal; - color: #999999; - font-size: 2em; -} -button { - outline: none; - font-size: 2em; - width: 100%; - cursor: pointer; - font-family: "Special Elite", sans-serif; -} -button.card { - color: #222222; - background: #dddddd; - border: 4px solid #999; - box-shadow: 0 5px 0 #999; - padding: 20px; - border-radius: 10px; - animation: appear .3s; -} -button.card:not(:last-child) { - margin-bottom: 20px; -} -button.card:active, button.card.black:active { - transform: translateY(5px); - box-shadow: none; -} -button.card.black { - background: #222222; - color: #dddddd; - border: 4px solid #000; - box-shadow: 0 5px 0 #000; -} -button.card:not(.active) { - opacity: 0.7; -} -button.card:hover { - opacity: 1.0; -} -div.card-list.read-only > button.card { - cursor: default; -} -div.card-list.read-only > button.card:hover { - opacity: 0.7; -} -div.card-list.read-only > button.card:active { - transform: none; - box-shadow: 0 5px 0 #999; -} -div.card-list.read-only > button.card.black:active { - box-shadow: 0 5px 0 #000; -} -.bottom { - position: fixed; - bottom: 0; - left: 0; - right: 0; - height: 100px; - box-sizing: border-box; -} -div.bottom { - padding: 20px; - font-size: 1.5em; - background: #222222; - color: #dddddd; - border: 4px solid #000; -} -button.bottom { - font-size: 2.5em; - color: #222222; - border: 4px solid #455A64; - background: #78909C; - transition: .3s; -} -button.bottom:hover { - background: #455A64; - font-size: 2.7em; -} -.message { - padding: 40px; - font-size: 2.5em; - text-align: center; - text-shadow: 0 5px 0 #000; -} -@media screen and (max-width: 600px) { - h1 { - font-size: 3em; - } -} -@keyframes appear { - 0% { - opacity: 0; - transform: translateX(-400px); - } - 100% { - transform: translateX(0); - opacity: 0.7; - } -}
\ No newline at end of file |