Skip to content

Instantly share code, notes, and snippets.

.container { width: 1436px; margin: auto; position: relative; }
.row > [class*="grid"]:last-child, .last { margin-right: 0; }
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 { float: left; margin-right: 40px; }
.grid1 { width: 83px; }
.grid2 { width: 206px; }
.grid3 { width: 329px; }
.grid4 { width: 452px; }
.grid5 { width: 575px; }
.grid6 { width: 698px; }
.grid7 { width: 821px; }
@jrdn91
jrdn91 / html-css-rollover-solution
Created July 31, 2013 20:17
HTML/CSS: Rollover Solution
<!-- HTML -->
<div><img src="" class="rollover"/></div>
<div></div>
<!-- CSS -->
.rollover {
position: absolute;
opacity: 0;
-webkit-transition: opacity 500ms ease;
-moz-transition: opacity 500ms ease;
-ms-transition: opacity 500ms ease;
@jrdn91
jrdn91 / gist:6105456
Created July 29, 2013 16:08
CSS: iOS Form Webkit Overide Dissable
input, select, textarea, option, button, datalist, keygen, output {
-webkit-appearance: none;
}