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>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </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}
- <!----
- alicatofrp pls don't???? remove???? like?? yea
- 026. sick note.
- --->
- <meta name="image:PNG" content=""/>
- <meta name="image:Icon1" content=""/>
- <meta name="image:Icon2" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="color:Accent" content=""/>
- <meta name="color:Asker BG" content=""/>
- <meta name="color:Asker Text" content=""/>
- <meta name="color:Background" content=""/>
- <meta name="color:Border" content=""/>
- <meta name="color:Description" content=""/>
- <meta name="color:Entries" content=""/>
- <meta name="color:Link" content=""/>
- <meta name="color:Nav BG" content=""/>
- <meta name="color:Nav Link" content=""/>
- <meta name="color:Question BG" content=""/>
- <meta name="color:Question Text" content=""/>
- <meta name="color:Scrollbar" content=""/>
- <meta name="color:Tags" content=""/>
- <meta name="color:Text" content=""/>
- <meta name="color:Title" content=""/>
- <meta name="text:link 1 URL" content=""/>
- <meta name="text:link 1 text" content=""/>
- <meta name="text:link 2 URL" content=""/>
- <meta name="text:link 2 text" content=""/>
- <meta name="text:link 3 URL" content=""/>
- <meta name="text:link 3 text" content=""/>
- <meta name="text:answer text" content=""/>
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Background};
- }
- ::-webkit-scrollbar {
- height:10px;
- width:6px;
- background-color:{color:Scrollbar};
- }
- #s-m-t-tooltip {
- margin-top: 15px;
- font-family: arial;
- font-size: 8px;
- text-transform:uppercase;
- padding:2px;
- background-color:{color:Entries};
- color:{color:Text};
- border:1px solid {color:Border};
- z-index:9999;
- }
- body {
- background: {color:Background};
- background-image:url('{image:Background}');
- background-attachment:fixed;
- font-family: arial;
- font-size: 10px;
- line-height:120%;
- color: {color:Text};
- }
- blockquote {
- padding-left:5px;
- margin:0px 2px 0px 11px;
- border-left:2px solid {color:Border};
- }
- a {
- text-decoration: none;
- color: {color:Link};
- }
- pre {
- font-family:arial;
- font-size:8px;
- text-transform:Uppercase;
- font-weight:bold;
- background-color:{color:Accent};
- padding:5px;
- text-align:center;
- word-wrap: break-word;
- color:{color:Text};
- }
- small, sub {
- font-size:10px;
- }
- b, strong {
- color:{color:Title};
- }
- #hoverrside {
- position:fixed;
- margin-top:400px;
- margin-left:21px;
- width:12px;
- z-index:9999999999999999999999999999999999;
- background-color:{color:Accent};
- color:{color:text};
- height:auto;
- padding:2px;
- text-align:center;
- text-transform:uppercase;
- font-weight:bold;
- font-size:12px;
- word-wrap: break-word;
- }
- #photo1bar {
- position:fixed;
- margin-top:30px;
- margin-left:600px;
- padding:0px;
- border-bottom:3px solid {color:Border};
- height:200px;
- width:350px;
- }
- #photo2bar {
- position:fixed;
- bottom:-10px;
- margin-left:970px;
- padding:0px;
- border-top:0px solid {color:Border};
- height:450px;
- width:300px;
- }
- #stupidback {
- position:fixed;
- margin-top:240px;
- margin-left:600px;
- padding:20px;
- width:304px;
- height:100px;
- border-left:3px solid {color:Border};
- border-right:3px solid {color:Border};
- background-color:{color:Entries};
- }
- #description {
- position: fixed;
- margin-top:248px;
- margin-left:611px;
- padding: 10px;
- width:307px;
- height:96px;
- font-size:10px;
- letter-spacing:0px;
- text-align:justify;
- text-transform:lowercase;
- border-top:3px solid {color:Border};
- border-bottom:3px solid {color:Border};
- background-color:{color:Description};
- }
- #desc {
- margin-top:10px;
- }
- #sidee {
- position:fixed;
- margin-top:25px;
- margin-left:40px;
- width:349px;
- height:553px;
- z-index:9999999999999999999;
- background-color:{color:Entries};
- border-left:3px solid {color:Border};
- border-right:3px solid {color:Border};
- }
- #sidephoto {
- position:fixed;
- margin-top:158px;
- margin-left:40px;
- width:355px;
- height:300px;
- background-color:white;
- z-index:999999999999999999999999999999999;}
- #navbar {
- position:fixed;
- margin-left:50px;
- margin-top:46px;
- width:324px;
- height:88px;
- padding:5px;
- border-top:3px solid {color:Border};
- border-bottom:3px solid {color:Border};
- z-index:999999999999999999999999;
- background-color:{color:Background};
- }
- #navbar2 {
- position:fixed;
- margin-left:50px;
- margin-top:465px;
- width:324px;
- height:88px;
- padding:5px;
- border-top:3px solid {color:Border};
- border-bottom:3px solid {color:Border};
- z-index:999999999999999999999999;
- background-color:{color:Background};
- }
- #titlebar {
- position:fixed;
- margin-top:25px;
- margin-left:40px;
- width:345px;
- height:5px;
- padding:5px;
- z-index:9999999999999999999999999;
- background-color:{color:Accent};
- text-transform:uppercase;
- font-size:8px;
- font-family:arial;
- font-weight:bold;
- letter-spacing:1px;
- text-align: center;
- line-height:5px;
- }
- #pagbar {
- position:fixed;
- margin-top:576px;
- margin-left:40px;
- width:345px;
- height:5px;
- padding:5px;
- z-index:999999999999999999999999;
- background-color:{color:Accent};
- }
- #iconthing1 {
- position:fixed;
- margin-top:54px;
- margin-left: 55px;
- height:80px;
- width:80px;
- z-index:9999999999999999999999999999999999999;
- padding:3px;
- border:1px solid {color:Border};
- }
- #iconthing2 {
- position:fixed;
- margin-top:473px;
- margin-left: 290px;
- height:80px;
- width:80px;
- z-index:9999999999999999999999999999999999999;
- padding:3px;
- border:1px solid {color:Border};
- }
- #blurb {
- position:fixed;
- margin-top:25px;
- margin-left:330px;
- height:57px;
- width:225px;
- overflow:auto;
- padding:5px;
- color:{color:text};
- background-color:{color:background};
- font-size:10px;
- z-index:999999999999999999999999999999999999999;
- }
- #navigation {
- margin-top:0px;
- margin-right:0px;
- margin-left:93px;
- text-align:left;
- }
- #navigation a {
- display:inline-block;
- text-align:center;
- padding-right:5px;
- width:65px;
- text-transform:uppercase;
- font-weight:bold;
- font-family:arial;
- height:87px;
- line-height:87px;
- font-size:9px;
- letter-spacing:0px;
- margin-bottom:5px;
- border-left:3px solid {color:border};
- background-color:{color:Nav BG};
- margin-right:2px;
- color:{color:Nav Link};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- }
- #navigation2 {
- margin-top:0px;
- margin-right:0px;
- margin-left:0px;
- text-align:left;
- }
- #navigation2 a {
- display:inline-block;
- text-align:center;
- padding-right:5px;
- width:65px;
- text-transform:uppercase;
- font-weight:bold;
- font-family:arial;
- height:87px;
- line-height:87px;
- font-size:9px;
- letter-spacing:0px;
- margin-bottom:5px;
- border-right:3px solid {color:border};
- background-color:{color:Nav BG};
- margin-right:2px;
- color:{color:Nav Link};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- }
- #entries {
- position:absolute;
- width:522px;
- margin-left:420px;
- padding:10px;
- margin-top:15px;
- border-left: 0px solid {color:Border};}
- #entry {
- background-color:{color:Entries};
- margin-bottom:0px;
- padding:10px;
- border-left:0px solid {color:Border};
- border-right:0px solid {color:Border}; }
- img {
- max-width: 100%;
- }
- #posttitles {
- text-align: right;
- font-size: 18px;
- font-style:italic;
- letter-spacing:-1px;
- margin-right:20px;
- text-transform:lowercase;
- font-family:arial;
- padding:0px;
- border-bottom:0px double {color:Border};
- margin-bottom:5px;
- color: {color:Title};
- }
- #pagination {
- margin-top: 0px;
- word-spacing:3px;
- text-transform:uppercase;
- font-size:8px;
- font-family:arial;
- font-weight:bold;
- letter-spacing:1px;
- line-height:5px;
- text-align: center;
- }
- #pagination a {
- display: inline-block;
- text-transform:uppercase;
- font-size:8px;
- font-family:arial;
- font-weight:bold;
- letter-spacing:1px;
- text-align: center;
- }
- #questionbox {
- padding:5px;
- margin-bottom:10px;
- background-color:transparent;
- border-left:0px double {color:Border};
- border-right:0px double {color:Border};
- }
- #question {
- text-align:center;
- padding:5px;
- word-wrap: break-word;
- letter-spacing:0px;
- margin-bottom:10px;
- margin-top:15px;
- font-family:arial;
- background-color:{color:Question BG};
- color:{color:Question Text};
- padding:10px;
- border-left:3px solid {color:Asker BG};
- border-right:3px solid {color:Asker BG};
- font-size:10px;
- }
- .askerr1 {
- float:left;
- display:inline-block;
- z-index:10;
- font-family:arial;
- font-size:8px;
- text-align:left;
- width:487px;
- letter-spacing:1px;
- text-transform:uppercase;
- font-weight:bold;
- height:15px;
- line-height:15px;
- padding-left:5px;
- color:{color:Asker Text};
- background-color:{color:Asker BG};
- }
- .askerr1 a {
- color:{color:Asker TExt};
- }
- .askerr2 {
- float:right;
- display:inline-block;
- z-index:10;
- margin-top:-10px;
- font-family:arial;
- font-size:8px;
- text-align:right;
- width:487px;
- letter-spacing:1px;
- text-transform:uppercase;
- font-weight:bold;
- height:15px;
- line-height:15px;
- padding-right:5px;
- color:{color:Asker Text};
- background-color:{color:Asker BG};
- }
- #answer {
- text-align:justify;
- padding:5px;
- word-wrap: break-word;
- letter-spacing:0px;
- margin-bottom:0px;
- margin-top:15px;
- font-family:arial;
- background-color:{color:Question BG};
- color:{color:Question Text};
- padding:5px;
- border-left:3px solid {color:Asker BG};
- border-right:3px solid {color:Asker BG};
- border-bottom:3px solid {color:Asker bG};
- font-size:10px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 90px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- #permalink {
- text-align: center;
- border-top: 0px solid {color:Border};
- position: relative;
- background-color:{color:entries};
- font-size:8px;
- text-transform:uppercase;
- font-family:arial;
- margin-top: 0px;
- padding-top: 5px;
- }
- .dateline {
- height:1px;
- margin-top:0px;
- margin-left:0px;
- background-color:{color:Border};
- z-index:-1;
- }
- .date {
- font-family:arial;
- background-color:{color:entries};
- color:{color:text};
- font-size:8px;
- font-weight:bold;
- z-index:10;
- text-transform:uppercase;
- float:left;
- text-align:left;
- margin-top:-6px;
- margin-right:0px;
- margin-left:10px;
- padding-top:0px;
- padding-bottom:0;
- padding-left:5px;
- padding-right:5px;
- }
- .tags {
- background-color:{color:accent};
- color:{color:tags};
- font-size:8px;
- margin-top:8px;
- text-align:center;
- padding:4px;
- font-weight:bold;
- text-transform:uppercase;
- }
- .tags a{
- color:{color:tags};
- }
- #credit{
- font-size: 8px;
- font-style:none;
- float: center;
- position: fixed;
- bottom: 15px;
- right: 15px;
- color:{color:text};
- text-transform:uppercase;
- letter-spacing:1px;
- font-family:arial;
- }
- #credit a{
- color: {color:text};
- padding:4px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .popup_block{
- display:none;
- background-color:{color:Entries};
- color:{color:text};
- padding:20px;
- border-left:3px solid {color:Border};
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000;
- opacity:0.5;
- }
- </style>
- </head>
- <body>
- <div id="sidee"></div>
- <div id="navbar">
- <div id="navigation">
- <a href="/">refresh</a>
- <a href="/ask">message</a>
- <a href="http://alicatofrp.tumblr.com/">theme ©</a>
- </div>
- </div>
- <div id="navbar2">
- <div id="navigation2">
- <a href="{text:link 1 URL}">{text:link 1 text}</a>
- <a href="{text:link 2 URL}">{text:link 2 text}</a>
- <a href="{text:link 3 URL}">{text:link 3 text}</a>
- </div>
- </div>
- <div id="iconthing1"><img src="{image:icon1}"></div>
- <div id="iconthing2"><img src="{image:icon2}"></div>
- <div id="photo2bar"><img src="{image:PNG}"></div>
- <div id="pagbar"><div id="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:JumpPagination length="5"} {block:CurrentPage}<span class="currentpage">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="otherpage" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div></div>
- <div id="titlebar">{title}</div>
- <div id="sidephoto"><img src="{image:Sidebar}"></div>
- <div id="hoverrside"><a href="#?w=300" rel="box1" class="poplight">MORE</a></div>
- <div id="entries">
- {block:Posts}
- <div id="entry">
- {block:Text}
- <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
- {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}
- <div id="posttitles">{Quote}</div>
- {block:Source}<br>—{Source}{/block:Source}
- {/block:Quote}
- {block:Link}
- <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}{block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="questionbox"><div class="askerr1">{Asker} sent:</div> <div id="question">{Question}</div> <div class="askerr2">{text:answer text} answered:</div> <div id="answer">{Answer}</div></div>
- {/block:Answer}
- </div>
- <div id="permalink">
- <div class="dateline"></div><div class="date">
- {block:Date}Posted on: {TimeAgo}{/block:Date} ▾ <a href="{Permalink}">
- {NoteCountWithLabel}</a> ▾ <a href="{ReblogURL}" target="_blank">Reblog</a>
- {block:RebloggedFrom} ▾ post details: <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> & <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}</div>
- <div class="tags">{block:HasTags} tagged with: {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- <!-- /div entry ---> <br>
- </body>
- <div id="box1" class="popup_block">
- ❝ —— and by the way, <u>everything</u> in life is writable about if you have the <b><i>outgoing guts</b></i> to do it, and the <b>i m a g i n a t i o n</b> to <i>improvise</i>. the worst <strike>enemy</strike> to creativity is <strike>self-doubt</strike>. ❞
- <pre>this is your pre</pre>
- <p><blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</blockquote>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment