Projet

Général

Profil

« Précédent | Suivant » 

Révision 281dd918

Ajouté par Guillaume Denis il y a environ 9 ans

responsive navbar

Voir les différences:

ckanext/ozwillo_theme/fanstatic/ozwillo.css
14 14
   display: none ;
15 15
}
16 16

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

  
18 21
#t3-mainnav a.logo {
19 22
  box-shadow: none;
......
99 102
	color: white !important;
100 103
}
101 104

  
102

  
103 105
.navbar-lang li a {
104 106
    text-transform: capitalize;
105 107
}
......
202 204
        padding: 0 15px;
203 205
        margin-left: 20px;
204 206
    }
205
    #t3-mainnav .off-canvas-current {
206
        display: block;
207
        overflow: visible;
208
    }
209 207
    #t3-mainnav ul.nav li, #t3-mainnav ul.nav li .dropdown-menu {
210 208
        display: block;
211 209
        float: none;
......
215 213
    }
216 214
}
217 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

  
218 302
/* fix CKAN responsive issues */
219 303

  
220 304
.homepage.layout-1 .row1 .col2, .homepage.layout-1 .row2 .col2 {

Formats disponibles : Unified diff