Mercurial > sat_legacy_website
annotate static/css/sat_website.css @ 54:d54f2f09a73a
fixes displaying two carousels on the same page
author | souliane <souliane@mailoo.org> |
---|---|
date | Tue, 05 May 2015 11:03:18 +0200 |
parents | 3b4ba14d1e26 |
children | a1e457ac6871 |
rev | line source |
---|---|
0 | 1 /* |
2 SàT Website: Salut à Toi presentation website | |
3 Copyright (C) 2012 Jérôme Poisson <goffi@goffi.org> | |
4 | |
5 This program is free software: you can redistribute it and/or modify | |
6 it under the terms of the GNU Affero General Public License as published by | |
7 the Free Software Foundation, either version 3 of the License, or | |
8 (at your option) any later version. | |
9 | |
10 This program is distributed in the hope that it will be useful, | |
11 but WITHOUT ANY WARRANTY; without even the implied warranty of | |
12 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
13 GNU Affero General Public License for more details. | |
14 | |
15 You should have received a copy of the GNU Affero General Public License | |
16 along with this program. If not, see <http://www.gnu.org/licenses/>. | |
17 */ | |
18 | |
26 | 19 |
20 /* Overriding Bootstrap styles */ | |
21 | |
22 | |
0 | 23 body { |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
24 padding-top: 70px; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
25 padding-bottom: 30px; |
0 | 26 } |
27 | |
28 header { | |
26 | 29 margin-bottom: 20px; |
30 } | |
31 | |
32 h1, h2, h3, h4, h5, h6 { | |
33 font-weight: bold; | |
0 | 34 } |
35 | |
26 | 36 .navbar { |
37 font-size: 13px; | |
38 } | |
39 | |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
40 .carousel-inner { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
41 padding: 10px 30px 10px 30px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
42 border-radius: 5px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
43 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
44 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
45 .carousel-inner > .item { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
46 text-align: center; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
47 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
48 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
49 .carousel-caption { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
50 padding: 10px; |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
51 bottom: -75px; |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
52 color: black; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
53 font-style: italic; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
54 font-size: 14px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
55 text-shadow: none; |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
56 left: 0px; |
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
57 width: 100%; |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
58 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
59 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
60 .carousel-indicators { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
61 bottom: -5px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
62 color: black; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
63 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
64 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
65 .carousel-indicators li { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
66 border: 1px solid black; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
67 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
68 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
69 .carousel-indicators .active { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
70 background-color: black; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
71 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
72 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
73 .carousel-control.left, .carousel-control.right{ |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
74 width: 30px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
75 border-radius: 5px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
76 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
77 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
78 .modal-header .close { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
79 margin-top: -10px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
80 padding-right: 5px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
81 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
82 |
26 | 83 |
84 /* sat_website own styles */ | |
85 | |
86 | |
2
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
87 #language { |
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
88 text-align: center; |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
89 padding-top: 10px; |
2
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
90 } |
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
91 |
0 | 92 #sat_logo { |
93 float: left; | |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
94 padding: 5px; |
0 | 95 } |
96 | |
97 #overview_logo { | |
98 vertical-align: middle; | |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
99 margin-top: -20px; |
0 | 100 margin-right: 15px; |
101 } | |
102 | |
103 #bigmark { | |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
104 font-size:100px; |
0 | 105 font-weight:bold; |
106 text-align: center; | |
26 | 107 margin: 0px; |
0 | 108 } |
109 | |
110 #bigmark_subtext { | |
111 text-align: center; | |
26 | 112 margin: 0px; |
0 | 113 } |
114 | |
115 #social_contract { | |
116 font-size: 14px; | |
117 } | |
118 | |
119 .wip { | |
120 text-align: center; | |
121 color: #A52A2A; | |
122 margin: 10px; | |
123 } | |
124 | |
125 .desc { | |
126 text-align: justify; | |
127 font-size: 16px; | |
128 } | |
129 | |
130 .info { | |
48
3b4ba14d1e26
update features.html + other small changes
souliane <souliane@mailoo.org>
parents:
38
diff
changeset
|
131 margin: 10px 5px 30px 5px; |
0 | 132 } |
133 | |
134 .feature { | |
135 padding-bottom: 10px; | |
136 margin-bottom: 10px; | |
137 border-bottom-style: solid; | |
138 border-bottom-width: 1px; | |
139 } | |
140 | |
141 div:last-child>div.feature { | |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
142 /* we don't want the line on the last feature */ |
0 | 143 border-bottom-style: none; |
144 } | |
145 | |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
146 .my-carousel img, .my-carousel video { |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
147 cursor: pointer; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
148 height: 200px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
149 width: auto; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
150 display: table-cell; |
0 | 151 } |
152 | |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
153 #my-modal .modal-dialog { |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
154 max-width: 90%; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
155 width: auto; |
0 | 156 } |
157 | |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
158 .my-carousel-modal .carousel-inner { |
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
159 padding-bottom: 100px; |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
160 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
161 |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
162 .my-carousel-modal img, .my-carousel-modal video { |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
163 margin: auto; |
0 | 164 } |
28
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
165 |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
166 #language_form { |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
167 padding-top: 12px; |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
168 padding-bottom: 12px; |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
169 } |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
170 |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
171 .overview_spacer { |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
172 height: 30px; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
173 } |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
174 |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
175 .progress-bar-left { |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
176 background-color: lightgray; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
177 color: gray; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
178 } |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
179 |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
180 .form-signin { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
181 max-width: 600px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
182 padding: 15px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
183 margin: 0 auto; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
184 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
185 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
186 .form-signin .form-signin-heading, |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
187 .form-signin .checkbox { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
188 margin-bottom: 10px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
189 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
190 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
191 .form-signin .checkbox { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
192 font-weight: normal; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
193 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
194 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
195 .form-signin .form-control { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
196 position: relative; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
197 height: auto; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
198 -webkit-box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
199 -moz-box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
200 box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
201 padding: 10px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
202 font-size: 16px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
203 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
204 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
205 #id_payment_type_group .active { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
206 background-color: lightgray; |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
207 } |