Pens from Gina Stricklind https://codepen.io/gstricklind/ en nospam@codepen.io Copyright 2024 2017-07-19T21:29:24-07:00 Boostrap layout centering v2 https://codepen.io/gstricklind/pen/JJQzbP https://codepen.io/gstricklind/pen/JJQzbP Gina Stricklind

See the Code - See it Full Page - See Details

Trying to get vertical centering working

]]>
Boostrap layout centering v2 2017-07-19T21:29:24-07:00
Rounded Table Rows (faux) https://codepen.io/gstricklind/pen/BZOgzQ https://codepen.io/gstricklind/pen/BZOgzQ Gina Stricklind

See the Code - See it Full Page - See Details

tr rounded corners is not achievable, but rounded corner on table or td is. Using pseudo classes here, you can achieve a row with rounded corners. Example uses Bootstrap. Unfortunately, the only way to achieve this effect, is to match the border color with the background color of the section or body.

]]>
Rounded Table Rows (faux) 2017-07-08T22:54:01-07:00
A Pen by Gina Stricklind https://codepen.io/gstricklind/pen/jPBJvM https://codepen.io/gstricklind/pen/jPBJvM Gina Stricklind

See the Code - See it Full Page - See Details

]]>
A Pen by Gina Stricklind 2015-12-19T07:48:20-07:00
Fadein/Fadeout widget https://codepen.io/gstricklind/pen/qEYXRx https://codepen.io/gstricklind/pen/qEYXRx Gina Stricklind

See the Code - See it Full Page - See Details

Using waypoints: http://imakewebthings.com/waypoints/guides/jquery-zepto/

]]>
Fadein/Fadeout widget 2015-02-23T20:29:10-07:00
App Intro Walkthrough: Nightly https://codepen.io/gstricklind/pen/LEyNxq https://codepen.io/gstricklind/pen/LEyNxq Gina Stricklind

See the Code - See it Full Page - See Details

Add a simple intro tutorial to your app Forked from [Ionic](http://codepen.io/ionic/)'s Pen [App Intro Walkthrough: Nightly](http://codepen.io/ionic/pen/AjgEB/).

]]>
App Intro Walkthrough: Nightly 2015-01-21T02:31:30-07:00
Parallax-ImageScroll jQuery plugin - mobile fallback https://codepen.io/gstricklind/pen/XWGLWY https://codepen.io/gstricklind/pen/XWGLWY Gina Stricklind

See the Code - See it Full Page - See Details

Check at the documentation on Github: https://github.com/pederan/Parallax-ImageScroll Forked from [Peder Andreas Nielsen](http://codepen.io/pederan/)'s Pen [Parallax-ImageScroll jQuery plugin - mobile fallback](http://codepen.io/pederan/pen/Hheuy/).

]]>
Parallax-ImageScroll jQuery plugin - mobile fallback 2014-10-12T17:53:18-07:00
Show footer on scroll down https://codepen.io/gstricklind/pen/wvREBO https://codepen.io/gstricklind/pen/wvREBO Gina Stricklind

See the Code - See it Full Page - See Details

Hides footer until scrolling down. Hides footer on scroll up.

]]>
Show footer on scroll down 2015-06-04T20:11:39-07:00
Fading Background CSS3 https://codepen.io/gstricklind/pen/RwgZmV https://codepen.io/gstricklind/pen/RwgZmV Gina Stricklind

See the Code - See it Full Page - See Details

Forked from [phph](/philipsacht)'s Pen [Fading Background CSS3](/philipsacht/pen/aqBnk/).

]]>
Fading Background CSS3 2014-06-13T22:40:15-07:00
HR Styles https://codepen.io/gstricklind/pen/AWKJPG https://codepen.io/gstricklind/pen/AWKJPG Gina Stricklind

See the Code - See it Full Page - See Details

Just some basic flat hr styles here.

]]>
HR Styles 2013-10-30T16:54:54-07:00
Multicolumn WordPress Nav https://codepen.io/gstricklind/pen/AwxWYO https://codepen.io/gstricklind/pen/AwxWYO Gina Stricklind

See the Code - See it Full Page - See Details

Grabbed a snippet of generated html from a WordPress navigation and wanted to split it into multiple columns. I've changed the ul to ol in this example and used the dashboard screen options to allow CSS classes to be assigned to menu items. TO DO: Would be super if the .reset could dynamically update as needed -> Research this.

]]>
Multicolumn WordPress Nav 2013-10-25T20:29:24-07:00