Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
- <!-------------✧ ☾ ☆ ☄ ⁛ THEMES BY ASTRAEAWRITES ⁛ ☄ ☾ ✧
- DO NOT STEAL OR CLAIM AS YOURS!
- report problems or questions @ astraeawrites.tumblr.com
- TUMBLR CONTROLS BY @CYANISTS, i claim no credit for it !!
- CHAT BUBBLES BY ANIMALITES.TUMBLR.COM (DEACTIVATED)
- VIDEO RESIZE BY SHYTHEMES
- NEW TUMBLR AUDIO POSTS BACKGROUND COLOR TUTORIAL @ROXIESTHEMES------->
- <html>
- <head>
- <title>{AAAAAAAAAAAAAAAAAAAAA}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(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>
- <script>
- $(document).ready(function() { $('iframe.tumblr_audio_player').load( function() { $('iframe.tumblr_audio_player').contents().find("head") .append($("<style type='text/css'> .audio-player{background:{color:accents two} !important} </style>")); }); });</script>
- <link href="https://fonts.googleapis.com/css?family=Inconsolata|Karla|Roboto|Varela" rel="stylesheet">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet">
- <meta name="image:sidebar" content="">
- <meta name="image:background" content="">
- <meta name="select:post width" content="400px" title="400px" />
- <meta name="select:post width" content="500px" title="500px" />
- <meta name="select:post width" content="540px" title="540px" />
- <meta name="select:font size" content="9px">
- <meta name="select:font size" content="10px">
- <meta name="select:font size" content="11px">
- <meta name="select:grayscale" content="none">
- <meta name="select:grayscale" content="0.5">
- <meta name="select:grayscale" content="0.7">
- <meta name="select:grayscale" content="0.9">
- <meta name="select:grayscale" content="1">
- <meta name="if:tags" content="">
- <meta name="if:invert controls" content="">
- <meta name="color:background" content="#000">
- <meta name="color:text" content="#c2c2c2">
- <meta name="color:links" content="#c27e7e">
- <meta name="color:links hover" content="#810000">
- <meta name="color:sidebar links" content="#8e8e8e">
- <meta name="color:bold" content="#8d5f5f">
- <meta name="color:italics" content="#e57878">
- <meta name="color:tooltip bg" content="#232323">
- <meta name="color:tooltip text" content="#c8c8c8">
- <meta name="color:scroll" content="#454545">
- <meta name="color:scroll bg" content="#000000">
- <meta name="color:selection" content="#b7b7b7">
- <meta name="color:title" content="#dedede">
- <meta name="color:container" content="#211e1e">
- <meta name="color:post bg" content="#0c0b0b">
- <meta name="color:borders" content="#252323">
- <meta name="color:accents one" content="#1a1a1a">
- <meta name="color:accents two" content="#241a1a">
- <meta name="text:title one" content="title">
- <meta name="text:extra link one" content="/">
- <meta name="text:extra link one name" content="refresh">
- <meta name="text:extra link two" content="/ask">
- <meta name="text:extra link two name" content="message">
- <meta name="text:extra link three" content="/url">
- <meta name="text:extra link three name" content="link three">
- <meta name="text:extra link four" content="/url">
- <meta name="text:extra link four name" content="link four">
- <style type="text/css">
- /*---------------BASIC BODY & TEXT---------------*/
- @font-face { font-family: "vincentia"; src: url('https://dl.dropboxusercontent.com/s/lsokt12hrf59863/Vincentia.otf') ;}
- #s-m-t-tooltip {
- max-width:400px;
- background-color:{color:tooltip bg};
- font-family:"roboto", sans-serif;
- font-size:calc({select:font size} - 3px);
- color:{color:tooltip text};
- letter-spacing:2px;
- text-transform:uppercase;
- padding:6.5px;
- line-height:100%;
- margin:18px 0px 0px 18px;
- z-index:99999999999999999999999999999999;
- border-radius:5px;
- box-shadow:1px 1px 3px rgba(0,0,0,.0);
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scroll};
- height:auto;
- border-radius:0px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- height:auto !important;
- border-radius:0px;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:3.5px;
- background-color:{color:scroll bg};
- border-radius:0px;
- }
- ::selection {
- background-color:{color:selection};
- color: #fff;
- }
- body{
- background-color:{color:background};
- font-size:{select:font size};
- font-family:"roboto";
- overflow-y:hidden;
- color:{color:text};
- background-image:url('{image:background}');
- background-size: cover;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-attachment:fixed;
- }
- img{
- max-width:100%;
- height:auto;
- -webkit-filter: grayscale({select:grayscale});
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- img:hover {
- -webkit-filter: none;
- }
- p{
- padding-bottom:5px;
- }
- a{
- text-decoration:none;
- color:{color:links};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- a:hover{
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- color:{color:links hover};
- }
- b, strong{
- font-weight:700;
- color:{color:bold};
- }
- i,em{
- color:{color:italics};
- }
- blockquote{
- border-left:1px solid {color:borders};
- padding-left:15px;
- margin-left:4px;
- }
- pre{
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- font-family:"inconsolata";
- }
- small , sub{
- font-size:{select:font size};
- }
- h1{
- font-size:calc({select:font size} + 8px);
- font-family:"karla";
- font-weight:500;
- text-transform:uppercase;
- text-align:center;
- line-height:15px;
- }
- h2{
- font-size:calc({select:font size} + 6px);
- font-family:"karla";
- font-weight:500;
- line-height:15px;
- }
- h3{
- font-size:calc({select:font size} + 4px);
- font-family:"karla";
- font-weight:500;
- line-height:15px;
- }
- ul {
- list-style-type: circle;
- padding-left:10px;
- line-height:13px;
- }
- ol{
- list-style-type:lower-roman;
- padding-left:10px;
- line-height:13px;
- }
- li {
- position: relative;
- padding-left: 10px;
- margin-bottom: 5px
- }
- /*---------------IFRAMES---------------*/
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- {block:IfInvertControls}
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- {/block:IfInvertControls}
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- .html_photoset {
- -webkit-filter: grayscale({select:grayscale});
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- .html_photoset:hover {
- -webkit-filter: none;
- }
- /*---------------SIDEBAR---------------*/
- #sidebar{
- width:155px;
- height:457px;
- max-height:457px;
- background:{color:post bg};
- padding:10px;
- border-radius:2px;
- margin:20px;
- border:1px solid {color:borders};
- }
- #sidebar img{
- width:140px;
- height:140px;
- border:5px solid {color:accents one};
- margin:3px 3px 3px 3px;
- }
- .sidebarsubnavi{
- font-weight:900;
- width:152px;
- margin-left:2.5px;
- margin-top:-2.5px;
- position:absolute;
- }
- .sidebarsubnavi a{
- display:block;
- padding:7px;
- text-transform:uppercase;
- font-size:10px;
- background:{color:accents one};
- color:{color:sidebar links};
- border:1px solid {color:borders};
- font-family:"roboto";
- border-radius:2px;
- margin-top:2.5px;
- margin-bottom:2.5px;
- }
- .sidebarsubnavi a:hover{
- padding-left:15px;
- }
- .sidebarsubnavi i{
- font-size:14px;
- display:inline-flex;
- vertical-align:middle;
- padding-right:8px;
- margin-top:-1px;
- color:{color:sidebar links};
- }
- .sidebardescription{
- width:129.5px;
- height:120px;
- background:{color:accents one};
- border:1px solid {color:borders};
- text-align:center;
- position:absolute;
- bottom:55px;
- padding:10px;
- left:33px;
- overflow:hidden;
- }
- .inner{
- overflow:auto;
- height:100%;
- }
- .inner::-webkit-scrollbar{
- display:none;
- }
- .pagination{
- padding-left:10px;
- padding-right:10px;
- text-align:center;
- width:136px;
- bottom:35px;
- position:absolute;
- }
- .pagination a{
- font-size:calc({select:font size} + 1px);
- font-family:"roboto";
- text-transform:uppercase;
- font-weight:900;
- padding-left:10px;
- padding-right:10px;
- }
- /*---------------POSTS & ENTRIES---------------*/
- #box{
- width:calc({select:post width} + 276px);
- height:520px;
- top:50%;
- left:50%;
- margin-top:-230px;
- margin-left:calc(({select:post width} + 276px) / -2);
- position:fixed;
- background:{color:container};
- opacity:0.95;
- border-radius:2px;
- }
- #posts{
- position:absolute;
- z-index:99999;
- height:477px;
- width:calc({select:post width} + 46px);
- overflow-y:scroll;
- margin:10px;
- top:10px;
- right:8px;
- padding-right:8px;
- }
- #entries{
- border:1px solid {color:borders};
- background:{color:post bg};
- width:{select:post width};
- padding:15px;
- border-radius:2px;
- margin:0px 10px 10px 10px;
- }
- #title{
- font-family:"Permanent Marker";
- z-index:9999;
- width:calc({select:post width} + 276px);
- top:50%;
- left:50%;
- margin-top:-263px;
- font-size:45px;
- margin-left:calc(({select:post width} + 276px) / -2);
- text-align:center;
- position:fixed;
- color:{color:title};
- font-weight:100;
- cursor:default;
- text-transform:lowercase;
- }
- /*---------------POST CUSTOMIZATIONS---------------*/
- .quotes{
- font-size:calc({select:font size} + 5.5px);
- font-weight:900;
- font-family:"amiri";
- line-height:20px;
- padding-left:1em;
- padding-right:1em;
- text-indent:-1em;
- text-align: center;
- }
- .source{
- text-align:center;
- padding-top:10px;
- padding-right:10px;
- padding-left:10px;
- font-style:normal;
- }
- .title{
- font-size:calc({select:font size} + 10px);
- font-family:"karla";
- font-weight:500;
- text-transform:uppercase;
- text-align:center;
- padding-bottom:10px;
- }
- .photoset iframe{
- width:100%!important;
- max-width:100%!important;
- }
- .audio iframe{
- max-width:100%;
- height:85px;
- padding-bottom:0px;
- margin-bottom:5px;
- }
- .question{
- background:{color:accents one};
- padding:20px;
- font-size:calc({select:font size} + 1.5px);
- font-weight:900;
- font-family"karla";
- border-radius:5px;
- }
- .questiont{
- width:0;
- height:0;
- border-style:solid;
- border-width:20px 15px 0px 15px;
- border-color:{color:accents one} transparent transparent transparent;
- margin-left:calc({select:post width}/2 + 12px);
- position:relative;
- }
- .askers{
- position:relative;
- text-align:center;
- margin-top:-15px;
- }
- .askers img{
- border-radius:50%;
- }
- .asker span{
- position:absolute;
- display:inline-flex;
- vertical-align:text-top;
- margin-top:5px;
- margin-left:10px;
- font-size:calc({select:font size} + 1px);
- text-transform:uppercase;
- font-weight:600;
- }
- .asker span2{
- position:absolute;
- margin-top:-25px;
- margin-left:35px;
- font-size:{select:font size};
- padding-top:5px;
- border-top:1px solid {color:accents one};
- text-transform:uppercase;
- font-family:"karla";
- font-style:italic;
- }
- .answered{
- margin-bottom:-10px;
- }
- .answer span,.convo li{
- margin-top:0px;
- margin-bottom:5px;
- border-radius:1em;
- padding:8px 10px;
- max-width:75%;
- clear:both;
- position:relative;
- }
- .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
- float:left;
- background:{color:accents one};
- color:{color:text};
- left:3px;
- top:0px;
- }
- .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
- content:"";
- position:absolute;
- left:-.5em;
- bottom:0;
- width:.5em;
- height:1em;
- border-right:.5em solid {color:accents one};
- border-bottom-right-radius:1em .5em;
- }
- .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
- right:3px;
- top:0px;
- float:right;
- background-color:{color:accents two};
- color:{color:text};
- }
- .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
- content:"";
- position:absolute;
- right:-.5em;
- bottom:0;
- width:.5em;
- height:1em;
- border-left:.5em solid {color:accents two};
- border-bottom-left-radius:1em .5em;
- }
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 10px;
- margin: 0;
- }
- .caption{
- margin:5px;
- }
- /*---------------INFORMATION---------------*/
- .information{
- background:{color:accents one};
- padding:10px;
- border:1px solid {color:borders};
- border-radius:2px;
- margin-top:20px;
- margin-bottom:0px;
- }
- .information span{
- text-align:left;
- padding-left:10px;
- text-transform:uppercase;
- font-size:calc({select:font size} - 1px);
- }
- .information span2{
- font-size:calc({select:font size} + 1px);
- font-weight:900;
- display:inline-flex;
- vertical-align:middle;
- }
- .information span3{
- text-align:left;
- padding-left:5px;
- text-transform:uppercase;
- font-size:calc({select:font size} - 1px);
- }
- .information rb{
- right:0%;
- position:absolute;
- padding-right:55px;
- margin-top:-1px;
- }
- .information a{
- margin-left:10px;
- }
- /*---------------TAGS---------------*/
- .tags{
- {block:ifTags}
- font-size:calc({select:font size} - 2px);
- font-family:"roboto";
- margin-top:10px;
- padding-right:10px;
- padding-left:10px;
- line-height:20px;
- font-weight:900;
- text-align:center;
- color:{color:links};
- {/block:ifTags}
- }
- .tags i{
- font-size:calc({select:font size} - 2px);
- display:inline-flex;
- vertical-align:middle;
- padding-right:2px;
- color:{color:links};
- }
- .tags a{
- padding-left:5px;
- padding-right:5px;
- }
- /*---------------NOTES---------------*/
- .notes{
- margin-top:-10px;
- }
- ol.notes, .notes li {
- border-bottom:1px solid {color:borders};
- font-family:"roboto";
- text-transform:uppercase;
- list-style:none;
- padding:10px;
- font-size:calc({select:font size} - 1px);
- }
- .notes img{
- width:12px;
- height:12px;
- overflow:hidden;
- border-radius:50%;
- vertical-align:middle;
- margin-bottom:2px;
- }
- ol.notes, .notes li a {
- margin-right:10px;
- }
- /*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/
- .credit {
- position:fixed;
- font-weight:900;
- text-align:right;
- right:20px;
- bottom:20px;
- background:{color:container};
- border-radius:50%;
- padding:5px;
- opacity:0.8;
- }
- .credit i{
- color:{color:title};
- font-size:20px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="title">{text:title one}</div>
- <div id="box">
- <div id="sidebar">
- <img src="{image:sidebar}">
- <div class="sidebarsubnavi">
- <a href="{text:extra link one}"><i class="material-icons">home</i>{text:extra link one name}</a>
- <a href="{text:extra link two}"><i class="material-icons">chat</i>{text:extra link two name}</a>
- <a href="{text:extra link three}"><i class="material-icons">person</i>{text:extra link three name}</a>
- <a href="{text:extra link four}"><i class="material-icons">place</i>{text:extra link four name}</a>
- </div>
- {block:Description}<div class="sidebardescription"><div class="inner">{Description}</div></div>{/block:Description}
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">back</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div id="entries">
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Quote}
- <div class="quotes">❝ {Quote} ❞</div>
- {block:Source}<div class="source">↳ {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>{/block:Title}{Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{select:post width}">{LinkCloseTag}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">{Photoset}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
- {/block:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audio">{AudioEmbed-640}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="question">{Question}</div>
- <div class="questiont"></div>
- <div class="askers">
- <div class="asker"><img src="{AskerPortraitURL-48}">
- <span>{Asker}</span><br><span2>asked a question</span2></div>
- </div>
- <div class="answered">{Answer}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Answer}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>{/block:Title}<br>
- <ul class="convo">
- {block:Lines}<li class="line_{Alt} user_{UserNumber}">
- {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</li>
- {/block:Lines}</ul>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Chat}
- <div class="information">
- <span>
- {block:Date}<a href="{Permalink}" title="{NoteCountWithLabel}">
- <b>{TimeAgo}</b></a></span>
- {/block:Date}
- <span>
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
- {/block:RebloggedFrom}
- </span>
- <span>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
- {/block:RebloggedFrom}
- </span>
- <rb>
- <span2>
- <a href="{ReblogURL}" target="_blank" class="reblog"><span2 class="lnr lnr-sync"></span2>
- <span3>reblog</span3></a>
- </rb>
- </div>
- <div class="tags">
- {block:ifTags}
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagUrl}">
- <i class="material-icons">local_offer</i> {Tag}</a>
- {/block:Tags}</div>{/block:HasTags}
- {/block:ifTags}
- </div>
- {block:PostNotes}
- <div class="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! --------------- -->
- <div class="credit"><a href="https://astraeawrites.tumblr.com" title="astraeawrites"><i class="material-icons">bubble_chart</i></a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement