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>
- <!-- 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="color:text" content="#ffffff">
- <meta name="color:bold" content="#b63766">
- <meta name="color:italic" content="#a2318b">
- <meta name="color:links" content="#7b2d3e">
- <meta name="color:borders" content="#81748a">
- <meta name="color:hover link" content="#ffffff">
- <meta name="text:link1url" content="/">
- <meta name="text:link1title" content="link">
- <meta name="text:link2url" content="/">
- <meta name="text:link2title" content="link">
- <meta name="text:link3url" content="/">
- <meta name="text:link3title" content="link">
- <meta name="text:link4url" content="/">
- <meta name="text:link4title" content="link">
- <link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Niconne&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: 'Montserrat', sans-serif;
- color: {color:text};
- font-size: 9pt;
- letter-spacing: 0px;
- background-color:#272727;
- background-image: url('https://i.imgur.com/QK0eMmr.png');
- background-position: top-right;
- background-repeat: no-repeat;
- background-attachment: fixed;
- line-height: 12pt;
- text-align: justify;
- }
- #s-m-t-tooltip{
- position: absolute;
- z-index: 999999999999999999999999999999999999999999999999999999999999;
- margin-top: 10px;
- margin-left: 5px;
- display: block;
- color: #fff;
- background-image: url('https://i.imgur.com/ljk5lth.png');
- background-attachment: fixed;
- background-repeat: repeat;
- background-position: center;
- text-align: center;
- font-style: italic;
- box-shadow: 2px 2px 5px #000;
- font-family: 'Montserrat', sans-serif;
- letter-spacing: 1px;
- text-shadow: 1px 1px 5px black;
- border: 4px double{Color:Borders};
- padding: 10px;
- font-size: 22pt;
- 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:2px;
- width:2px;
- background-color:transparent;
- }
- a {
- text-decoration: none;
- color: {color:links};
- font-size: 13pt;
- line-height: 19pt;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- font-family: 'Niconne', cursive;
- font-weight: bold;
- letter-spacing: 1px;
- text-shadow: 1px 1px 3px black;
- }
- a:hover {
- text-decoration: none;
- letter-spacing: 1px;
- filter:blur(2px);
- color: {color:hover link};
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- small, sup, sub {
- font-size: 100%;
- }
- b, strong {
- text-shadow: 1px 1px 4px black;
- padding-left: 2px;
- padding-right: 2px;
- color:{color:bold};
- letter-spacing: 0px;
- font-size: 12pt;
- font-family: 'Montserrat', sans-serif;
- }
- i, em {
- text-shadow: 1px 1px 4px black;
- color:{color:italic};
- font-style: italic;
- font-family: 'Niconne', cursive;
- letter-spacing: 1px;
- padding-left:5px;
- padding-right: 5px;
- padding-top: 10px;
- padding-bottom: 10px;
- font-size: 13pt;
- }
- h2 {
- text-shadow: 1px 1px 5px black;
- color: #fff;
- font-family: 'Montserrat', sans-serif;
- font-size: 16pt;
- font-weight: bold;
- line-height: 120%;
- letter-spacing: 1px;
- }
- #info {
- padding: 10px;
- margin-top: 10px;
- background-image: url('https://i.imgur.com/ljk5lth.png');
- background-repeat: repeat;
- background-attachment: fixed;
- text-align: center;
- color: #fff;
- letter-spacing: 1px;
- text-shadow: 1px 1px #000;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- font-size:14pt;
- border: 4px double{Color:Borders};
- }
- #info a {
- font-size: 24pt;
- color: #e9e5da;
- text-shadow: 1px 1px 3px black;
- font-weight:bold;
- }
- #h1 {
- text-align: center;
- color: #fff;
- font-family: 'Montserrat', sans-serif;
- padding: 10px;
- text-shadow: 1px 1px 4px #000;
- line-height: 110%;
- font-size: 18pt;
- background-position: center;
- margin-bottom: 5px;
- }
- #sidebar {
- margin-left:567px;
- width: 115px;
- font-size: 10pt;
- margin-top:93px;
- position: fixed;
- }
- #description {
- height:155px;
- font-size: 10px;
- line-height: 14px;
- overflow: auto;
- }
- #audio {
- text-align: center;
- font-size: 8pt;
- line-height: 9pt;
- }
- #musicinfo {
- text-transform: uppercase;
- margin-top:10px;
- }
- blockquote {
- border-left: 5px solid #2c88ab;
- background-color: #232323;
- padding: 5px;
- font-size: 95%
- }
- blockquote img {
- max-width: 100%;
- display: block;
- height: auto
- }
- img {
- max-width: 100%;
- display: block;
- height: auto
- }
- ol.notes {
- text-align: left;
- list-style: upper-roman;
- padding: 10px;
- }
- #info a:hover {
- color: {color:bold};
- }
- #credit {
- right:10px;
- bottom:7px;
- padding:5px;
- font-size:10px;
- position:fixed;
- background-image: url('https://i.imgur.com/ljk5lth.png');
- text-align: center;
- font-style: italic;
- font-family: 'Montserrat', sans-serif;
- 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: 'Montserrat', sans-serif;
- color:#fff;
- padding:5px;
- letter-spacing:1px;
- text-decoration:none;
- font-weight:bold;
- }
- #tags a {
- font-family: verdana;
- font-weight: bold;
- font-size: 8px;
- line-height: 6px;
- color: #fff;
- text-transform: uppercase;
- text-shadow: 1px 1px 1px black;
- }
- #post {
- width: 400px;
- margin-bottom: 25px;
- }
- #posts {
- width: 400px;
- background-color: #272727;
- height: auto;
- border-left: 3px solid #2c88ab;
- border-right: 3px solid #2c88ab;
- overflow-y: auto;
- margin-top: 20px;
- padding: 25px;
- position: absolute;
- margin-left:53px;
- }
- #ask a {
- color: {color:italic};
- font-size:20pt;
- }
- #ask {
- background-image: url('https://i.imgur.com/ljk5lth.png');
- background-repeat: repeat;
- text-align: center;
- color: #fff;
- padding: 10px;
- height: auto;
- border: 4px double{Color:Borders};
- background-color: #040404;
- text-shadow: 1px 1px 2px black;
- }
- #pa { margin-top: 20px;
- text-align: center;
- }
- #pa a {
- text-shadow: 1px 1px 5px black;
- color: #fff;
- font-family: 'Montserrat', sans-serif;
- text-transform: uppercase;
- font-size: 15pt;
- }
- #links {
- position: fixed;
- text-align: left;
- line-height: 17pt;
- margin-top: -40px;
- transform: rotate(-2deg);
- margin-left: 600px;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #links a {
- font-weight: bold;
- filter:blur(0px);
- animation: spin 6s;
- animation-direction: alternate;
- animation-iteration-count: infinite;
- transition-duration: 1s;
- -moz-transition-duration: 1s;
- -webkit-transition-duration:1s;
- -o-transition-duration: 1s;
- text-shadow: 2px 2px 4px black;
- font-size: 24pt;
- color: #fff;
- line-height: 16pt;
- font-family: 'Montserrat', sans-serif;
- }
- @keyframes spin {
- from {transform:rotate(0deg);}
- to {transform:rotate(360deg);}
- }
- #links a:hover {
- filter:blur(3px); transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #desctitle {
- padding: 4px;
- font-family: verdana;
- text-transform: uppercase;
- font-size: 8px;
- text-shadow: 1px 1px 3px black;
- color: #fff;
- font-weight: bold;
- border: 4px double{Color:Borders};
- text-align: center;
- background-position: center;
- background-image: url('https://i.imgur.com/ljk5lth.png');
- }
- #fade {
- display: none;
- background: #000;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .5;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- padding: 20px;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- background-color: #81748a;
- border-image:url('https://i.imgur.com/ljk5lth.png') 30 round;
- outline: 4px double {Color:Borders};
- box-shadow: 2px 2px 5px black;
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #poplinks {
- color: #fff;
- background-position: left;
- text-shadow: 1px 1px 3px black;
- background-image: url('https://i.imgur.com/ljk5lth.png');
- background-attachment:fixed;
- background-repeat: repeat;
- background-position: top right;
- background-repeat:repeat;
- text-align: center;
- font-family: verdana;
- border: 4px double{Color:Borders};
- padding: 2px;
- font-size: 8pt;
- font-weight: bold;
- text-transform: uppercase;
- margin-bottom: 5px;
- margin-top: 5px;
- }
- #poplinks a {
- text-align: center;
- font-family: verdana;
- font-size: 8pt;
- font-weight: bold;
- text-transform: uppercase;
- text-shadow: 1px 1px 3px black;
- color: #fff;
- }
- #poph1 {
- color: #fff;
- background-position: center;
- text-shadow: 1px 1px 3px black;
- background-image: url('https://i.imgur.com/ljk5lth.png');
- background-attachment:fixed;
- background-repeat: repeat;
- background-repeat:repeat;
- text-align: center;
- font-family: verdana;
- border: 4px double{Color:Borders};
- padding: 5px;
- font-size: 8pt;
- font-weight: bold;
- text-transform: uppercase;
- margin-bottom: 10px;
- margin-top: 5px;
- }
- #left {
- float:left;
- margin-right: 10px;
- }
- </style>
- </head>
- <body>
- <div id="links">
- <a href="/" title="home" style="position: fixed; margin-top: 50px; margin-left: 340px;">★</a>
- <a href="/ask" title="message" style="position: fixed; margin-top: 100px; margin-left: 350px;">★</a>
- <a href="{text:link1url}" title="{text:link1title}" style="position: fixed; margin-top: 150px; margin-left: 360px;">★</a>
- <a href="{text:link2url}" title="{text:link2title}" style="position: fixed; margin-top: 200px; margin-left: 390px;">★</a>
- <a href="{text:link3url}" title="{text:link3title}" style="position: fixed; margin-top: 250px; margin-left: 420px;">★</a>
- <a href="{text:link4url}" title="{text:link4title}" style="position: fixed; margin-top: 300px; margin-left: 450px;">★</a>
- </div>
- <div id="sidebar">
- <div id="desctitle" style="margin-bottom: 5px;">{title}</div>
- <div id="description">
- {Description}
- </div>
- <div id="pa">{block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">ascend</a> /
- {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">descend</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- </div>
- <div id="posts">
- {block:Posts}<div id="post">
- {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
- {Caption} {/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{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>
- {Label}</b>{/block:Label} {Line}<br>{/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-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="ask">
- <center>
- <img src="{AskerPortraitURL-128}" width="64" style="border-radius: 100px; box-shadow: 3px 3px 5px #000; margin-bottom: 6px;"></center>
- {Asker} asked,<br>
- {Question}
- </div>
- {Answer}{/block:Answer}
- <div id="info">
- <a title="{TimeAgo}" title="{TimeAgo}">★️</a> <a href="{Permalink}" title="{NoteCount} notes">★️</a> <a href="{ReblogURL}" title="reblog">★️</a>
- <div id="tags">
- {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}{/block:HasTags}
- </div>
- </div>
- </div>
- {block:PostNotes}<Div style="width: 400px;">
- {PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div>
- <div id="credit">
- <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment