Orphan Grey Page Theme

<!DOCTYPE html>
<html>
<head>

<!-- Orphan Grey theme by hendrixrph. Feel free to mess around with the colors or whatever else, just don't remove credit or redistribute as your own. Thanks! -->


<title>tab text</title>
<link rel="shortcut icon" href="{Favicon}">
<link href='http://fonts.googleapis.com/css?family=Oswald:300,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>

<style>

    * {
        box-sizing:border-box;
        margin:0;
        padding:0;
    }

    body {
        background:#f1f1f1;
    }

    .wrapper {
        width:940px;
        margin:10px auto;
    }
    .entry {
        width:450px;
        height:232px;
        background:#fff;
        border:1px solid #e7e7e7;
        float:left;
        margin:10px;
        padding:15px;
        overflow:hidden;
    }

    .entry img {
        height:200px;

    }

    .entry:nth-child(2n) img {
        float:left;
    }

    .entry:nth-child(2n+1) img {
        float:right;
    }

    .info {
        width:250px;
        font-size:12px;
        font-family:'Roboto', Arial, sans-serif;
        font-weight:300;
        line-height:1.35em;
        padding-top:5px;
        color:#515151;
    }

    .entry:nth-child(2n) .info {
        float:right;
    }

    .entry:nth-child(2n+1) .info {
        float:left;
        text-align:right;
    }

    .info h2 {
        font-family:'Oswald', Arial, sans-serif;
        font-weight:300;
        letter-spacing:2px;
        font-size:20px;
        border-bottom:1px solid #e7e7e7;
        padding-bottom:5px;
        margin-bottom:5px;
        line-height:1em;
        color:#222;
    }

    .info a {
        text-decoration:none;
        letter-spacing:1px;
        color:#aaa;
        transition:0.5s all;
    }

    .info a:hover {
        color:#888;
    }

    .header {
        background:#fff;
        border:1px solid #e7e7e7;
        width:600px;
        margin:10px auto;
    }

    .header h1 {
        font-family:'Oswald', Arial, sans-serif;
        font-weight:300;
        letter-spacing:2px;
        text-align:center;
        margin:5px;
        color:#222;
    }

    .header .links {
        list-style-type:none;
        text-align:center;
        font-family:'Roboto', Arial, sans-serif;
        margin-top:-5px;
        margin-bottom:7px;
    }

    .links li {
        display:inline-block;
        width:70px;
    }

    .links li a {
        color:#515151;
        font-weight:300;
        font-size:12px;
        text-decoration:none;
    }

</style>

</head>
<body>

<div class="header">
    <h1>Title</h1>
    <ul class="links">
        <li><a href="http://www.tumblr.com">dash</a></li>
        <li><a href="http://www.tumblr.com">home</a></li>
        <li><a href="http://hendrixrph.tumblr.com">credit</a></li>
    </ul>
</div>

<div class="wrapper">

    <!-- BEGIN COPY/PASTE -->
    <div class="entry">
        <img src=""> <!-- Image is 150x200 px -->
        <div class="info">
            <!-- Content goes here -->
            <h2>name</h2>
            <p>description</p>
        </div>
    </div>
    <!-- END COPY/PASTE -->


    <!-- BEGIN COPY/PASTE -->
    <div class="entry">
        <img src=""> <!-- Image is 150x200 px -->
        <div class="info">
            <!-- Content goes here -->
            <h2>name</h2>
            <p>description</p>
        </div>
    </div>
    <!-- END COPY/PASTE -->


    <!-- Do not paste beyond this point -->
</div>

</body>
</html>