projects
/
heroik.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Add some more Fear token abilities for large dungeons.
[heroik.git]
/
heroik.css
diff --git
a/heroik.css
b/heroik.css
index
d58402f
..
40bb1ae
100644
(file)
--- a/
heroik.css
+++ b/
heroik.css
@@
-66,10
+66,6
@@
html {
height: 100%;
}
height: 100%;
}
-@media (max-width: 639px) {
- html { font-size: 14px; }
-}
-
body {
background-color: black;
min-height: 100%;
body {
background-color: black;
min-height: 100%;
@@
-77,10
+73,6
@@
body {
box-sizing: border-box;
}
box-sizing: border-box;
}
-body.standalone {
- padding-top: 20px;
-}
-
main {
background-color: white;
max-width: 25.2em;
main {
background-color: white;
max-width: 25.2em;
@@
-91,8
+83,12
@@
main {
box-sizing: border-box;
}
box-sizing: border-box;
}
-body.standalone main {
- padding-top: 0.5em;
+body.standalone header + main {
+ padding-top: 5em;
+}
+
+body.standalone header:empty + main {
+ padding-top: 2em;
}
table {
}
table {
@@
-252,6
+248,15
@@
input[type=checkbox] {
box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
}
box-shadow: 0.0625em 0.0625em 0.0625em 0.0625em #888;
}
+
+.standalone header .button {
+ box-shadow: 0 0 0.5em 0.0625em #aaa;
+}
+
+.standalone header .button:active {
+ box-shadow: 0 0 0 0 #aaa;
+}
+
main > div, main > noscript {
text-align: center;
margin-bottom: 1rem;
main > div, main > noscript {
text-align: center;
margin-bottom: 1rem;
@@
-711,18
+716,27
@@
table {
bottom: 1.8%;
}
bottom: 1.8%;
}
-#statusbar {
- display: none;
- position: fixed;
+header {
left: 0;
top: 0;
right: 0;
left: 0;
top: 0;
right: 0;
- height: 20px;
- background-color: black;
+ margin: auto;
+ max-width: 25.2em;
+ background-color: white;
+ padding: 0.5em;
+ box-sizing: border-box;
+ z-index: 2;
}
}
-body.standalone #statusbar {
- display: block;
+body.standalone header:empty {
+ padding: 0;
+ padding-top: 20px;
+}
+
+body.standalone header {
+ position: fixed;
+ padding-top: 20px;
+ background-color: black;
}
h1, h2, [onclick], label {
}
h1, h2, [onclick], label {
@@
-737,13
+751,20
@@
h1, h2, [onclick], label {
cursor: pointer;
}
cursor: pointer;
}
+@media (max-width: 639px) {
+ html { font-size: 14px; }
+ header .button {
+ padding: 0 0.2em;
+ }
+}
+
@media print {
@page {
size: 3.5in 7in;
margin: 0.5em;
}
@media print {
@page {
size: 3.5in 7in;
margin: 0.5em;
}
- .no-print {
+
header,
.no-print {
display: none !important;
}
display: none !important;
}