Mercurial > sat_legacy_website
annotate static/css/sat_website.css @ 58:746e53efc188
allow large media files (screencasts) to be stored on an external server
author | souliane <souliane@mailoo.org> |
---|---|
date | Thu, 14 May 2015 23:37:56 +0200 |
parents | a1e457ac6871 |
children | 0d20fb28c32e |
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 |
55
a1e457ac6871
split adhesion.html between adhesion.html and association.html
souliane <souliane@mailoo.org>
parents:
54
diff
changeset
|
83 .badge { |
a1e457ac6871
split adhesion.html between adhesion.html and association.html
souliane <souliane@mailoo.org>
parents:
54
diff
changeset
|
84 color: #bbb; |
a1e457ac6871
split adhesion.html between adhesion.html and association.html
souliane <souliane@mailoo.org>
parents:
54
diff
changeset
|
85 } |
26 | 86 |
87 /* sat_website own styles */ | |
88 | |
89 | |
2
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
90 #language { |
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
91 text-align: center; |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
92 padding-top: 10px; |
2
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
93 } |
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
94 |
0 | 95 #sat_logo { |
96 float: left; | |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
97 padding: 5px; |
0 | 98 } |
99 | |
100 #overview_logo { | |
101 vertical-align: middle; | |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
102 margin-top: -20px; |
0 | 103 margin-right: 15px; |
104 } | |
105 | |
106 #bigmark { | |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
107 font-size:100px; |
0 | 108 font-weight:bold; |
109 text-align: center; | |
26 | 110 margin: 0px; |
0 | 111 } |
112 | |
113 #bigmark_subtext { | |
114 text-align: center; | |
26 | 115 margin: 0px; |
0 | 116 } |
117 | |
118 #social_contract { | |
119 font-size: 14px; | |
120 } | |
121 | |
122 .wip { | |
123 text-align: center; | |
124 color: #A52A2A; | |
125 margin: 10px; | |
126 } | |
127 | |
128 .desc { | |
129 text-align: justify; | |
130 font-size: 16px; | |
131 } | |
132 | |
133 .info { | |
48
3b4ba14d1e26
update features.html + other small changes
souliane <souliane@mailoo.org>
parents:
38
diff
changeset
|
134 margin: 10px 5px 30px 5px; |
0 | 135 } |
136 | |
137 .feature { | |
138 padding-bottom: 10px; | |
139 margin-bottom: 10px; | |
140 border-bottom-style: solid; | |
141 border-bottom-width: 1px; | |
142 } | |
143 | |
144 div:last-child>div.feature { | |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
145 /* we don't want the line on the last feature */ |
0 | 146 border-bottom-style: none; |
147 } | |
148 | |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
149 .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
|
150 cursor: pointer; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
151 height: 200px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
152 width: auto; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
153 display: table-cell; |
0 | 154 } |
155 | |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
156 #my-modal .modal-dialog { |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
157 max-width: 90%; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
158 width: auto; |
0 | 159 } |
160 | |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
161 .my-carousel-modal .carousel-inner { |
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
162 padding-bottom: 100px; |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
163 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
164 |
54
d54f2f09a73a
fixes displaying two carousels on the same page
souliane <souliane@mailoo.org>
parents:
48
diff
changeset
|
165 .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
|
166 margin: auto; |
0 | 167 } |
28
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
168 |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
169 #language_form { |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
170 padding-top: 12px; |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
171 padding-bottom: 12px; |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
172 } |
33
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 .overview_spacer { |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
175 height: 30px; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
176 } |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
177 |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
178 .progress-bar-left { |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
179 background-color: lightgray; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
180 color: gray; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
181 } |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
182 |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
183 .form-signin { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
184 max-width: 600px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
185 padding: 15px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
186 margin: 0 auto; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
187 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
188 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
189 .form-signin .form-signin-heading, |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
190 .form-signin .checkbox { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
191 margin-bottom: 10px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
192 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
193 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
194 .form-signin .checkbox { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
195 font-weight: normal; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
196 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
197 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
198 .form-signin .form-control { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
199 position: relative; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
200 height: auto; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
201 -webkit-box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
202 -moz-box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
203 box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
204 padding: 10px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
205 font-size: 16px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
206 } |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
207 |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
208 #id_payment_type_group .active { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
209 background-color: lightgray; |
38
e501f5ff7191
remove technical terms from frontends.html, replace wix with cagou
souliane <souliane@mailoo.org>
parents:
34
diff
changeset
|
210 } |
55
a1e457ac6871
split adhesion.html between adhesion.html and association.html
souliane <souliane@mailoo.org>
parents:
54
diff
changeset
|
211 |
a1e457ac6871
split adhesion.html between adhesion.html and association.html
souliane <souliane@mailoo.org>
parents:
54
diff
changeset
|
212 .my-btn { |
a1e457ac6871
split adhesion.html between adhesion.html and association.html
souliane <souliane@mailoo.org>
parents:
54
diff
changeset
|
213 font-size: 14px; |
a1e457ac6871
split adhesion.html between adhesion.html and association.html
souliane <souliane@mailoo.org>
parents:
54
diff
changeset
|
214 } |