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="#d4d4d4">
- <meta name="color:bold" content="#aa3727">
- <meta name="color:italic" content="#a29278">
- <meta name="color:links" content="#a29278">
- <meta name="color:borders" content="#cac3c0">
- <meta name="color:hover link" content="#e7e7e7">
- <meta name="text:link1url" content="link">
- <meta name="text:link1title" content="title">
- <meta name="text:link2url" content="link">
- <meta name="text:link2title" content="title">
- <meta name="text:link3url" content="link">
- <meta name="text:link3title" content="title">
- <meta name="text:link4url" content="link">
- <meta name="text:link4title" content="title">
- <link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Shadows+Into+Light&display=swap" rel="stylesheet">
- <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>
- <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>
- <style type="text/css">
- body {
- font-family: 'Nanum Gothic', sans-serif;
- color: {color:text};
- font-size: 9pt;
- letter-spacing: 0px;
- background-color:#000;
- background-image: url('https://i.imgur.com/TdjUExf.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/rl6K9J3.gif');
- background-attachment: fixed;
- background-repeat: repeat;
- background-position: center;
- text-align: center;
- font-style: italic;
- box-shadow: 2px 2px 5px #000;
- font-family: 'Nanum Gothic', sans-serif;
- letter-spacing: 1px;
- text-shadow: 1px 1px 5px #2d2d2d;
- 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: 'Nanum Gothic', sans-serif;
- font-weight: bold;
- letter-spacing: 1px;
- text-shadow: 1px 1px 3px #2d2d2d;
- }
- 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 #2d2d2d;
- padding-left: 2px;
- padding-right: 2px;
- color:{color:bold};
- letter-spacing: 0px;
- font-size: 12pt;
- }
- i, em {
- text-shadow: 1px 1px 4px #2d2d2d;
- color:{color:italic};
- font-style: italic;
- font-family: 'Shadows Into Light', cursive;
- letter-spacing: 1px;
- padding-left:5px;
- padding-right: 5px;
- padding-top: 10px;
- padding-bottom: 10px;
- font-size: 18pt;
- }
- h2 {
- text-shadow: 1px 1px 5px #2d2d2d;
- font-family: 'Nanum Gothic', sans-serif;
- font-size: 16pt;
- font-weight: bold;
- line-height: 120%;
- letter-spacing: 1px;
- }
- #info {
- padding: 10px;
- color: {color:bold};
- margin-top: 10px;
- background-image: url('https://i.imgur.com/rl6K9J3.gif');
- text-align: center;
- margin-bottom: 80px;
- letter-spacing: 1px;
- 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 {
- color: {color:Bold};
- font-family: 'Shadows Into Light', cursive;
- font-size: 20pt;
- text-shadow: 1px 1px 5px #000;
- font-weight:bold;
- }
- #h1 {
- text-align: center;
- font-family: 'Nanum Gothic', 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:1133px;
- width: 110px;
- font-size: 10pt;
- margin-top: 180px;
- position: fixed;
- }
- #description {
- height:193px;
- 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: 10px solid transparent;
- border-image: url('https://i.imgur.com/rl6K9J3.gif') 10 round;
- outline: 1px solid {color:borders};
- color: #fff;
- background-color: #000;
- 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/rl6K9J3.gif');
- text-align: center;
- font-style: italic;
- font-family: 'Nanum Gothic', 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: 'Nanum Gothic', 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: white;
- text-transform: uppercase;
- text-shadow: 1px 1px 1px #000;
- }
- #post {
- width: 500px;
- margin-bottom: 25px;
- }
- #posts {
- width: 500px;
- background-color: #000;
- height: auto;
- border-left: 3px solid #cac3c0;
- border-right: 3px solid #cac3c0;
- overflow-y: auto;
- margin-top: -10px;
- padding: 25px;
- position: absolute;
- margin-left:543px;
- }
- #ask a {
- color: {color:italic};
- text-shadow: 1px 1px 4px #000;
- font-size:20pt;
- font-family: 'Shadows Into Light', cursive;
- }
- #ask {
- background-image: url('https://i.imgur.com/rl6K9J3.gif');
- background-repeat: repeat;
- text-align: center;
- color: {Color:text};
- padding: 10px;
- height: auto;
- border: 4px double{Color:Borders};
- background-color: #040404;
- text-shadow: 1px 1px 3px #fff;
- }
- #pa { margin-top: 20px;
- text-align: center;
- }
- #pa a {
- text-shadow: 1px 1px 5px #000;
- color: #fff;
- opacity: .7;
- font-family: 'Nanum Gothic', sans-serif;
- text-transform: uppercase;
- font-size: 15pt;
- }
- @keyframes bounce {
- 0% { transform: translateY(0); }
- 100% { transform: translateY(-10px); }
- }
- #li {
- position: fixed;
- animation: bounce 2s;
- animation-direction: alternate;
- animation-iteration-count: infinite;
- transition-duration: 0.6s;
- }
- #li a {
- animation: bounce 2s;
- animation-direction: alternate;
- animation-iteration-count: infinite;
- transition-duration: 0.6s;
- color: #000;
- opacity: .8;
- font-size: 40pt;
- line-height: 35px;
- text-shadow: 2px 2px 10px #fff;
- font-family: 'caveat', handwritten;
- }
- #li a:hover {
- opacity: 1;
- filter: blur(2px);
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="description">
- {Description}<p>
- </div>
- <div id="pa">{block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">fall</a> /
- {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">rise</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- </div>
- <div id="li">
- <a href="/" title="home" style="position: fixed; margin-top: 160px; margin-left: 100px; font-size: 70pt;">♠</a>
- <a href="/ask" title="message" style="position: fixed; margin-top: 300px; margin-left: 250px; font-size: 50pt;" >♠</a>
- <a href="{text:link1url}" title="{text:link1title}" style="position: fixed; margin-top: 30px; margin-left: 450px;">♠</a>
- <a href="{text:link2url}" title="{text:link2title}" style="position: fixed; margin-top: 530px; margin-left: 400px; font-size: 60pt;">♠</a>
- <a href="{text:link3url}" title="{text:link3title}" style="position: fixed; margin-top: 100px; margin-left: 1120px;">♠</a>
- <a href="{text:link4url}" title="{text:link4title}" style="position: fixed; margin-top: 450px; margin-left: 1260px; font-size: 50pt;">♠</a>
- </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-500}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
- {Caption} {/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{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-500}{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}">{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}">#{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>
- </body>
- </html>
Add Comment
Please, Sign In to add comment