Icons Page 001

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!------
ICONS PAGE 001
ohcodey.tumblr.com [wolfwrecked]

Please observe common theme sharing etiquette:
:you may alter but do not remove credit
:do not use as a base or redistibute
:etc

----->


<title> icons page </title>


<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather+Sans' rel='stylesheet' type='text/css'>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

<script>
$(function(){
var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.item',
});
});

$container.infinitescroll({
itemSelector : ".item",
navSelector : "div.pagination",
nextSelector : ".pagination a#next",
loadingImg : "",
loadingText : "<em></em>",
bufferPx : 10000,
extraScrollPx: 12000,
},

// trigger Masonry as a callback
function( newElements ) {
  var $newElems = $( newElements ).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});

</script>


</head>

<style type="text/css">

a {color:#888888; text-decoration:none;}

body {
	font-family: 'Merriweather Sans', sans-serif;
	font-size:10px;
	text-align:justify;
	color:#333333;
}

#container {
	width:892px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	letter-spacing:+1px;
	padding-bottom:50px;
	padding-left:0;
	padding-right:0;
	border-bottom:solid 1px #eeeeee;
	margin-bottom:50px;
}

.head {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	letter-spacing:+1px;
	font-size:8px;
	color:#888888;
	text-align:right;
}

.head a {
	display:inline-block;
	text-align:center;
	padding:5px 10px;
	margin:0 0 0 3px;
	background-color:#f7f7f7;
}

.item {
	width:416px;
	margin:15px;
}


.item img {float:left; margin:2px;}

h03 {
	text-align:center;
	font-family: 'Playfair Display', serif;
	font-style:italic;
	font-size:16pt;
	letter-spacing:1px;
	text-transform:lowercase;
	text-align:right;
	width:405px;
	border-top:solid 1px #eeeeee;
	padding:5px 5px 7px 5px;
	margin:1px;
	display:block;
	color:#888888;
	}

h01 {
	text-align:center;
	font-family: 'Playfair Display', serif;
	font-style:italic;
	font-size:36pt;
	letter-spacing:1px;
	border-bottom:solid 1px #eeeeee;
	color:#888888;
	width:950px;
	text-align:left;
	display:block;
	}

::selection {
	background:#fb5a9a;
	color:#ffffff;
	}
::-moz-selection {
	background:#fb5a9a;
	color:#ffffff;
	}
::-webkit-selection {
	background:#fb5a9a;
	color:#ffffff;
}
::-webkit-scrollbar {
	width:10px;
	height:auto;
	background:#ffffff;;
}

::-webkit-scrollbar-corner {background:#ffffff;}
::-webkit-scrollbar-thumb:vertical {background:#eeeeee;	}
::-webkit-scrollbar-thumb:horizontal {background:#eeeeee;}
::-webkit-scrollbar-thumb:hover {background:#ffffff;}

.credit {
		padding:10px;
		font-size:10px;
		position:fixed;
		bottom:10px;
		right:15px;
		}

.credit a {color:#dddddd;}

</style>


<body>

<div class="head">

<h01>icons.</h01>

<a href="/">home</a> <a href="/">link</a> <a href="/">link</a>

</div>


<div id="container">


<!--

THIS IS A TEMPLATE FOR EACH COLUMN, COPY & PASTE AS BELOW:

<div class="item">

<h03>Heading</h03>

<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">


</div>


-->


<div class="item">

<h03>Heading</h03>

<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">


</div>


<div class="item">

<h03>Heading</h03>

<img src="">
<img src="">
<img src="">
<img src="">
<img src="">


</div>


<div class="item">

<h03>Heading</h03>

<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">


</div>


</div>
<div class="credit">
<a href="http://ohcodey.tumblr.com">&copy;</a>
</div>
</body>