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">
- <!-- THEME #8 '1D CHRISTMAS' BY HRRYS
- I WORKED HARD ON THIS SO IF YOU REMOVE THE CREDIT OR EDIT AND CLAIM IT AS YOUR OWN, I'LL GET HARRY TO STRANGLE YOU.
- BUT SERIOUSLY I'LL REPORT YOU
- CREDIT TO http://cargline.tumblr.com/ for the 1D art!
- OKAY ENJOY NOW
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <link rel="shortcut icon" href="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-9.png" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <meta name="color:bg" content="#ffffff">
- <meta name="color:link" content="#bbb8b8">
- <meta name="color:text" content="#9a9a9a">
- <meta name="color:hover" content="#eeeeee">
- <meta name="color:border" content="#ede275">
- <meta name="color:scrollbar" content="#ff0000">
- <meta name="text:link 1" content="Refresh">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 2" content="Mssg">
- <meta name="text:link 2 url" content="/ask">
- <meta name="text:link 3" content="">
- <meta name="text:link 3 url" content="/">
- <meta name="text:link 4" content="">
- <meta name="text:link 4 url" content="/">
- <meta name="text:link 5" content="">
- <meta name="text:link 5 url" content="/">
- <meta name="if:Cursor" content="1">
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/blpgwiz/ZUlm8f7u4/online.css"/>
- <style type="text/css">
- /*Updates code (isn't mine but I made a tutorial for it)*/
- #updatesbox {/*the styling of the whole updates box*/
- line-height:100%;/*don't change this!*/
- display:block;/*don't change this either lol*/
- border:1px solid #eee;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
- height:12px;/*the height of the box before hover*/
- width:30px;/*the width of the box before hover*/
- padding:0px 5px 5px 5px;/*don't change this!*/
- z-index:99999999;/*don't change this!*/
- top:15px;/*distance from top of page*/
- left:15px;/*distance from left of page*/
- color:#999;/*color of text*/
- position:fixed;/*don't change this!*/
- background:#fff;/*background color of updates box*/
- overflow:hidden;/*don't change this!*/
- text-align:center;/*text alignment of everything in updates box*/
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #updatesbox:hover {/*the updates box after hover*/
- height:70px;/*the height of the box after hover*/
- width:210px;/*the width of the box after hover*/
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #updatestitle {/*the title of the updates box*/
- line-height:17px;/*don't change this!*/
- font-family:calibri;/*the font of the updates title*/
- text-transform:uppercase;/*can be uppercase, lowercase, none*/
- font-size:8px;/*font size of updates title*/
- }
- #inside {/*the actual updates*/
- font-size:9px;/*the font size of the actual updates*/
- font-family:georgia;/*the font of the actual updates*/
- width:210px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
- line-height:10px;/*don't change this!*/
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /*--scrollbar--*/
- ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
- ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
- }
- /*--body--*/
- body {
- font-style:none;
- background-color:{color:bg};
- font-family:calibri;
- color:{color:text};
- font-size:9px;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid {color:border};
- }
- h1 {
- font-size:10px;
- }
- /*--Cursor code--*/
- {block:ifCursor}
- *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
- {/block:ifCursor}
- /*--Links--*/
- #harry {
- width:auto;
- height:auto;
- }
- #harry img {
- position:fixed;
- width:51px;
- height:200px;
- opacity:1;
- margin-top:-40px;
- margin-left:200px;
- z-index:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #harry img:hover{
- opacity:0.6;
- }
- #louis {
- width:auto;
- height:auto;
- }
- #louis img {
- position:fixed;
- width:51px;
- height:200px;
- opacity:1;
- margin-top:-45px;
- margin-left:-115px;
- z-index:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #louis img:hover{
- opacity:0.6;
- }
- #niall {
- width:auto;
- height:auto;
- }
- #niall img {
- position:fixed;
- width:51px;
- height:200px;
- opacity:1;
- margin-top:-17px;
- margin-left:125px;
- z-index:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #niall img:hover{
- opacity:0.6;
- }
- #liam {
- width:auto;
- height:auto;
- }
- #liam img {
- position:fixed;
- width:51px;
- height:200px;
- opacity:1;
- margin-top:-5px;
- margin-left:-35px;
- z-index:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #liam img:hover{
- opacity:0.6;
- }
- #zayn {
- width:auto;
- height:auto;
- }
- #zayn img {
- position:fixed;
- width:51px;
- height:200px;
- opacity:1;
- margin-top:10px;
- margin-left:50px;
- z-index:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #zayn img:hover{
- opacity:0.6;
- }
- /*--xmas wreath thingy--*/
- #xmas {
- width:auto;
- height:auto;
- }
- #xmas img {
- position:fixed;
- width:438px;
- height:145px;
- opacity:1;
- margin-top:100px;
- margin-left:-150px;
- z-index:99999999999999;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- /*--That huge gold square--*/
- #square{
- margin-top:-100px;
- border-right:#EDE275 dashed 3px;
- border-left:#EDE275 dashed 3px;
- border-top:#EDE275 dashed 3px;
- margin-left:-135px;
- width:400px;
- z-index:-99999;
- height:220px;
- }
- /*--Title--*/
- #title {
- font-size:40px;
- font-weight:bold;
- font-family:Edwardian Script ITC;
- letter-spacing:1px;
- margin-top:-270px;
- margin-left:-130px;
- z-index:-9999999999999999999;
- width:408px;
- color:green;
- text-align:center;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- /*--sidebar--*/
- #sidebar {
- position:fixed;
- width:140px;
- margin-left:200px;
- margin-top:200px;
- }
- /*--description--*/
- #description {
- margin-top:10px;
- margin-left:-5px;
- padding:5px;
- width:140px;
- border-right:#EDE275 dashed 3px;
- border-left:#EDE275 dashed 3px;
- border-bottom:#EDE275 dashed 3px;
- opacity:1;
- font-family:'calibri';
- font-size:11px;
- text-align:center;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- #sidebar:hover #description{
- opacity:1;
- }
- /*--pagination--*/
- #pagination {
- margin-top:255px;
- margin-left:5px;
- text-align:center;
- font-size:20px;
- opacity:1;
- font-family:calibri;
- color:{color:link};
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- #pagination a{
- color:{color:link};
- }
- /*--posts--*/
- #posts {
- width:500px;
- margin-bottom:10px;
- padding:1px;
- font-size:11px;
- color:{color:text};
- line-height:90%;
- text-align:justify;
- }
- #postscontainer {
- margin-bottom:20px;
- padding:1px;
- margin-left:600px;
- margin-top:55px;
- }
- /*--Info--*/
- #info {
- margin-bottom:10px;
- font-size:8px;
- margin-top:10px;
- text-align:left;
- padding:5px;
- color:green;
- border-top:1px solid #EDE275;
- }
- #reblog {
- text-transform:uppercase;
- font-family:trebuchet ms;
- margin-left:-5px;
- margin-top:-5px;
- text-align:center;
- color:green;
- background-color:#EDE275;
- width:35px;
- padding:3px;
- }
- #reblog a {
- color:green;
- }
- #notes {
- margin-left:40px;
- margin-top:-12px;
- }
- #rightinfo {
- text-transform:uppercase;
- font-family:trebuchet ms;
- margin-left:370px;
- text-align:justify;
- float:right;
- background-color:#EDE275;
- padding:3px;
- margin-top:-12px;
- color:green;
- }
- #rightinfo a {
- color:green;
- }
- /*--tags--*/
- #tags {
- width:490px;
- margin-left:-4px;
- margin-top:7px;
- font-size:10px;
- color:red:
- }
- #tags a {
- color:red;
- }
- #tags a:hover {
- color:red;
- }
- /*--asks--*/
- #asker {
- padding:5px;
- text-align:left;
- line-height:120%;
- letter-spacing:1px;
- font-style:italic;
- font-family:cambria;
- border:5px #3aa14d double;
- background-color:#fff;
- color:red;
- }
- /*--credit--*/
- #credit {
- right:0px;
- bottom:0px;
- color:{color:text};
- position:fixed;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- /*--Link Labels--*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 4px 5px 4px;
- margin:20px 0px 0px 20px;
- background-color:white; /* change the background color */
- border:3px double green; /* change the border color */
- font-family:Curlz MT; /* change the font */
- font-size:11px; /* change the font size */
- letter-spacing:2px; /* change the letter spacing */
- text-transform:uppercase; /* can be uppercase, lowercase, none*/
- color:red; /* change the text color */
- z-index:999999999999999999999999999999999999;
- }
- {CustomCSS}
- </style>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery("#standardlinks").hide();
- //toggle the componenet with class msg_body
- jQuery("#shat").click(function()
- {
- jQuery(this).next("#standardlinks").slideToggle(500);
- });});
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/0szq8b5/PvUmf3mx0/snoweffect.js"></script>
- </head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <!--tutorial by meem.co.vu-->
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <body>
- <SCRIPT type="text/javascript">
- /*
- Snow Fall 1 - no images - Java Script
- Visit http://rainbow.arch.scriptmania.com/scripts/
- for this script and many more
- */
- // Set the number of snowflakes (more than 30 - 40 not recommended)
- var snowmax=35
- // Set the colors for the snow. Add as many colors as you like
- var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")
- // Set the fonts, that create the snowflakes. Add as many fonts as you like
- var snowtype=new Array("Times")
- // Set the letter that creates your snowflake (recommended: * )
- var snowletter="*"
- // Set the speed of sinking (recommended values range from 0.3 to 2)
- var sinkspeed=0.6
- // Set the maximum-size of your snowflakes
- var snowmaxsize=30
- // Set the minimal-size of your snowflakes
- var snowminsize=8
- // Set the snowing-zone
- // Set 1 for all-over-snowing, set 2 for left-side-snowing
- // Set 3 for center-snowing, set 4 for right-side-snowing
- var snowingzone=1
- ///////////////////////////////////////////////////////////////////////////
- // CONFIGURATION ENDS HERE
- ///////////////////////////////////////////////////////////////////////////
- // Do not edit below this line
- var snow=new Array()
- var marginbottom
- var marginright
- var timer
- var i_snow=0
- var x_mv=new Array();
- var crds=new Array();
- var lftrght=new Array();
- var browserinfos=navigator.userAgent
- var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
- var ns6=document.getElementById&&!document.all
- var opera=browserinfos.match(/Opera/)
- var browserok=ie5||ns6||opera
- function randommaker(range) {
- rand=Math.floor(range*Math.random())
- return rand
- }
- function initsnow() {
- if (ie5 || opera) {
- marginbottom = document.body.scrollHeight
- marginright = document.body.clientWidth-15
- }
- else if (ns6) {
- marginbottom = document.body.scrollHeight
- marginright = window.innerWidth-15
- }
- var snowsizerange=snowmaxsize-snowminsize
- for (i=0;i<=snowmax;i++) {
- crds[i] = 0;
- lftrght[i] = Math.random()*15;
- x_mv[i] = 0.03 + Math.random()/10;
- snow[i]=document.getElementById("s"+i)
- snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
- snow[i].size=randommaker(snowsizerange)+snowminsize
- snow[i].style.fontSize=snow[i].size+'px';
- snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
- snow[i].style.zIndex=1000
- snow[i].sink=sinkspeed*snow[i].size/5
- if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
- if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
- if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
- if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
- snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
- snow[i].style.left=snow[i].posx+'px';
- snow[i].style.top=snow[i].posy+'px';
- }
- movesnow()
- }
- function movesnow() {
- for (i=0;i<=snowmax;i++) {
- crds[i] += x_mv[i];
- snow[i].posy+=snow[i].sink
- snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
- snow[i].style.top=snow[i].posy+'px';
- if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
- if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
- if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
- if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
- if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
- snow[i].posy=0
- }
- }
- var timer=setTimeout("movesnow()",50)
- }
- for (i=0;i<=snowmax;i++) {
- document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
- }
- if (browserok) {
- window.onload=initsnow
- }
- </SCRIPT>
- <div id="sidebar">
- <div id="xmas">
- <img src="http://i.imgur.com/qMz6xZn.png"></div>
- <div id= "louis">
- <a title="{text:Link 1}" href="{text:Link 1 url}"><img src="http://i.imgur.com/vqpD4H1.gif" ></a> </div>
- <div id= "liam">
- <a title="{text:Link 2}" href="{text:Link 2 url}"><img src="http://i.imgur.com/Zhb8AgG.gif" > </div>
- <div id= "zayn">
- <a title="{text:Link 3}" href="{text:Link 3 url}"><img src="http://i.imgur.com/YgInOn5.gif" ></a> </div>
- <div id= "niall">
- <a title="{text:Link 4}" href="{text:Link 4 url}"><img src="http://i.imgur.com/YrtMoDH.gif" ></a> </div>
- <div id= "harry">
- <a title="{text:Link 5}" href="{text:Link 5 url}"><img src="http://i.imgur.com/HLRpJVZ.gif" ></a>
- </div>
- <div id="square"></div>
- <div id="title">{Title}</div>
- <div id="description">{description}</div>
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>{/block:Pagination}</div>
- <div id="updatesbox">
- <span id="updatestitle">updates</span>
- <div id="inside">
- <br>Here is an updates tab!
- <br>If you want multiple or want to change the height of the box, come ask me and ill link you to my tutorial</div></div></div>
- <div id="postscontainer">
- {block:Posts}
- <div id="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><span style="font-family:Curlz MT ;font-size:15px;"><big><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-9.png" height="13">{Asker}:</big> </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
- <div id="info"><div id="reblog"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div><div id="notes"><a href="{Permalink}">
- {NoteCountWithLabel}</a></div>
- <div id="rightinfo">{block:Date}<a href="{Permalink}">
- {TimeAgo}</a></a>{/block:Date} |{block:RebloggedFrom}<a href="{ReblogParentURL}"
- title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</div>
- {block:HasTags} <div id="tags">Tags{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- </div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div>
- <div id="credit"><a href="http://hrrys.tumblr.com"><img src="http://i.imgur.com/o7oww2G.png"></a>
- </div></div></div></div></div></div></div></div></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement