Skip to content

Instantly share code, notes, and snippets.

View SimonPadbury's full-sized avatar

Simon Padbury SimonPadbury

55 followers · 4 following
View GitHub Profile
@SimonPadbury
SimonPadbury / toggle_anything.css
Last active May 21, 2018 09:08
toggle_anything.js
#your-thing-id.your-toggle-class {
/*
Any styling you like can go in here, for example...
*/
background: yellow;
}
@SimonPadbury
SimonPadbury / meganav.css
Last active August 29, 2015 14:07
Simple supplement to Bootstrap 3 navbar. Allows GRAND-CHILD links to be displayed in a mega-menu format. If no grand-child links, then child links are displayed as normal.
/*
Meganav
*/
@media (min-width: 768px) {
.navbar-brand,
.navbar-nav .caret {
display: none
}
/* Delete the above if you wish to display the caret */
@SimonPadbury
SimonPadbury / really-simple-grid.css
Last active August 29, 2015 14:05
Really Simple Grid - HTML
/*
Really Simple Grid Sysrem
*/
.grid img {
max-width: 100%;
height: auto;
}
.grid {
width: 100%;
@SimonPadbury
SimonPadbury / hovernav.css
Last active April 4, 2019 00:29
This is a simple supplement for Bootstrap 3 to transform the navbar so that the dropdown menu appears on hover instead of on click. No need to modify the Bootstrap 3 js or css at all – simply add this js and css below to your js and css files that are <head> linked *after* the Bootstrap 3 js and css files. Styles for both .navbar-default and .na…
/*
Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
The Bootstrap CSS is unchanged.
*/
@media (min-width: 768px) {
.navbar-nav .open ul {
display: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,