Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Theme 43: Ariel
- By Beautifully Flawless
- DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
- DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
- DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
- DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
- DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
- DO NOT REMOVE CREDIT, OR YOU WILL BE REPORTED.
- -->
- <html>
- <head>
- <script type="text/javascript">
- // <![CDATA[
- var bgcolour="{color:Banner 1}"; // background colour
- var fgcolour="{color:Banner 2}"; // foreground colour
- var speed=100; // speed of bubbling, lower is faster
- var shades=10; // number of shades of bubble
- /****************************
- * Bubbling Text Effect *
- *(c) 2003-6 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var bubbcol=new Array();
- var bubbler, bubbtxt;
- var bubbchr=new Array();
- window.onload=function() { if (document.getElementById) {
- for (bubbler=0; bubbler<=shades; bubbler++) {
- bubbtxt="#";
- for (var i=1; i<6; i+=2) {
- var bg=parseInt(bgcolour.substring(i,i+2),16);
- bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
- }
- bubbcol[bubbler+1]=bubbtxt;
- }
- bubbler=document.getElementById("bubble");
- bubbtxt=bubbler.firstChild.nodeValue;
- while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
- for (var i=0; i<bubbtxt.length; i++) {
- var bubbi=document.createElement("span");
- bubbi.setAttribute("id", "bubb"+i);
- bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
- bubbler.appendChild(bubbi);
- }
- bubbler=setInterval ("bubbling()", speed);
- }}
- function dechex(dec) {
- var hex=dec.toString(16);
- if (dec<16) return "0"+hex;
- else return hex;
- }
- function bubbling() {
- for (var i=0; i<bubbtxt.length; i++) {
- var bubbme=document.getElementById("bubb"+i);
- if (bubbchr[i]) {
- bubbme.style.color=bubbcol[bubbchr[i]];
- bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
- }
- else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
- }
- }
- // ]]>
- </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}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
- <!--Variables-->
- <meta name="color:text" content="#000" />
- <meta name="color:Posts Border" content="#ddd"/>
- <meta name="color:Posts BG" content="#fff"/>
- <meta name="color:Background" content="#000"/>
- <meta name="color:Banner 1" content="#DCDCDC"/>
- <meta name="color:Banner 2" content="#848482"/>
- <meta name="color:ScrollBar" content="#848482"/>
- <meta name="color:Link" content="#ddd"/>
- <meta name="color:Link Hover" content="#888"/>
- <meta name="color:Title" content="#000"/>
- <meta name="color:Title Shadow" content="#888"/>
- <meta name="color:Side 1" content="#848482"/>
- <meta name="color:Side 2" content="#DCDCDC"/>
- <meta name="color:Side 3" content="#848482"/>
- <meta name="color:Sidebar BG" content="#000"/>
- <meta name="color:Sidebar Border" content="#848482"/>
- <meta name="color:Sidebar Box Shadow" content="#ddd"/>
- <meta name="color:Sidebar Text" content="#fff"/>
- <meta name="color:Stats" content="#fff"/>
- <meta name="color:Navigation BG" content="#000"/>
- <meta name="color:Navigation Border" content="#ddd"/>
- <meta name="color:Navigation Text" content="#fff"/>
- <meta name="color:Favorites Shadow" content="#888"/>
- <meta name="image:Background" content="" />
- <meta name="image:sidebar" content="http://static.tumblr.com/gdh5wux/za7mevmdm/tumblr_mb9vqpabat1qbhmlvo1_500.jpg" />
- <meta name="image:fav 1" content="http://i42.tinypic.com/fk2o3r.png"/>
- <meta name="image:fav 2" content="http://i40.tinypic.com/33xtz7r.png"/>
- <meta name="image:fav 3" content="http://i43.tinypic.com/2nsqr7p.png"/>
- <meta name="image:fav 4" content="http://i44.tinypic.com/121vot5.png"/>
- <meta name="image:fav 5" content="http://i41.tinypic.com/r0sew6.png"/>
- <meta name="text:Favorite 1 URL" content=""/>
- <meta name="text:Favorite 2 URL" content=""/>
- <meta name="text:Favorite 3 URL" content=""/>
- <meta name="text:Favorite 4 URL" content=""/>
- <meta name="text:Favorite 5 URL" content=""/>
- <meta name="text:Favorite 1" content="BLOG NAME"/>
- <meta name="text:Favorite 2" content="BLOG NAME"/>
- <meta name="text:Favorite 3" content="BLOG NAME"/>
- <meta name="text:Favorite 4" content="BLOG NAME"/>
- <meta name="text:Favorite 5" content="BLOG NAME"/>
- <meta name="text:STATS 1" content="INSERT STAT HERE" />
- <meta name="text:STATS 2" content="INSERT STAT HERE" />
- <meta name="text:STATS 3" content="INSERT STAT HERE" />
- <meta name="text:STATS 4" content="INSERT STAT HERE" />
- <!--Variables-->
- <style type="text/css">
- ::-webkit-scrollbar {width: 9px; height: 3px; background:transparent;}
- ::-webkit-scrollbar-thumb {background:{color:Scrollbar}; border-bottom-left-radius:5px; box-shadow:0px 0px 10px {color:Scrollbar Shadow};}
- #tumblr_controls{
- position:fixed !important;
- }
- @font-face{font-family:"tinytots";src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
- @font-face{font-family:"caviardreams";src:url('http://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
- @font-face { font-family: "lovers"; src: url('http://static.tumblr.com/oetadgc/Jszm7aicc/loversquarrel-regular.ttf'); }
- @font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
- body {
- margin: 0px;
- background-color:{color:background};
- background-image:url('{image:Background}');
- background-attachment:fixed;
- background-repeat:repeat;
- background-position:center;
- }
- body, div, p, textarea, submit, input {
- font-family:"tinytots";
- font-size:8px;
- line-height:12px;
- color:{color:Text};
- text-transform:uppercase;
- }
- 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:Link Hover};
- -webkit-transition: color 0.4s ease-out;
- -moz-transition: color 0.4s ease-out;
- text-shadow:0px 0px 1px {color:Link Hover Shadow};
- }
- div#posts {
- width:740px;
- margin-left:550px;
- margin-top:0px;
- z-index:1;
- float:left;
- background-image:url('http://static.tumblr.com/gdh5wux/EVAm7hth0/tumblr_m3sd0v7kfw1qhxwq3.gif');
- }
- .entry {
- margin-left:50px;
- margin-right:-48px;
- margin-bottom:3px;
- float:left;
- overflow:hidden;
- border:1px solid {color:Posts Border};
- background-color:{color:Posts BG};
- {block:IndexPage}
- width:320px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- padding:10px;
- margin-left:100px;
- {/block:PermalinkPage}
- }
- .perma{
- opacity: 0.0;
- filter:alpha(opacity = 0);
- margin-top:-21px;
- width:0px;
- height:30px;
- line-height:30px;
- font-size:9px;
- position:absolute;
- text-align:center;
- z-index:800;
- color:#000;
- }
- a.p{color:#fff;}
- .entry:hover .perma {
- opacity: 1;
- transition: all 0.4s linear;
- filter: alpha(opacity = 100);
- -webkit-transition: opacity 0.4s linear;
- -moz-transition: all 0.4s linear;
- }
- .likep{
- top:26px;
- left:5px;
- z-index:99;
- width:21px;
- height:20px;
- overflow:hidden;
- position: absolute;
- }
- .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{
- top:26px;
- left:29px;
- width:24px;
- height:20px;
- overflow:hidden;
- position:absolute;
- z-index:99;
- }
- .rep img{
- width:24px;
- height:20px;
- line-height:30px;
- display:inline;
- }
- .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:99;
- webkit-transition: all 0s linear;
- -webkit-transition: all 0s linear;
- -moz-transition: all 0s linear;
- transition: all 0s linear;
- }
- .not{
- position:absolute;
- background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
- height:20px;
- font-size:11px;
- line-height:20px;
- color:#fff;
- position:absolute;
- top:26px;
- left: 56px;
- padding-left:4px;
- padding-right:4px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
- .not a{
- color:#fff;
- font-weight:bold;
- font-family:Arial, Helvetica, sans-serif;
- }
- .entry:hover .not, .entry:hover .rep, .entry:hover .likep{opacity: 0.8;filter: alpha(opacity = 80);}
- .not:hover , .rep:hover, .likep:hover{opacity: 1!important;filter: alpha(opacity = 100)!important;}
- #infscr-loading{
- bottom:-70px;
- position:absolute;
- left:50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom:50px;
- }
- .title{
- font-family:'blackswan';
- text-transform:none;
- font-size:40px;
- line-height:40px;
- text-align:center;
- color:{color:Title};
- text-shadow:0px 1px 2px {color:Title Shadow};
- }
- .quote{
- font-family:caviardreams;
- font-size:12px;
- color:#888;
- text-transform:none;
- line-height:10px;
- text-align:right;
- }
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- .infinite {
- align:right;
- background:#ccc;
- color:black;
- margin:3px 0px 5px 66px;
- padding:7px;
- padding-top:5px;
- position:relative;
- border-radius:5px;
- }
- .infinite span {
- display:block;
- position:absolute;
- width:1px;height:1px;
- font-size: 8px;
- font-family:tinytots;
- line-height:1px;
- left:-10px;
- top:10px;
- border-top:5px solid transparent;
- border-bottom:5px solid transparent;
- border-right:10px solid #ccc;
- }
- .askborder{float:left;margin:1px 4px 0 0;}
- ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
- .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
- .user_9 .label {color:text};}
- .notes img{width:10px; position:relative; top:3px;}
- div#side{
- opacity:0.4;
- width:100%;
- position:fixed !important;
- text-align:center;
- top:180px;
- height:100px;
- left:-5px;
- z-index:-99999;
- background:{color:Side 1};
- border:1px solid {color:Side 1};
- box-shadow:0px 0px 7px {color:Side 1};
- -webkit-animation:fadeInDownBig 3s;
- -moz-animation:fadeInDownBig 3s;
- -ms-animation:fadeInDownBig 3s;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- div#side2{
- opacity:0.6;
- width:100%;
- position:fixed !important;
- text-align:center;
- top:230px;
- height:30px;
- left:-5px;
- z-index:-99999;
- background:{color:Side 2};
- border:1px solid {color:Side 2};
- box-shadow:0px 0px 20px {color:Side 2};
- -webkit-animation:fadeInDownBig 3s;
- -moz-animation:fadeInDownBig 3s;
- -ms-animation:fadeInDownBig 3s;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- div#side3{
- position:fixed !important;
- width:50px;
- height:100%;
- top:0px;
- left:300px;
- opacity:.5;
- z-index:-99999;
- background:{color:Side 3};
- border:1px solid {color:Side 3};
- box-shadow:0px 0px 7px {color:Side 3};
- -webkit-animation:fadeInDownBig 3s;
- -moz-animation:fadeInDownBig 3s;
- -ms-animation:fadeInDownBig 3s;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #sidebar{
- position:fixed;
- width:380px;
- height:500px;
- top:60px;
- left:50px;
- color:{color:Sidebar Text};
- text-align:center;
- background-color:{color:Sidebar BG};
- border:1px solid {color:Sidebar Border};
- box-shadow:-1px 0px 20px {color:Sidebar Box Shadow};
- -webkit-transition: all .5s ease-out;
- -moz-transition: all .5s ease-out;
- -o-transition: all .5s ease-out;
- transition: all .5s ease-out;
- }
- #sidebarpic img{width:100%;height:100%;}
- #sidebar:hover #sidebarpic{
- margin-left:-450px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- -webkit-transition: all .5s ease-out;
- -moz-transition: all .5s ease-out;
- -o-transition: all .5s ease-out;
- transition: all .5s ease-out;
- }
- #banner{
- position:fixed;
- font-family:'lovers';
- font-size:70px;
- color:#ddd;
- text-shadow:0px 0px 20px #ddd;
- margin-left:30px;
- margin-top:-30px;
- text-transform:none;
- z-index:99;
- }
- #sidebarpic{
- position:fixed;
- width:380px;
- height:500px;
- margin-top:0px;
- margin-left:0px;
- background-color:#fff;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- .heart {font-family:tinytots;display:block;height:15px;color:{color:Stats}; text-indent:5px; vertical-align:left;background:url('http://www.hellostar.org/wp-admin/images/q1.gif')no-repeat left;}
- .heart:hover{background:url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left;}
- div.navigate a{
- height:20px;
- width:60px;
- background-color:{color:Navigation BG};
- border:1px dotted {color:Navigation Border};
- font-family:tinytots;
- font-size:8px;
- text-transform:uppercase;
- margin:6px;
- float:left;
- text-align:center;
- line-height:20px;
- color:{color:Navigation Text};
- border-radius:5px;
- -webkit-transition:all 5s ease-out;
- -moz-transition:all 5s ease-out;
- transition:all 5s ease-out;
- }
- #faves img {
- width:50px;
- height:50px;
- margin-left:10px;
- border-radius:0px;
- box-shadow:0px 0px 10px {color:Favorites Shadow};
- -webkit-transition-duration:.7s;
- }
- #faves img:hover {
- -webkit-transition: 0.5s ease-in;
- border-radius:32px;
- opacity:0.5;
- }
- {CustomCSS}
- </style>
- <body>
- <div id="side"></div>
- <div id="side2"></div>
- <div id="side3"></div>
- <div id="sidebar">
- <div id="banner"><span id="bubble">{title}</span></div>
- <div id="sidebarpic"><img src="{image:sidebar}"></div>
- <br>
- <img src="http://static.tumblr.com/gdh5wux/ZbRmewd0h/2429473p3vo9mq4du.gif">
- <br>
- {description}
- ···········································································
- <br>
- This is where you put your obsessions, what you like, dislike, what you love, hate, love and hate. TV shows, movies, music, books, anything you like.
- ···········································································
- <br>
- <div id="faves">
- <center>
- <a href="{text:favorite 1}.tumblr.com">
- <img src='{image:fav 1}' title="{text:favorite 1}"/></a>
- <a href="{text:favorite 2}.tumblr.com">
- <img src='{image:fav 2}' title="{text:favorite 2}"/></a>
- <a href="{text:favorite 3}.tumblr.com">
- <img src='{image:fav 3}' title="{text:favorite 3}"/></a>
- <a href="{text:favorite 4}.tumblr.com">
- <img src='{image:fav 4}' title="{text:favorite 4}"/></a>
- <a href="{text:favorite 5}.tumblr.com">
- <img src='{image:fav 5}' title="{text:favorite 5}"/></a>
- </center>
- </div>
- ···········································································
- <br>
- <div class="heart">{text:STATS 1}</div>
- <div class="heart">{text:STATS 2}</div>
- <div class="heart">{text:STATS 3}</div>
- <div class="heart">{text:STATS 4}</div>
- <br>
- ···········································································
- <div class="navigate">
- <a href="/">Home</a>
- <a href="/ask">Inbox</a>
- <a href="/submit">Submit</a>
- <a href=".faves">Favs</a>
- <a href="/links">Links</a>
- <a href="http://beautifully-flawless.tumblr.com/">Credit</a>
- </div>
- ···········································································
- <br>
- <div id="faves">
- <marquee behavior="scroll" scrollamount="5" direction="left" onmouseover="this.stop();" onmouseout="this.start();">{block:Following}{block:Followed}<a target='_blank' href='{FollowedURL}'><img border='0' src='{FollowedPortraitURL-96}' width="40px" height="40px" />{/block:Followed}{/block:Following}</marquee>
- </div>
- </div>
- <div id="posts">
- {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 class="not">
- <a id="notes{PostID}"href="{Permalink}">{NoteCount}</a></div>
- </div>
- {/block:IndexPage}
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- <span class="entrytext">{Body}</span>
- {/block:Text}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {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="100%"></a></div>
- {LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <a href="{permalink}"><img class="photo"src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"></a>
- {LinkCloseTag}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <center>
- {Photoset-250}
- </center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}
- </center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {Quote}
- </span>
- {block:Source}
- <div class="quote">{Source}</div>
- {/block:Source}
- {/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:Chat}
- {block:Audio}
- <center>{AudioPlayerWhite}</center>
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <center>
- {Video-250}
- </center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-500}
- </center>
- {/block:PermalinkPage}
- {block:Video}
- {block:Answer}
- <img style="border:1px solid #aaa; width:40px; height:40px;"src="{AskerPortraitURL-40}"align="left"class="askborder">
- <div class="infinite">
- <span></span>
- {Asker}:{Question} </div>
- <div style="margin-top:-5px;">
- <br>{Answer}
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- <center>
- <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:PermalinkPage}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </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(400);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- {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>
- <script type="text/javascript" src="http://.ic.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
- <iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
- <span id="scriptsinsert"> </span>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement