fix lists in readme
[mixstore.git] / web / mixstore / css / static / home.css
CommitLineData
929ca066
BA
1div#carousel-example-generic {
2 border-bottom: 1px solid black;
3}
4
5h2, h3 {
6 text-align: center;
7}
8
9h2 {
10 font-size: 48px;
11}
12
13p, table {
14 font-size: 17px; /*1.3em*/
15}
16
17table {
18 margin: 0 auto;
19 width: 95%;
20 margin-top: 15px;
21}
22
23td {
24 border: 1px solid grey;
25 padding: 5px;
26}
27
28div.column {
29 text-align: center;
30 height: 350px;
31 padding-top: 30px;
32}
33
34@media screen and (max-width: 400px) {
35div.column {
36 padding-top: 15px;
37}
38}
39
40@media screen and (max-width: 767px) {
41div.column {
42 background-color: white;
43 border-bottom: 1px solid black;
44}
45div.xs-shrink {
46 height: 200px;
47}
48h2 {
49 padding-bottom: 15px;
50}
51}
52
53@media screen and (min-width: 768px) {
54div.column {
55 padding-left: 3%;
56 padding-right: 3%;
57}
58h2 {
59 padding-bottom: 24px;
60}
61}
62
63@media screen and (min-width: 1024px) {
64div.column {
65 padding-left: 5%;
66 padding-right: 5%;
67}
68}
69
70div.borderbottom {
71 border-bottom: 1px solid grey;
72}
73
74.grey-bg {
75 background-color: lightgrey;
76}
77
78div#home-carousel {
79 margin-top: 0;
80 width: 100%;
81}
82
83div.carousel-playpause {
84 position: absolute;
85 bottom: 1px;
86 z-index: 15;
87 width: 100%;
88 text-align: center;
89 list-style: none;
90 margin-bottom: 0;
91}
92
93div.carousel-playpause span {
94 padding-left: 0;
95 padding-right: 0;
96 font-size: 115%;
97 cursor: pointer;
98}
99
100@media screen and (min-width: 768px) {
101div.carousel-playpause span {
102 font-size: 150%;
103}
104}
105
106div.carousel-inner div.item img {
107 width: 100%;
108}
109
110@media screen and (max-width: 515px) {
111div.carousel-inner div.item img {
112 height: 150px;
113}
114}