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">
- <!--
- BECKA THEME BY CAULIFLORUS
- don't steal, thx cuties xox
- -->
- <head>
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
- </script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <style type="text/css">
- .links_head {text-align:center;cursor:help;font-family:consolas;font-size:9px; padding:4px;color: {color:text};}
- .links_body {text-align:center;}
- </style>
- <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>eat my shorts</title>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="color:Background" content="#FFF"/>
- <meta name="color:description" content="#FFF"/>
- <meta name="image:background" content=""/>
- <meta name="color:Text" content="#AAA"/>
- <meta name="color:Hover" content="#a0a0a0"/>
- <meta name="color:Link" content="#777676"/>
- <meta name="color:post title" content="#eee"/>
- <meta name="color:borders" content="#eee"/>
- <meta name="color:accent" content="#bbe4d0"/>
- <meta name="color:accent2" content="#bbe4d0"/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 1 Title" content=""/>
- <meta name="text:Link 2 URL" content="/">
- <meta name="text:Link 2 Title" content=""/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 3 Title" content=""/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="text:Link 4 Title" content=""/>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:4px 7px;
- border:1px solid #FFC1C1;
- background:#FFF;
- color:#000000;
- z-index:999999;
- font-size:10px;
- font-style:none;
- font-family: calibri;
- text-transform:lowercase;
- }
- iframe#tumblr_controls{
- top: 1px !important;
- margin: 0 0 0 0;
- right: 6px !important;
- position: fixed !important;
- }
- ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
- ::-webkit-scrollbar-thumb { background-color:black; }
- a {color:;text-decoration:none;-webkit-transition: all 1s ease-out;-moz-transition: all 0.7s ease-out;transition: all 1s 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: 200px;
- background-color: {color:Background};
- }
- body {
- background-color: #ffffff;
- background-attachment: fixed;
- padding: 0px;
- margin: 0px;
- color:{color:text};
- font-family: Calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size: 10px;
- line-height:10px;
- text-align: right;
- }
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration: none;
- -webkit-transition: color 0.6s ease-out;
- -moz-transition: color 0.6s ease-out;
- }
- a:hover{
- color:{color:Hover};
- text-decoration:none;
- -webkit-transition: color 0.6s ease-out;
- -moz-transition: color 0.6s ease-out;
- }
- .entry {
- float:left;
- text-align: left;
- margin-left:10px;
- padding:20px;
- width:200px;
- }
- blockquote {
- padding-left:5px;
- padding-top:3px;padding-right:5px;
- padding-bottom:3px;margin-left:0px;margin-right:0px;
- border-left: 2px solid #e4e4e4;
- }
- #titlebar{
- z-index:4;
- height:auto;
- top:23px;
- padding:20px;
- left:15%;
- width:170px;
- position:fixed;
- color:{color:text};
- overflow:hidden;
- text-align:right;
- border: double 4px {color:accent};
- padding:9px;}
- #posts {
- width: 700px;
- margin-left:480px;
- padding:4px;
- }
- #accent {
- left:0;
- width:20px;
- height:100%;
- position:fixed;
- z-index:2;
- background-color:{color:accent};}
- #accent2 {
- margin-left:30;
- width:20px;
- height:100%;
- position:fixed;
- z-index:2;
- background-color:{color:accent2};}
- img{
- {block:IndexPage}
- max-width: 200px;
- padding:3.5px;
- border:double 0px {color:accent};
- {/block:IndexPage}
- }
- .entry .textperma{
- display: block;
- text-transform:uppercase;
- text-transform:uppercase;
- text-align:center;
- padding:7px;
- background-color:{color:accent};
- width:192px;
- overflow-x:hidden;
- overflow-y:hidden;
- }
- .links{
- font-family: "consolas";
- padding:2px;
- margin-top:-2px;
- color:{color:permas};
- font-size:8px;}
- .description {
- font-size:9px;
- position:justify;
- text-align:right;
- font-family:Calibri;
- text-transform:uppercase;
- color:{color:description};
- letter-spacing:1px;
- line-height:150%;
- }
- /************** FLAGS UPDATES TAB **************/
- /* tutorial by deanlirium|tumblr (clarence.tk) */
- #flags {
- position:fixed;
- top:70px; /* distance from the top of the page - adjust as you wish! */
- right:0px;
- text-align:center;
- text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
- color:#000000; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
- font-size:8px; /* adjust font size */
- letter-spacing:1px;
- z-index:2147483607;
- font-family:calibri;}
- #flag1 {
- border:solid 6px #FFC1C1; /* flag color */
- border-left:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
- padding-right:10px;
- right:00px;
- width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
- height:0px;
- position:absolute;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover {
- width:160px;} /* lenght of the OPEN flag */
- #upd1 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-right:30px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
- right:-180px;
- margin-top:6px; /* keep this number equal to the 'border' value for the flag */
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover #upd1{
- right:0px;
- opacity:1;}
- /* following is the coding for the other flags - same as above! */
- #flag2 {
- border:solid 6px #ffd0d0;
- margin-top:20px;
- position:absolute;
- border-left:solid 6px transparent;
- padding-right:10px;
- right:00px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover {
- width:170px;}
- #upd2 {
- position:absolute;
- width:130px;
- padding:10px;
- padding-right:40px;
- right:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover #upd2{
- right:0px;
- opacity:1;}
- /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
- #flag3 {
- border:solid 6px #ffdcdc;
- position:absolute;
- margin-top:40px; /* this one! */
- border-left:solid 6px transparent;
- padding-right:10px;
- right:0px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover {
- width:150px;}
- #upd3 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-right:10px;
- right:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover #upd3{
- right:0px;
- opacity:1;}
- /* to here */
- #stats {
- position:fixed;
- right:10px;
- z-index:6;
- top:640px;
- font-style:'Roboto',serif;
- font-size: 11px;
- </style>
- <div id="stats"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5013232";
- var ref =(''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
- fhs.src = "http://s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
- document.body.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
- </script>:
- <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2976784";
- fhsh.src = "http://s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
- document.body.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
- </script>: <script language="JavaScript">var fhsf = document.createElement('script');
- fhsf.src = "http://tc.freehostedscripts.net/tcounter.php?url=flirthe.tumblr.com&name=&a=1";
- document.body.appendChild(fhsf);document.write("<span id='f_counter'></span>");
- </script><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2976784";
- fhsh.src = "http://s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
- document.body.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
- </script><script language="JavaScript">var fhsf = document.createElement('script');
- fhsf.src = "http://tc.freehostedscripts.net/tcounter.php?url=flirthe.tumblr.com&name=&a=1";
- document.body.appendChild(fhsf);document.write("<span id='f_counter'></span>");
- </script></div>
- {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>eat my shorts</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- </head>
- <body>
- <div id="flags">
- <div id="flag1"><div id="upd1">
- <center>i'm on vacation!</center>
- <center>new theme: 8/22</center>
- </div></div>
- <div id="flag2"><div id="upd2">
- <center>reading: deckled edges</center>
- <center>watching: grey's anatomy</center>
- <center>listening: let's get lost</center>
- <center><script id="qpscript" src="http://qplus.io/scripts/queued/5551ebf4c9a865b6cacdbfda"></script></center>
- </div></div>
- <!---- if you want more flags, copy from here ---->
- <div id="flag3"><div id="upd3">
- <center><a href="http://iconic-index.tumblr.com">the iconic index</a></center>
- <center><a href="http://oreoclub.tumblr.com">the oreo club</a></center>
- <center><a href="http://allurefavourites.tumblr.com">allureable's</a></center>
- <center><a href="http://infuseing-faves.tumblr.com">infuseing's</a></center>
- <center><a href="http://ungemini.tumblr.com/xxx">ungemini's</a></center>
- <center><a href="http://surfide.tumblr.com/favs">surfide's</a></center>
- <center><a href="http://planers.tumblr.com/fr">planers'</a></center>
- </div></div>
- <!---- to here and change the numbers according to your css! ---->
- <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
- </div>
- <div id="accent"></div>
- <div id="accent2"></div>
- <div class="wrapper">
- <div class="header"></div>
- <div id="titlebar">
- <div style="font-family:consolas;padding:4px;margin-bottom:5px; font-size:28px; line-height:26px; letter-spacing:2px;color:{color:blog title};background-color:#ffffff;text-align:right;">{title}</div><br>
- <div class="description">
- {description}
- </div><br>
- {block:ifLink1Title}<a href="{text:Link 1 URL}" title = "{text:Link 1 Title}">001</a> . {/block:ifLink1Title}
- {block:ifLink2Title}<a href="{text:Link 2 URL}" title = "{text:Link 2 Title}">002</a> . {/block:ifLink2Title}
- {block:ifLink3Title}<a href="{text:Link 3 URL}" title = "{text:Link 3 Title}">003</a> . {/block:ifLink3Title}
- {block:ifLink4Title}<a href="{text:Link 4 URL}" title = "{text:Link 4 Title}">004</a> .{/block:ifLink4Title}
- <a href="http://paintbrushthemes.tumblr.com">005</a>
- </div>
- </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:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Photo}
- {block:IndexPage}{LinkOpenTag}
- <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="200"/></a></div>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}{/block:PermalinkPage}
- {block:IndexPage}
- {/block:IndexPage}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-250}</center></span>
- {/block:Photoset}
- {block:Quote}
- <span class="title">{Quote}</span></br>
- {block:Source}{Source}{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}{AudioPlayergrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:IndexPage}
- <div class="textperma"><a href="{Permalink}">{NoteCountWithLabel}</a> ยท <a href="{Permalink}">{DayofMonth} {ShortMonth}</a></span></a></div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Video}
- <center>
- <div class="videoperma">{Video-250}</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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement