Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta charset="UTF-8">
- <!--
- 01: S u g a r
- Theme by Draco (enterprise-themes) || tumblr controls by cyantists || buttons color fix by demirev (http://demirev.cubthemes.com)
- Please do not remove credit, use as a base or claim as your own! Otherwise, feel free to edit it as you like and notify me if anything in the code is not working properly.
- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i,600,600i" rel="stylesheet">
- <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <meta name="color:background" content="#fff7f7"/>
- <meta name="color:scrollbar" content="#ffb6c1"/>
- <meta name="color:text" content="#252525"/>
- <meta name="color:bold" content="#000"/>
- <meta name="color:italic" content="#252525"/>
- <meta name="color:link" content="#9aadbf"/>
- <meta name="color:link hover" content="#000"/>
- <meta name="color:like and reblog" content="#9aadbf"/>
- <meta name="color:navigation" content="#fff"/>
- <meta name="color:nav links" content="#000"/>
- <meta name="color:title" content="#9aadbf"/>
- <meta name="color:post title" content="#000"/>
- <meta name="color:borders" content="#ffb6c1"/>
- <meta name="color:posts" content="#fff"/>
- <meta name="color:tags" content="#9AADBF"/>
- <meta name="color:selection text" content="#fff"/>
- <meta name="color:selection bg" content="#ffb6c1"/>
- <meta name="image:background" content=""/>
- <meta name="image:icon" content=""/>
- <meta name="if:repeat background" content='0'>
- <meta name="if:archive link" content='1'>
- <meta name="if:link one" content='1'>
- <meta name="if:link two" content='1'>
- <meta name="if:link three" content='1'>
- <meta name="if:link four" content='0'>
- <meta name="if:link five" content='0'>
- <meta name="if:link six" content='0'>
- <meta name="if:link seven" content='0'>
- <meta name="if:link eight" content='0'>
- <meta name="if:Show like and reblog" content='1'>
- <meta name="if:Light controls" content='0'>
- <meta name="if:400px" content='1'>
- <meta name="if:Sidebar position" content='1'>
- <meta name="select:Font Size" content="12px" title="12px">
- <meta name="select:Font Size" content="11px" title="11px">
- <meta name="select:Font Size" content="13px" title="13px">
- <meta name="text:Link 1" content="Link 1"/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 2" content="Link 2"/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="text:Link 3" content="Link 3"/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 4" content="Link 4"/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="text:Link 5" content="Link 5"/>
- <meta name="text:Link 5 URL" content=""/>
- <meta name="text:Link 6" content="Link 6"/>
- <meta name="text:Link 6 URL" content=""/>
- <meta name="text:Link 7" content="Link 7"/>
- <meta name="text:Link 7 URL" content=""/>
- <meta name="text:Link 8" content="Link 8"/>
- <meta name="text:Link 8 URL" content=""/>
- <meta name="select:Font" content="'Open Sans'" title="Open Sans"/>
- <meta name="select:Font" content="'IBM Plex Mono'" title="IBM Plex Mono"/>
- <meta name="select:Font" content="'Roboto'" title="Roboto"/>
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,500i" rel="stylesheet">
- <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
- <style>
- ::selection {
- color:{color:selection text};
- background:{color:selection bg};
- }
- ::-webkit-scrollbar-thumb {
- z-index:9999;
- position:relative;
- height:auto;
- background-color: {color:scrollbar};
- }
- ::-webkit-scrollbar {
- width:7px;
- height:7px;
- background-color:{color:background};
- }
- body{
- margin: 0;
- font-family: {select:Font}, sans-serif;
- font-size: {select:Font Size};
- color:{color:text};
- background-color:{color:background};
- background-image: url({image:background});
- {block:ifrepeatbackground}background-repeat: repeat;{/block:ifrepeatbackground}
- {block:ifnotrepeatbackground}background-repeat: no-repeat;
- background-position: center center;
- background-size: cover;
- {/block:ifnotrepeatbackground}
- background-attachment: fixed;
- }
- b, strong {
- color:{color:bold};
- }
- i, em {
- color:{color:italic};
- }
- a{
- text-decoration: none;
- color: {color:link};
- transition: color .4s;
- }
- a:hover{
- color: {color:link hover};
- }
- h1, h2{
- -webkit-margin-before: 0;
- }
- h1 a{
- color: initial;
- }
- small{
- font-size: inherit;
- }
- hr{
- border: none;
- border-bottom: 5px {color:borders} dotted;
- width: 100px;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- img{
- max-width: 100%;
- height: auto;
- }
- #sidebar{
- position: fixed;
- background-color: {color:posts};
- width: 250px;
- left: 13vw;
- {block:ifsidebarposition}top: 17vh;{/block:ifsidebarposition}
- {block:ifnotsidebarposition}top: 7vh;{/block:ifnotsidebarposition}
- padding-bottom: 20px;
- border: 2px solid {color:borders};
- -webkit-box-shadow: 10px 10px 0px 0px {color:borders};
- -moz-box-shadow: 10px 10px 0px 0px {color:borders};
- box-shadow: 10px 10px 0px 0px {color:borders};
- z-index: 99;
- }
- #avatar{
- width: 100px;
- height: 100px;
- margin-left: 75px;
- border-radius: 100px;
- margin-top: 40px;
- background-image: url({image:icon});
- background-size: cover;
- background-repeat: no-repeat;
- border: 2px solid {color:borders};
- background-color: {color:borders};
- }
- h2#title{
- color: {color:title};
- margin: 20px 15px;
- text-align: center;
- text-transform: uppercase;
- font-size: 1.3em;
- letter-spacing: 1px;
- }
- h2#title a{
- color: {color:title};
- }
- p#description{
- margin: 20px 35px;
- }
- #nav{
- width: 80%;
- margin-left: 10%;
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 1.1em;
- text-align: center;
- }
- #nav ul{
- list-style-type: none;
- }
- #nav ul, #nav li{
- margin: 0;
- padding: 0;
- }
- #nav li{
- border: 2px solid {color:borders};
- width: calc(50% - 10px);
- display: inline-block;
- float: left;
- box-sizing: border-box;
- margin: 5px;
- font-size: .8em;
- padding: 2px;
- position: relative;
- }
- #nav li:before {
- content: "";
- background: {color:borders};
- position: absolute;
- left: 0;
- top: 0;
- width: 0;
- height: 100%;
- z-index: -1;
- -webkit-transition: width .7s ease-out;
- }
- #nav li:hover:before {
- width: 100%;
- }
- #nav li:after{
- content: "";
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: -2;
- background: #fff;
- }
- #nav a{
- font-weight: normal;
- color: {color:nav links};
- }
- #nav a:hover{
- color: {color:nav links};
- }
- #drop{
- background: {color:borders};
- margin-bottom: 10px;
- padding: 5px;
- font-weight: bold;
- color: {color:navigation};
- cursor: pointer;
- }
- #dropmenu{
- width: 100%;
- display: none;
- }
- #arrows{
- text-align: center;
- margin-bottom: 50px;
- margin-top: 20px;
- color: grey;
- }
- #arrows a{
- color: grey;
- }
- #arrows .fa-angle-left{
- margin-right: 30px;
- }
- #arrows .fa-angle-right{
- margin-left: 30px;
- }
- #cont{
- margin-left: 307px;
- padding-top: 30px;
- box-sizing: border-box;
- }
- .posts-cont {
- {block:ifnot400px}
- margin-left: calc(50% - 305px);
- {/block:ifnot400px}
- {block:if400px}
- margin-left: calc(50% - 255px);
- {/block:if400px}
- width: 688px;
- display: inline-block;
- margin-top: 30px;
- }
- .posts{
- float: left;
- {block:ifnot400px}
- width: 550px;
- {/block:ifnot400px}
- {block:if400px}
- width:440px;
- {/block:if400px}
- padding:30px;
- padding-top: 40px;
- margin-bottom: 60px;
- border: 2px solid {color:borders};
- -webkit-box-shadow: 10px 10px 0px 0px {color:borders};
- -moz-box-shadow: 10px 10px 0px 0px {color:borders};
- box-shadow: 10px 10px 0px 0px {color:borders};
- background-color: {color:posts};
- }
- .buttons{
- margin-left: 30px;
- float: left;
- }
- .but{
- width: 39px;
- height: 39px;
- border: 2px solid {color:borders};
- margin-top: 10px;
- padding: 5px;
- box-sizing: border-box;
- color: #ccc;
- cursor: pointer;
- }
- .but:first-child{
- margin-top: 0px;
- }
- .but a{
- color: {color:like and reblog};
- }
- .but a:hover{
- color: {color:link hover};
- }
- .likebutton, .reblogbutton{
- display:inline-block;
- }
- .posts h1{
- text-transform: uppercase;
- font-size: 1.4em;
- }
- .posts h1, .posts h2{
- color: {color:post title};
- }
- .posts a{
- color: {color:link};
- }
- .posts a:hover{
- color: {color:link hover};
- }
- blockquote {
- margin:0px 0px 0px 20px;
- padding:2px 0px 2px 15px;
- border-left:2px solid {color:borders};
- }
- .rebloggedfrom{
- {block:ifnot400px}
- width: 610px;
- {/block:ifnot400px}
- {block:if400px}
- width: 500px;
- {/block:if400px}
- }
- .rebloggedfrom a{
- color: {color:tags};
- font-weight: bold;
- font-size: .9em;
- }
- .rebloggedfrom a:hover{
- color: {color:link hover};
- }
- .rebloggedfrom .left{
- width: 50%;
- float: left;
- padding-bottom: 5px;
- }
- .rebloggedfrom .right{
- width: 50%;
- float: left;
- padding-bottom: 5px;
- text-align: right;
- }
- .reblog_button svg path {
- fill: {color:like and reblog};
- transition: all .4s;
- }
- .reblog_button:hover svg path{
- fill: {color:link hover}
- }
- .likebut {
- position: relative;
- }
- .likebut svg path {
- fill: {color:like and reblog};
- transition: all .4s;
- }
- .likebut:hover svg path {
- fill: {color:link hover}
- }
- .likebut .like_button {
- position: absolute;
- top: 5px;
- opacity: 0.01;
- }
- .likebut .like_button.liked {
- opacity: 1;
- }
- .tags{
- text-align: center;
- }
- .tags a{
- margin-right: 8px;
- color: {color:tags};
- font-weight: bold;
- font-size: .9em;
- display: inline-block;
- }
- .tags a:hover{
- color: {color:link hover};
- }
- ol.notes{
- list-style-type: none;
- padding: 0;
- }
- a.avatar_frame{
- display: none;
- }
- .audio{
- display: block;
- width: 100%;
- height: 56px;
- }
- .audioalbum{
- float: left;
- }
- .audioinfo{
- margin-top: 10px;
- border-bottom: {color:borders} 2px solid;
- background-color: {color:background};
- padding: 15px;
- padding-bottom: 10px;
- }
- .ask {
- border-bottom: {color:borders} 2px solid;
- background-color: {color:background};
- text-align:center;
- padding: 15px;
- padding-bottom: 10px;
- }
- .askericon {
- display: inline-block;
- vertical-align: middle;
- margin-right:5px;
- }
- .asker {
- text-transform: uppercase;
- font-weight: bold;
- display: inline-block;
- padding: 0;
- margin: 0;
- margin-bottom: 10px;
- }
- .answer {
- padding-top: 10px;
- }
- .link{
- border-bottom: {color:borders} 2px solid;
- background-color: {color:background};
- text-align:center;
- padding: 15px;
- padding-bottom: 10px;
- }
- .chat ol{
- list-style-type: none;
- padding: 0;
- }
- .chat li:nth-child(odd){
- background-color: {color:background};
- }
- .chat li{
- padding: 5px;
- }
- #credit{
- position: fixed;
- bottom: 1px;
- right: 2px;
- width: 22px;
- height: 22px;
- padding-top:2px;
- text-align: center;
- box-sizing: border-box;
- color: #999;
- transition: all .4s;
- }
- #credit:hover{
- color: #222;
- }
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete invert(1) from here */
- {block:iflightcontrols}
- 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:iflightcontrols}
- /* to here if your blog has a dark background */
- 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 {
- pointer-events: none;
- }
- </style>
- <body>
- <div id="sidebar">
- <a href="/"><div id="avatar"></div></a>
- <a href="/"><h2 id="title">
- {Title}
- </h2></a>
- <p id="description">
- {Description}
- </p>
- <div id="nav">
- <div id="drop">Navigation <i class="fas fa-caret-down"></i>
- </div>
- <div id="dropmenu">
- <ul>
- <a href="/"><li>Index</li></a>
- <a href="/ask"><li>Ask</li></a>
- {block:ifarchivelink}<a href="/archive"><li>Archive</li></a>{/block:ifarchivelink}
- {block:iflinkone}<a href="{text:Link 1 URL}"><li>{text:Link 1}</li></a>{/block:iflinktwo}
- {block:iflinktwo}<a href="{text:Link 2 URL}"><li>{text:Link 2}</li></a>{/block:iflinktwo}
- {block:iflinkthree}<a href="{text:Link 3 URL}"><li>{text:Link 3}</li></a>{/block:iflinkthree}
- {block:iflinkfour}<a href="{text:Link 4 URL}"><li>{text:Link 4}</li></a>{/block:iflinkfour}
- {block:iflinkfive}<a href="{text:Link 5 URL}"><li>{text:Link 5}</li></a>{/block:iflinkfive}
- {block:iflinksix}<a href="{text:Link 6 URL}"><li>{text:Link 6}</li></a>{/block:iflinksix}
- {block:iflinkseven}<a href="{text:Link 7 URL}"><li>{text:Link 7}</li></a>{/block:iflinkseven}
- {block:iflinkeight}<a href="{text:Link 8 URL}"><li>{text:Link 8}</li></a>{/block:iflinkeight}
- </ul>
- </div>
- </div>
- </div>
- <div id="cont">
- {block:Posts}
- <div class="posts-cont">
- <div class="rebloggedfrom">
- <div class="left">{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
- <div class="right">
- <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>
- {/block:RebloggedFrom}
- </div>
- </div>
- <div class="posts">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Quote}
- <h2>“{Quote}”</h2>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1 class="link"><a href="{URL}"><< {Name} >></a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li>
- {block:Label}
- <b>{Label}</b>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Photo}
- {LinkOpenTag}<center>
- {block:if400px}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
- {block:if400px}
- {block:ifnot400px}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {/block:ifnot400px}
- </center> {LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>
- {Photoset}
- </center>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- <center>
- {block:ifnot400px}
- {Video-500}
- {/block:ifnot400px}
- {block:if400px}
- {Video-400}
- {/block:if400px}
- </center>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- <div class="audioalbum">
- <span style="opacity: 0.4; position: absolute;"><img style="width:50px; height:50px;" src="https://68.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="100"></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}</div>
- <span style="float:left;
- margin-left: 10px;
- margin-top: 10px;">{AudioPlayerWhite}</span>
- </div>
- <div class="audioinfo">
- {block:TrackName}<span><b>Song:</b> {TrackName} </span>
- <br>{/block:TrackName}
- {block:Artist}<span><b>Artist:</b> {Artist} </span>
- <br>{/block:Artist}
- {block:Album}<span><b>Album:</b>{Album}</span>
- <br>{/block:Album}
- {block:PlayCount}<span><b>Play count:</b> {PlayCount}</span> {/block:PlayCount}
- </div>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="ask">
- <img class="askericon" src="{AskerPortraitURL-24}">
- <div class="asker">{Asker} asked:</div>
- <div class="question">
- <b>“</b>{Question}<b>”</b>
- </div>
- </div>
- <div class="answer">{block:Answerer}
- <div class="replier">{Answerer} replied:</div>{/block:Answerer}
- {Answer}
- </div>
- {block:Answerer}<div class="replies">{Replies}</div>{/block:Answerer}
- {/block:Answer}
- {block:IndexPage}
- {block:HasTags}
- <hr>
- <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- <hr>
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- {PostNotes}
- {/block:PermalinkPage}
- </div>
- <div class="buttons">
- <div class="but">
- <a href="{Permalink}"><i class="fas fa-link fa-2x"></i></a>
- </div>
- {block:ifshowlikeandreblog}
- <div class="but likebut">
- <svg width="25" height="25" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
- <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
- </svg>
- {LikeButton size="25"}
- </div>
- <div class="but">
- {ReblogButton size="25" color="gray"}
- </div>
- {/block:ifshowlikeandreblog}
- </div>
- </div>
- {/block:Posts}
- {block:IndexPage}
- <div id="arrows">
- {block:PreviousPage}<a href="{PreviousPage}"><span style="color:{color:borders}">{/block:PreviousPage}<i class="fas fa-angle-left fa-3x"></i>{block:PreviousPage}</span></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">
- <span style="color:{color:borders}">{/block:NextPage}
- <i class="fas fa-angle-right fa-3x"></i>{block:NextPage}</span></a>{/block:NextPage}
- </div>
- {/block:IndexPage}
- </div>
- <a href="http://enterprise-themes.tumblr.com/"><div id="credit"><i class="far fa-hand-spock fa-lg"></i></div></a>
- <script>
- $(document).ready(function(){
- $('#drop').click(function(){
- $('#dropmenu').slideToggle();
- });
- });
- </script>
- </body>
- </html>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement