Mercurial > sat_legacy_website
annotate static/css/sat_website.css @ 37:c570778a7620
add adhesion.html (needs some change)
author | souliane <souliane@mailoo.org> |
---|---|
date | Tue, 27 Jan 2015 08:17:55 +0100 |
parents | 9d553570cc61 |
children | e501f5ff7191 |
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; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
51 bottom: -55px; |
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; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
56 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
57 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
58 .carousel-indicators { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
59 bottom: -5px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
60 color: black; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
61 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
62 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
63 .carousel-indicators li { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
64 border: 1px solid black; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
65 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
66 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
67 .carousel-indicators .active { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
68 background-color: black; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
69 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
70 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
71 .carousel-control.left, .carousel-control.right{ |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
72 width: 30px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
73 border-radius: 5px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
74 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
75 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
76 .modal-header .close { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
77 margin-top: -10px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
78 padding-right: 5px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
79 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
80 |
26 | 81 |
82 /* sat_website own styles */ | |
83 | |
84 | |
2
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
85 #language { |
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
86 text-align: center; |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
87 padding-top: 10px; |
2
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
88 } |
0df46e87537d
i18n: marked translatable texts + add change language form on pages footer
Goffi <goffi@goffi.org>
parents:
0
diff
changeset
|
89 |
0 | 90 #sat_logo { |
91 float: left; | |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
92 padding: 5px; |
0 | 93 } |
94 | |
95 #overview_logo { | |
96 vertical-align: middle; | |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
97 margin-top: -20px; |
0 | 98 margin-right: 15px; |
99 } | |
100 | |
101 #bigmark { | |
26 | 102 font-size:165px; |
0 | 103 font-weight:bold; |
104 text-align: center; | |
26 | 105 margin: 0px; |
0 | 106 } |
107 | |
108 #bigmark_subtext { | |
109 text-align: center; | |
26 | 110 margin: 0px; |
0 | 111 } |
112 | |
113 #social_contract { | |
114 font-size: 14px; | |
115 } | |
116 | |
117 .wip { | |
118 text-align: center; | |
119 color: #A52A2A; | |
120 margin: 10px; | |
121 } | |
122 | |
123 .desc { | |
124 text-align: justify; | |
125 font-size: 16px; | |
126 } | |
127 | |
128 .info { | |
129 margin: 10px 5px 60px 5px; | |
130 } | |
131 | |
132 .feature { | |
133 padding-bottom: 10px; | |
134 margin-bottom: 10px; | |
135 border-bottom-style: solid; | |
136 border-bottom-width: 1px; | |
137 } | |
138 | |
139 div:last-child>div.feature { | |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
140 /* we don't want the line on the last feature */ |
0 | 141 border-bottom-style: none; |
142 } | |
143 | |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
144 #carousel-screenshots img, #carousel-screenshots video { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
145 cursor: pointer; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
146 height: 200px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
147 width: auto; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
148 display: table-cell; |
0 | 149 } |
150 | |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
151 #modal-screenshots .modal-dialog { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
152 max-width: 90%; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
153 width: auto; |
0 | 154 } |
155 | |
29
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
156 #carousel-screenshots-modal .carousel-inner { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
157 padding-bottom: 80px; |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
158 } |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
159 |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
160 #carousel-screenshots-modal img, #carousel-screenshots-modal video { |
b45621706d83
use Bootstrap carousels to display images and videos galeries:
souliane <souliane@mailoo.org>
parents:
28
diff
changeset
|
161 margin: auto; |
0 | 162 } |
28
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
163 |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
164 #language_form { |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
165 padding-top: 12px; |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
166 padding-bottom: 12px; |
30a1edf90fae
move the language selector to the main menu
souliane <souliane@mailoo.org>
parents:
26
diff
changeset
|
167 } |
33
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
168 |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
169 .overview_spacer { |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
170 height: 30px; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
171 } |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
172 |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
173 .progress-bar-left { |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
174 background-color: lightgray; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
175 color: gray; |
73c6333fd124
change overview.html, move the previous content to principles.html
souliane <souliane@mailoo.org>
parents:
29
diff
changeset
|
176 } |
34
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
177 |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
178 .form-signin { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
179 max-width: 600px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
180 padding: 15px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
181 margin: 0 auto; |
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 .form-signin-heading, |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
184 .form-signin .checkbox { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
185 margin-bottom: 10px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
186 } |
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 font-weight: normal; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
189 } |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
190 .form-signin .form-control { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
191 position: relative; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
192 height: auto; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
193 -webkit-box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
194 -moz-box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
195 box-sizing: border-box; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
196 padding: 10px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
197 font-size: 16px; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
198 } |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
199 #id_payment_type_group .active { |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
200 background-color: lightgray; |
9d553570cc61
add adhesion_form.html and thank_you.html
souliane <souliane@mailoo.org>
parents:
33
diff
changeset
|
201 } |