Save current state (unmerged, broken, not working...)
[vchess.git] / public / stylesheets / index.sass
CommitLineData
9a3c9f79
BA
1#header
2 width: 100%
d5973790 3 background: linear-gradient(#e66465, #9198e5)
9a3c9f79
BA
4 height: 77px
5 @media screen and (max-width: 767px)
6 height: 43px
7
8.info-container
9 display: inline-block
10 vertical-align: top
11 padding: 0
12 box-sizing: border-box
13 p
14 display: inline-block
15 padding: 3px
16 border: 1px solid black;
298c42e6 17 margin: 25px 15px 5px 7px
9a3c9f79
BA
18 @media screen and (max-width: 767px)
19 margin-top: 7px
20
21#mainTitle
22 font-style: italic
23 margin-left: 10px
24 @media screen and (max-width: 767px)
25 margin-left: 5px
26 float: left
d5973790 27 img
9a3c9f79 28 display: inline-block
d5973790 29 height: 30px
d449ae46 30 margin-top: 25px
9a3c9f79 31 @media screen and (max-width: 767px)
d449ae46 32 margin-top: 7px
9a3c9f79
BA
33 p
34 font-weight: bold
35 padding: 0
36 border: none
298c42e6 37 margin-top: 21px
9a3c9f79
BA
38 font-size: 1.5em
39 @media screen and (max-width: 767px)
40 margin-top: 10px
41 font-size: 1em
42
298c42e6 43#settingsMenu, #introductionMenu
9a3c9f79 44 float: right
9a3c9f79
BA
45 @media screen and (max-width: 767px)
46 .info-container
47 p
48 margin-right: 5px
d5973790 49
9a3c9f79 50// TODO: box-shadow or box-sizing ? https://stackoverflow.com/a/13517809
3acb852d
BA
51.variant
52 box-sizing: border-box
53 border: 1px solid brown
54 background-color: lightyellow
9a3c9f79
BA
55 &:hover
56 background-color: yellow
3acb852d
BA
57 a
58 color: #663300
9a3c9f79 59 text-decoration: none
3acb852d
BA
60 .boxtitle
61 font-weight: bold
9a3c9f79
BA
62 margin-bottom: 0
63 .description
64 @media screen and (max-width: 767px)
65 margin-top: 0
3acb852d 66
3acb852d 67#welcome
9a3c9f79 68 max-width: 767px
3acb852d
BA
69 @media screen and (max-width: 767px)
70 max-width: 100vw
9a3c9f79
BA
71 img
72 width: 75%
73 @media screen and (max-width: 767px)
74 width: 100%
75 max-width: 552px
3acb852d
BA
76 ul
77 list-style-type: none
298c42e6 78 // TODO: bad practice, shouldn't use table to align things...
3acb852d
BA
79 table.list-table
80 width: 300px
81 margin: 0 auto
ea6bb36e 82 border: 0
3acb852d 83 tbody
ea6bb36e 84 border: 0
3acb852d 85 tr
ea6bb36e 86 border: 0
3acb852d
BA
87 margin: 0
88 padding: 0
89 td
90 padding: 0
91 text-align: left
92 border: 0