Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <head>
- <link rel="shortcut icon" href="{PortraitURL-24}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
- {block:IndexPage}
- <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://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 = $('#content');
- $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="color:background" content="#ffffff" />
- <meta name="color:text" content="#000" />
- <meta name="color:link" content="#000" />
- <meta name="color:link hover" content="#5ac9e1" />
- <meta name="color:scrollbar" content="#000" />
- <meta name="color:description" content="#ebebeb" />
- <meta name="font:title font" content="" />
- <meta name="font:body font" content="" />
- <meta name="font:post font" content="" />
- <meta name="font:perma font" content="" />
- <meta name="if:1 column" content="0">
- <meta name="if:2 columns" content="0">
- <meta name="if:3 columns" content="1">
- <meta name="image:background" content="" />
- <meta name="image:header" content="" />
- <meta name="text:header left" content="470" />
- <meta name="text:header image left" content="250" />
- <meta name="text:link1" content="link1" />
- <meta name="text:link1url" content="http://" />
- <meta name="text:link2" content="link2" />
- <meta name="text:link2url" content="http://" />
- <meta name="text:link3" content="link3" />
- <meta name="text:link3url" content="http://" />
- <meta name="text:link4" content="link4" />
- <meta name="text:link4url" content="http://" />
- <meta name="text:link5" content="link5" />
- <meta name="text:link5url" content="http://" />
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px; height: 0px; background:{color:background};}
- ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-radius:0px;}
- iframe#tumblr_controls {position:fixed; z-index:9999999999; top: 3px; margin: 0 0 0 0; right:4px; -webkit-filter: invert(100%);}
- body {cursor:crosshair; overflow-x:hidden;
- background-color: {color:background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- font-size:13px;
- font-family:{font:body font};
- line-height:14px;
- text-transform:none;
- color: {color:text};
- }
- #header {color:#fff; width:100%; background:{color:background}; margin-top:0; padding:25px; margin-left:{text:header left}px; height:220px;}
- .headerimage {margin-bottom:-10px;
- position:relative;
- background-image:{image:header};
- margin-left:{text:header image left}px;
- height:150px;
- }
- .headerimage img {
- height:150px;
- }
- #kinads {width:800px; height:25px; float:center; background:transparent; margin-top:-40px; margin-left:-80px; color:{color:text}; text-align:center;}
- /*--- BEGIN UPDATES ---*/
- #updatescont {
- top:20px;
- left:20px;
- position:fixed;
- }
- #sq1, #sq2, #sq3, #sq4 {
- position:relative;
- display:inline-block;
- height:15px;
- width:15px;
- margin-right:5px;
- background-color:#000; /*--- change bg color of tab squares ---*/
- }
- #tab1, #tab2, #tab3, #tab4 {
- position:absolute;
- width:140px;
- height:auto;
- text-align:left;
- margin-top:5px;
- margin-left:0px;
- border-left:solid 1px #000; /*--- change border color of text boxes ---*/
- background-color:#f2f2f2; /*--- change background color of text boxes ---*/
- word-wrap:break-word;
- padding:10px;
- }
- #tab1 { visibility:hidden; opacity:0; }
- .show:focus + #tab1 { visibility:visible; opacity:1; }
- #tab2 { visibility:hidden; opacity:0; }
- .show:focus + #tab2 { visibility:visible; opacity:1; }
- #tab3 { visibility:hidden; opacity:0; }
- .show:focus + #tab3 { visibility:visible; opacity:1; }
- #tab4 { visibility:hidden; opacity:0; }
- .show:focus + #tab4 { visibility:visible; opacity:1; }
- /*--- END UPDATES ---*/
- #nav{padding:15px 0px; float:center;
- width:380px;
- text-align:center; margin-left:100px;
- }
- #navlink{font-family:;
- font-size:12px;
- line-height:20px;
- word-spacing:7px;
- text-align:center;
- text-transform:uppercase;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #navlink a{
- color:#000;
- background-color:transparent;
- }
- #navlink a:hover{color:{color:link hover}; text-decoration:none;
- }
- .description{height:100%; font-family:{font:body font}; color:{color:description}; padding:10px; float:center; width:100%;
- font-size:11px; margin-left:{text:description left}px; position:relative;
- line-height:0px; text-align:justify;
- text-transform:none;
- word-spacing:1px;
- }
- .answer{
- }
- .answer img {
- width:250px;
- height:auto;
- {block:permalinkpage}
- width:auto;
- height:auto;
- {/block:permalinkpage}
- }
- a {
- text-decoration:none;
- color:{color:link};
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- a:link, a:active, a:visited{
- color: {color:link};
- }
- a:hover{text-decoration:line-through;
- color: {color:link hover};
- }
- #position-menu-bar {
- position:fixed;
- right:50px;
- top:30px;
- z-index:99999999;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .menu-bar {
- display:block;
- width:40px;
- height:40px;
- background-color:#333;
- padding-left:5px;
- padding-right:5px;
- color:#fff;
- cursor:crosshair;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .menu-bar img {
- width:30px;
- height:30px;
- margin-top:6px;
- margin-left:5px;
- }
- .mb {
- display:block;
- width:200px;
- height:20px;
- padding-top:10px;
- padding-bottom:10px;
- color:#fff;
- cursor:help;
- background-color:#444;
- margin-bottom:5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .mb:hover {text-decoration:none;
- background-color:#333;
- color:#FFF;
- letter-spacing:5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #more-bar {
- display:block;
- opacity:0;
- position:absolute;
- padding:12px;
- margin-top:50px;
- margin-left:140px;
- width:200px;
- height:265px;
- text-align:center;
- background-color:#333;
- color:white;
- font-family:calibri;
- font-size:15px;
- text-transform:uppercase;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .mb:first-letter {
- color:#000;
- font-style:italic;
- font-family:Georgia;
- font-size:25px;
- }
- #position-menu-bar:hover #more-bar {
- margin-left:-140px;
- opacity:1;
- }
- #triangle {
- width:0;
- height:0;
- border-top:42px solid #333;
- border-right:42px solid transparent;
- position:absolute;
- margin-top:-28px;
- margin-left:130px;
- opacity:1;
- -webkit-transform:rotate(45deg);
- -moz-transform:rotate(45deg);
- -o-transform: rotate(45deg);
- }
- div#center{
- margin-left: 0px;
- width: 100%;
- height: auto;
- overflow-x:hidden;
- }
- div#content {
- {block:if1column}
- width: 300px;
- {block:if1column}
- {block:if2columns}
- width: 800px;
- {block:if2columns}
- {block:if3columns}
- width: 930px;
- {block:if3columns}
- left:380px;
- margin-top:10px;
- position: absolute;
- }
- .entry{
- margin:8px;
- padding:5px;
- float:left;
- height:auto;
- background-color: #transparent;
- {block:IndexPage}
- width:250px;
- overflow:hidden;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:400px;
- height:auto;
- {/block:PermalinkPage}
- }
- .title{font-family:{font:post font};
- font-size:21px;
- line-height:22px;
- color: {color:text};
- }
- blockquote{
- padding:0px 0px 0px 3px;
- margin:0px 0px 0px 2px;
- border-left: 2px solid #ddd;
- }
- .perma
- {
- opacity: 0.0;sho
- filter: alpha(opacity = 0);
- margin-top: -21px;
- width: px;
- height: 30px;
- line-height: 30px;
- font-size: 9px;
- position:absolute;
- text-align: center;
- z-index:9999991;
- color: {color:permalink};
- }
- a.p
- {
- color: {color:permalink};
- }
- .entry:hover .perma {
- -webkit-transition: opacity 0.4s linear;
- opacity: 1;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- filter: alpha(opacity = 100);
- }
- select {
- font-size: 9px;
- width: 100px;
- margin-left: 10px;
- }
- option {
- font-size: 9px;
- text-align: left;
- }
- input[type=button]
- {
- font-size: 9px;
- }
- .likep {
- width: 21px;
- height: 20px;
- overflow: hidden;
- position: relative;
- z-index: 9999999;
- position: absolute;
- margin-top: 26px;
- margin-left: 5px;
- }
- .rep {
- width: 24px;
- height: 20px;
- overflow: hidden;
- position: relative;
- z-index: 9999999;
- position: absolute;
- margin-top: 26px;
- margin-left: 29px;
- }
- .likep a:hover {
- background-position: 0px 0px;
- }
- .likep a {
- background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
- background-position: 0px 0px;
- display: block;
- z-index: 9999999;
- webkit-transition: all 0s linear;
- -webkit-transition: all 0s linear;
- -moz-transition: all 0s linear;
- transition: all 0s linear;
- }
- .likep img {
- width: 21px;
- height: 20px;
- webkit-transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .rep img{
- width: 24px;
- height: 20px;
- line-height: 30px;
- display: inline;
- }
- .k{
- word-spacing:1px;
- }
- #titlelink a{
- background-color:{color:title link};
- }
- h3 {text-transform:none !important;
- font-size:55px;
- font-family:{font:title font};
- letter-spacing:1px;
- margin-top:10px;
- margin-bottom:20px;
- text-align:center;
- color:#000;}
- h3:first-letter {
- font-weight:bold;
- color:{color:links};}
- h2:hover{color:{color:link hover};}
- .permalink{
- text-align:center;
- opacity:0;
- -webkit-transition: all 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .entry:hover .permalink{
- opacity:1;
- -webkit-transition: all 0.4s linear;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .notess{
- position:absolute;
- border:12px solid {color:post border};
- padding:5px;
- left:450px;
- top:10px;
- height:500px;
- width:500px;
- overflow:scroll;
- }
- {CustomCSS}
- </style>
- <title>{title}</title>
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- </head>
- <body>
- <!--- BEGIN UPDATES --->
- <div id="updatescont">
- <a href="#show" id="sq1" class="show"><font style="display:none">[ show ]</font></a>
- <div id="tab1">
- <h2>Stats</h2></br>
- <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3002750";
- fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
- document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
- </script>
- </br>
- <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5062025";
- var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
- fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online User&e2=Online Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
- document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
- </script>
- </div>
- <a href="#show" id="sq2" class="show"><font style="display:none">[ show ]</font></a>
- <div id="tab2">
- <div style="color:#f2f2f2;background-color:#003471;padding:5px">do text dividers like this</div>
- </p>
- <marquee>do scrolling text like this yay fun</marquee>
- </p>
- and do fancy picture dividers like this
- </p>
- <img src="http://www.clker.com/cliparts/L/N/U/m/A/J/black-divider-no-background-md.png" width="140px" height="10px">
- </p>
- *note: you can make these as long as you want without having to change the code; the height will automatically fit the text you enter
- </div>
- <a href="#show" id="sq3" class="show"><font style="display:none">[ show ]</font></a>
- <div id="tab3">
- you can type stuff here
- </p>
- like your name, what kind of blog you have, a little about your personality, your otps, etc
- </p>
- and you can arrange the info however you want among the tabs ofc
- </div>
- <a href="#show" id="sq4" class="show"><font style="display:none">[ show ]</font></a>
- <div id="tab4">
- you can type stuff here too wow what a surprise who would've thought...
- </p>
- don't forget if you have any questions you can message me <a href="http://casowl.tumblr.com/codefaq">here</a>
- </p>
- okay have fun bye
- </div>
- </div>
- <!--- END UPDATES --->
- <div id="position-menu-bar">
- <div class="menu-bar">
- <img src="http://static.tumblr.com/5ojoydj/bunmo0ev7/fukuo-line-bar.png"/>
- </div>
- <div id="more-bar">
- <div id="triangle"></div>
- <a href="{text:link1url}" class="mb">{text:link1}</a>
- <a href="{text:link2url}" class="mb">{text:link2}</a>
- <a href="{text:link3url}" class="mb">{text:link3}</a>
- <a href="{text:link4url}" class="mb">{text:link4}</a>
- <a href="{text:link5url}" class="mb">{text:link5}</a>
- <a href="http://ttamplamente.tumblr.com/" class="mb">Theme</a>
- </div>
- </div>
- <div id="header">
- <div class="headerimage"><img src="{image:header}"></div>
- <div id="nav">
- <span id="navlink"></br>
- <h3><a href="/">{Title}</a></h3>
- {block:HasPages}{block:Pages}<a href="{URL}"><span class="k">{Label}</span></a> {/block:Pages}{/block:HasPages}
- </div> </span>
- <br><br>
- <div id="kinads">{description} <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2984161";
- fhsh.src = "http://s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
- document.body.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
- </script>
- </div>
- </div>
- <div id="center">
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:IndexPage}<div class="perma">
- <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
- </div>
- {/block:IndexPage}
- {block:Text}
- <div class="text">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250"/>{LinkCloseTag}
- {/block:IndexPage}
- {block:permalinkpage}{LinkOpenTag}
- <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250"/>{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {Photoset-250}
- {/block:IndexPage}
- {block:permalinkpage}
- {Photoset-250}
- {/block:permalinkpage}
- {/block:Photoset}
- {block:Quote}
- <div class="text">
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="text">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="text">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
- {Line} </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Video}
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- {block:permalinkpage}
- {Video-250}
- {/block:permalinkpage}
- {/block:Video}
- {block:Audio}
- {AudioPlayerBlack}
- <div class="text">
- {block:Caption}
- {Caption}
- {/block:Caption}
- </div>
- {/block:Audio}
- {block:PermalinkPage}
- <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement