Projet

Général

Profil

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

theme / ckanext / ozwillo_theme / fanstatic / ozwillo.css @ 281dd918

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
#t3-mainnav .nav>li>.dropdown-menu:before,
59
#t3-mainnav .nav>li>.dropdown-menu:after {
60
  display: none;
61
}
62

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

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

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

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

    
90
.search-form .search-input.search-giant button {
91
	margin: 0;
92
	top: 0;
93
	right: 0;
94
	height: 100%;
95
	padding: 0 1em;
96
	background: #714090;
97
	border-top-right-radius: 4px;
98
	border-bottom-right-radius: 4px;
99
}
100

    
101
.search-form .search-input button i {
102
	color: white !important;
103
}
104

    
105
.navbar-lang li a {
106
    text-transform: capitalize;
107
}
108

    
109
.navbar .nav .dropdown-toggle .caret {
110
  margin-top: 0;
111
}
112

    
113
.navbar .btn, .navbar .btn-group {
114
  margin-top: 7px;
115
}
116
.navbar .navbar-lang {
117
  margin-right: 0;
118
}
119

    
120
.navbar li.item-112:hover .dropdown-menu,
121
.navbar-lang li.dropdown:hover .dropdown-menu,
122
.navbar-nav li.item-119:hover .dropdown-menu {
123
    display: block;
124
}
125

    
126
.navbar .dropdown-menu .divider {
127
  margin: 5px 0;
128
  border-bottom: 1px solid #e5e5e5;
129
}
130

    
131
.navbar .nav li.dropdown.active>.dropdown-toggle {
132
  background-color: #eeeeee;
133
  box-shadow: none;
134
  text-shadow: none;
135
}
136

    
137
.navbar .dropdown-menu a:hover, .navbar .dropdown-menu a:focus {
138
  background: #eeeeee;
139
}
140

    
141
.navbar .dropdown-menu > .active > a, .navbar .dropdown-menu > .active > a:hover, .navbar .dropdown-menu > .active > a:focus {
142
  background: #6e418e;
143
}
144

    
145
/* footer */
146
footer .t3-footnav {
147
  padding: 16px 0 0;
148
}
149

    
150
footer #oz-footer-well {
151
  text-align: center;
152
  color: #6f438e;
153
}
154

    
155
footer p {
156
  margin: 16px 0;
157
}
158

    
159
footer .navbar-nav.navbar-footer > li > a {
160
  color: #555555;
161
  display: block;
162
  box-sizing: border-box;
163
  border-radius: 3px;
164
  line-height: 22px;
165
  padding: 0.25em 0.4em;
166
  text-decoration: none;
167
}
168

    
169
footer .navbar-nav.navbar-footer {
170
  margin-top: 16px;
171
}
172

    
173
footer .navbar-nav.navbar-footer > li > a:hover {
174
  background: #efe4f0;
175
}
176

    
177
footer a.ext-twitter:after {
178
  content: "";
179
  display: inline-block;
180
  margin-left: 4px;
181
  width: 22px;
182
  height: 18px;
183
  background: url('/img/twitter.png') no-repeat top 3px left 0;
184
}
185

    
186
li.media-item {
187
    margin-bottom:10px;
188
}
189

    
190
@media screen and (max-width: 767px) {
191
    .form-horizontal .control-group .control-label {
192
        display: block;
193
        width: auto;
194
    }
195
    .form-actions .btn {
196
        float: right;
197
        margin-top: 5px;
198
    }
199

    
200
    .stages li .highlight {
201
        text-indent: 0;
202
    }
203
    .navbar .container {
204
        padding: 0 15px;
205
        margin-left: 20px;
206
    }
207
    #t3-mainnav ul.nav li, #t3-mainnav ul.nav li .dropdown-menu {
208
        display: block;
209
        float: none;
210
    }
211
    #t3-mainnav ul.navbar-right {
212
        display: none;
213
    }
214
}
215

    
216
/* reponsive menu */
217

    
218
#toggle-toc {
219
  position: absolute;
220
  margin-top: 0;
221
  border-radius: 0;
222
  border: 0;
223
  padding: 0;
224
  width: 50px;
225
  height: 50px;
226
  line-height: 50px;
227
}
228
#toggle-toc:focus {
229
  outline: none;
230
}
231

    
232
@media (max-width: 767px) {
233
  .container > .navbar-header {
234
    margin: 0 !important;
235
  }
236
}
237

    
238
#toggle-container {
239
  display: none;
240
  position: fixed;
241
  top: 0;
242
  left: 0;
243
  z-index: 1000;
244
  width: 100%;
245
  height: 50px;
246
  background: #fff;
247
  border-bottom: 1px solid #ddd;
248
  transition: left 0.2s ease-out;
249
}
250

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

    
269
#off-nav i {
270
  margin: 0 15px 0 8px;
271
}
272

    
273
#off-nav a.logo {
274
  padding-bottom: 12px;
275
}
276

    
277
#off-nav ul ul.nav a {
278
  padding: 4px 4px 4px 56px;
279
}
280

    
281
#off-nav li.divider {
282
  margin: 12px 0;
283
  border-bottom: 2px solid #eee;
284
}
285

    
286
#off-nav li.divider.first {
287
  margin-top: 0;
288
}
289

    
290
body.toc-open #toggle-container, body.toc-open #off-nav {
291
  left: 230px;
292
}
293
@media (max-width: 768px) {
294
  #t3-mainnav {
295
    display: none;
296
  }
297
  #toggle-container, #off-nav {
298
    display: block;
299
  }
300
}
301

    
302
/* fix CKAN responsive issues */
303

    
304
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
305
  position: relative;
306
}
307

    
308
@media (min-width: 992px) {
309
  .homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
310
    float: right;
311
  }
312
}
313

    
314
@media (max-width: 830px) {
315
  .hidden-menu-table {
316
    display: none !important;
317
  }
318
}
319

    
320
@media (max-width: 767px) {
321
  .module-content, .module-content:first-child, .module-content:last-child {
322
    margin-bottom: 20px;
323
  }
324
}
325

    
326
@media (min-width: 980px) and (min-width: 1199px) {
327
  .primary.span12 {
328
    width: 940px;
329
  }
330
}
331

    
332
@media (min-width: 768px) and (max-width: 979px) {
333
  .primary.span12 {
334
    width: 724px;
335
  }
336
}
337

    
338
@media (max-width: 767px) {
339
  .primary.span12 {
340
    width: 100%;
341
  }
342
}
343

    
344
@media (max-width: 979px) {
345
  aside.secondary {
346
    display :none;
347
  }
348
  .row.wrapper {
349
    background: #fff;
350
  }
351
}
(5-5/23)