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" xml:lang="en" lang="en">
- <head><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}
- <meta name="color:background" content="#000" />
- <meta name="color:post" content="#000" />
- <meta name="color:sidebar" content="#000" />
- <meta name="color:text" content="#fff" />
- <meta name="color:titlecolor" content="#ccc" />
- <meta name="color:link" content="#ccc" />
- <meta name="color:border" content="#ccc" />
- <meta name="color:linkhover" content="#7d7d7d" />
- <meta name="color:quote" content="#373737" />
- <meta name="image:sidebarimg" content="http://i.imgur.com/gjZVx.png" />
- <meta name="image:barbg" content="http://25.media.tumblr.com/tumblr_m0leqeWfjP1r9g6hvo3_250.png" />
- <meta name="image:background" content="http://25.media.tumblr.com/tumblr_m0leqeWfjP1r9g6hvo3_400.png" />
- <meta name="text:TwitterLink" content=""/>
- <meta name="text:FacebookLink" content=""/>
- <meta name="text:AboutMe" content="" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1URL" content=""/>
- <meta name="text:Link2" content="" />
- <meta name="text:Link2URL" content=""/>
- <meta name="text:Link3" content="" />
- <meta name="text:Link3URL" content=""/>
- <meta name="text:Link4" content="" />
- <meta name="text:Link4URL" content=""/>
- <meta name="text:Link5" content="" />
- <meta name="text:Link5URL" content=""/>
- <meta name="text:Link6" content="" />
- <meta name="text:Link6URL" content=""/>
- <meta name="text:Link7" content="" />
- <meta name="text:Link7URL" content=""/>
- <meta name="text:Link8" content="" />
- <meta name="text:Link8URL" content=""/>
- <meta name="if:FadingImages" content="1" />
- <meta name="if:aboutandlinks" content="1" />
- <meta name="if:Facebook" content="1" />
- <meta name="if:Twitter" content="1" />
- <style type="text/css">
- *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
- @font-face {
- font-family: 'Lobster';
- font-style: normal;
- font-weight: 400;
- src: local('Lobster'), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/TSDaXhyJuDJ-NBU0popSWA.ttf) format('truetype');
- }
- body {
- background-color:{color:background};
- background:url({image:background});
- background-attachment:fixed;
- margin:0px;
- color:{color:text};
- font-family:corbel;
- font-size:12px;
- line-height:100%;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:text};
- height: 30px;}
- ::-webkit-scrollbar {
- height: 30px;
- width: 4px;
- background-color:{color:background};}
- a {
- text-decoration:none;
- color:#ccc;
- }
- a:hover {
- color:#7d7d7d;
- }
- {block:iffadingimages}{block:indexpage}.photo {
- opacity: 1;
- -moz-transition-property: opacity; /* Firefox 4 */
- -moz-transition-duration: 2s; /* Firefox 4 */
- -webkit-transition-property: opacity; /* Safari and Chrome */
- -webkit-transition-duration: 2s; /* Safari and Chrome */
- -o-transition-property: opacity; /* Opera */
- -o-transition-duration: 2s; /* Opera */
- }
- .photo:hover {
- opacity:.8;
- }{/block:indexpage}{/block:iffadingimages}
- blockquote {
- padding:2px;
- background:{color:quote};
- border-left:5px solid {color:border};
- }
- blockquote blockquote {
- padding:2px;
- background:{color:quote};
- border-left:5px solid {color:border};
- }
- blockquote blockquote blockquote {
- padding:2px;
- background:{color:quote};
- border-left:5px solid {color:border};
- }
- h1 {
- font-size:20px;
- text-align:center;
- text-transform:uppercase;
- }
- #entries {
- padding:10px;
- width:500px;
- height:100%;
- margin-top:40px;
- background-attachment:fixed;
- margin-left:355px;
- background:{color:background};
- }
- #post {
- margin-top:20px;
- width:500px;
- text-align:justify;
- }
- #bar
- {
- width: 100%;
- top:0;
- left:0;
- position:fixed;
- background: url({image:barbg});
- font-family: lobster, corbel;
- font-size: 25px;
- line-height: 100%;
- text-align: center;
- padding-bottom:10px;
- padding-top:10px;
- color: {color:titlecolor};
- z-index:100;
- border-bottom:5px solid {color:border};
- }
- #sidebar {
- width:180px;
- background: url({image:barbg});
- position:fixed;
- margin-left:150px;
- margin-top:5px;
- z-index:150;
- padding-bottom:35px;
- border-bottom:5px solid {color:border};
- border-left:5px solid {color:border};
- border-right:5px solid {color:border};
- border-bottom-left-radius:90px;
- border-bottom-right-radius:90px;
- -moz-border-bottom-left-radius:90px;
- -moz-border-bottom-right-radius:90px;
- }
- #links {
- width:100px;
- background: transparent;
- position:fixed;
- margin-left:895px;
- margin-top:250px;
- z-index:150;
- }
- #link1 {
- width:25px;
- text-align:center;
- height:25px;
- background: url({image:barbg});
- position:fixed;
- margin-left:895px;
- margin-top:5px;
- z-index:150;
- padding:1px;
- border-bottom:5px solid {color:border};
- border-left:5px solid {color:border};
- border-right:5px solid {color:border};
- webkit-border-bottom-right-radius: 12.5px;
- -webkit-border-bottom-left-radius: 12.5px;
- -moz-border-radius-bottomright: 12.5px;
- -moz-border-radius-bottomleft: 12.5px;
- border-bottom-right-radius: 12.5px;
- border-bottom-left-radius: 12.5px;
- transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #link1:hover {
- height:100px;
- padding-top:80px;
- }
- #link2 {
- width:25px;
- height:25px;
- text-align:center;
- background: url({image:barbg});
- position:fixed;
- margin-left:925px;
- margin-top:5px;
- z-index:150;
- padding:1px;
- border-bottom:5px solid {color:border};
- border-left:5px solid {color:border};
- border-right:5px solid {color:border};
- webkit-border-bottom-right-radius: 12.5px;
- -webkit-border-bottom-left-radius: 12.5px;
- -moz-border-radius-bottomright: 12.5px;
- -moz-border-radius-bottomleft: 12.5px;
- border-bottom-right-radius: 12.5px;
- border-bottom-left-radius: 12.5px;
- transition-property: height;
- transition-duration: 2s;
- transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #link2:hover {
- height:100px;
- padding-top:80px;
- }
- #link3 {
- width:25px;
- height:25px;
- text-align:center;
- background: url({image:barbg});
- position:fixed;
- margin-left:955px;
- margin-top:5px;
- z-index:150;
- text-align:center;
- padding:1px;
- border-bottom:5px solid {color:border};
- border-left:5px solid {color:border};
- border-right:5px solid {color:border};
- webkit-border-bottom-right-radius: 12.5px;
- -webkit-border-bottom-left-radius: 12.5px;
- -moz-border-radius-bottomright: 12.5px;
- -moz-border-radius-bottomleft: 12.5px;
- border-bottom-right-radius: 12.5px;
- border-bottom-left-radius: 12.5px;
- transition-property: height;
- transition-duration: 2s;
- transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #link3:hover {
- height:100px;
- padding-top:80px;
- }
- #link4 {
- width:25px;
- height:25px;
- text-align:center;
- background: url({image:barbg});
- position:fixed;
- margin-left:985px;
- margin-top:5px;
- z-index:150;
- padding:1px;
- border-bottom:5px solid {color:border};
- border-left:5px solid {color:border};
- border-right:5px solid {color:border};
- webkit-border-bottom-right-radius: 12.5px;
- -webkit-border-bottom-left-radius: 12.5px;
- -moz-border-radius-bottomright: 12.5px;
- -moz-border-radius-bottomleft: 12.5px;
- border-bottom-right-radius: 12.5px;
- border-bottom-left-radius: 12.5px;
- transition-property: height;
- transition-duration: 2s;
- transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #link4:hover {
- height:100px;
- padding-top:80px;
- }
- #link5 {
- width:25px;
- height:25px;
- text-align:center;
- background: url({image:barbg});
- position:fixed;
- margin-left:1015px;
- margin-top:5px;
- z-index:150;
- padding:1px;
- border-bottom:5px solid {color:border};
- border-left:5px solid {color:border};
- border-right:5px solid {color:border};
- webkit-border-bottom-right-radius: 12.5px;
- -webkit-border-bottom-left-radius: 12.5px;
- -moz-border-radius-bottomright: 12.5px;
- -moz-border-radius-bottomleft: 12.5px;
- border-bottom-right-radius: 12.5px;
- border-bottom-left-radius: 12.5px;
- transition-property: height;
- transition-duration: 2s;
- transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- #link5:hover {
- height:100px;
- padding-top:80px;
- }
- #title {
- font-size:15px;
- text-align:center;
- margin-bottom:5px;
- }
- #sidebarimage {
- width: 170px;
- height:200px;
- }
- #sidebarimage img {
- width:170px;
- }
- #description {
- padding:5px;
- text-align:center;
- }
- #pagination {
- font-size:20px;
- text-align:center;
- }
- #info {
- border-top:1px solid {color:border};
- border-bottom:1px solid {color:border};
- text-align:center;
- margin-top:10px;
- padding:5px;
- }
- #asker {
- float:left;
- margin-right:5px;
- }
- #description {
- position:center;
- width:160px;
- color:{color:text};
- font-size:12px;
- text-align:justify;
- padding: 10px;
- }
- #fade {
- display: none;
- background: {color:background};
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: {color:background};
- padding: 20px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- text-align:justify;
- z-index: 99999;
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .link {
- opacity:.8;
- transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- .link:hover {
- opacity:1;
- }
- .links {
- display:inline-block;
- color:{color:background};
- font-size:11px;
- border-bottom:0px;
- margin-right:1px;
- width:150px;
- padding:5px;
- margin-top:5px;
- text-transform:uppercase;
- background-color:{color:text};
- cursor:url("http://www.freewebs.com/cbitwboxes/tiny.cur");
- transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- }
- .links:hover {
- font-style:italic;
- color:{color:text};
- background-color:{color:background};
- cursor:url("http://www.freewebs.com/cbitwboxes/tiny.cur");
- }
- {CustomCSS}</style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i.imgur.com/tLvqA.png" class="btn_close" title="Close Window" alt="Close" /></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- </head><body>
- <div id="popup_name" class="popup_block">
- <center><img src="{PortraitURL-128}"><br>
- {text:AboutMe}
- <br><br>
- {block:ifLink1}<a href="{text:Link1URL}"><div class='links'>{text:Link1}</div></a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2URL}"><div class='links'>{text:Link2}</div></a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3URL}"><div class='links'>{text:Link3}</div></a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4URL}"><div class='links'>{text:Link4}</div></a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link5URL}"><div class='links'>{text:Link5}</div></a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:Link6URL}"><div class='links'>{text:Link6}</div></a>{/block:ifLink6}
- {block:ifLink7}<a href="{text:Link7URL}"><div class='links'>{text:Link7}</div></a>{/block:ifLink7}
- {block:ifLink8}<a href="{text:Link8URL}"><div class='links'>{text:Link8}</div></a>{/block:ifLink8}
- {block:ifLink9}<a href="{text:Link9URL}"><div class='links'>{text:Link9}</div></a>{/block:ifLink9}
- </center>
- </div>
- <div id="links">
- {block:ifaboutandlinks}<div class="link"><a href="#?w=500" rel="popup_name" class="poplight"><img src="http://imageshack.us/a/img88/3113/usericon48.png"></a><br></div>{/block:ifaboutandlinks}
- {block:ifTwitter}<div class="link"><a href="{text:TwitterLink}"><img src="http://imageshack.us/a/img543/7030/twitter2icon48.png"></a><br></div>{/block:ifTwitter}
- {block:ifFacebook}<div class="link"><a href="{text:Facebook}"><img src="http://i.imgur.com/tZ02i.png"></a><br></div>{/block:ifFacebook}
- <center><div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><div class="link"><img src="http://i.imgur.com/e4uaY.png"></div></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"><div class="link"><img src="http://imageshack.us/a/img17/3069/playbacknexticon48.png"></div></a>{/block:NextPage}{/block:Pagination}</div></center>
- </div>
- <div id="bar">{title}</div>
- <a href="/"><div id="link1"><img src="http://imageshack.us/a/img840/1220/homeicon16.png"></div></a>
- <a href="/ask"><div id="link2"><img src="http://imageshack.us/a/img705/7605/mail2icon16.png"></div></a>
- <a href="/archive"><div id="link3"><img src="http://imageshack.us/a/img850/4953/calendar2icon16.png"><br/></div></a>
- <a href="/mobile"><div id="link4"><img src="http://imageshack.us/a/img140/3213/phonetouchicon16.png"></div></a>
- <a href="http://classily-trashy.tumblr.com/"><div id="link5"><img src="http://imageshack.us/a/img201/5567/certicon16.png"></div></a>
- <div id="sidebar">
- <center><div id="sidebarimage"><img src="{image:sidebarimg}"></div></center>
- <div id="description">{Description}<br></div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<img align="left" src="http://imageshack.us/a/img651/5466/docemptyicon24.png" style="margin-right:5px;padding:3px;"/> <h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<center><img align="left" src="http://imageshack.us/a/img651/9598/photoicon24.png" style="margin-right:5px;padding:3px;"> </center><center><div class="photo"><img src="{PhotoURL-400}"></div></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center><img align="left" src="http://imageshack.us/a/img651/9598/photoicon24.png" style="margin-right:5px;padding:3px;"> </center><div class="photo"><center>{Photoset-400}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<img align="left" src="http://imageshack.us/a/img571/7817/chatbubblemessagesquare.png" style="margin-right:5px;padding:3px;"/> <span style="font-size:20px;line-height:110%;"><b><i>"{Quote}"</i></b></span><br><br><center>{block:Source} —{Source}{/block:Source}</center>{/block:Quote}
- {block:Link}<img align="left" src="http://imageshack.us/a/img826/599/redoicon24.png" style="margin-right:5px;padding:3px;"/> <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<img align="left" src="http://imageshack.us/a/img32/7162/spechbubble2icon24.png" style="margin-right:5px;padding:3px;"/> {block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}<img align="left" src="http://imageshack.us/a/img10/8263/musicicon24.png" style="margin-right:5px;padding:3px;"/> {AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}<img align="left" src="http://imageshack.us/a/img845/1403/sqnexticon24.png" style="margin-right:5px;padding:3px;"/> {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<img align="left" src="http://imageshack.us/a/img571/7817/chatbubblemessagesquare.png" style="margin-right:5px;padding:3px;"/> <div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
- <div id="info">
- <img src="http://imageshack.us/a/img651/1042/chartbaricon16.png" width="10px" height="10px"> {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
- {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
- title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom} <img src="http://imageshack.us/a/img27/1350/refreshicon24.png" width="10px" height="10px"> <a href="{reblog-URL)">Reblog</a>
- <br> <img src="http://imageshack.us/a/img341/9892/tagicon16.png" width="10px" height="10px"> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}</div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement