Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- THEME CREATED BY 14KGOLDS™ -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="desrcription" content="{MetaDescription}" />{/block:Description}
- <meta name="color:background" content="#eaeaea"/>
- <meta name="color:text" content="#3c3c3c"/>
- <meta name="color:links" content="#aab8e7"/>
- <meta name="color:hover" content="#c6c6c6"/>
- <meta name="color:borders" content="#ededed"/>
- <meta name="color:posts" content="#fefefe"/>
- <meta name="color:container" content="#f5f5f5"/>
- <meta name="color:accent" content="#8696ce"/>
- <meta name="color:accent 2" content="#fbfbfb"/>
- <meta name="if:grayscale" content="1"/>
- <meta name="image:background" content=""/>
- <meta name="image:player" content="https://via.placeholder.com/125x75"/>
- <meta name="image:window" content="https://via.placeholder.com/420x300"/>
- <meta name="image:icon" content="https://via.placeholder.com/30"/>
- <meta name="image:locked" content="https://via.placeholder.com/205x100"/>
- <meta name="text:title" content="title goes here">
- <meta name="text:desc" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.">
- <meta name="text:username" content="username">
- <meta name="text:watching now" content="24,012">
- <meta name="text:total views" content="105,929,388">
- <meta name="text:sidelink" content="link">
- <meta name="text:sidelink url" content="/">
- <meta name="text:sidelink 2" content="link">
- <meta name="text:sidelink 2 url" content="/">
- <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:false,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <script src="https://code.iconify.design/1/1.0.5/iconify.min.js"></script>
- <link href="https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Signika:wght@400;600;700&display=swap" rel="stylesheet">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
- <style type="text/css">
- @keyframes animated-text{
- from{width: 0;}
- to{max-width: 150px;}
- }
- /* cursor animations */
- @keyframes animated-cursor{
- from{border-right-color:{color:accent};}
- to{border-right-color: transparent;}
- }
- /* SCROLLBAR & TOOLTIP */
- ::-webkit-scrollbar { display:none; width:15px; height:5px; background-color:{color:background}; }
- ::-webkit-scrollbar-track { background-color:{color:background}; }
- ::-webkit-scrollbar-thumb { border-left:10px solid {color:background}; background-color: {color:links}; }
- #s-m-t-tooltip { max-width:230px; padding:0px 8px 0px 8px; margin:20px 15px; color:{color:posts}; background-color:{color:accent}; z-index:999999999999999; text-transform:uppercase; text-align:justify; letter-spacing:1px; font-size:8px; font-weight:700; }
- /* BODY */
- body { background-color:{color:background}; color:{color:text}; font-family: 'Muli', sans-serif; font-size:10px; overflow:hidden; line-height:18px; letter-spacing:1px; background-image:url('{image:background}'); }
- a { text-decoration:none; color:{color:links}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- a:hover { color:{color:hover}; text-shadow: 0 0 1px {color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- blockquote { border-left:1px solid {color:borders}; margin-left:20px; padding-left:15px; width:85%; }
- blockquote blockquote { border-left:1px solid {color:borders}; margin-left:5px; }
- h1 { text-align:center; font-family: 'Signika', sans-serif; font-weight:600; font-size:30px; line-height:32px; }
- h2 { font-size:14px; font-weight:800; }
- pre { font-family: 'Muli', sans-serif; letter-spacing:2px; word-spacing:2px; font-size:7.5px; line-height:18px; text-transform:uppercase; }
- small, sup, sub { font-size:9px; }
- b, strong { font-weight:800; color:{color:text}; }
- i, em { font-weight:700; color:{color:accent}; }
- /* HOLDER */
- #container { position:absolute; margin:auto; left:0px; right:0px; top:0px; bottom:0px; padding-right:40px; width:810px; height:510px; overflow-x:hidden; overflow-y:auto; background-color:{color:container}; box-shadow: 1px 3px 7px rgba(0,0,0,0.1); }
- /* SIDEBAR */
- #sidebar { position:absolute; z-index:9; width:320px; height:510px; right:0px; overflow:visible; }
- .chat { position:absolute; z-index:999; top:75px; left:0px; width:205px; height:200px; background-color:{color:posts}; overflow:hidden; }
- .comment { position:absolute; top:50px; left:25px; width:155px; height:100px; text-align:left; line-height:17px; overflow:hidden; }
- .enter { position:absolute; z-index:999; top:235px; left:11px; width:175px; height:23px; padding-left:10px; padding-top:5px; text-align:left; overflow:hidden; background-color:{color:container}; }
- .txt { position:absolute; z-index:9999; top:240px; left:11px; width:95px; padding-left:10px; text-align:left; color:{color:text}; border-right: solid 3px {color:accent}; white-space: nowrap; overflow: hidden; animation: animated-text 4s steps(29,end) 1s 1 normal both, animated-cursor 600ms steps(29,end) infinite; }
- .sidelinks { position:absolute; z-index:9999999; width:75px; height:510px; bottom:0px; right:0px; line-height:17px; background-color:{color:posts}; }
- .sidelinks a { font-size:8.5px; color:{color:text}; padding-top:9px; padding-bottom:9px; padding-left:11px; padding-right:11px; text-transform:uppercase; }
- .sidelinks span { margin-left:1px; font-size:20px; color:{color:links}; }
- .sidelinks a:hover { color:{color:hover}; webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .sidelinks li { width:45px; height:45px; float:left; list-style-type:none; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:10px; }
- .locked { margin-top:295px; width:205px; height:100px; line-height:18px; background-color:#b3b3b3; background-image:url('{image:locked}'); background-blend-mode: color-burn; }
- .pagination { font-size:8px; width:450px; padding-right:10px; position:absolute; margin-bottom:50px; text-align:center; z-index:99999; }
- .pagination a { color:{color:text}; letter-spacing:50px; text-align:center; font-size:15px; border-radius:100%; }
- /* POSTS STYLING */
- .box { margin-top:75px; margin-left:20px; padding-bottom:70px; width:450px; }
- .entries { text-align:justify; position:absolute; height:510px; width:450px; overflow:auto; margin:auto; left:50px; top:0px; bottom:0px; overflow-x:hidden; overflow-y:auto; }
- .posts { width:380px; margin-bottom:20px; margin-top:50px; margin-left:20px; text-align:justify; padding-left:20px; padding-right:20px; overflow:hidden; background-color:{color:posts}; }
- .like-b { position:relative; display:inline-block; height:1em; line-height:1em; overflow:hidden; margin-bottom:-1px; }
- .like-b .like_button iframe { position:absolute; top:0; left:0; bottom:0; right:0; z-index:2; opacity:0; }
- .like-b .liked + .b { color:inherit; }
- .like-b .liked + .b:after { content:'d'; }
- .posts img { padding-left:0px; margin-left:0px; max-width:420px; height:auto; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .posts img:hover { {block:ifGrayscale}-webkit-filter: grayscale(0%);{/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .posts iframe { margin-left:-20px; margin-top:-20px; max-width:420px; }
- .media img, .media iframe { {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .media img:hover, .media iframe:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .html_photoset { padding-top:20px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .html_photoset:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .caption { padding-top:25px; max-width:300px; }
- .more { width:100%; text-align:center; padding:5px 0px; margin-top:20px; margin-bottom:5px; }
- .more a { text-transform:uppercase; font-size:8.5px; color:{color:text}; background-color:{color:links}; padding-top:5px; padding-bottom:5px; padding-left:9px; padding-right:9px; border-radius:10px; }
- #permalink { width:390px; text-transform:uppercase; text-align:left; font-size:9px; font-weight:400; padding-top:10px; padding-bottom:9px; padding-left:15px; padding-right:15px; margin-top:20px; margin-left:-20px; color:{color:links}; border-top:1px solid {color:borders}; }
- #permalink a { color:{color:text}; }
- #tags { width:420px; margin-top:-10px; margin-left:25px; margin-bottom:30px; text-align:center; line-height:16px; color:{color:text}; }
- #tags span { font-size:7px; }
- #tags a { font-size:9px; color:{color:links}; padding-left:2px; padding-right:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- #tags a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- /* CHAT STYLING */
- .convo { overflow:hidden; list-style-type:none; padding:0; margin:0; }
- .convo li:nth-of-type(odd){ background-color:{color:borders}; padding-top:10px; padding-bottom:10px; padding-left:10px; }
- .convo li:nth-of-type(even){ background-color:{color:container}; padding-top:10px; padding-bottom:10px; padding-left:10px; }
- /* QUOTE STYLING */
- #q { font-family: 'Signika', sans-serif; font-size:25px; line-height:30px; text-align:center; padding-top:40px; padding-left:20px; padding-right:20px; }
- .source { font-size:9px; color:{color:text}; letter-spacing:1px; margin-top:15px; text-transform:uppercase; text-align:center; padding-bottom:5px; }
- .source a { font-weight:700; }
- .source a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- /* ASK STYLING */
- #wrapper { width:420px; margin-top:0px; margin-left:-20px; line-height:18px; font-size:9px; text-align:justify; color:{color:text}; background-color:{color:accent 2}; overflow:hidden; }
- .question { width:330px; margin-top:-10px; margin-left:0px; line-height:18px; font-size:10px; text-align:justify; padding-left:30px; padding-bottom:5px; color:{color:text}; }
- .asker { font-family: 'Signika', sans-serif; font-weight:600; margin-left:-20px; padding-top:10px; padding-bottom:10px; width:420px; text-transform:uppercase; text-align:center; text-shadow: 2px 0.2px 5px rgba(0,0,0,0.1); font-size:11px; color:{color:posts}; background-color:{color:accent}; }
- .asker a { font-family: 'Signika', sans-serif; font-weight:600; text-transform:uppercase; font-size:11px; color:{color:posts}; text-shadow: 2px 0.2px 5px rgba(0,0,0,0.1); -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .asker a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- #answer { margin-top:15px; }
- #answer img { margin-left:0px; }
- /* AUDIO STYLING */
- .playbutton { width:30px; height:30px; overflow:hidden; position:relative; margin-top:40px; margin-left:25px; z-index:9; opacity:.7; }
- .albumart img { height:60px; width:60px; position:relative; margin-top:-75px; margin-left:0px; margin-left:10px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .albumart img:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
- .albumdetails { margin-top:-65px; text-align:right; margin-left:75px; padding:5px; text-transform:uppercase; font-size:9px; }
- .albumdetails lame { font-size:9px; line-height:70%; display:inline-block; text-transform:uppercase; color:{color:accent}; background-color:{color:posts}; margin-right:5px; font-weight:800; }
- /* CREDIT */
- #credit { right:20px; bottom:20px; position:fixed; text-align:center; line-height:18px; padding-top:10px; padding-bottom:9px; padding-left:12px; padding-right:12px; }
- #credit a { background-color:{color:background}; color:{color:links}; padding-top:8px; padding-bottom:9px; padding-left:12px; padding-right:11px; border-radius:100%; font-size:23px; font-family: 'Muli', sans-serif; text-align:center; }
- #credit:hover { color:{color:hover}; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="container">
- <div class="sidelinks">
- <li><a href="/"><span class="th th-home-o"></span> <center>home</center></a></li>
- <li><a href="/ask"><span class="th th-envelope-o"></span> <center>inbox</center></a></li>
- <li><a href="{text:sidelink url}"><span class="th th-app-o"></span><center>{text:sidelink}</center></a></li>
- <li><a href="{text:sidelink 2 url}"><span class="th th-star-o"></span><center>{text:sidelink 2}</center></a></li>
- </div>
- <div id="sidebar">
- <div class="chat">
- <span style="position:absolute; top:10px; left:10px; width:180px; font-size:17px; padding-left:3px; padding-bottom:10px; border-bottom:1px solid {color:borders}; font-family: 'Signika', sans-serif; font-weight:600;">stream chat</span>
- <span class="comment">
- <b style="color:{color:accent};">{text:username}:</b> {text:desc}
- </div>
- <div class="txt"><span style="opacity:0.5;">Send a message</span></div>
- <div class="enter"><span style="float:right; font-size:14px; padding-top:2px; padding-right:5px;"><span class="iconify" data-icon="mdi:emoticon-neutral-outline"></span></span>
- </div>
- <div class="locked">
- <span class="th th-closed-lock" style="margin-left:90px; margin-top:30px; font-size:20px; color:{color:accent};"></span><br>
- <span style="margin-left:40px; font-size:15px; color:{color:posts}; font-family: 'Signika', sans-serif; font-weight:700; text-align:center;">premium content</span>
- </div>
- </div>
- <div class="entries">
- {block:IndexPage}
- <span style="position:absolute; top:75px; left:20px; background-color:{color:posts}; width:420px; height:55px;"></span>
- <img src="{image:icon}" style="position:absolute; top:88px; left:35px; width:30px; height:30px; border-radius:100%;">
- <span style="position:absolute; top:93px; left:75px; font-size:14px; font-family: 'Signika', sans-serif; font-weight:600;">{text:username} <span class="iconify" data-icon="octicon:verified"></span> <span style="font-size:10px; font-weight:400; background-color:{color:accent}; color:{color:posts}; padding-top:2px; padding-bottom:2px; padding-left:6px; padding-right:5px; border-radius:5px;">LIVE</span>
- </span>
- <span style="position:absolute; top:92px; right:25px; font-family: 'Signika', sans-serif; font-weight:400; font-size:10px; background-color:{color:links}; color:{color:posts}; padding-top:2px; padding-bottom:2px; padding-left:7px; padding-right:6px; border-radius:5px;"><span class="th th-heart-1-o" style="font-size:9px;"></span> FOLLOW</span>
- <img src="{image:player}" style="position:absolute; top:150px; left:40px; width:125px; height:75px; box-shadow: 2px 0.2px 5px rgba(0,0,0,0.1);">
- <span style="position:absolute; top:415px; left:20px; font-family: 'Signika', sans-serif; font-weight:600; font-size:17px;">{text:title}</span>
- <span style="position:absolute; z-index:9; top:415px; right:10px; width:200px; font-size:13px; color:{color:text}; text-align:right;"><span class="th th-user-o" style="color:{color:accent};"></span> {text:watching now} <span class="th th-eye-o" style="color:{color:accent};"></span> {text:total views}</span>
- <div class="box">
- <img src="{image:window}" style="margin-top:20px; margin-left:0px; width:420px; height:300px;">
- </div>
- {/block:IndexPage}
- {block:posts}
- <div class="posts" id="{PostID}" style="margin-top:75px;">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}<div style="margin-left:-20px;">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
- <div class="source">— {Source}</div>
- {/block:Source}
- {block:Audio}
- {block:AudioPlayer}
- <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
- {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="albumdetails">
- {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
- {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
- {block:Album}<lame>album:</lame> {Album}{/block:Album}
- </div>
- {/block:AudioPlayer}
- {/block:Audio}
- {block:Video}<div style="margin-left:-20px;">{Video-500}</div><div class="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
- {block:Chat}
- <br><ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label" style="letter-spacing:1px; font-weight:900;">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- {block:Answer}
- <div id="wrapper">
- <div class="question"><br>{Question}</q></div><span></center></div>
- <div class="asker">{Asker}</div>
- <div id="answer">{Answer}</div>{/block:Answer}
- {block:More}<div class="more"><a href="{Permalink}" class="more-btn">read more</a></div>{/block:More}
- <div id="permalink">
- <span class="th th-calendar-1-o"></span> <a href="{Permalink}" title="{NoteCountWithLabel}">{ShortMonth} {DayOfMonthWithZero}</a> <span style="box-shadow:none; float:right;"><span class="th th-heart-1-o"></span> <a class="like-b" href="#" title="like this post">{LikeButton}<span class="b">LIKE</span></a> <span class="th th-reload"></span> <a href="{ReblogURL}" title="reblog this post">REBLOG</a></span>
- </div></div>
- {block:HasTags}<div id="tags">{block:Tags}<span class="th th-hashtag"></span><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}" class="pagi"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
- {block:NextPage} <a href="{NextPage}" class="pagi"><span class="th th-chevron-right"></span></a> {/block:NextPage} {/block:Pagination}
- </div>
- </div>
- <div id="credit"><a href="https://14kgolds.tumblr.com" title="made by ness"><span class="th th-strawberry-o"></span></a></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment