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="#000000">
- <meta name="color:bold" content="#5d37b0">
- <meta name="color:italic" content="#7b5d4a">
- <meta name="color:links" content="#7b5d4a">
- <meta name="color:borders" content="#676fa0">
- <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">
- <link rel="preconnect" href="https://fonts.gstatic.com">
- <link href="https://fonts.googleapis.com/css2?family=Lora&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>
- <style type="text/css">
- body {
- font-family: 'Lora', serif;
- color: {color:text};
- font-size: 9pt;
- letter-spacing: 0px;
- background-color:#2a2735;
- background-image: url('https://i.imgur.com/4z5AwN4.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/4X5tFLt.png');
- background-attachment: fixed;
- background-repeat: repeat;
- background-position: center;
- text-align: center;
- font-style: italic;
- box-shadow: 2px 2px 5px #000;
- font-family: 'Lora', serif;
- letter-spacing: 1px;
- text-shadow: 1px 1px 5px #808080;
- 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: 10pt;
- line-height: 19pt;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- font-family: 'Lora', serif;
- font-weight: bold;
- letter-spacing: 1px;
- text-shadow: 1px 1px 3px #808080;
- }
- 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 808080;
- text-outline: 1px #808080;
- padding-left: 2px;
- padding-right: 2px;
- color:{color:bold};
- font-weight: bold;
- font-family: 'Lora', serif;
- letter-spacing: 0px;
- font-size: 16pt;
- }
- i, em {
- text-shadow: 1px 1px 4px #808080;
- color:{color:italic};
- font-style: italic;
- font-family: 'Lora', serif;
- letter-spacing: 1px;
- padding-left:5px;
- padding-right: 5px;
- padding-top: 10px;
- padding-bottom: 10px;
- font-size: 18pt;
- }
- h2 {
- text-shadow: 1px 1px 5px #808080;
- font-family: 'Lora', 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/4X5tFLt.png');
- background-repeat: repeat;
- background-attachment: fixed;
- 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: 'Lora', serif;
- font-size: 25pt;
- text-shadow: 1px 1px 5px #000;
- font-weight:bold;
- }
- #h1 {
- text-align: center;
- font-family: 'Lora', serif;
- padding: 10px;
- text-shadow: 1px 1px 4px #000;
- line-height: 110%;
- font-size: 18pt;
- background-position: center;
- margin-bottom: 5px;
- }
- #sidebar {
- margin-left:516px;
- width: 110px;
- font-size: 10pt;
- margin-top: 19px;
- position: fixed;
- }
- #description {
- height:170px;
- 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/4X5tFLt.png') 50 round;
- outline: 1px solid {color:borders};
- color: #c6c6c6;
- background-color: #686f9e;
- 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/4X5tFLt.png');
- text-align: center;
- font-style: italic;
- font-family: 'Lora', 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: 'Lora', serif;
- color:#fff;
- padding:5px;
- letter-spacing:1px;
- text-decoration:none;
- font-weight:bold;
- }
- #tags {
- margin-top: 10px;
- }
- #tags a {
- font-family: verdana;
- font-weight: bold;
- font-size: 8px;
- line-height: 6px;
- color: #c6c6c6;
- text-transform: uppercase;
- text-shadow: 1px 1px 1px #000;
- }
- #post {
- width: 400px;
- margin-bottom: 25px;
- }
- #posts {
- width: 400px;
- background-color: #99a4bd;
- height: auto;
- border-left: 3px solid #676f9f;
- border-right: 3px solid #676f9f;
- overflow-y: auto;
- margin-top: -10px;
- padding: 25px;
- position: absolute;
- margin-left:33px;
- }
- #ask a {
- color: {color:italic};
- text-shadow: 1px 1px 4px #000;
- font-size:20pt;
- font-family: 'Lora', serif;
- }
- #ask {
- background-image: url('https://i.imgur.com/4X5tFLt.png');
- background-repeat: repeat;
- background-position: center;
- text-align: center;
- color: {Color:text};
- padding: 10px;
- height: auto;
- text-shadow: 1px 1px 2px #000;
- border: 4px double{Color:Borders};
- background-color: #040404;
- color: #c6c6c6;
- }
- #pa { margin-top: 40px;
- text-align: center;
- }
- #pa a {
- text-shadow: 1px 1px 5px #000;
- color: #fff;
- opacity: .7;
- font-family: 'Lora', 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);
- }
- #navi {
- margin-top: -3px;
- width: 120px;
- margin-left: -5px;
- text-align: center;
- position: fixed;
- }
- #navi a {
- color: #c6c6c6;
- font-weight: bold;
- font-size: 10pt;
- letter-spacing: 0px;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="description">
- {Description}<p>
- </div>
- <Div id="navi">
- <Center>
- <a href="/" title="home">I.</a> <a href="/ask" title="ask">II.</a> <a href="{text:link1url}" title="{text:link1title}">III.</a> <a href="{text:link2url}" title="{text:link2title}">IV.</a> <a href="{text:link3title}" text="{link3title}">V.</a>
- </Center>
- </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="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