Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- FAWN THEME - RELEASED 26.12.12
- ----------------------------------------
- CREATED BY SUNRISEN - THEME BLOG: SUNRISENTHEMES
- ----------------------------------------
- THIS THEME AND ALL OTHER THEMES BY SUNRISEN
- ARE USED SUBJECT TO THE AGREEMENT OF THE TERMS
- FOR MORE INFORMATION, VISIT
- HTTP://THEMES.SUNRISEN.CO/TERMS
- -->
- <html lang="en">
- <head>
- <!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">
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="font:sidebar" content=""/>
- <meta name="font:links" content=""/>
- <meta name="font:posts" content=""/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:primary" content="#000000"/>
- <meta name="color:secondary" content="#ffffff"/>
- <meta name="color:post border hover" content="#aaa"/>
- <meta name="if:image fade" content=""/>
- <meta name="if:sidebar border" content="0"/>
- <meta name="text:link one" content=""/>
- <meta name="text:link one title" content=""/>
- <meta name="text:link two" content=""/>
- <meta name="text:link two title" content=""/>
- <meta name="text:link three" content=""/>
- <meta name="text:link three title" content=""/>
- <meta name="text:link four" content=""/>
- <meta name="text:link four title" content=""/>
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical{
- background-color:#C2C8CF;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- }
- #tumblr_controls{
- position:fixed !important;
- }
- .wrapper{
- width:1000px;
- margin:0px auto;
- }
- ::-webkit-scrollbar {width: 6px; height: 4px; background: #d8d8d8; }
- ::-webkit-scrollbar-thumb { background-color: #130C11;}
- body{
- margin:0px;
- background-attachment: fixed;
- background-repeat: repeat;
- background-color:{color:background};
- background-attachment: fixed;
- background-repeat: repeat;
- font-size: 11px;
- font-family: courier;
- line-height:11px;
- color: {color:primary};
- }
- a:link, a:active, a:visited{
- color: {color:primary};
- text-decoration: none;
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
- }
- a:hover{
- color: {color:secondary};
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
- }
- .entry {
- margin:8px;
- padding: 10px;
- float:left;
- background-color:transparent;
- {block:indexpage}
- width:230px;
- {/block:indexpage}
- {block:permalinkpage}
- width:600px;
- {/block:permalinkpage}
- background:transparent;
- padding-bottom: 8px;
- font-family:{font:posts};
- font-size: 10px;
- line-height:14px;
- border:1px solid {color:background};
- -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
- }
- .entry:hover{{block:indexpage}border:1px solid {color:post border hover};{/block:indexpage}-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
- .entry .permalink{
- position:absolute;
- margin-left:0px;
- margin-top:0px;
- width:auto;
- height:auto;
- padding:5px;
- overflow:hidden;
- text-align:left;
- opacity:0.0;
- text-transform:uppercase;
- -webkit-transition: all 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- font-family: {font:posts};
- font-size: 10px;
- line-height:12px;
- background:#fff;
- {block:ifimagefade}
- visibility:hidden;
- {/block:ifimagefade}
- }
- .entry .permalink a{
- color:black;
- }
- .entry:hover .permalink{
- margin-top:0px;
- margin-left:0px;
- overflow:visible;
- {block:ifimagefade}
- visibility:hidden;
- {/block:ifimagefade}
- -webkit-transition: all 0.3s linear; opacity: 1;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- .entry:hover .permalink:hover{
- margin-top:0px;
- padding-top:10px;
- margin-left:10px;
- overflow:visible;
- border-bottom-left-radius:8px;
- border-bottom-right-radius:8px;
- -webkit-transition: all 0.3s linear; opacity: 1.0;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- .perm {
- margin:0px;
- text-align:center;
- padding:0px;
- padding-bottom:5px;
- opacity:0;
- font-family:{font:posts};
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- .entry:hover .perm{
- opacity: 1;
- }
- #sidebar{
- opacity:1;
- border: 0px dotted #888;
- background:transparent;
- margin-top: 0px;
- margin-left: 100px;
- overflow:hidden;
- font-family:{font:sidebar};
- text-transform:uppercase;
- font-size: 10px;
- padding-top:0px;
- width: 800px;
- text-align:center;
- padding: 4px;
- height:auto;
- z-index:1;
- position:relative;
- {block:ifsidebarborder}
- border-bottom:1px solid #ccc;
- border-left:1px solid #ccc;
- border-right:1px solid #ccc;
- border-bottom-left-radius:10px;
- border-bottom-right-radius:10px;
- {/block:ifsidebarborder}
- }
- #posts {
- width: 810px;
- background: transparent;
- margin-left:100px;
- padding-left: 2px;
- padding-right: 2px;
- padding-top:10px;
- margin-top:0px;
- float:left;
- }
- .img{{block:ifimagefade}opacity:0.7;background-color:white;{/block:ifimagefade}-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;transition: all .6s ease-out;}
- .img:hover{opacity:1;}
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- .title{
- font-family:{font:sidebar};
- font-size: 13px;
- line-height:15px;
- color: ;
- text-transform:uppercase;
- font-weight: ;
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:#130C11;}
- .notes img{width:10px; position:relative; top:3px;}
- .blogtitle{
- font-family: courier new;
- font-size:35px;
- text-transform:uppercase;
- color: {color:primary};
- line-height: 40px;
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
- }
- .blogtitle:hover{
- -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
- }
- .info{margin-left:0px;{block:ifsidebarborder}border-top:4px solid #ccc;{/block:ifsidebarborder}padding-top:5px;padding-bottom:8px;}
- .navi{{block:ifsidebarborder}border-top:4px solid #ccc;{/block:ifsidebarborder}padding-top:5px;padding-bottom:8px;}
- .nav{font-family:{font:links};font-size:10px;text-transform:uppercase;text-align:center;float:center;}
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <meta name="viewport" content="width=800" />
- </head>
- <body>
- <div class="wrapper">
- <div id="sidebar">
- <div class="blogtitle"><a href="/">{Title}</a></div>
- <div class="navi">
- <a href="/" class="nav">home</a> // <a href="/ask" class="nav">message</a> {block:iflinkonetitle}// <a href="{text:link one}" class="nav">{text:link one title}</a>{/block:iflinkonetitle} {block:iflinktwotitle}// <a href="{text:link two}" class="nav">{text:link two title} </a>{/block:iflinktwotitle} {block:iflinkthreetitle}// <a href="{text:link three}" class="nav">{text:link three title}</a>{/block:iflinkthreetitle} {block:iflinkfourtitle}// <a href="{text:link four}" class="nav">{text:link four title}</a>{/block:iflinkfourtitle} // <a href="http://sunrisen.tumblr.com" class="nav">theme</a>
- </div>
- <div class="info">{description}</div>
- </div></div>
- <div class="wrapper">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:IndexPage}
- {/block:IndexPage}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
- {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}
- {/block:Text}
- {block:Link}
- {block:IndexPage}
- {/block:IndexPage}<a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <div class="permalink"><a href="{Permalink}">{NoteCount} \\ </a></font><a href="{ReblogURL}">reblog</a></div>
- {/block:IndexPage}
- {block:IndexPage}{LinkOpenTag}<div class="img"><div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="230"/></a></div></div>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="600px"/></a>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <center>
- {block:IndexPage}
- {Photoset-205}
- {block:IndexPage}
- {/block:IndexPage}
- </center>
- <center>{block:PermalinkPage}{Photoset-410}{/block:PermalinkPage}</center>
- {/block:Photoset}
- {block:Quote}
- {block:IndexPage}
- {/block:IndexPage}
- {Quote}</span>
- {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:IndexPage}
- {/block:IndexPage}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}
- {/block:IndexPage}
- <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
- {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
- {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- {/block:IndexPage}
- <center>
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- </center>
- <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
- {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}
- {block:Video}
- {block:Answer}
- {block:IndexPage}
- {/block:IndexPage}
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
- <b>{Asker}</b>: <b>{Question}</b>{Answer}
- {block:IndexPage}<div class="perm"><a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}
- {block:Date}
- <center>
- {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
- <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- {/block:Date}
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div class="right">
- </div>
- <div class="footer">
- <br>
- </div>
- </div>
- </body>
- </html>
- <div style="position:fixed;right:0px;bottom:-425px;">
- <---DONT REMOVE---->
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"> →</a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">← </a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}</div>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment