Projet

Général

Profil

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

theme / ckanext / ozwillo_theme / fanstatic / ozwillo.css @ 9c5f3edd

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
}
97

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

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

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

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

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

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

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

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

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

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

    
153
/* footer */
154

    
155
#content {
156
  margin-bottom: 40px;
157
}
158

    
159
footer {
160
  position: relative;
161
}
162
footer .t3-footnav {
163
  padding: 16px 0 0;
164
}
165

    
166
footer #oz-footer-well {
167
  text-align: center;
168
  color: #6f438e;
169
}
170

    
171
footer p {
172
  margin: 16px 0;
173
}
174

    
175
footer .navbar-nav.navbar-footer > li > a {
176
  color: #555555;
177
  display: block;
178
  box-sizing: border-box;
179
  border-radius: 3px;
180
  line-height: 22px;
181
  padding: 0.25em 0.4em;
182
  text-decoration: none;
183
}
184

    
185
footer .navbar-nav.navbar-footer {
186
  margin-top: 16px;
187
}
188

    
189
footer .navbar-nav.navbar-footer > li > a:hover {
190
  background: #efe4f0;
191
}
192

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

    
202
@media (min-width: 992px) {
203
  html, body {
204
    height: 100%;
205
  }
206
  body > .homepage, body > [role="main"] {
207
    min-height: 100%;
208
    height: auto;
209
    margin-bottom: -205px;
210
    padding-bottom: 205px;
211
    background: #eeeeee url("../../../base/images/bg.png");
212
  }
213
}
214

    
215
li.media-item {
216
    margin-bottom:10px;
217
}
218

    
219
@media screen and (max-width: 767px) {
220
    .form-horizontal .control-group .control-label {
221
        display: block;
222
        width: auto;
223
    }
224
    .form-actions .btn {
225
        float: right;
226
        margin-top: 5px;
227
    }
228

    
229
    .stages li .highlight {
230
        text-indent: 0;
231
    }
232
    .navbar .container {
233
        padding: 0 15px;
234
        margin-left: 20px;
235
    }
236
    #t3-mainnav ul.nav li, #t3-mainnav ul.nav li .dropdown-menu {
237
        display: block;
238
        float: none;
239
    }
240
    #t3-mainnav ul.navbar-right {
241
        display: none;
242
    }
243
}
244

    
245
/* reponsive menu */
246

    
247
#toggle-toc {
248
  position: absolute;
249
  margin-top: 0;
250
  border-radius: 0;
251
  border: 0;
252
  padding: 0;
253
  width: 50px;
254
  height: 50px;
255
  line-height: 50px;
256
}
257
#toggle-toc:focus {
258
  outline: none;
259
}
260

    
261
@media (max-width: 767px) {
262
  .container > .navbar-header {
263
    margin: 0 !important;
264
  }
265
}
266

    
267
#toggle-container {
268
  display: none;
269
  position: fixed;
270
  top: 0;
271
  left: 0;
272
  z-index: 1000;
273
  width: 100%;
274
  height: 50px;
275
  background: #fff;
276
  border-bottom: 1px solid #ddd;
277
  transition: left 0.2s ease-out;
278
}
279

    
280
#off-nav {
281
  display: none;
282
  margin-bottom: 0;
283
  position: fixed;
284
  left: 0;
285
  top: 0;
286
  z-index: 1000;
287
  bottom: 0;
288
  margin-left: -230px;
289
  width: 230px;
290
  box-sizing: border-box;
291
  overflow-y: auto;
292
  -webkit-overflow-scrolling: touch;
293
  border-right: 1px solid #aaa;
294
  background: #fff;
295
  transition: left 0.2s ease-out;
296
}
297

    
298
#off-nav i {
299
  margin: 0 15px 0 8px;
300
}
301

    
302
#off-nav a.logo {
303
  padding-bottom: 12px;
304
}
305

    
306
#off-nav ul ul.nav a {
307
  padding: 4px 4px 4px 56px;
308
}
309

    
310
#off-nav li.divider {
311
  margin: 12px 0;
312
  border-bottom: 2px solid #eee;
313
}
314

    
315
#off-nav li.divider.first {
316
  margin-top: 0;
317
}
318

    
319
body.toc-open #toggle-container, body.toc-open #off-nav {
320
  left: 230px;
321
}
322
@media (max-width: 768px) {
323
  #t3-mainnav {
324
    display: none;
325
  }
326
  #toggle-container, #off-nav {
327
    display: block;
328
  }
329
}
330

    
331
h1.page-heading {
332
  font-family: Dunkin, Arial, sans-serif;
333
  color: #714090;
334
}
335

    
336
/* fix CKAN responsive issues */
337

    
338
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
339
  position: relative;
340
}
341

    
342
.homepage.layout-1 .row1 .col1 {
343
  margin-top: 48px;
344
}
345

    
346
@media (max-width: 767px) {
347
  .homepage.layout-1 .row1 .col1 {
348
    margin-top: 16px;
349
  }
350
}
351

    
352
@media (max-width: 830px) {
353
  .hidden-menu-table {
354
    display: none !important;
355
  }
356
}
357

    
358
@media (max-width: 767px) {
359
  .row1 .col1 {
360
    margin-bottom: 20px;
361
  }
362
}
363

    
364
/*@media (max-width: 767px) {
365
  .module-content, .module-content:first-child, .module-content:last-child {
366
    margin-bottom: 20px;
367
  }
368
}*/
369

    
370
@media (min-width: 980px) and (min-width: 1199px) {
371
  .primary.span12 {
372
    width: 940px;
373
  }
374
}
375

    
376
@media (min-width: 768px) and (max-width: 979px) {
377
  .primary.span12 {
378
    width: 724px;
379
  }
380
}
381

    
382
@media (max-width: 767px) {
383
  .primary.span12 {
384
    width: 100%;
385
  }
386
}
387

    
388
@media (max-width: 979px) {
389
  aside.secondary {
390
    display :none;
391
  }
392
  .row.wrapper {
393
    background: #fff;
394
  }
395
}
(3-3/21)