Fixes
[vchess.git] / client / src / stylesheets / variant.sass
CommitLineData
d449ae46
BA
1// Menu:
2
9a3c9f79 3#menuBar
9a3c9f79 4 background: linear-gradient(#e66465, #9198e5)
a5d56686 5 height: 29px
d449ae46
BA
6 margin-bottom: 10px
7 @media screen and (max-width: 767px)
8 height: 100%
9 margin-bottom: 0
9a3c9f79
BA
10 @media screen and (min-width: 768px)
11 width: 100%
a5d56686 12 overflow: hidden
9a3c9f79 13
d449ae46 14a#homeLink
a5d56686
BA
15 margin-left: 10px
16 margin-top: 2px
17 color: black
d449ae46
BA
18 display: inline-block
19 @media screen and (max-width: 767px)
d449ae46 20 display: block
a5d56686 21 margin: 5px 0 0 12px
9a3c9f79 22
d449ae46
BA
23.info-container
24 display: inline-block
25 vertical-align: top
26 padding: 0
27 box-sizing: border-box
28 a
29 text-decoration: none
30 color: black
31 a, p
32 display: inline-block
673c88b7 33 padding: 0 3px
d449ae46 34 border: 1px solid black;
a5d56686 35 margin: 1px 0 0 15px
d449ae46
BA
36 @media screen and (max-width: 767px)
37 margin-top: 10px
38 display: block
e7cfa68d 39
4608eed9 40#userMenu, #settings
d449ae46
BA
41 @media screen and (min-width: 768px)
42 float: right
a5d56686
BA
43 .info-container
44 p
673c88b7 45 padding: 0 3px
a5d56686 46 margin: 1px 0 0 15px
186516b8 47
d449ae46
BA
48#flagMenu
49 @media screen and (min-width: 768px)
a5d56686 50 margin-top: 1px
d449ae46 51 float: right
d449ae46
BA
52 margin: 0 15px
53 @media screen and (max-width: 767px)
a5d56686 54 margin: 25px 5px 0 15px
d449ae46
BA
55 img
56 display: inline-block
a5d56686
BA
57 margin: 0
58 height: 25px
186516b8 59
d449ae46
BA
60label.drawer-toggle
61 padding: 0
62 &::before
a5d56686
BA
63 font-size: 2em;
64 max-height: 32px;
65 top: -7px;
66 left: 5px
d449ae46
BA
67
68// Game section:
18f9c763 69
7d9e99bc 70td.highlight-lm
59d58d7d 71 background-color: plum
7d9e99bc 72
a5d56686
BA
73button.play
74 height: 24px
75 margin: 0
76 padding: 0 10px 24px 10px
77 box-sizing: border-box
1d184b4c 78 border: 1px solid brown
a5d56686
BA
79button.play.spaceleft
80 margin-left: 15px
81button.play.spaceright
82 margin-right: 15px
4f7723a1
BA
83button.play.big-spaceleft
84 margin-left: 25px
85button.play.big-spaceright
86 margin-right: 25px
a5d56686
BA
87
88.aboveboard-wrapper
89 width: 80vh
90 margin: 0 auto
91 @media screen and (max-width: 767px)
92 width: 100%
93 margin: 0
94
95button.above-board
96 margin-left: 15px
97 margin-right: 15px
98
99i.material-icons
100 font-size: 24px
1d184b4c 101
bdb1f12d 102.indic-left
a5d56686 103 border: 1px solid brown
bdb1f12d 104 float: left
a5d56686
BA
105 margin: 0 0 var(--universal-margin) 10vh
106 @media screen and (max-width: 767px)
107 margin-left: 20px
bdb1f12d
BA
108
109.indic-right
a5d56686 110 border: 1px solid brown
bdb1f12d 111 float: right
a5d56686
BA
112 margin: 0 10vh var(--universal-margin) 0
113 @media screen and (max-width: 767px)
114 margin-right: 20px
92342261 115
d449ae46
BA
116.my-chatmsg
117 color: black
92342261 118
d449ae46
BA
119.opp-chatmsg
120 color: blue
92342261 121
a5d56686
BA
122// TODO: this fix is not good (button height 0 if chat overflow window height)
123#sendChatBtn
124 min-height: 42px
125
1d184b4c
BA
126.connected
127 background-color: green
128
129.disconnected
130 background-color: red
131
bdb1f12d
BA
132.white-turn
133 background-color: white
134
135.black-turn
136 background-color: black
137
d449ae46
BA
138button.playing
139 background-color: #ffcc99
140 &:hover
141 background-color: #ffcc99
142
143button.seek
144 background-color: #cc99ff
145 &:hover
146 background-color: #cc99ff
147
d449ae46
BA
148#fen-string
149 margin-top: 0
edcd679a 150 margin-bottom: 10px
d449ae46
BA
151
152#pgn-game
153 margin-top: 0
154 margin-bottom: 0
155
156#downloadBtn
157 display: block
158 margin-left: auto
159 margin-right: auto
160
161#pgn-div > a
162 display: none
163
edcd679a 164//#fen-div > p
d449ae46
BA
165 margin-left: 0
166 margin-right: 0
167
a5d56686
BA
168#modal-eog+div .card
169 overflow: hidden
170
171#actions
172 margin: 10px 0
173
d449ae46 174// Rules section:
afd3240d 175// TODO