<!DOCTYPE html>

<html>

<head>

<!--

THEME #2 v2 by Anomaly ☾ tumblr user linoone ☽ : EXTRAORDINARY !!

- i made the base code

- audio post style is by passo-html

- please abide by all the rules

【 All themes and pages can be found here : https://anomalythemes.tumblr.com/ 】

Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!

Feel free to message me if you need any help, my ask box is always open!

-->

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:90,

tip_fade_speed:600,

attribute:"title"

});

})(jQuery);

</script>

{document.getElementById('content')

.innerHTML=document.getElementById(id).innerHTML}

</script>

<title>{Title}</title>

{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

::-webkit-scrollbar {

width: 9px;

height: 4px;

background:{color:background};

}

::-webkit-scrollbar-thumb {

background-color:{color:scrollbar};

border-radius:5px;

}

#s-m-t-tooltip {

max-width:300px;

margin:10px 0px 0px 10px;

background-color:{color:tooltip};

font-family:{text:font};

font-size:1em;

padding:5px 10px 5px 10px;

border-radius:20px;

color:{color:tooltip text};

z-index:999999999999999999999999999999999999;

}

::selection {

background: {color:selection};

color: {color:selection text};

}

::-moz-selection {

background: {color:selection};

color: {color:selection text};

}

::-webkit-selection {

background: {color:selection};

color: {color:selection text};

}

{block:ifcursor}body, a, a:hover {cursor: url('{image:cursor}'), progress;}{/block:ifcursor}

body {

margin:0px;

background:{color:background};

background-image:url('{image:background}');

background-attachment:fixed;

{block:ifbgcover}

background-repeat:no-repeat;

background-size:cover;

{/block:ifbgcover}

color:{color:text};

font-family:{text:font};

font-size:1em;

}

a {

color:{color:link};

text-decoration:none;

}

a:hover {

color:{color:hover};

-webkit-transition: all 0.7s ease;

-moz-transition: all 0.7s ease;

-o-transition: all 0.7s ease;

transition: all 0.7s ease;

}

blockquote {

border-left:1px solid {color:blockquote};

padding-left:10px;

}

blockquote img {

max-width:100%;

height:auto;

}

iframe, img, embed, object, video {

}

img {

max-width:auto;

height:auto;

}

#head {

width:100%;

padding:20px;

}

.tit {

text-align:center;

width:100%;

font-size:5em;

font-weight:700;

}

.boxy {

position:fixed;

width:250px;

padding:10px;

}

.tit2 {

font-weight:700;

}

.h1 {

position:absolute;

padding:10px 20px 10px 20px;

background:{color:border};

margin-top:-45px;

border-radius:30px;

font-weight:bold;

text-transform:uppercase;

}

.tabcon {

float:left;

position:relative;

padding:20px;

width:700px;

margin:25px;

background:{color:posts};

border:5px solid {color:border};

border-radius:10px;

}

article {

float:left;

position:relative;

padding:20px;

width:700px;

margin:25px;

background:{color:posts};

border:5px solid {color:border};

border-radius:10px;

}

.title {

font-weight:bold;

font-size:1.5em;

margin:0 0 10px 0;

}

.quote {

font-weight:bold;

font-size:1.5em;

font-style:italic;

margin:0 0 10px 0;

}

.quotesource {

margin:0 0 10px 0;

text-align:right;

}

/*estilo de áudio #04 em @passo-html por @clamam insp:tumblr*/

.ph-album {

padding:15px;

height:63px;

}

.ph-player {

width:7px;

height:7px;

overflow:hidden;

padding:4px 21px 21px 4px;

position:absolute;

z-index:9999999999999999999;

float:right;

margin-top:15px;

right:40px;

background:{color:posts};

opacity:.8;

border-radius:30px;

-moz-transition:all ease-in-out 0.7s;

-webkit-transition:all ease-in-out 0.7s;

-o-transition:all ease-in-out 0.7s;

transition:all ease-in-out 0.7s;

}

.ph-player:hover {

opacity:1;

-moz-transition:all ease-in-out 0.7s;

-webkit-transition:all ease-in-out 0.7s;

-o-transition:all ease-in-out 0.7s;

transition:all ease-in-out 0.7s;

}

.ph-track {

margin-right:15px;

overflow:auto;

max-height:80px;

margin-top:5px;

float:right;

text-align:right;

}

.ph-track b {

}

.ph-image {

background:{color:blockquote};

width:60px;

height:60px;

float:right;

border-radius:30px;

}

.bubble {

align:right;

background: {color:ask};

margin:7px 0px 5px 66px;

padding:10px;

position: relative;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:5px;

}

.bubble p {

margin:1px 0px;

}

.bubble span {

position:absolute;

width:1px;

height:1px;

font-size: 0;

line-height: 1px;

left:-10px;

top:10px;

border-top:7px solid transparent;

border-bottom:7px solid transparent;

border-right:10px solid {color:ask};

}

.perma {

position:absolute;

padding:10px 20px 10px 20px;

background:{color:border};

margin-top:-45px;

border-radius:30px;

font-weight:bold;

}

.pagination {

padding:30px;

width:700px;

}

.pagination a {

padding:10px 20px 10px 20px;

background:{color:border};

border-radius:30px;

font-weight:bold;

text-transform:uppercase;

}

.credit {

position:fixed;

bottom:5px;

left:5px;

}

</style>

</head>

<body>

<div class="tit"><i class="fa-solid fa-{text:accent icon}"></i> {text:title}</div>

</div>

<div class="tit2"><i class="fa-solid fa-{text:accent icon}"></i> DESCRIPTION</div>

{block:Description}{Description}{/block:Description}

<p>

<div class="tit2"><i class="fa-solid fa-{text:accent icon}"></i> LINKS</div>

   <i class="fa-solid fa-chevron-right"></i> <a class="link" onClick="changeNavigation('ask')">ask & submit</a> <br>

   <i class="fa-solid fa-chevron-right"></i> <a class="link" onClick="changeNavigation('about')">about</a> <br>

{block:iflink1}   <i class="fa-solid fa-chevron-right"></i> <a class="link" href="{text:link 1}">{text:link 1 title}</a> <br>{/block:iflink1}

{block:iflink2}   <i class="fa-solid fa-chevron-right"></i> <a class="link" href="{text:link 2}">{text:link 2 title}</a> <br>{/block:iflink2}

{block:iflink3}   <i class="fa-solid fa-chevron-right"></i> <a class="link" href="{text:link 3}">{text:link 3 title}</a> <br>{/block:iflink3}

{block:iflink4}   <i class="fa-solid fa-chevron-right"></i> <a class="link" href="{text:link 4}">{text:link 4 title}</a> <br>{/block:iflink4}

{block:iflink5}   <i class="fa-solid fa-chevron-right"></i> <a class="link" href="{text:link 5}">{text:link 5 title}</a> <br>{/block:iflink5}

</center>

</div>

</td>

{block:Posts}

{block:IndexPage}

<div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a>

</div><br>

{block:IndexPage}

{block:Text}

{block:Title}<div class="title"><i class="fa-solid fa-play"></i> {Title}</div>{/block:Title}

{Body}

{/block:Text}

{block:Photo}

<center>{LinkOpenTag}{LinkOpenTag}<img style="width:700px;" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>

{block:Caption}{Caption}{/block:Caption}

{/block:Photo}

{block:Photoset}

{Photoset}

{block:Caption}{Caption}{/block:Caption}

{/block:Photoset}

{block:Quote}

<div class="quote"><i class="fa-solid fa-play"></i> ❝ {Quote} ❞</div>

{block:Source}<div class="quotesource">{Source}</div>{/block:Source}

{/block:Quote}

{block:Link}

{block:Description}<div class="description">{Description}</div>{/block:Description}

{/block:Link}

{block:Chat}

{block:Title}<div class="title"> <i class="fa-solid fa-play"></i>  {Title}</div>{/block:Title}

{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}

{/block:Chat}

{block:Video}

<div class="video">{Video-700}</div>

{block:Caption}{Caption}{/block:Caption}

{/block:Video}

{block:Audio}

{block:AlbumArt}

{/block:AlbumArt}

{block:AudioPlayer}

<div class="ph-player">{AudioPlayer}</div>

{/block:AudioPlayer}

{block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>

{block:Artist}{Artist}{/block:Artist}<br/>

{formattedplaycount} plays

</div></div>

{block:Caption}{Caption}{/block:Caption}

{/block:Audio}

{block:Answer}

<div class="bubble"><span></span>{Asker} {text:ask text}: {Question} </div>

<div class="answer">{Answer}</div>

{/block:Answer}

{block:PermalinkPage}

{block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}

{block:RebloggedFrom}<br><a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}

{block:RebloggedFrom}• <a title="{ReblogRootName}" href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}

{block:HasTags}<br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}

</center>

{block:PostNotes}{PostNotes}{/block:PostNotes}

{/block:PermalinkPage}

</article>

{/block:Posts}

{block:IndexPage}

{block:Pagination}

{block:PreviousPage}<a style="float:left;" href="{PreviousPage}">BACK!</a>{/block:PreviousPage}

{block:NextPage}<a style="float:right;" href="{NextPage}">NEXT!</a>

{/block:NextPage}

{/block:Pagination}

{/block:IndexPage}

</div>

<div class="h1">Message Me</div><br>

</div></div>

<div class="h1">About Me</div><br>

Put your about here!

</div></div>

</td></table></style>

<br>

{block:ifrender}<div style="position:fixed; left:{text:render left}px; bottom:{text:render bottom}px; z-index:1;"><img src="{image:render}" width="{text:render width}"></div>{/block:ifrender}

</body>

</html>