Projet

Général

Profil

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

theme / ckanext / ozwillo_theme / fanstatic / ozwillo.css @ 626fd0a7

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
.search-form .search-input.search-giant button {
92
	margin: 0;
93
	top: 0;
94
	right: 0;
95
	height: 100%;
96
	padding: 0 1em;
97
	background: #714090;
98
	border-top-right-radius: 4px;
99
	border-bottom-right-radius: 4px;
100
}
101

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
217
/* reponsive menu */
218

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

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

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

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

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

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

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

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

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

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

    
303
h1.page-heading {
304
  font-family: Dunkin, Arial, sans-serif;
305
  color: #714090;
306
}
307

    
308
/* fix CKAN responsive issues */
309

    
310
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {
311
  position: relative;
312
}
313

    
314
.homepage.layout-1 .row1 .col1 {
315
  margin-top: 30px;
316
}
317

    
318
@media (max-width: 830px) {
319
  .hidden-menu-table {
320
    display: none !important;
321
  }
322
}
323

    
324
@media (max-width: 767px) {
325
  .row1 .col1 {
326
    margin-bottom: 20px;
327
  }
328
}
329

    
330
/*@media (max-width: 767px) {
331
  .module-content, .module-content:first-child, .module-content:last-child {
332
    margin-bottom: 20px;
333
  }
334
}*/
335

    
336
@media (min-width: 980px) and (min-width: 1199px) {
337
  .primary.span12 {
338
    width: 940px;
339
  }
340
}
341

    
342
@media (min-width: 768px) and (max-width: 979px) {
343
  .primary.span12 {
344
    width: 724px;
345
  }
346
}
347

    
348
@media (max-width: 767px) {
349
  .primary.span12 {
350
    width: 100%;
351
  }
352
}
353

    
354
@media (max-width: 979px) {
355
  aside.secondary {
356
    display :none;
357
  }
358
  .row.wrapper {
359
    background: #fff;
360
  }
361
}
(3-3/21)