Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <!--Make sure that you change the posts to 15 posts per page or infinite scroll will not work-->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta name="color:Body font" content="#000000"/>
- <meta name="color:Links" content="#20b2aa"/>
- <meta name="color:Link hover" content="#f88379"/>
- <meta name="color:Background" content="#ffc1cc"/>
- <meta name="image:Background image" content=""/>
- <meta name="image:Banner" content=" "/>
- <meta name="if:Show blog title" content="1"/>
- <meta name="if:Show banner" content="0"/>
- <meta name="if:Show links" content="1"/>
- <meta name="if:Cute font" content="0"/>
- <meta name="font:Font" content="Cambria" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1 title" content="Link 1" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2 title" content="Link 2" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3 title" content="Link 3" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4 title" content="Link 4" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 5 title" content="Link 5" />
- <title>{title}</title>
- <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $('li.drawer div:nth-child(2)').hide();
- $('li.drawer h4').click(function () {
- if ($(this).hasClass('open')) {
- $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
- else {
- $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
- $(this).next().slideDown();
- $(this).addClass('open');}
- });
- });
- </script>
- <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
- <link rel="stylesheet" type="text/css"href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
- <style type="text/css">
- body {
- color: {color:Body font};
- background-color:{color:Background};
- background-image:url('{image:Background image}');
- background-attachment: fixed;
- background-repeat: repeat;
- line-height: 120%;
- font-family: {block:ifCutefont}'short'; font-size: 10px;{/block:ifCutefont}{block:ifnotCutefont}{font:Font}; font-size: 11px;{/block:ifnotCutefont};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:#7d7d7d;
- height:auto;-webkit-border-radius:6px;
- }
- #tumblr_controls{
- position:fixed !important;
- z-index:99999999999;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#7d7d7d;
- height:6px !important;-webkit-border-radius:6px;
- }
- ::-webkit-scrollbar {
- height:6px;
- width:6px;
- background-color:#cdcdcd;
- -webkit-border-radius:6px;
- }
- @font-face{
- font-family:"short";
- src: url('http://static.tumblr.com/9nfl7hr/XQom5w68s/shortstack-regular.ttf');
- }
- @font-face{font-family:'titlez';src:url('http://static.tumblr.com/7qdgtio/2F5m739il/beautifuleverytime.ttf');}
- @font-face { font-family: "small font"; src: url('http://static.tumblr.com/9nfl7hr/NuEm61n3e/slkscr.ttf'); }
- a { -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out; color:{color:Links}; text-decoration: none;}
- a:link, a:active, a:visited{
- color:{color:Links};
- text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;
- }
- a:hover {
- -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
- color:{color:Link hover};
- text-decoration: none;
- }
- .asss {align:right; background: #d5d0d0; margin:6px 0px 5px 66px;padding:10px; position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
- .asss p {margin:1px 0px;}
- .asss span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #d5d0d0;}
- .asssborder {float: left; margin: 1px 4px 0 0; padding: 2px; background: #f7f7f7;}
- #tumblr_controls{
- position:fixed;
- z-index:9999999999;
- }
- #content {
- width: 1050px;
- float: left;
- margin-top:20px;
- }
- select { width:150px;
- -webkit-border-radius: 2px;
- -webkit-box-shadow: 0px 1px 3px #000;
- -webkit-padding-end: 2px;
- -webkit-padding-start: 2px;
- -webkit-user-select: none;
- border: 1px solid #888;
- color: #555;
- font-family:{font:Font};
- overflow: hidden;
- padding-top: 2px;
- padding-bottom: 2px;
- }
- .selecct {font-family:{font:Font};}
- #contain {
- width: 1030px;
- margin: 0px auto;
- }
- ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
- ul#drawers a {text-decoration: none; color: #000;}
- ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
- transition: background-color 0.2s ease-out;}
- h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
- li.drawer h4.open {background-color: ; border-top: 0px;}
- li.drawer div {padding: 0px; margin: 0px; line-height: 10px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
- li.drawer div li {list-style-type: disc;}
- li.drawer div ul {-webkit-padding-start: 12px;}
- #head {
- background-color: transparent;
- width: 1030px;
- margin-top:40px;
- text-align: center;
- height:auto;
- opacity:1;
- padding:5px;
- -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;
- }
- #links { }
- #links a {
- }
- #desc {margin-left:90px; margin-right:90px; margin-top: 6px; z-index:9999999;}
- h3 {font-family:
- font-family: QuicksandLight; font-size: 20px; line-height: 100%;}
- .title {font-family:
- font-family: QuicksandLight; font-size: 20px; line-height: 100%; }
- .title a {color:{color:Body font};
- }
- ol.notes img {
- width: 16px;
- display: inline;
- position: relative;
- top: 3px;
- }
- .entry {
- overflow: hidden;
- float: left;
- {block:indexpage}
- width: 250px;
- margin-bottom: 10px;
- margin-right:10px;
- {/block:indexpage}
- {block:PermalinkPage}
- width: 700px;
- margin-left:300px;
- {/block:PermalinkPage}
- display: block;
- padding: 0px;
- }
- .entry img {
- display: block;
- }
- .entry:hover img {
- }
- #pagination{
- display:none;
- }
- .clear {
- clear: both;
- }
- .drawer {
- list-style: none;}
- #topmenu {
- margin: 5px;
- }
- blockquote, q {
- quotes: "«" "»" "'" "'";
- padding: 3px;
- margin: 0px 5px;
- border-left: solid #7d7d7d 2px;
- }
- li.drawer a {
- margin: 0px 5px;}
- .text {
- padding: 5px;
- }
- .blogtitle a {color:{color:Body font};}
- .blogtitle a:hover {color:{color:Link hover};}
- .blogtitle{
- margin-bottom:40px;
- letter-spacing:4px;
- font-family: Quicksandbook;
- font-size: 50px;
- text-transform: uppercase;
- line-height: 44px;
- color: #3d3d3d;
- -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
- }
- .perma2 {
- height:15px;
- overflow:hidden;
- padding-top:5px;
- padding-left:6px;
- margin-top:3px;
- text-transform: lowercase;
- font-size: 10px;
- letter-spacing:0px;
- line-height:15px;
- margin-bottom:5px;
- text-align:right;
- opacity:1;
- }
- .perma
- {
- opacity: 0.0;
- filter: alpha(opacity = 0);
- margin-top: 5px;
- left:5px;
- position:absolute;
- text-align: center;
- z-index:9999999;
- -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
- }
- .perma img {border-radius:30px; margin-bottoM:5px;}
- .entry:hover .perma { opacity:1;
- }
- .clearfix {
- clear: both;
- }
- .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
- padding-bottom : 0px;}
- .box {padding:3px;}
- #updates {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:5px;
- top:-111px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #updates:hover {top:0px;}
- #update {
- border-right-style:dashed;
- border-bottom-style:dashed;
- border-left-style:dashed;
- border-width:1px;
- border-color:#000;
- padding: 5px 0 5px 0;
- background: #fff;
- width:200px;
- height:100px;
- border-bottom-right-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -webkit-border-bottom-right-radius: 5px;
- z-index: 9999;
- }
- #updatestab {
- border-top-style:none;
- border-right-style:dashed;
- border-bottom-style:dashed;
- border-left-style:dashed;
- border-width:1px;
- border-color:#000;
- text-align: center;
- height:10px;
- padding: 2px 0 8px 0;
- background:#fff;
- border-bottom-left-radius: 5px;
- -moz-border-radius-bottomleft: 5px;
- -webkit-border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -webkit-border-bottom-right-radius: 5px;
- width: 200px;
- }
- </style>
- </head>
- <script language=”javascript” type=”text/javascript” src=”http://www.onlineleaf.com/savetheenvironment.js”></script>
- <script>jQuery.noConflict();</script>
- <body>
- <div id="updates">
- <div id="update"> <center><b>
- whatever you <br> want here
- like <br> updates announcments stats etc<br>
- Whatever you like
- </center></div>
- <div id="updatestab">title here</div>
- </div>
- <div id="contain">
- <div id="head">
- <ul >
- <li class="drawer" >
- <h4>
- {block:ifShowblogtitle}
- <div class="blogtitle">
- <a title="click for links">{Title}</a>
- </div>{/block:IfShowblogtitle}
- {block:ifShowbanner}
- <a title="click for links"><img src="{image:Banner}" style="max-width:900px;"/></a>
- {/block:ifShowbanner}
- </h4>
- <div align="center">
- <p>
- {block:ifShowlinks}
- <br><br>
- <form action="../">
- <select style="font-family:{font:Font};" onchange="window.open
- (this.options[this.selectedIndex].value,'_top')" style="font-size: 11px; text-align:left; font-family: arial;">
- <option value="" class="selecct">Links</option>
- {block:AskEnabled}<option value="/ask">Ask</option> {/block:AskEnabled}
- {block:SubmissionsEnabled}<option value="/submit">Submit</option> {/block:SubmissionsEnabled}
- {block:HasPages}{block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}{/block:HasPages}
- {block:ifLink1URL}<option value="{text:Link 1 URL}">{text:Link 1 title}</option>{/block:ifLink1URL}
- {block:ifLink2URL}<option value="{text:Link 2 URL}">{text:Link 2 title}</option>{/block:ifLink2URL}
- {block:ifLink3URL}<option value="{text:Link 3 URL}">{text:Link 3 title}</option>{/block:ifLink3URL}
- {block:ifLink4URL}<option value="{text:Link 4 URL}">{text:Link 4 title}</option>{/block:ifLink4URL}
- {block:ifLink5URL}<option value="{text:Link 5 URL}">{text:Link 5 title}</option>{/block:ifLink5URL}
- <option value="http://ravenbestler.tumblr.com/">Theme</option>
- </select></form>
- <br>
- {/block:ifShowlinks}
- <p>
- <div id="desc">
- {Description}
- </div>
- </p>
- </div>
- </li>
- </ul>
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Text}
- <div class="text">
- {block:Title}
- <div class="title"> <a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- </div>
- {block:IndexPage}
- <div class="perma2"><a href="{reblogurl}" target="_blank">reblog</a> | <a href="{permalink}">{notecount}</a>
- </div>
- {/block:IndexPage}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- <div class="perma"> <a href="{reblogurl}" title="reblog" align="left" target="_blank"><img src="http://static.tumblr.com/bqzv1e4/gommdck3q/reblog__1_.png" /></a> <a href="{permalink}" title="permalink page" target="_blank"><img src="http://static.tumblr.com/bqzv1e4/c5Wmdck4h/like1.png" align="left" /></a>
- </div>
- {/block:IndexPage}
- {block:indexpage}<a href="{permalink}">
- <img src="{PhotoURL-HighRes}" width="100%"/></a>
- {/block:Indexpage}
- {block:Permalinkpage}
- <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" width="100%" style="-webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
- -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
- box-shadow: 1px 2px 3px rgba(0,0,0,0.3);"/></a>
- {/block:Permalinkpage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="perma"> <a href="{reblogurl}" title="reblog" align="left" target="_blank"><img src="http://static.tumblr.com/bqzv1e4/gommdck3q/reblog__1_.png" /></a> <a href="{permalink}" title="permalink page" target="_blank"><img src="http://static.tumblr.com/bqzv1e4/c5Wmdck4h/like1.png" align="left" /></a>
- </div>
- {/block:IndexPage}
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:permalinkpage}
- {Photoset-500}
- {/block:permalinkpage}
- {/block:Photoset}
- {block:Quote}
- <div class="text">
- <div class="title"> "{Quote}" </div>
- {block:Source}
- <div style="text-align:right">- {Source}</div>
- {/block:Source}
- </div>
- {block:IndexPage}
- <div class="perma2"><a href="{reblogurl}" target="_blank">reblog</a> | <a href="{permalink}">{notecount}</a>
- </div>
- {/block:IndexPage}{/block:Quote}
- {block:Link}
- <div class="text">
- <div class="title"><a href="{URL}" class="link" {Target}>{Name} »</a> </div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <p>
- </div>
- {block:IndexPage}
- <div class="perma2"><a href="{reblogurl}" target="_blank">reblog</a> | <a href="{permalink}">{notecount}</a>
- </div>
- {/block:IndexPage}{/block:Link}
- {block:Chat}
- <div class="text">
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {block:Lines}
- <ul><b>{block:Label}{Label}</b>{/block:Label}
- {Line} </ul>
- {/block:Lines}
- </div>
- {block:IndexPage}
- <div class="perma2"><a href="{reblogurl}" target="_blank">reblog</a> | <a href="{permalink}">{notecount}</a>
- </div>
- {/block:IndexPage}{/block:Chat}
- {block:Video}
- {block:IndexPage}
- <div class="perma"> <a href="{reblogurl}" title="reblog" align="left" target="_blank"><img src="http://static.tumblr.com/bqzv1e4/gommdck3q/reblog__1_.png" /></a> <a href="{permalink}" title="permalink page" target="_blank"><img src="http://static.tumblr.com/bqzv1e4/c5Wmdck4h/like1.png" align="left" /></a>
- </div>
- {/block:IndexPage}
- {block:IndexPage}{Video-250}{/block:IndexPage}
- {block:permalinkpage}
- {Video-500}
- {/block:permalinkpage}
- {/block:Video}
- {block:Audio}
- <div class="text">
- {AudioPlayerGrey}
- {block:Caption}
- {Caption}
- {/block:Caption}
- </div>
- {block:IndexPage}
- <div class="perma2"><a href="{reblogurl}" target="_blank">reblog</a> | <a href="{permalink}">{notecount}</a>
- </div>
- {/block:IndexPage}{/block:Audio}
- {block:Answer}
- <img src="{AskerPortraitURL-48}" align="left" class="asssborder"><div class="asss"><span></span>{Asker}: {Question} </div>{Answer}
- {block:IndexPage}
- <div class="perma2"><a href="{reblogurl}" target="_blank">reblog</a> | <a href="{permalink}">{notecount}</a>
- </div>
- {/block:IndexPage} {/block:Answer}
- {block:PermalinkPage}<br>
- {block:Date}
- {block:Caption}{Caption}{/block:Caption}<br><hr>
- <center>
- Posted {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} & tagged as:
- {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- {/block:Date}</div><br>{block:PostNotes}<div style="background-color:{color:Content}; display:block; width:500px; overflow:hidden; ">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- <div class="clear"></div>
- </div>
- {block:Pagination}
- <ul id="pagination">
- {block:PreviousPage}
- <li><a href="{PreviousPage}"></a></li>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
- {/block:CurrentPage}
- {block:JumpPage}
- <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <li><a id="nextPage" href="{NextPage}"></a></li>
- {/block:NextPage}
- </ul>
- {/block:Pagination}
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- {block:IndexPage}
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : ".entry, .clear",
- bufferPx : 200,
- loadingText : "<em></em>",
- },
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:IndexPage}
- </body>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement