Projet

Général

Profil

Télécharger (7,33 ko) Statistiques
| Branche: | Tag: | Révision:

theme / ckanext / ozwillo_theme / fanstatic / ozwillo.css @ d7bbbd19

1 61b34555 Frédéric Péters
body {
2 626fd0a7 Guillaume Denis
  font-family: "DIN" !important;
3 61b34555 Frédéric Péters
}
4
5 d67246b5 Serghei MIHAI
.authed ul li a[href^="/user/edit"],
6
div a[href^="/user/edit"],
7
.not-authed ul li a[href^="/user/login"],
8
.not-authed ul li a[href^="/user/register"] {
9
   display: none ;
10
}
11 61b34555 Frédéric Péters
12 281dd918 Guillaume Denis
#t3-mainnav {
13
  border-bottom: 1px solid #ddd;
14
}
15 61b34555 Frédéric Péters
16
#t3-mainnav a.logo {
17
  box-shadow: none;
18
}
19
20
.navbar .nav .btn {
21
  background: transparent;
22
}
23
24
.navbar .nav > li > .navbar-btn {
25
  padding-top: 6px;
26
  padding-bottom: 6px;
27
}
28
29
.navbar .nav > li > a {
30
  padding-top: 14px;
31
  padding-bottom: 14px;
32
}
33
34
@media (min-width: 992px) {
35
  #t3-mainnav .container {
36
    width: 970px;
37
  }
38
}
39
@media (min-width: 1200px) {
40
  #t3-mainnav .container {
41
    width: 1170px;
42
  }
43
}
44
45 4c0d1532 Guillaume Denis
.homepage [role="main"], body [role="main"] {
46 d7bbbd19 Guillaume Denis
  padding-top: 80px;
47
}
48
49
body [role="main"].second {
50
  padding-top: 40px;
51 61b34555 Frédéric Péters
}
52
53 4c0d1532 Guillaume Denis
.toolbar .breadcrumb > li + li:before {
54
  content: none;
55
}
56
57 e0488e73 Guillaume Denis
@media (max-width: 767px) {
58
  .toolbar {
59
    padding-left: 20px;
60
  }
61
}
62
63 61b34555 Frédéric Péters
#t3-mainnav .nav>li>.dropdown-menu:before,
64
#t3-mainnav .nav>li>.dropdown-menu:after {
65
  display: none;
66
}
67
68
.nav a.nav-data:before {
69
  display: block;
70
  content: "";
71
  margin-top: -3px;
72
  width: 40px;
73
  height: 30px;
74
  float: left;
75 a38e1b98 Guillaume Denis
  background: url('/images/ui/data-on.png') no-repeat top left;
76 61b34555 Frédéric Péters
}
77 f623b71e Frédéric Péters
78
.hero {
79
	background: url(/img/stripe.jpg);
80 70f4070c Guillaume Denis
  background-position: 50% 0%;
81
  background-repeat: no-repeat;
82
  background-size: cover;
83 f623b71e Frédéric Péters
}
84 1cc843b5 Frédéric Péters
85
.homepage .module-search {
86
	background: #E6E6E6;
87
	color: #626580;
88
}
89
90
.homepage .module-search .module-content,
91
.homepage .module-search .tags {
92
	background: transparent;
93
}
94
95 ec96250c Guillaume Denis
.homepage p.step {
96
  padding-left: 12px;
97
}
98
.homepage h5 {
99
  font-style: italic;
100 7f73a47c Guillaume Denis
  font-size: 1.1em;
101 ec96250c Guillaume Denis
}
102
103 1cc843b5 Frédéric Péters
.search-form .search-input.search-giant button {
104
	margin: 0;
105
	top: 0;
106
	right: 0;
107
	height: 100%;
108
	padding: 0 1em;
109
	background: #714090;
110
	border-top-right-radius: 4px;
111
	border-bottom-right-radius: 4px;
112
}
113
114
.search-form .search-input button i {
115
	color: white !important;
116
}
117 8b2074ce Serghei MIHAI
118
.navbar-lang li a {
119
    text-transform: capitalize;
120 b9619cfa Serghei MIHAI
}
121
122 44bd48eb Guillaume Denis
.navbar .nav .dropdown-toggle .caret {
123
  margin-top: 0;
124
}
125
126
.navbar .btn, .navbar .btn-group {
127
  margin-top: 7px;
128
}
129
.navbar .navbar-lang {
130
  margin-right: 0;
131
}
132
133 b9619cfa Serghei MIHAI
.navbar li.item-112:hover .dropdown-menu,
134
.navbar-lang li.dropdown:hover .dropdown-menu,
135
.navbar-nav li.item-119:hover .dropdown-menu {
136
    display: block;
137
}
138
139 17d07faf Guillaume Denis
.navbar .dropdown-menu .divider {
140
  margin: 5px 0;
141
  border-bottom: 1px solid #e5e5e5;
142
}
143
144
.navbar .nav li.dropdown.active>.dropdown-toggle {
145
  background-color: #eeeeee;
146
  box-shadow: none;
147
  text-shadow: none;
148
}
149
150
.navbar .dropdown-menu a:hover, .navbar .dropdown-menu a:focus {
151
  background: #eeeeee;
152
}
153
154
.navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .navbar .dropdown-menu > .active > a:focus {
155
  background: #6e418e;
156
}
157
158 7f73a47c Guillaume Denis
.navbar .nav li.dropdown:hover, .navbar .nav li.dropdown.open>.dropdown-toggle {
159
  background-color: #eeeeee;
160
}
161
162 68c5207c Guillaume Denis
/* footer */
163 9c5f3edd Guillaume Denis
164
#content {
165
  margin-bottom: 40px;
166
}
167
168
footer {
169
  position: relative;
170
}
171 68c5207c Guillaume Denis
footer .t3-footnav {
172
  padding: 16px 0 0;
173
}
174
175
footer #oz-footer-well {
176
  text-align: center;
177 5785e1fd Guillaume Denis
  color: #6f438e;
178 68c5207c Guillaume Denis
}
179
180
footer p {
181
  margin: 16px 0;
182
}
183
184
footer .navbar-nav.navbar-footer > li > a {
185 5785e1fd Guillaume Denis
  color: #555555;
186 68c5207c Guillaume Denis
  display: block;
187
  box-sizing: border-box;
188
  border-radius: 3px;
189
  line-height: 22px;
190
  padding: 0.25em 0.4em;
191
  text-decoration: none;
192
}
193
194 96f3b45b Guillaume Denis
footer .navbar-nav.navbar-footer {
195
  margin-top: 16px;
196
}
197
198 68c5207c Guillaume Denis
footer .navbar-nav.navbar-footer > li > a:hover {
199
  background: #efe4f0;
200
}
201
202 5785e1fd Guillaume Denis
footer a.ext-twitter:after {
203
  content: "";
204
  display: inline-block;
205
  margin-left: 4px;
206
  width: 22px;
207
  height: 18px;
208
  background: url('/img/twitter.png') no-repeat top 3px left 0;
209
}
210 033fb712 Serghei MIHAI
211 7e581dc9 Guillaume Denis
html, body {
212
  height: 100%;
213
}
214
215
body > .homepage, body > [role="main"] {
216
  min-height: 100%;
217
  height: auto;
218
  background: #eeeeee url("../../../base/images/bg.png");
219
}
220
221
222
@media (min-width: 980px) {
223
  
224 9c5f3edd Guillaume Denis
  body > .homepage, body > [role="main"] {
225
    margin-bottom: -205px;
226
    padding-bottom: 205px;
227 7e581dc9 Guillaume Denis
  }
228
}
229
230
@media (min-width: 768px) and (max-width: 979px) {
231
  body > .homepage, body > [role="main"] {
232
    margin-bottom: -267px;
233
    padding-bottom: 267px;
234
  }
235
}
236
237
@media (max-width: 767px) {
238
  body > .homepage, body > [role="main"] {
239
    margin-bottom: -349px;
240
    padding-bottom: 349px;
241 9c5f3edd Guillaume Denis
  }
242
}
243
244 033fb712 Serghei MIHAI
li.media-item {
245
    margin-bottom:10px;
246
}
247 09227997 Serghei MIHAI
248
@media screen and (max-width: 767px) {
249 8972fd5b Serghei Mihai
    .form-horizontal .control-group .control-label {
250
        display: block;
251
        width: auto;
252
    }
253
    .form-actions .btn {
254
        float: right;
255
        margin-top: 5px;
256
    }
257 294ea60c Serghei Mihai
258
    .stages li .highlight {
259
        text-indent: 0;
260
    }
261 c2f8935e Serghei Mihai
    .navbar .container {
262
        padding: 0 15px;
263
        margin-left: 20px;
264
    }
265
    #t3-mainnav ul.nav li, #t3-mainnav ul.nav li .dropdown-menu {
266
        display: block;
267
        float: none;
268
    }
269
    #t3-mainnav ul.navbar-right {
270
        display: none;
271
    }
272 09227997 Serghei MIHAI
}
273 f08353df Guillaume Denis
274 281dd918 Guillaume Denis
/* reponsive menu */
275
276
#toggle-toc {
277
  position: absolute;
278
  margin-top: 0;
279
  border-radius: 0;
280
  border: 0;
281
  padding: 0;
282
  width: 50px;
283
  height: 50px;
284
  line-height: 50px;
285
}
286
#toggle-toc:focus {
287
  outline: none;
288
}
289
290
@media (max-width: 767px) {
291
  .container > .navbar-header {
292
    margin: 0 !important;
293
  }
294
}
295
296
#toggle-container {
297
  display: none;
298
  position: fixed;
299
  top: 0;
300
  left: 0;
301
  z-index: 1000;
302
  width: 100%;
303
  height: 50px;
304
  background: #fff;
305
  border-bottom: 1px solid #ddd;
306
  transition: left 0.2s ease-out;
307
}
308
309
#off-nav {
310
  display: none;
311
  margin-bottom: 0;
312
  position: fixed;
313
  left: 0;
314
  top: 0;
315
  z-index: 1000;
316
  bottom: 0;
317
  margin-left: -230px;
318
  width: 230px;
319
  box-sizing: border-box;
320
  overflow-y: auto;
321
  -webkit-overflow-scrolling: touch;
322
  border-right: 1px solid #aaa;
323
  background: #fff;
324
  transition: left 0.2s ease-out;
325
}
326
327
#off-nav i {
328
  margin: 0 15px 0 8px;
329
}
330
331
#off-nav a.logo {
332
  padding-bottom: 12px;
333
}
334
335
#off-nav ul ul.nav a {
336
  padding: 4px 4px 4px 56px;
337
}
338
339
#off-nav li.divider {
340
  margin: 12px 0;
341
  border-bottom: 2px solid #eee;
342
}
343
344
#off-nav li.divider.first {
345
  margin-top: 0;
346
}
347
348
body.toc-open #toggle-container, body.toc-open #off-nav {
349
  left: 230px;
350
}
351
@media (max-width: 768px) {
352
  #t3-mainnav {
353
    display: none;
354
  }
355
  #toggle-container, #off-nav {
356
    display: block;
357
  }
358
}
359
360 4dcbd47b Guillaume Denis
h1.page-heading {
361 626fd0a7 Guillaume Denis
  font-family: Dunkin, Arial, sans-serif;
362 4f7af329 Guillaume Denis
  color: #714090;
363 4dcbd47b Guillaume Denis
}
364
365 f08353df Guillaume Denis
/* fix CKAN responsive issues */
366
367 d7bbbd19 Guillaume Denis
@media (max-width: 767px) {
368
  body {
369
    padding-left: 0;
370
    padding-right: 0;
371
  }
372
  .toolbar .breadcrumb, .toolbar .breadcrumb a {
373
    color: #505050;
374
    text-shadow: 0 1px 0 #ffffff;
375
  }
376
  .toolbar .breadcrumb .home {
377
    display: inline-block;
378
  }
379
380
}
381
382 f08353df Guillaume Denis
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
383
  position: relative;
384
}
385
386 c05618e9 Guillaume Denis
.homepage.layout-1 .row1 .col1 {
387 ec96250c Guillaume Denis
  margin-top: 48px;
388
}
389
390
@media (max-width: 767px) {
391
  .homepage.layout-1 .row1 .col1 {
392
    margin-top: 16px;
393
  }
394 f08353df Guillaume Denis
}
395
396
@media (max-width: 830px) {
397
  .hidden-menu-table {
398
    display: none !important;
399
  }
400
}
401
402
@media (max-width: 767px) {
403 d7bbbd19 Guillaume Denis
  .row1 .col1, .row2 .col1  {
404 f08353df Guillaume Denis
    margin-bottom: 20px;
405
  }
406
}
407
408 c05618e9 Guillaume Denis
/*@media (max-width: 767px) {
409
  .module-content, .module-content:first-child, .module-content:last-child {
410
    margin-bottom: 20px;
411
  }
412
}*/
413
414 f08353df Guillaume Denis
@media (min-width: 980px) and (min-width: 1199px) {
415
  .primary.span12 {
416
    width: 940px;
417
  }
418
}
419
420
@media (min-width: 768px) and (max-width: 979px) {
421
  .primary.span12 {
422
    width: 724px;
423
  }
424
}
425
426
@media (max-width: 767px) {
427
  .primary.span12 {
428
    width: 100%;
429
  }
430
}
431
432 d7bbbd19 Guillaume Denis
@media (min-width: 1199px) {
433
  .row.wrapper {
434
    background-position: 50px top;
435
  }
436
}
437
438 f08353df Guillaume Denis
@media (max-width: 979px) {
439 d7bbbd19 Guillaume Denis
  /*aside.secondary {
440 f08353df Guillaume Denis
    display :none;
441
  }
442
  .row.wrapper {
443
    background: #fff;
444 d7bbbd19 Guillaume Denis
  }*/
445 f08353df Guillaume Denis
}