Skip to content

Instantly share code, notes, and snippets.

@chriseppstein
Forked from supaspoida/Ugly 960gs.html
Created April 21, 2009 21:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chriseppstein/99383 to your computer and use it in GitHub Desktop.
Save chriseppstein/99383 to your computer and use it in GitHub Desktop.
@import 960/grid.sass
#gallery
+grid-container
// Or whatever gallery wrapper white padding used to be
padding: 1em 0
background-color: white
#images
+grid(9,12)
.image
+grid(3,12)
text-align: center
img
// Or whatever .border used to be
border: 1px solid #777
.alpha
+alpha
.omega
+omega
#sidebar
+grid(3,12)
<div id="gallery">
<h2>Dixie Diamond</h2>
<div id="images">
<div class="image alpha">
<img src="/images/girls/dixiediamond/classy_gal_small.jpg" alt="Classy Gal" />
</div>
<div class="image">
<img src="/images/girls/dixiediamond/fire_martini_small.jpg" alt="Fire Martini" />
</div>
<div class="image omega">
<img src="/images/girls/dixiediamond/the_dress_small.jpg" alt="The Dress" />
</div>
<div class="image alpha">
<img src="/images/girls/dixiediamond/whiteflower_small.jpg" alt="White Flower" />
</div>
<div class="image">
<img src="/images/girls/dixiediamond/olden_days_small.jpg" alt="Olden Days" />
</div>
<div class="image omega">
<img src="/images/girls/dixiediamond/squished_small.jpg" alt="Squished" />
</div>
</div>
<div id="sidebar">
{% include sidebar_ads.html %}
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment