Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <!-- custom theme for dcddyrcaper -->
- <!-- please do not steal, redistribute, or claim as your own. KEEP CREDIT IN TACT. thank you! -->
- <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="image:bg" content="">
- <meta name="image:infobg" content="">
- <meta name="color:bold" content="#8d94c3">
- <meta name="color:italic" content="#5d6389">
- <meta name="color:links" content="#8d94c3">
- <meta name="color:scrollbar" content="#171526">
- <meta name="color:borders" content="#3c3762">
- <meta name="color:hover link" content="#ffffff">
- <meta name="color:text" content="#9f9f9f">
- <meta name="text:your url" content="x">
- <meta name="text:home title" content="return">
- <meta name="text:ask title" content="ask">
- <meta name="text:ask page title" content="ask pop">
- <meta name="text:pop1 link title" content="pop 1 title">
- <meta name="text:pop1 page title" content="pop 1 page">
- <meta name="text:pop1 page input" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
- <meta name="text:pop2 link title" content="pop 2 title">
- <meta name="text:pop2 page title" content="pop 2 page">
- <meta name="text:pop2 page input" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
- <meta name="text:pop3 link title" content="pop 3 title">
- <meta name="text:pop3 page title" content="pop 3 page">
- <meta name="text:pop3 page input" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
- <meta name="text:pop4 link title" content="pop 4 title">
- <meta name="text:pop4 page title" content="pop 4 page">
- <meta name="text:pop4 page input" content="Pudding soufflé topping donut cheesecake. Chocolate bar cheesecake wafer chupa chups croissant cookie topping pudding. Oat cake ice cream cake bonbon bear claw cheesecake ice cream cake gingerbread. Ice cream muffin chocolate bar chupa chups jelly-o. Candy gummies biscuit dragée jelly cookie pie oat cake. Biscuit halvah oat cake chupa chups toffee bear claw cake croissant. Dragée candy croissant.">
- <link href="https://fonts.googleapis.com/css?family=Playfair+Display|Tangerine&display=swap" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <script type="text/javascript"
- src="https://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>
- <style type="text/css">
- body {
- font-family: 'Playfair Display', serif;
- color: {color:text};
- font-size: 9pt;
- letter-spacing: 0px;
- background-color: #020000;
- background-image: url('{image:bg}');
- background-position: absolute;
- background-attachment: fixed;
- line-height: 140%;
- background-repeat: no-repeat;
- text-align: justify;
- }
- #s-m-t-tooltip{
- position: absolute;
- z-index: 999999999999999999999999999999999999999999999999999999999999;
- margin-top: 10px;
- margin-left: 5px;
- display: block;
- background-image: url('{image:infobg}');
- background-position: top;
- text-align: center;
- color: #fff;
- font-style: italic;
- font-weight: bold;
- font-family: 'Tangerine', cursive;
- letter-spacing: 1px;
- text-shadow: 1px 1px 2px #000;
- border: 4px {color:borders};
- border-style: double;
- padding: 15px;
- font-size: 20pt;
- margin-bottom: 5px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:scrollbar};
- height:auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: {color:scrollbar};
- height:2px;
- }
- ::-webkit-scrollbar {
- height:3px;
- width:3px;
- background-color: transparent;
- }
- a {
- text-decoration: none;
- color: {color:links};
- font-size: 16pt; font-weight: bold;
- line-height: 20pt;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- font-family: 'Tangerine', cursive;
- letter-spacing: 1px;
- text-shadow: 1px 1px 5px #000;
- }
- a:hover {
- text-decoration: none;
- letter-spacing: 2px;
- filter:blur(1px);
- color: {color:hover link};
- transition-duration: 0.6s;
- -moz-transition-duraftion: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- font-family:'Tangerine', cursive;
- }
- small, sup, sub {
- font-size: 100%;
- }
- b, strong {
- text-shadow: 1px 1px 5px #000;
- padding-left: 2px;
- font-weight: bold;
- text-transform: uppercase;
- padding-right: 2px;
- color:{color:bold};
- letter-spacing: 2px;
- font-size: 14px;
- }
- i, em {
- text-shadow: 1px 1px 3px #000;
- color:{color:italic};
- letter-spacing: 1px;
- padding-left:5px;
- font-weight: bold;
- padding-right: 5px;
- padding-top: 10px;
- padding-bottom: 10px;
- font-size: 12px;
- }
- h2 {
- text-shadow: 1px 1px 3px #000;
- font-family: 'Tangerine', cursive;
- font-size: 150%;
- line-height: 160%;
- font-weight: bold;
- color:{color:bold};
- letter-spacing: 1px;
- }
- #info {
- padding: 10px;
- background-image: url('{image:infobg}');
- background-position: top;
- text-align: center;
- opacity: 1;
- margin-top: 20px;
- letter-spacing: 1px;
- font-weight: bold;
- font-family: 'Tangerine', cursive;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- font-size:22px;
- border:4px double {color:borders};
- }
- #sidetitle {
- padding: 5px;
- font-size: 9px;
- background-image: url('{image:infobg}');
- background-position: center;
- text-transform: uppercase;
- text-align: center;
- opacity: 1;
- line-height: 10px;
- letter-spacing: 2px;
- border: 4px double {color:borders};
- }
- #info a {
- font-size: 20pt;
- text-transform: lowercase;
- text-shadow: 1px 1px 3px #000;
- color: {color:bold};
- }
- #h1 {
- text-align: center;
- font-family: 'Tangerine', cursive;
- padding: 10px;
- line-height: 110%; color:{color:bold};
- font-size: 25pt; font-weight: bold;
- background-position: center;
- margin-bottom: 5px;
- }
- #sidebar {
- margin-left: 602px;
- width: 149px;
- font-size: 9px;
- margin-top: 345px;
- position: fixed;
- background-color: transparent;
- padding: 10px;
- }
- #description {
- font-size: 10px;
- height:95px;
- padding-right: 3px;
- overflow: auto;
- }
- #audio {
- text-align: center;
- font-size: 8pt;
- line-height: 9pt;
- }
- #musicinfo {
- font-family:'Tangerine', cursive;
- font-size: 26px;
- margin-top:10px;
- font-weight: bold;
- }
- blockquote {
- border-left: 1px solid {color:borders};
- padding: 3px;
- background-color:#020000;
- }
- blockquote img {
- max-width: 100%;
- }
- ol.notes {
- text-align: left;
- list-style: upper-roman;
- padding: 10px;
- }
- #info a:hover {
- color: {color:italic};
- }
- #credit {
- right:10px;
- bottom:7px;
- padding:5px;
- font-size:10px;
- position:fixed;
- background-image: url('{image:infobg}');
- background-position: top;
- font-style: italic;
- font-family: 'Tangerine', cursive;
- letter-spacing: 1px;
- border: 4px double {color:borders};
- padding: 5px;
- font-size: 120%;
- margin-bottom: 5px;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #credit a {
- font-family: 'Tangerine', cursive;
- padding:5px;
- letter-spacing:1px;
- text-decoration:none;
- font-weight:bold;
- }
- #tags a {
- text-shadow: 1px 1px 2px #000;
- color:{color:text};
- }
- #tags a:hover {
- color: {color:bold};
- }
- #post {
- width: 500px;
- overflow: hidden;
- margin-bottom: 30px;
- }
- #posts {
- width: 500px;
- height: 543px;
- padding-right: 5px;
- position: absolute;
- margin-left:32px;
- margin-top:30px;
- overflow: auto;
- }
- #pages {
- margin-left: 780px;
- margin-top: 360px;
- position: fixed;
- }
- #pages a {
- color: {color:text};
- font-weight: bold;
- text-transform: uppercase;
- font-family: 'playfair display', serif;
- }
- #pages a:hover {
- letter-spacing: 2px;
- color:{color:links};
- }
- #ask {
- border-bottom: 4px double {color:borders};
- padding: 10px;
- font-size: 10pt;
- text-align: center;
- background-color:#000;
- }
- #ask a {
- font-size: 40pt;
- }
- #ri {
- position: fixed;
- width: 200px;
- margin-left: -30px;
- text-align: center;
- margin-top: 10px;
- }
- #ri a {
- font-family:'Playfair Display', serif;
- text-transform: uppercase;
- font-size: 10pt;
- letter-spacing: 2px;
- }
- #p1 {
- position: fixed;
- margin-left: 750px;
- margin-top: 70px; transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #p1:hover {
- transform:rotate(45deg); transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #p2 {
- position: fixed;
- margin-left:880px;
- margin-top: 110px; transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #p2:hover {
- transform:rotate(45deg); transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #p3 {
- position: fixed;
- margin-left:880px;
- margin-top: 260px; transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #p3:hover {
- transform:rotate(45deg); transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #p4{
- position: fixed;
- margin-left:980px;
- margin-top: 350px; transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #p4:hover {
- transform:rotate(45deg); transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #fade {
- display: none;
- background: #000;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .50;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- padding: 20px;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- background-color: #0b0a12;
- border: 3px solid {color:borders};
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #poph1 {
- padding: 15px;
- background-image: url('{image:infobg}');
- background-position: top;
- text-align: center;
- opacity: 1;
- font-weight: bold;
- font-family: 'Tangerine', cursive;
- letter-spacing: 1px;
- margin-bottom: 20px;
- font-size:30pt;
- text-shadow: 1px 1px 2px #000;
- border: 4px {color:borders};
- border-style: double;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="description">
- <div id="sidetitle">{title}</div>
- {description}</div>
- </div>
- <div id="pages">
- <a href="/" title="{text:home title}">I.</a>
- <a href="#?w=500" rel="askme" class="poplight" title="{text:ask title}">II.</a>
- <a href="#?w=500" rel="popup1" class="poplight" title="{text:pop1 link title}">III.</a><br>
- <a href="#?w=500" rel="popup2" class="poplight" title="{text:pop2 link title}">IV.</a>
- <a href="#?w=500" rel="popup3" class="poplight" title="{text:pop3 link title}">V.</a>
- <a href="#?w=500" rel="popup4" class="poplight" title="{text:pop4 link title}">VI.</a><br>
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">fall back</a> /<br>
- {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">venture on</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="posts">
- {block:Posts}
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource} <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <div id="post">
- {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
- {Caption} {/block:Caption}{/block:Photo}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
- {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<b style="text-align: center; font-size: 18pt; line-height: 20pt;">{Quote}</b>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
- {Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
- <div id="l">{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div id="audio">
- {block:TrackName}
- <div id="musicinfo" style="margin-top: 5px;">
- {AudioPlayerGrey} <br>
- {TrackName} by
- {/block:TrackName}
- {block:Artist}
- {Artist}
- {/block:Artist}
- </div>
- </div>
- {block:caption}<div id="caption">{Caption} </div>{/block:caption}
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="ask">
- {Asker} asked,<br>
- <span style="font-weight: normal;font-family: 'Playfair Display', serif; color: {color:text}; font-size: 10pt;">❝ {Question} ❞</span>
- </table>
- </div>
- {Answer}{/block:Answer}
- <div id="info">
- <a title="{TimeAgo}" title="{TimeAgo}">{TimeAgo}</a> ♘ <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> ♘ <a href="{ReblogURL}" title="reblog">Reblog</a>
- <div id="tags">
- {block:HasTags}{block:Tags} <a href="{TagURL}" style="font-family:'Playfair Display', serif; font-size: 10px; line-height: 13px;">#{Tag} </a>
- {/block:Tags}{/block:HasTags}
- </div>
- </div>
- </div>
- {block:PostNotes}<Div style="width: 500px;">
- {PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div>
- <div id="credit">
- <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
- </div>
- <div id="askme" class="popup_block">
- <div id="poph1">{text:ask page title}</div>
- <iframe frameborder="0"
- height="190"
- id="ask_form"
- scrolling="no"
- src="https://www.tumblr.com/ask_form/{text:your url}.tumblr.com"
- width="100%">
- </iframe>
- </div>
- <div id="popup1" class="popup_block">
- <div id="poph1">{text:pop1 page title}</div>
- <div style="height: 400px; overflow: auto; padding-right: 5px;">
- {text:pop1 page input}</div>
- </div>
- <div id="popup2" class="popup_block">
- <div id="poph1">{text:pop2 page title}</div>
- <div style="height: 400px; overflow: auto; padding-right: 5px;">
- {text:pop2 page input}</div>
- </div>
- <div id="popup3" class="popup_block">
- <div id="poph1">{text:pop3 page title}</div>
- <div style="height: 400px; overflow: auto; padding-right: 5px;">
- {text:pop3 page input}</div>
- </div>
- <div id="popup4" class="popup_block">
- <div id="poph1">{text:pop4 page title}</div>
- <div style="height: 400px; overflow: auto; padding-right: 5px;">
- {text:pop4 page input}</div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement