summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--cao-mobile.css15
-rw-r--r--cao-mobile.html2
2 files changed, 11 insertions, 6 deletions
diff --git a/cao-mobile.css b/cao-mobile.css
index 717b7f3..8d55b5b 100644
--- a/cao-mobile.css
+++ b/cao-mobile.css
@@ -15,13 +15,16 @@ header {
border-bottom: 4px solid #000;
padding: 20px;
box-sizing: border-box;
- text-align: right;
}
-header > span {
+header > span#score {
opacity: 0.7;
+}
+header > span#leave-room {
+ opacity: 0.7;
+ float: right;
cursor: pointer;
}
-header > span:hover {
+header > span#leave-room:hover {
opacity: 1;
}
.page {
@@ -109,12 +112,12 @@ div.bottom {
button.bottom {
font-size: 2.5em;
color: #dddddd;
- border: 4px solid #0277BD;
- background: #039BE5;
+ border: 4px solid #1565C0;
+ background: #1E88E5;
transition: .3s;
}
button.bottom:hover {
- background: #0277BD;
+ background: #1565C0;
font-size: 2.7em;
}
.message {
diff --git a/cao-mobile.html b/cao-mobile.html
index a52792b..85d7228 100644
--- a/cao-mobile.html
+++ b/cao-mobile.html
@@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
+ <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
<title>CAO</title>
<link rel="stylesheet" href="cao-common.css">
<link rel="stylesheet" href="cao-mobile.css">
@@ -13,6 +14,7 @@
<div data-role="page">
<header hidden>
<span id="leave-room">Leave this room</span>
+ <span id="score">Your score is 0</span>
</header>
<div id="home" class="page current">
<h1>Cards Against Humanity</h1>