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>{Title}</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>
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
- <link href="https://fonts.googleapis.com/css?family=Inconsolata|Karla|Lato|Open+Sans|Raleway|Roboto" rel="stylesheet">
- <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 src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></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} !important} </style>")); }); });</script>
- <meta name="image:sidebar" content="">
- <meta name="select:font" content="open sans">
- <meta name="select:font" content="karla">
- <meta name="select:font" content="roboto">
- <meta name="select:font" content="lato">
- <meta name="select:font" content="raleway">
- <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="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="if:sidebar image" content="1">
- <meta name="if:tags" content="0">
- <meta name="if:invert controls" content="0">
- <meta name="color:background" content="#fff">
- <meta name="color:text" content="#767676">
- <meta name="color:links" content="#000">
- <meta name="color:links hover" content="#696969">
- <meta name="color:sidebar links" content="#545454">
- <meta name="color:bold" content="#000">
- <meta name="color:italics" content="#5b5b5b">
- <meta name="color:tooltip bg" content="#e5e5e5">
- <meta name="color:tooltip text" content="#4b4b4b">
- <meta name="color:scroll" content="#eee">
- <meta name="color:scroll bg" content="#000000">
- <meta name="color:selection" content="#000">
- <meta name="color:borders" content="#e9e9e9">
- <meta name="color:titles" content="#000">
- <meta name="color:accents" content="#fff">
- <meta name="color:accents2" content="#e0e0e0">
- <meta name="color:posts" content="#f5f5f5">
- <meta name="text:main title" content="main title">
- <meta name="text:subtitle" content="subtitle">
- <meta name="text:link one" content="/">
- <meta name="text:link two" content="/ask">
- <meta name="text:link three" content="/">
- <meta name="text:link four" content="/">
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:400px;
- background-color:{color:tooltip bg};
- font-family:"{select:font}";
- font-size:calc({select:font size} - 2px);
- 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:"{select:font}";
- color:{color:text};
- line-height:135%;
- 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;
- }
- 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:0px;
- width:95%;
- }
- 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, sup{
- font-size:{select:font size};
- }
- h1{
- font-size:calc({select:font size} + 6px);
- font-family:"{select:font}";
- font-weight:500;
- margin-top:0px;
- padding-top:0px;
- margin-bottom:10px;
- color:{color:titles};
- }
- .title{
- font-size:calc({select:font size} + 8px);
- font-family:"{select:font}";
- font-weight:500;
- text-transform:uppercase;
- margin-bottom:15px;
- text-align:center;
- color:{color:titles};
- }
- h2{
- font-size:calc({select:font size} + 4px);
- font-family:"{select:font}";
- font-weight:500;
- color:{color:titles};
- margin-bottom:10px;
- }
- h3{
- font-size:calc({select:font size} + 2px);
- font-family:"{select:font}";
- font-weight:500;
- color:{color:titles};
- margin-bottom:10px;
- }
- hr{
- border:none;
- box-shadow:0;
- margin:0px auto;
- padding:10px;
- width:30%;
- border-top:1px solid {color:borders};
- margin-bottom:-10px;
- margin-top:20px;
- }
- ul, ol{
- list-style-type:none;
- padding-left:5px;
- }
- ol, li:before{
- list-style-type:lower-roman;
- }
- ul li:before{
- content:"\002E3A";
- color:{color:borders};
- margin-left:-5px;
- margin-right:5px;
- font-size:7px;
- }
- ul li{
- text-indent: -1.8em;
- padding-left:1.8em;
- }
- 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;}
- .photoset iframe{
- width:100%!important;
- max-width:100%!important;
- }
- .audio iframe{
- max-width:100%;
- height:85px;
- padding-bottom:0px;
- margin-bottom:5px;
- }
- .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;
- }
- #everything{
- width:900px;
- margin:0 auto;
- }
- #sidebar{
- width:180px;
- position:fixed;
- margin-top:250px;
- margin-left:20px;
- }
- #sidebar img{
- margin-top:0px;
- margin-bottom:15px;
- }
- .sbtitle{
- font-family:"{select:font}";
- font-size:14px;
- text-align:center;
- font-weight:700;
- text-transform:uppercase;
- color:{color:titles};
- cursor:default;
- }
- .sbsubtitle{
- font-family:"{select:font}";
- font-size:11px;
- margin-bottom:10px;
- text-align:center;
- font-weight:100;
- text-transform:lowercase;
- color:{color:titles};
- cursor:default;
- }
- .sbdescription{
- font-family:"{select:font}";
- font-size:{select:font-size};
- padding:8px;
- margin-bottom:10px;
- width:162px;
- height:auto;
- text-align:center;
- border:1px solid {color:borders};
- background:{color:posts};
- border-radius:2px;
- }
- .sblinks{
- text-align:center;
- }
- .sblinks a{
- display:inline-block;
- font-size:calc({select:font size} + 0.5px);
- font-family:"{select:font}";
- color:{color:sidebar links};
- font-weight:600;
- background:{color:posts};
- border:1px solid {color:borders};
- padding:3.5px 3.5px 3.5px 6px;
- margin-left:5px;
- margin-right:5px;
- border-radius:2px;
- margin-top:2.5px;
- margin-bottom:5px;
- }
- .pagination{
- text-align:center;
- margin-top:15px;
- }
- .pagination a{
- font-size:calc({select:font size} + 1px);
- font-family:"{select:font}";
- text-transform:uppercase;
- font-weight:900;
- padding-left:10px;
- padding-right:10px;
- }
- #posts{
- margin-left:290px;
- margin-top:0px;
- position:absolute;
- }
- #entries{
- border:1px solid {color:borders};
- background:{color:posts};
- width:{select:post width};
- padding:20px;
- border-radius:2px;
- margin-top:80px;
- margin-bottom:80px;
- position:justify;
- }
- .questions span{
- font-weight:900;
- font-family"karla";
- font-size:calc({select:font size} + 1px);
- text-transform:uppercase;
- margin-right:5px;
- }
- .questions i{
- font-size:calc({select:font size} + 5px);
- margin-right:5px;
- margin-top:-5px;
- display:inline-flex;
- vertical-align:middle;
- color:{color:bold};
- }
- .question{
- font-size:calc({select:font size} + 1px);
- padding:15px;
- background:{color:accents};
- margin-top:10px;
- margin-left:0px;
- border:1px solid {color:borders};
- border-radius:2px;
- width:calc({select:post width} - 30px);
- }
- .answered{
- margin-top:15px;
- margin-left:5px;
- margin-right:5px;
- }
- .quotes{
- font-size:calc({select:font size} + 5px);
- font-weight:900;
- font-family:"{select:font}";
- line-height:20px;
- padding-left:1em;
- padding-right:1em;
- text-align: center;
- }
- .source{
- text-align:center;
- padding-top:10px;
- padding-right:10px;
- padding-left:10px;
- font-style:normal;
- }
- .answer span,.convo li{
- margin-top:0px;
- margin-bottom:5px;
- border-radius:1em;
- padding:8px 10px;
- max-width:75%;
- clear:both;
- position:relative;
- }
- .answer li:before, .convo li:before{
- visibility:hidden;
- }
- .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
- float:left;
- background:{color:accents};
- 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};
- 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:accents2};
- 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:accents2};
- border-bottom-left-radius:1em .5em;
- }
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 10px;
- margin: 0;
- margin-bottom:-20px;
- margin-top:-10px;
- }
- .caption{
- margin-top:10px;
- margin-bottom:10px;
- }
- .information{
- background:{color:accents};
- 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{
- {block:ifTags}
- font-size:calc({select:font size} - 1px);
- font-family:"{select:font}";
- margin-top:7.5px;
- padding-right:10px;
- padding-left:10px;
- line-height:20px;
- font-weight:700;
- text-align:center;
- margin-bottom:-7.5px;
- 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{
- margin-top:10px;
- width:{select:post width};
- }
- ol.notes, .notes li {
- font-family:"{select:font}";
- 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;
- }
- /*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/
- .credit a{
- font-size:calc({select:font size} + 2px);
- position:fixed;
- font-family:"roboto";
- font-weight:900;
- color:{color:links};
- text-align:right;
- right:20px;
- bottom:20px;
- }
- .credit a:hover{
- color:{color:links hover};
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="everything">
- <div id="sidebar">
- <div class="sbtitle">{text:main title}</div>
- <div class="sbsubtitle">{text:subtitle}</div>
- {block:ifSidebarImage}<img src="{image:sidebar}">{/block:ifSidebarImage}
- <div class="sbdescription">{Description}</div>
- <div class="sblinks">
- <a href="{text:link one}">001.</a>
- <a href="{text:link two}">002.</a>
- <a href="{text:link three}">003.</a>
- <a href="{text:link four}">004.</a>
- </div>
- <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:Photo}
- {block:Photoset}
- <div class="photoset">{Photoset}</div>{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:Video}
- {block:Audio}
- <div class="audio">{AudioEmbed-640}</div>
- {/block:Audio}
- {block:Answer}
- <div class="questions">
- <i class="material-icons">record_voice_over</i>
- <span>{Asker} asked:</span>
- <br><div class="question">{Question}</div>
- <div class="answered">{Answer}</div>
- </div>
- {/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:Chat}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:More}
- <a class="read-more" href="{Permalink}">Read more</a>
- {/block:More}
- <div class="information">
- <span>
- {block:Date}<a href="{Permalink}" title="{NoteCountWithLabel}">
- <b>{TimeAgo}</b></a></span>
- {/block:Date}
- <span>
- {block:RebloggedFrom}
- <a href="{SourceURL}" 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>
- <!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! --------------- -->
- <div class="credit"><a href="https://astraeawrites.tumblr.com/">AW</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment