projects
/
xogo.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
First attempt to use container instead of window (reusable chessboard)
[xogo.git]
/
common.css
diff --git
a/common.css
b/common.css
index
bf4e1a8
..
1f1809a
100644
(file)
--- a/
common.css
+++ b/
common.css
@@
-41,7
+41,7
@@
main > div {
}
@media(max-height: 800px) {
}
@media(max-height: 800px) {
-
main > div
{
+
#newGameForm, #gameInfos
{
margin-top: 30px;
}
}
margin-top: 30px;
}
}
@@
-61,6
+61,14
@@
main > div {
margin: 0;
padding: 0;
border: none;
margin: 0;
padding: 0;
border: none;
+ /* attempt https://stackoverflow.com/questions/1719452/how-to-make-a-div-always-full-screen */
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background: rgba(51,51,51,0.7);
+ z-index: 10;
}
h1 {
}
h1 {
@@
-117,6
+125,15
@@
h4 {
margin: 10px 0;
}
margin: 10px 0;
}
+#gameInfos > .rules > ul {
+ list-style-type: square;
+ padding-left: 30px;
+}
+#gameInfos > .rules > ol {
+ list-style-type: numeric;
+ padding-left: 30px;
+}
+
#gameInfos > .rules > a {
padding-bottom: 1px;
border-bottom: 1px dotted black;
#gameInfos > .rules > a {
padding-bottom: 1px;
border-bottom: 1px dotted black;
@@
-136,6
+153,12
@@
h4 {
text-align: center;
}
text-align: center;
}
+@media(max-height: 399px) {
+ #footer {
+ display: none;
+ }
+}
+
a.left-link {
margin-right: 25px;
}
a.left-link {
margin-right: 25px;
}