Skip to content

Instantly share code, notes, and snippets.

View andrewvink's full-sized avatar

Andrew Vink andrewvink

View GitHub Profile
@andrewvink
andrewvink / responsive-youtube-video.css
Created February 8, 2016 12:11
Responsive YouTube Video
.videoWrapper {
position: relative;
padding-bottom: 53.10%;
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
@andrewvink
andrewvink / Mobile Menu Color.css
Created January 29, 2016 07:30
2016 (v3) Mobile Menu Color
@media only screen and (max-width: 1024px) {
.mobile .nav-trigger {
border-top: 2px solid white;
border-bottom: 2px solid white;
}
.mobile .nav-trigger:before {
border-top: 2px solid white;
}
@andrewvink
andrewvink / 2015 (v3) - Mobile Menu Title.css
Created September 11, 2015 12:28
2015 (v3) - Mobile Menu Title
/* Align Title Element */
.mobile-title {
display: inline-block;
margin-left: 10px;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
}
/* Title */
@andrewvink
andrewvink / 2015 (v3) - Lightbox Gallery with a single Thumbnail.css
Created August 4, 2015 14:48
2015 (v3) - Lightbox Gallery with a single Thumbnail
<style>
/*
Velocity & Aperture Full Screen Header Image
--------------------------------------------
Paste into the "Settings > Inject Code" area
Delete the Button "Dark / Light" you dont need.
*/
html, body { height: 100%; }
@andrewvink
andrewvink / za_branch_codes.json
Created February 23, 2015 15:29
South African Central Branch Code (CBC) / Bank Codes
{
"za_branch_bank_codes":
[
{
"bank_name" : "Absa Bank",
"bank_code" : "632005"
},
{
"bank_name" : "African Bank",
"bank_code" : "430000"
@andrewvink
andrewvink / aperture-fluid-slideshow.css
Last active August 29, 2015 13:58
Aperture - Fluid Slideshow
/*
Yousemble - Aperture Theme
------------------------------
This snippet will allow you to create a full width or fluid slideshow in the "header" position of the Aperture theme
NOTE: Any block added to the header will be 100% in width
*/