Skip to content

Instantly share code, notes, and snippets.

View thorstensiefert's full-sized avatar

Thorsten Siefert thorstensiefert

  • Selbach / Germany
View GitHub Profile
body {
background: #D5E0EB; /* Old browsers */
background: -moz-linear-gradient(top, #D5E0EB 0%, #CAD8E6 30%, #2989d8 50%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D5E0EB), color-stop(30%,#CAD8E6), color-stop(50%,#2989d8), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #D5E0EB 0%,#CAD8E6 30%,#2989d8 50%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #D5E0EB 0%,#CAD8E6 30%,#2989d8 50%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #D5E0EB 0%,#CAD8E6 30%,#2989d8 50%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #D5E0EB 0%,#CAD8E6 30%,#2989d8 50%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D5E0EB', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
color: #333;

Bootstrap Navbar Toggle Show/Hide

Wanted to make a navbar that you can toggle to be shown or hidden. Needed something alike for a fullscreen map project I am working on. click the arrow to hide the navbar

A Pen by Clint Bettiga on CodePen.

License.

Responsive price table based on Bootstrap 3 break points

Simple responsive price table using css3, bootstrap container width. It adapts on four container widths: fluid on mobile, 768px, 992px, 1200px.

A Pen by thingo on CodePen.

License.

Is it really copy'n'use? This one from bootsnip.com is :-)

As a front end developer having resources where you can copy'n'use snippets for say Bootstrap is great. However often such resources fail to deliver easy copied bits and pieces. So I tried this one from bootsnip.com - went fine! Great!

A Pen by Sten Hougaard on CodePen.

License.

Bootstrap Concept

Proof of concept... Nothing to see here... I should really just go pro. :)

A Pen by Russ Beye on CodePen.

License.