Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- theme by slutteen
- don't remove the credit ho
- -->
- <!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>
- <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>
- <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Bubbler+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Vast+Shadow' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Flamenco' rel='stylesheet' type='text/css'>
- <meta name="color:Background" content="#eeeeee"/>
- <meta name="color:Text" content="#FFFFFF"/>
- <meta name="color:Hover" content="#FFFFFF"/>
- <meta name="color:Link" content="#FFFFFF"/>
- <meta name="image:postsbackground" content="1"/>
- <meta name="image:background" content="http://24.media.tumblr.com/tumblr_lzju29VxIR1r9g6hvo4_250.png"/>
- <meta name="image:sidebar" content="0"/>
- <meta name="if:show sidebar image" content="0"/>
- <meta name="text:Custom Link One Title" content= "custom">
- <meta name="text:Custom Link One" content="/" />
- <meta name="text:Custom Link Two Title" content= "links" >
- <meta name="text:Custom Link Two" content="/" />
- <meta name="text:Custom Link Three Title" content= "here" >
- <meta name="text:Custom Link Three" content="/" />
- <meta name="text:Custom Link Four Title" content= "here" >
- <meta name="text:Custom Link Four" content="/" />
- <meta name="text:Custom Link Five Title" content= "and here" >
- <meta name="text:Custom Link Five" content="/" />
- <meta name="text:Custom Link Seperator" content="-" />
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
- ::-webkit-scrollbar-thumb { background-color:black; }
- a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
- #tumblr_controls{
- position:fixed !important;
- }
- .wrapper{
- margin: 0px auto;
- width: 900px;
- }
- .header{
- float: left;
- width: 100%;
- }
- .left{
- float: left;
- margin-right: 20px;
- width: 802px;
- }
- .right{
- float: right;
- width: 175px;
- background-color: {color:Background};
- }
- body {
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family: flamenco;
- font-size: 13.5px;
- line-height:10px;
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-size: cover;
- }
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration: none;
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- }
- a:hover{
- color:{color:hover};
- }
- .entry {
- float:left;
- background:white;
- margin-bottom:10px;
- padding-top:10px;
- padding-left:10px;
- padding-right:12px;
- padding-bottom:10px;
- width:280px;
- }
- .textentry {
- float:left;
- margin-bottom:10px;
- background-color: white;
- padding-top:10px;
- padding-left:10px;
- padding-right:10px;
- padding-bottom:9px;
- width:280px;
- }
- .entry .permalink{
- position:absolute;
- width:60px;
- height:35px;
- padding-top:2px;
- bottom:10px;
- padding-left:10px;
- padding-right:10px;
- margin-top: -10px;
- margin-left:0px;
- background-color:#ffffff;
- overflow:hidden;
- text-transform: uppercase;
- font-size: 10px;
- line-height:10px;
- text-align:center;
- opacity:0.0;
- -webkit-transition: all 0.6s ease-in;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s linear;
- transition: all 0.6s ease-in;
- }
- .entry:hover .permalink{
- overflow:visible;
- bottom:5px;
- opacity:1
- -webkit-transition: opacity 0.2s linear;opacity: 0.8;
- -webkit-transition: all 0.6s ease;
- -moz-transition: all 0.6s ease;
- transition: all 0.6s ease;
- width: 60px;
- height: 35px;
- }
- .entry:hover .permalink:hover{
- opacity: 1;
- margin-left: 15px;
- bottom:20px;
- height: 35px;
- }
- @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
- #sidebar{
- z-index:999999999999999;
- width:310px;
- position:fixed;
- height:90px;
- background: white;
- color:{color:text};
- font-family: flamenco;
- margin-left:525px;
- padding:10px;
- margin-top:5px;
- padding-bottom:3px;
- z-index:10;
- overflow:hidden;
- text-align:center;
- opacity: 1;
- border: 3px dotted #ccc;
- }
- #sidebar:hover{
- -webkit-transition: all 0.3s linear;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- #sidebarimg {
- width: 200px;
- height:auto;
- position: fixed;
- margin-top: 264px;
- background-color;
- padding: 10px;
- margin-left: 182px;
- {block:ifshowsidebarimage}
- -moz-box-shadow: 0 0 20px #ccc;
- -webkit-box-shadow: 0 0 20px #ccc;
- box-shadow: 0 0 20px #ccc;
- {/block:ifshowsidebarimage}
- }
- #sidebarimg:hover {
- -khtml-border-radius: 15px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
- #posts {
- width: 300px;
- float:center;
- margin-left:530px;
- margin-top:110px;
- padding:10px;
- padding-top:10px;
- background-image:url({image:postsbackground});
- background-attachment: fixed;
- background-repeat: repeat;
- }
- .perm{
- display: block;
- font-family:calibri;
- font-size:9px;
- line-height:13px;
- letter-spacing:1px;
- text-transform:uppercase;
- text-align: right;
- background-color:transparent;
- border-top: 1px dotted #000000;
- padding: 0px;
- margin: 2px;
- }
- .title{
- font-family: calibri;
- font-size: 12px;
- line-height: 15px;
- color: {color:text};
- font-weight: normal;
- text-transform:uppercase;
- }
- @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
- .blogtitle {
- margin-left:10px;
- margin-top:-5px;
- font-family: 'lovenote', cursive;
- font-size:22px;
- line-height:22px;
- color:{color:Link};
- padding-bottom:5px;
- letter-spacing:0px;
- font-weight: bold;
- }
- .linkys {
- margin-left:10px;
- margin-top:13px;
- font-family:flamenco;
- font-size:12px;
- line-height:22px;
- color:{color:Link};
- padding-bottom:5px;
- letter-spacing:0px;
- }
- #credz {
- position: fixed !important;
- right:5px !important;
- bottom:7px !important;
- font-family:helvetica;
- font-size:13px;
- line-height: 12px;
- -moz-transition: all 0.8s ease-out;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- </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}
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="viewport" content="width=820" />
- </head>
- <body onkeydown="return false">
- <div class="wrapper">
- <div class="header">
- </div>
- </center>
- </div>
- </div>
- <div id= "sidebarimg"><center>{block:ifshowsidebarimage}<a href=""><img src="{image:sidebar}" width=200px;></a>{/block:ifshowsidebarimage}</div>
- <div id="sidebar">
- <div class="blogtitle"><a href="/">{Title}</a><br><br></div>
- <div style="margin-left:10px; font-family:share;">{description}</div><div class="linkys"><a href="/">home</a> {text:Custom Link Seperator} <a href="/ask">ask</a> {block:IfCustomLinkOne} {text:Custom Link Seperator} <a href="{text:Custom Link One}">{text:Custom Link One Title}</a> {/block:IfCustomLinkOne}{block:IfCustomLinkTwo} {text:Custom Link Seperator} <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> {/block:IfCustomLinkTwo} {block:IfCustomLinkThree} {text:Custom Link Seperator} <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:IfCustomLinkThree} {block:IfCustomLinkFour} {text:Custom Link Seperator} <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:IfCustomLinkFour} {block:IfCustomLinkFive} {text:Custom Link Seperator} <a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a>{/block:IfCustomLinkFive}</div></div>
- <div style="margin-top:5px;">
- </span></div>
- </div>
- <div class="content">
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <span class="entrytext">{Body}</span></a>
- {block:IndexPage}
- <div class="perm"><a href="{Permalink}">{notecountwithlabel}</span></a></div>
- {/block:IndexPage}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}
- <div class="perm"><a href="{Permalink}">{notecountwithlabel}</span></a></div>
- {/block:IndexPage}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <div class="permalink">
- <a href="{ReblogURL}">reblog</a><br><br><a href="{Permalink}">{NoteCountWithLabel}</a></div>
- {/block:IndexPage}
- {block:IndexPage}{LinkOpenTag}
- <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="280"/></a></div>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="280"/></a>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}{block:IndexPage}
- <div class="permalink">
- <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> REBLOG </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}<center>{Photoset-400}</center></span>{/block:Photoset}
- {block:Quote}
- <span class="title">{Quote}</span><br />
- {block:Source}{Source}{/block:Source}
- {block:IndexPage}
- <br /><div class="perm"><a href="{Permalink}">{notecountwithlabel}</span></a></div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {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}">{notecountwithlabel}</span></a></div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <center><div style="width:200px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
- {FormattedPlayCount} plays</small></div></div></center><br>
- {block:Caption}{Caption}{/block:Caption}
- {block:IndexPage}
- <div class="perm"><a href="{Permalink}">{notecountwithlabel}</span></a></div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Video}{block:IndexPage}
- <div class="permalink">
- <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> REBLOG </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}
- <center>
- <div class="videoperma">{Video-400}</div><BR>
- {block:Caption}{Caption}</a>{/block:Caption}</center>
- {block:Video}
- {block:PermalinkPage}
- <center>
- {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:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- {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>
- <div id="credz"><div style="color:black; font-size:18px"><a href="http://slutteen.tumblr.com">✿</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement