Projet

Général

Profil

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

theme / ckanext / ozwillo_theme / fanstatic / ozwillo.css @ 4f7af329

1
@font-face {
2
  font-family: "DIN2";
3
  src: url("DIN.woff") format("woff"), url("DIN.ttf") format("truetype");
4
}
5

    
6
body {
7
  font-family: "DIN2" !important;
8
}
9

    
10
.authed ul li a[href^="/user/edit"],
11
div a[href^="/user/edit"],
12
.not-authed ul li a[href^="/user/login"],
13
.not-authed ul li a[href^="/user/register"] {
14
   display: none ;
15
}
16

    
17
#t3-mainnav {
18
  border-bottom: 1px solid #ddd;
19
}
20

    
21
#t3-mainnav a.logo {
22
  box-shadow: none;
23
}
24

    
25
.navbar .nav .btn {
26
  background: transparent;
27
}
28

    
29
.navbar .nav > li > .navbar-btn {
30
  padding-top: 6px;
31
  padding-bottom: 6px;
32
}
33

    
34
.navbar .nav > li > a {
35
  padding-top: 14px;
36
  padding-bottom: 14px;
37
}
38

    
39
@media (min-width: 992px) {
40
  #t3-mainnav .container {
41
    width: 970px;
42
  }
43
}
44
@media (min-width: 1200px) {
45
  #t3-mainnav .container {
46
    width: 1170px;
47
  }
48
}
49

    
50
.homepage [role="main"], body [role="main"] {
51
padding-top: 80px;
52
}
53

    
54
.toolbar .breadcrumb > li + li:before {
55
  content: none;
56
}
57

    
58
@media (max-width: 767px) {
59
  .toolbar {
60
    padding-left: 20px;
61
  }
62
}
63

    
64
#t3-mainnav .nav>li>.dropdown-menu:before,
65
#t3-mainnav .nav>li>.dropdown-menu:after {
66
  display: none;
67
}
68

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

    
79
.hero {
80
	background: url(/img/stripe.jpg);
81
  background-position: 50% 0%;
82
  background-repeat: no-repeat;
83
  background-size: cover;
84
}
85

    
86
.homepage .module-search {
87
	background: #E6E6E6;
88
	color: #626580;
89
}
90

    
91
.homepage .module-search .module-content,
92
.homepage .module-search .tags {
93
	background: transparent;
94
}
95

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

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

    
111
.navbar-lang li a {
112
    text-transform: capitalize;
113
}
114

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

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

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

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

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

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

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

    
151
/* footer */
152
footer .t3-footnav {
153
  padding: 16px 0 0;
154
}
155

    
156
footer #oz-footer-well {
157
  text-align: center;
158
  color: #6f438e;
159
}
160

    
161
footer p {
162
  margin: 16px 0;
163
}
164

    
165
footer .navbar-nav.navbar-footer > li > a {
166
  color: #555555;
167
  display: block;
168
  box-sizing: border-box;
169
  border-radius: 3px;
170
  line-height: 22px;
171
  padding: 0.25em 0.4em;
172
  text-decoration: none;
173
}
174

    
175
footer .navbar-nav.navbar-footer {
176
  margin-top: 16px;
177
}
178

    
179
footer .navbar-nav.navbar-footer > li > a:hover {
180
  background: #efe4f0;
181
}
182

    
183
footer a.ext-twitter:after {
184
  content: "";
185
  display: inline-block;
186
  margin-left: 4px;
187
  width: 22px;
188
  height: 18px;
189
  background: url('/img/twitter.png') no-repeat top 3px left 0;
190
}
191

    
192
li.media-item {
193
    margin-bottom:10px;
194
}
195

    
196
@media screen and (max-width: 767px) {
197
    .form-horizontal .control-group .control-label {
198
        display: block;
199
        width: auto;
200
    }
201
    .form-actions .btn {
202
        float: right;
203
        margin-top: 5px;
204
    }
205

    
206
    .stages li .highlight {
207
        text-indent: 0;
208
    }
209
    .navbar .container {
210
        padding: 0 15px;
211
        margin-left: 20px;
212
    }
213
    #t3-mainnav ul.nav li, #t3-mainnav ul.nav li .dropdown-menu {
214
        display: block;
215
        float: none;
216
    }
217
    #t3-mainnav ul.navbar-right {
218
        display: none;
219
    }
220
}
221

    
222
/* reponsive menu */
223

    
224
#toggle-toc {
225
  position: absolute;
226
  margin-top: 0;
227
  border-radius: 0;
228
  border: 0;
229
  padding: 0;
230
  width: 50px;
231
  height: 50px;
232
  line-height: 50px;
233
}
234
#toggle-toc:focus {
235
  outline: none;
236
}
237

    
238
@media (max-width: 767px) {
239
  .container > .navbar-header {
240
    margin: 0 !important;
241
  }
242
}
243

    
244
#toggle-container {
245
  display: none;
246
  position: fixed;
247
  top: 0;
248
  left: 0;
249
  z-index: 1000;
250
  width: 100%;
251
  height: 50px;
252
  background: #fff;
253
  border-bottom: 1px solid #ddd;
254
  transition: left 0.2s ease-out;
255
}
256

    
257
#off-nav {
258
  display: none;
259
  margin-bottom: 0;
260
  position: fixed;
261
  left: 0;
262
  top: 0;
263
  z-index: 1000;
264
  bottom: 0;
265
  margin-left: -230px;
266
  width: 230px;
267
  box-sizing: border-box;
268
  overflow-y: auto;
269
  -webkit-overflow-scrolling: touch;
270
  border-right: 1px solid #aaa;
271
  background: #fff;
272
  transition: left 0.2s ease-out;
273
}
274

    
275
#off-nav i {
276
  margin: 0 15px 0 8px;
277
}
278

    
279
#off-nav a.logo {
280
  padding-bottom: 12px;
281
}
282

    
283
#off-nav ul ul.nav a {
284
  padding: 4px 4px 4px 56px;
285
}
286

    
287
#off-nav li.divider {
288
  margin: 12px 0;
289
  border-bottom: 2px solid #eee;
290
}
291

    
292
#off-nav li.divider.first {
293
  margin-top: 0;
294
}
295

    
296
body.toc-open #toggle-container, body.toc-open #off-nav {
297
  left: 230px;
298
}
299
@media (max-width: 768px) {
300
  #t3-mainnav {
301
    display: none;
302
  }
303
  #toggle-container, #off-nav {
304
    display: block;
305
  }
306
}
307

    
308
h1.page-heading {
309
  font-family: DIN2, Arial, sans-serif;
310
  color: #714090;
311
}
312

    
313
/* fix CKAN responsive issues */
314

    
315
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
316
  position: relative;
317
}
318

    
319
.homepage.layout-1 .row1 .col1 {
320
  margin-top: 30px;
321
}
322

    
323
@media (max-width: 830px) {
324
  .hidden-menu-table {
325
    display: none !important;
326
  }
327
}
328

    
329
@media (max-width: 767px) {
330
  .row1 .col1 {
331
    margin-bottom: 20px;
332
  }
333
}
334

    
335
/*@media (max-width: 767px) {
336
  .module-content, .module-content:first-child, .module-content:last-child {
337
    margin-bottom: 20px;
338
  }
339
}*/
340

    
341
@media (min-width: 980px) and (min-width: 1199px) {
342
  .primary.span12 {
343
    width: 940px;
344
  }
345
}
346

    
347
@media (min-width: 768px) and (max-width: 979px) {
348
  .primary.span12 {
349
    width: 724px;
350
  }
351
}
352

    
353
@media (max-width: 767px) {
354
  .primary.span12 {
355
    width: 100%;
356
  }
357
}
358

    
359
@media (max-width: 979px) {
360
  aside.secondary {
361
    display :none;
362
  }
363
  .row.wrapper {
364
    background: #fff;
365
  }
366
}
(5-5/23)