summaryrefslogtreecommitdiff
path: root/webapp/swiftstory-mobile.css
diff options
context:
space:
mode:
authorOlivier Gayot <olivier.gayot@sigexec.com>2018-03-09 13:38:23 +0100
committerOlivier Gayot <olivier.gayot@sigexec.com>2018-03-09 13:38:23 +0100
commit3ce0c30a4c1518e53bcd6c2773895a39adfb1a1e (patch)
tree1c4ebe8f53f759ba79d3c9f3d31940b7dfe97db8 /webapp/swiftstory-mobile.css
parent493b116f73ec3912ca7af3d6ece3434279cbcfb5 (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.css147
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