Projet

Général

Profil

Télécharger (6,92 ko) Statistiques
| Branche: | Tag: | Révision:

theme / ckanext / ozwillo_theme / fanstatic / ozwillo.css @ 7e581dc9

1
body {
2
  font-family: "DIN" !important;
3
}
4

    
5
.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

    
12
#t3-mainnav {
13
  border-bottom: 1px solid #ddd;
14
}
15

    
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
.homepage [role="main"], body [role="main"] {
46
padding-top: 80px;
47
}
48

    
49
.toolbar .breadcrumb > li + li:before {
50
  content: none;
51
}
52

    
53
@media (max-width: 767px) {
54
  .toolbar {
55
    padding-left: 20px;
56
  }
57
}
58

    
59
#t3-mainnav .nav>li>.dropdown-menu:before,
60
#t3-mainnav .nav>li>.dropdown-menu:after {
61
  display: none;
62
}
63

    
64
.nav a.nav-data:before {
65
  display: block;
66
  content: "";
67
  margin-top: -3px;
68
  width: 40px;
69
  height: 30px;
70
  float: left;
71
  background: url('/images/ui/data-on.png') no-repeat top left;
72
}
73

    
74
.hero {
75
	background: url(/img/stripe.jpg);
76
  background-position: 50% 0%;
77
  background-repeat: no-repeat;
78
  background-size: cover;
79
}
80

    
81
.homepage .module-search {
82
	background: #E6E6E6;
83
	color: #626580;
84
}
85

    
86
.homepage .module-search .module-content,
87
.homepage .module-search .tags {
88
	background: transparent;
89
}
90

    
91
.homepage p.step {
92
  padding-left: 12px;
93
}
94
.homepage h5 {
95
  font-style: italic;
96
  font-size: 1.1em;
97
}
98

    
99
.search-form .search-input.search-giant button {
100
	margin: 0;
101
	top: 0;
102
	right: 0;
103
	height: 100%;
104
	padding: 0 1em;
105
	background: #714090;
106
	border-top-right-radius: 4px;
107
	border-bottom-right-radius: 4px;
108
}
109

    
110
.search-form .search-input button i {
111
	color: white !important;
112
}
113

    
114
.navbar-lang li a {
115
    text-transform: capitalize;
116
}
117

    
118
.navbar .nav .dropdown-toggle .caret {
119
  margin-top: 0;
120
}
121

    
122
.navbar .btn, .navbar .btn-group {
123
  margin-top: 7px;
124
}
125
.navbar .navbar-lang {
126
  margin-right: 0;
127
}
128

    
129
.navbar li.item-112:hover .dropdown-menu,
130
.navbar-lang li.dropdown:hover .dropdown-menu,
131
.navbar-nav li.item-119:hover .dropdown-menu {
132
    display: block;
133
}
134

    
135
.navbar .dropdown-menu .divider {
136
  margin: 5px 0;
137
  border-bottom: 1px solid #e5e5e5;
138
}
139

    
140
.navbar .nav li.dropdown.active>.dropdown-toggle {
141
  background-color: #eeeeee;
142
  box-shadow: none;
143
  text-shadow: none;
144
}
145

    
146
.navbar .dropdown-menu a:hover, .navbar .dropdown-menu a:focus {
147
  background: #eeeeee;
148
}
149

    
150
.navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .navbar .dropdown-menu > .active > a:focus {
151
  background: #6e418e;
152
}
153

    
154
.navbar .nav li.dropdown:hover, .navbar .nav li.dropdown.open>.dropdown-toggle {
155
  background-color: #eeeeee;
156
}
157

    
158
/* footer */
159

    
160
#content {
161
  margin-bottom: 40px;
162
}
163

    
164
footer {
165
  position: relative;
166
}
167
footer .t3-footnav {
168
  padding: 16px 0 0;
169
}
170

    
171
footer #oz-footer-well {
172
  text-align: center;
173
  color: #6f438e;
174
}
175

    
176
footer p {
177
  margin: 16px 0;
178
}
179

    
180
footer .navbar-nav.navbar-footer > li > a {
181
  color: #555555;
182
  display: block;
183
  box-sizing: border-box;
184
  border-radius: 3px;
185
  line-height: 22px;
186
  padding: 0.25em 0.4em;
187
  text-decoration: none;
188
}
189

    
190
footer .navbar-nav.navbar-footer {
191
  margin-top: 16px;
192
}
193

    
194
footer .navbar-nav.navbar-footer > li > a:hover {
195
  background: #efe4f0;
196
}
197

    
198
footer a.ext-twitter:after {
199
  content: "";
200
  display: inline-block;
201
  margin-left: 4px;
202
  width: 22px;
203
  height: 18px;
204
  background: url('/img/twitter.png') no-repeat top 3px left 0;
205
}
206

    
207
html, body {
208
  height: 100%;
209
}
210

    
211
body > .homepage, body > [role="main"] {
212
  min-height: 100%;
213
  height: auto;
214
  background: #eeeeee url("../../../base/images/bg.png");
215
}
216

    
217

    
218
@media (min-width: 980px) {
219
  
220
  body > .homepage, body > [role="main"] {
221
    margin-bottom: -205px;
222
    padding-bottom: 205px;
223
  }
224
}
225

    
226
@media (min-width: 768px) and (max-width: 979px) {
227
  body > .homepage, body > [role="main"] {
228
    margin-bottom: -267px;
229
    padding-bottom: 267px;
230
  }
231
}
232

    
233
@media (max-width: 767px) {
234
  body > .homepage, body > [role="main"] {
235
    margin-bottom: -349px;
236
    padding-bottom: 349px;
237
  }
238
}
239

    
240
li.media-item {
241
    margin-bottom:10px;
242
}
243

    
244
@media screen and (max-width: 767px) {
245
    .form-horizontal .control-group .control-label {
246
        display: block;
247
        width: auto;
248
    }
249
    .form-actions .btn {
250
        float: right;
251
        margin-top: 5px;
252
    }
253

    
254
    .stages li .highlight {
255
        text-indent: 0;
256
    }
257
    .navbar .container {
258
        padding: 0 15px;
259
        margin-left: 20px;
260
    }
261
    #t3-mainnav ul.nav li, #t3-mainnav ul.nav li .dropdown-menu {
262
        display: block;
263
        float: none;
264
    }
265
    #t3-mainnav ul.navbar-right {
266
        display: none;
267
    }
268
}
269

    
270
/* reponsive menu */
271

    
272
#toggle-toc {
273
  position: absolute;
274
  margin-top: 0;
275
  border-radius: 0;
276
  border: 0;
277
  padding: 0;
278
  width: 50px;
279
  height: 50px;
280
  line-height: 50px;
281
}
282
#toggle-toc:focus {
283
  outline: none;
284
}
285

    
286
@media (max-width: 767px) {
287
  .container > .navbar-header {
288
    margin: 0 !important;
289
  }
290
}
291

    
292
#toggle-container {
293
  display: none;
294
  position: fixed;
295
  top: 0;
296
  left: 0;
297
  z-index: 1000;
298
  width: 100%;
299
  height: 50px;
300
  background: #fff;
301
  border-bottom: 1px solid #ddd;
302
  transition: left 0.2s ease-out;
303
}
304

    
305
#off-nav {
306
  display: none;
307
  margin-bottom: 0;
308
  position: fixed;
309
  left: 0;
310
  top: 0;
311
  z-index: 1000;
312
  bottom: 0;
313
  margin-left: -230px;
314
  width: 230px;
315
  box-sizing: border-box;
316
  overflow-y: auto;
317
  -webkit-overflow-scrolling: touch;
318
  border-right: 1px solid #aaa;
319
  background: #fff;
320
  transition: left 0.2s ease-out;
321
}
322

    
323
#off-nav i {
324
  margin: 0 15px 0 8px;
325
}
326

    
327
#off-nav a.logo {
328
  padding-bottom: 12px;
329
}
330

    
331
#off-nav ul ul.nav a {
332
  padding: 4px 4px 4px 56px;
333
}
334

    
335
#off-nav li.divider {
336
  margin: 12px 0;
337
  border-bottom: 2px solid #eee;
338
}
339

    
340
#off-nav li.divider.first {
341
  margin-top: 0;
342
}
343

    
344
body.toc-open #toggle-container, body.toc-open #off-nav {
345
  left: 230px;
346
}
347
@media (max-width: 768px) {
348
  #t3-mainnav {
349
    display: none;
350
  }
351
  #toggle-container, #off-nav {
352
    display: block;
353
  }
354
}
355

    
356
h1.page-heading {
357
  font-family: Dunkin, Arial, sans-serif;
358
  color: #714090;
359
}
360

    
361
/* fix CKAN responsive issues */
362

    
363
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
364
  position: relative;
365
}
366

    
367
.homepage.layout-1 .row1 .col1 {
368
  margin-top: 48px;
369
}
370

    
371
@media (max-width: 767px) {
372
  .homepage.layout-1 .row1 .col1 {
373
    margin-top: 16px;
374
  }
375
}
376

    
377
@media (max-width: 830px) {
378
  .hidden-menu-table {
379
    display: none !important;
380
  }
381
}
382

    
383
@media (max-width: 767px) {
384
  .row1 .col1 {
385
    margin-bottom: 20px;
386
  }
387
}
388

    
389
/*@media (max-width: 767px) {
390
  .module-content, .module-content:first-child, .module-content:last-child {
391
    margin-bottom: 20px;
392
  }
393
}*/
394

    
395
@media (min-width: 980px) and (min-width: 1199px) {
396
  .primary.span12 {
397
    width: 940px;
398
  }
399
}
400

    
401
@media (min-width: 768px) and (max-width: 979px) {
402
  .primary.span12 {
403
    width: 724px;
404
  }
405
}
406

    
407
@media (max-width: 767px) {
408
  .primary.span12 {
409
    width: 100%;
410
  }
411
}
412

    
413
@media (max-width: 979px) {
414
  aside.secondary {
415
    display :none;
416
  }
417
  .row.wrapper {
418
    background: #fff;
419
  }
420
}
(3-3/12)