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