Skip to content

Instantly share code, notes, and snippets.

@koentjuh1
koentjuh1 / Mobile navigation CSS .css
Last active August 29, 2015 14:25
Mobile navigation
.top-animate {
background: #fff !important;
top: 13px !important;
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
transform: rotate(45deg);
}
.mid-animate {
opacity: 0;
}
@koentjuh1
koentjuh1 / Bootstrap 2-lvl dropdown menu .css
Last active August 29, 2015 14:25
Bootstrap 2-lvl dropdown menu
.header{
background-color:#1c1682;
}
.navbar-default {
background-color: transparent;
border-color: transparent;
border: 0px;
margin: 0px;
}
.navbar-default .navbar-nav>li>a {
@koentjuh1
koentjuh1 / Bootstrap 1-lvl dropdown menu .css
Last active August 29, 2015 14:25
Bootstrap 1-lvl dropdown menu
.menu {
display: flex;
width: 100%;
}
.navbar-nav .menu-flex{
flex-grow: 1;
text-align:center;
float:none;
}
.navbar-default {
@koentjuh1
koentjuh1 / jQuery: use strict
Last active August 29, 2015 14:25
jQuery: 'use strict'
jQuery(document).ready(function () {
'use strict';
});
@koentjuh1
koentjuh1 / carousel.html
Last active August 29, 2015 14:27
Carousel
@koentjuh1
koentjuh1 / Mobile LEFT navigation.css
Last active August 29, 2015 14:27
Mobile navigation from the LEFT
#nav-toggle {
width: 30px;
height: 20px;
position: absolute;
z-index: 10;
right: 15px;
display: none;
top: 15px;
}
#nav-toggle .icon-bar {
@koentjuh1
koentjuh1 / Parrent add class to parrent.html
Created September 10, 2015 10:46
Parrent add class to parrent
<div class="side-box">
<h4 class="side-title">Schermdiogonaal <i class="fa fa-angle-down"></i></h4>
<ul class="side-list">
<li><label><input type="checkbox"><span> Check me out</span></label></li>
<li><label><input type="checkbox"><span> Check me out</span></label></li>
<li><label><input type="checkbox"><span> Check me out</span></label></li>
<li><label><input type="checkbox"><span> Check me out</span></label></li>
<li><label><input type="checkbox"><span> Check me out</span></label></li>
</ul>
</div>
@koentjuh1
koentjuh1 / Bootstrap carousel slide fix ie9
Created October 20, 2015 12:29
Bootstrap carousel slide fix ie9
@koentjuh1
koentjuh1 / jQuery Masonry.html
Last active November 4, 2015 09:18
jQuery Masonry aangepast
<div id="container">
<article class="col-sm-4 blog-article item">
<div class="b-inner">
<h3 class="b-title">Titel 1</h3>
<a href="/" class="btn btn-default">Lees het volledige artikel</a>
</div>
</article>
<article class="col-sm-4 blog-article item">
<div class="b-inner">
<h3 class="b-title">Title 2</h3>
@koentjuh1
koentjuh1 / Jquery: Refresh page when windows size change.js
Created March 2, 2016 16:58
Jquery: Refresh page when windows size change
jQuery(function($){
var windowWidth = $(window).width();
$(window).resize(function() {
if(windowWidth != $(window).width()){
location.reload();
return;
}
});
});