Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
- <!------
- TAG PAGE 002
- 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> tags 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:700px;
- margin-left:auto;
- margin-right:auto;
- margin-top:50px;
- letter-spacing:+1px;
- padding-bottom:50px;
- border-bottom:solid 1px #eeeeee;
- margin-bottom:50px;
- }
- .head {
- width:800px;
- 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:200px;
- margin:15px;
- }
- .item a {
- text-align:center;
- letter-spacing:+1px;
- font-size:8px;
- width:190px;
- padding:5px;
- margin:1px;
- display:block;
- background-color:#f7f7f7;
- color:#888888;
- transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .item a:hover {
- background-color:#fcfcfc;transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;}
- h03 {
- text-align:center;
- font-family: 'Playfair Display', serif;
- font-style:italic;
- font-size:16pt;
- letter-spacing:1px;
- text-transform:lowercase;
- width:190px;
- padding:5px 5px 7px 5px;
- margin:1px;
- display:block;
- border-top:solid 1px #eeeeee;
- 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:780px;
- padding-left:20px;
- text-align:left;
- display:block;
- }
- ::selection {
- background:#6dbf2a;
- color:#ffffff;
- }
- ::-moz-selection {
- background:#6dbf2a;
- color:#ffffff;
- }
- ::-webkit-selection {
- background:#6dbf2a;
- 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>Heading.</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>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- </div>
- -->
- <div class="item">
- <h03>Heading</h03>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- </div>
- <div class="item">
- <h03>Heading</h03>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- </div>
- <div class="item">
- <h03>Heading</h03>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- <a href="link">link name</a>
- </div>
- </div>
- <div class="credit">
- <a href="http://ohcodey.tumblr.com">©</a>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement