projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Some advances. TODO: test board.js, and then game.js, and then implement room.js
[vchess.git]
/
public
/
stylesheets
/
index.sass
diff --git
a/public/stylesheets/index.sass
b/public/stylesheets/index.sass
index
18db3c9
..
5f76e00
100644
(file)
--- a/
public/stylesheets/index.sass
+++ b/
public/stylesheets/index.sass
@@
-1,10
+1,3
@@
-.container
- padding: 0
-
-.row
- div
- padding: 0
-
#header
width: 100%
background: linear-gradient(#e66465, #9198e5)
#header
width: 100%
background: linear-gradient(#e66465, #9198e5)
@@
-18,10
+11,10
@@
padding: 0
box-sizing: border-box
p
padding: 0
box-sizing: border-box
p
- display:
inline-block
+ display:
flex
padding: 3px
border: 1px solid black;
padding: 3px
border: 1px solid black;
- margin: 2
7
px 15px 5px 7px
+ margin: 2
5
px 15px 5px 7px
@media screen and (max-width: 767px)
margin-top: 7px
@media screen and (max-width: 767px)
margin-top: 7px
@@
-34,30
+27,21
@@
img
display: inline-block
height: 30px
img
display: inline-block
height: 30px
-
padding
-top: 25px
+
margin
-top: 25px
@media screen and (max-width: 767px)
@media screen and (max-width: 767px)
-
padding
-top: 7px
+
margin
-top: 7px
p
font-weight: bold
padding: 0
border: none
p
font-weight: bold
padding: 0
border: none
- margin-top: 2
2
px
+ margin-top: 2
1
px
font-size: 1.5em
@media screen and (max-width: 767px)
margin-top: 10px
font-size: 1em
font-size: 1.5em
@media screen and (max-width: 767px)
margin-top: 10px
font-size: 1em
-#helpMenu
- float: right
- cursor: pointer
- @media screen and (max-width: 767px)
- .info-container
- p
- margin-right: 5px
-
#flagMenu
float: right
#flagMenu
float: right
- cursor: pointer
margin-right: 10px
@media screen and (max-width: 767px)
margin-right: 5px
margin-right: 10px
@media screen and (max-width: 767px)
margin-right: 5px
@@
-85,15
+69,6
@@
@media screen and (max-width: 767px)
margin-top: 0
@media screen and (max-width: 767px)
margin-top: 0
-#b4welcome
- max-width: 320px
-
-#readThis
- margin-top: 0
- color: var(--a-link-color)
- text-decoration: underline
- cursor: pointer
-
#welcome
max-width: 767px
@media screen and (max-width: 767px)
#welcome
max-width: 767px
@media screen and (max-width: 767px)
@@
-105,7
+80,7
@@
max-width: 552px
ul
list-style-type: none
max-width: 552px
ul
list-style-type: none
- // TODO: bad practice, use table to align things...
+ // TODO: bad practice,
shouldn't
use table to align things...
table.list-table
width: 300px
margin: 0 auto
table.list-table
width: 300px
margin: 0 auto
@@
-120,6
+95,3
@@
padding: 0
text-align: left
border: 0
padding: 0
text-align: left
border: 0
- #disableMsg
- cursor: pointer
- color: darkred