Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--------------------------------------------------------------------------
- ============================================================================
- ============================================================================
- ╭━╮╭━┳━━┳━━━┳━━━━┳╮╱╱╭━━━┳━━━━┳━━━┳━━━╮
- ┃┃╰╯┃┣┫┣┫╭━╮┃╭╮╭╮┃┃╱╱┃╭━━┫╭╮╭╮┃╭━╮┃╭━━╯
- ┃╭╮╭╮┃┃┃┃╰━━╋╯┃┃╰┫┃╱╱┃╰━━╋╯┃┃╰┫┃╱┃┃╰━━╮
- ┃┃┃┃┃┃┃┃╰━━╮┃╱┃┃╱┃┃╱╭┫╭━━╯╱┃┃╱┃┃╱┃┃╭━━╯
- ┃┃┃┃┃┣┫┣┫╰━╯┃╱┃┃╱┃╰━╯┃╰━━╮╱┃┃╱┃╰━╯┃╰━━╮
- ╰╯╰╯╰┻━━┻━━━╯╱╰╯╱╰━━━┻━━━╯╱╰╯╱╰━━━┻━━━╯
- ============================================================================
- theme by merc
- mistletoe / badwolf
- ============================================================================
- ============================================================================
- - karla by jonny pinhorn
- - icons by linearicons
- - video resizing script
- + custom like/reblog buttons by
- http://shythemes.tumblr.com/
- ============================================================================
- REGARDING THIS THEME - DO NOT:
- - replicate / reproduce
- - use as "inspiration"
- - frankenstein
- i.e. pick apart and use on your theme
- - steal the code
- ============================================================================
- basically, don't be /that/ asshole, alright? thanks.
- ============================================================================
- ============================================================================
- --------------------------------------------------------------------------->
- <!DOCTYPE html>
- <head>
- <link rel="shortcut icon" type="image/png" href="{image:favicon}"/>
- <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <!--- TOOLTIPS --->
- <script src="http://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:130,
- tip_fade_speed:130,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript">
- $(document).on("scroll", function(){
- if
- ($(document).scrollTop() > 100){
- $("header").addClass("shrink");
- }
- else
- {
- $("header").removeClass("shrink");
- }
- });
- </script>
- <script type="text/javascript">
- $(document).on("scroll", function(){
- if
- ($(document).scrollTop() > 100){
- $("tumblr_controls").addClass("shrinkC");
- }
- else
- {
- $("tumblr_controls").removeClass("shrinkC");
- }
- });
- </script>
- <script type="text/javascript">
- $(document).on("scroll", function(){
- if
- ($(document).scrollTop() > 100){
- $(".tmblr-iframe").addClass("shrinkC");
- }
- else
- {
- $(".tmblr-iframe").removeClass("shrinkC");
- }
- });
- </script>
- <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}
- <!--Default Variables-->
- <meta name="color:topbar" content="#f6f6f6"/>
- <meta name="color:background" content="#f5f4f4"/>
- <meta name="color:text" content="#8f8d8d"/>
- <meta name="color:link" content="#2b2b2b"/>
- <meta name="color:link hover" content="#949494"/>
- <meta name="color:blockquote" content="#efefef"/>
- <meta name="color:italics" content="#b97d7d"/>
- <meta name="color:bold" content="#eec6c6"/>
- <meta name="image:sidebar" content="http://placehold.it/100x100/eec6c6/ffffff"/>
- <meta name="image:favicon" content="http://68.media.tumblr.com/tumblr_ltqqh7D4t91qm8no1.gif"/>
- <meta name="text:link 1 URL" content="" />
- <meta name="text:link 1" content="" />
- <meta name="text:link 2 URL" content="" />
- <meta name="text:link 2" content="" />
- <meta name="text:link 3 URL" content="" />
- <meta name="text:link 3" content="" />
- <meta name="text:small title" content="she was his nights spent" />
- <meta name="text:big title" content="chasing a hurricane" />
- <meta name="text:wand title" content="check out my graphics" />
- <meta name="text:wand link" content="" />
- <!--CSS customization here. -->
- <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 11px;
- height: 11px;
- background-color: #efefef;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #eec6c6;
- }
- ::-webkit-scrollbar,
- ::-webkit-scrollbar-thumb {
- border: 5px solid #ffffff;
- }
- tumblr_controls,
- .tmblr-iframe {
- z-index: 999999999999999999!important;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- position: fixed!important;
- top: 170px!important;
- right: 0px!important;
- opacity: .5;
- -webkit-transition: all 0.4s ease-out;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.2;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- top: 170px;
- }
- #tumblr_controls,
- .tmblr-iframe:hover {
- opacity: .9;
- webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -webkit-filter: invert(80%);
- -moz-filter: invert(80%);
- -o-filter: invert(80%);
- -ms-filter: invert(80%);
- filter: invert(80%);
- }
- /***
- favorites:
- gray: #f0f0f0;
- pink: #eec6c6;
- ***/
- header {
- width: 100%;
- padding: 60px 0;
- background: {color:topbar};
- border-bottom: 1px solid #efefef;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- z-index: 999;
- top: 0;
- font-family: karla;
- position: fixed;
- line-height: 100%;
- color: #505050;
- max-height: 100px;
- }
- header h1 {
- font-size: 20px;
- padding-left: 50px;
- line-height: 1px;
- }
- header h2 {
- font-size: 7px;
- letter-spacing: 2px;
- text-transform: uppercase;
- padding-left: 50px;
- line-height: 1px;
- }
- .shrink {
- padding: 20px 0;
- }
- .shrinkC {
- top: 90px!important;
- }
- /***/
- .tooltip{
- display: inline;
- position: relative;
- }
- #s-m-t-tooltip {
- position: absolute;
- margin-top: 15px;
- z-index: 9999;
- background: {color: background};
- }
- /*basics*/
- blockquote {
- padding-left: 12px;
- border-left: 1px solid #efefef;
- margin-left: 8px;
- }
- ul {
- list-style: none;
- text-align: left;
- padding-left: 0;
- }
- li {
- position: relative;
- padding-left: 30px;
- }
- ul li:before {
- position: absolute;
- left: 15px;
- vertical-align: baseline!important;
- content: '›';
- }
- body {
- background: {color:background};
- color: {color:text};
- font-family: karla;
- font-size: 11px;
- margin: 0;
- text-align: justify;
- line-height: 16px;
- overflow-x: hidden;
- }
- .notes {
- padding: 50px;
- }
- .textbody {
- padding-left: 20px; padding-right: 20px;
- line-height: 130%;
- }
- *, body, a, a:hover {cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto}
- a {
- color:{color:link};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- text-decoration:none;
- }
- a:hover {
- color:{color:link hover};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- img {
- opacity: 1;
- border: none;
- text-decoration: none;
- }
- small {
- font-size: 11px;
- }
- big {
- font-size: 11px;
- }
- #title {
- font-size: 12px;
- line-height: 18px;
- margin-bottom: 10px;
- font-weight: bold;
- text-transform: none;
- text-align: left;
- color:{color:text};
- }
- /*sidebar*/
- #sidebar {
- text-align: left;
- position: fixed;
- margin-left: -350px;
- margin-top: 100px;
- width: 200px;
- border: 1px solid #efefef;
- }
- #sidebar .topbox {
- background-color: #f6f6f6;
- padding: 25px;
- border-bottom: 1px solid #efefef;
- }
- #sidebar .topboxim {
- height: 110px;
- width: 110px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- overflow: hidden;
- border: 1px solid #efefef;
- margin: auto;
- }
- #sidebar .topbox img {
- width: 100px;
- margin: auto;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- overflow: hidden;
- border: 5px solid #fff;
- }
- #sidebar .bottext {
- padding: 25px;
- background-color: #fbfbfb;
- }
- #links {
- font-size: 10px;
- text-align: center;
- text-transform: uppercase;
- font-weight: normal;
- background-color: #f6f6f6;
- border-top: 1px solid #efefef;
- padding: 10px;
- width: 180px;
- }
- #links a {
- margin-bottom: 0px;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- padding-left: 8px;
- padding-right: 8px;
- }
- #description {
- margin-top: 10px;
- text-align: center;
- }
- #description b {
- color: {color:bold};
- }
- #description i {
- color: {color:italics};
- }
- /*pagination*/
- #pagination {
- text-transform: uppercase;
- font-size: 8px;
- position: fixed;
- float: left;
- margin-left: -350px;
- bottom: 100px;
- width: 200px;
- text-align: center;
- letter-spacing: 1px;
- }
- #pagination a {
- padding: 0 3px;
- color: #cccccc;
- }
- /*container*/
- #con {
- left: 50%;
- margin-left: -140px;
- margin-top: 100px;
- position: absolute;
- }
- /*posts*/
- #entries {
- margin-top: 120px;
- width: 440px;
- margin-bottom: 100px;
- }
- .posts {
- width: 400px;
- {block: IndexPage}
- margin-bottom:80px;
- {/block: IndexPage}
- {block: PermalinkPage}
- margin-bottom:50px;
- {/block: PermalinkPage}
- padding: 20px;
- border: 1px solid #efefef;
- margin-top: 80px;
- background-color: #ffffff;
- padding-left: 20px;
- padding-right: 20px;
- }
- .posts img {
- max-width: 400px;
- }
- .posts img,
- .posts li,
- .posts blockquote {
- max-width: 100%;
- height: auto;
- }
- .caption {
- width: 100%;
- margin: 20px;
- }
- .caption pre {
- padding: 5px;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- background-color: #f6f6f6;
- text-align: center;
- width:89%;
- margin:auto;
- }
- .caption h2 {
- color: {color:text};
- }
- a.tumblr_blog {
- font-weight: bold;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- /*quote*/
- #titlequote {
- text-align: left;
- font-size: 12px;
- line-height: 17px;
- font-weight: bold;
- }
- #source {
- margin-top: 0px;
- margin-bottom: 11px;
- margin-left: 0px;
- }
- /*asks*/
- .q {
- line-height: 17px;
- font-size: 12px;
- }
- .as:after,
- .as:before {
- content: '';
- display: block;
- position: absolute;
- right: 100%;
- width: 0;
- height: 0;
- border-style: solid;
- }
- .as:after {
- top: 16px;
- border-color: transparent #f6f6f6 transparent transparent;
- border-width: 10px;
- }
- /* this border color controlls the outside, thin border */
- .as:before {
- top: 14px;
- border-color: transparent #efefef transparent transparent;
- border-width: 12px;
- }
- .as {
- font-weight: normal;
- border: 1px solid #efefef;
- padding: 20px;
- background-color: #f6f6f6;
- margin-left: 20px;
- width: 80%;
- position: relative;
- }
- .q .askp {
- border: 1px solid #efefef;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- overflow: hidden;
- width: 58px;
- height: 58px;
- }
- .q .askp img {
- width: 48px;
- height: 48px;
- overflow: hidden;
- border: 5px solid #fff;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- }
- .a {
- margin-top: 13px;
- }
- /*chat*/
- .chat ol {
- padding: 0;
- list-style: none;
- }
- .line {
- padding: 0px 0;
- }
- .label {
- font-weight: bold;
- }
- /*permalink and notes*/
- #permalink {
- font-size: 8px;
- text-align: left;
- margin-top: 6px;
- border-top: 1px solid #efefef;
- background-color: #f6f6f6;
- padding: 10px;
- width: 420px;
- margin-left: -20px;
- margin-bottom: -19px;
- text-transform: uppercase;
- overflow: auto;
- min-height: 15px;
- border-bottom: 1px solid #efefef;
- }
- #permalink a {
- margin-right: 0px;
- }
- .tags {
- font-size: 11px;
- text-transform: none;
- color: #cccccc;
- }
- .tags a {
- color: {color:link};
- }
- .pagenotes {
- {block: IndexPage}
- display: none!important;
- {/block: IndexPage}
- width:400px;
- text-align:left;
- }
- .pagenotes img {
- display: none!important;
- }
- .pagenotes li {
- list-style-type: none;
- padding: 2px 0px;
- text-align: left;
- margin: 0 0 0 -40px;
- }
- svg {
- width:10px;
- height:auto;
- opacity:.5;
- padding:1px;
- display:block;
- overflow:visible;
- }
- .controls a {
- position:relative;
- display:inline-block;
- overflow:hidden;
- padding:5px;
- width:12px;
- height:12px;
- padding-top: 3px;
- }
- .controls .reblog {
- opacity:.93;
- }
- .controls .reblog svg {
- width:9px;
- margin-top:1px;
- }
- .controls .like .liked + svg {
- opacity:1;
- }
- .controls .like .liked + svg path {
- fill:#ec5a5a;
- }
- .controls .like .like_button {
- position:relative;
- }
- .controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- #credit {
- float: right;
- position: fixed;
- bottom: 40px;
- right: 30px;
- font-weight: bold;
- letter-spacing: 1px;
- font-family: karla;
- text-transform: uppercase;
- font-size: 8px;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- -ms-transition-duration:.8s;
- }
- #credit a {
- color: #eec6c6;
- padding: 10px;
- background-color: #fff;
- }
- #credit a:hover { color: #eec6c6; }
- {CustomCSS}
- </style>
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <script type="text/javascript">
- // <![CDATA[
- var colour="#eec6c6";
- var sparkles=120;
- /****************************
- * Tinkerbell Magic Sparkle *
- * (c) 2005 mf2fm web-design *
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var tiny=new Array();
- var star=new Array();
- var starv=new Array();
- var starx=new Array();
- var stary=new Array();
- var tinyx=new Array();
- var tinyy=new Array();
- var tinyv=new Array();
- window.onload=function() { if (document.getElementById) {
- var i, rats, rlef, rdow;
- for (var i=0; i<sparkles; i++) {
- var rats=createDiv(3, 3);
- rats.style.visibility="hidden";
- document.body.appendChild(tiny[i]=rats);
- starv[i]=0;
- tinyv[i]=0;
- var rats=createDiv(5, 5);
- rats.style.backgroundColor="transparent";
- rats.style.visibility="hidden";
- var rlef=createDiv(1, 5);
- var rdow=createDiv(5, 1);
- rats.appendChild(rlef);
- rats.appendChild(rdow);
- rlef.style.top="2px";
- rlef.style.left="0px";
- rdow.style.top="0px";
- rdow.style.left="2px";
- document.body.appendChild(star[i]=rats);
- }
- set_width();
- sparkle();
- }}
- function sparkle() {
- var c;
- if (x!=ox || y!=oy) {
- ox=x;
- oy=y;
- for (c=0; c<sparkles; c++) if (!starv[c]) {
- star[c].style.left=(starx[c]=x)+"px";
- star[c].style.top=(stary[c]=y)+"px";
- star[c].style.clip="rect(0px, 5px, 5px, 0px)";
- star[c].style.visibility="visible";
- starv[c]=50;
- break;
- }
- }
- for (c=0; c<sparkles; c++) {
- if (starv[c]) update_star(c);
- if (tinyv[c]) update_tiny(c);
- }
- setTimeout("sparkle()", 40);
- }
- function update_star(i) {
- if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
- if (starv[i]) {
- stary[i]+=1+Math.random()*3;
- if (stary[i]<shigh+sdown) {
- star[i].style.top=stary[i]+"px";
- starx[i]+=(i%5-2)/5;
- star[i].style.left=starx[i]+"px";
- }
- else {
- star[i].style.visibility="hidden";
- starv[i]=0;
- return;
- }
- }
- else {
- tinyv[i]=50;
- tiny[i].style.top=(tinyy[i]=stary[i])+"px";
- tiny[i].style.left=(tinyx[i]=starx[i])+"px";
- tiny[i].style.width="2px";
- tiny[i].style.height="2px";
- star[i].style.visibility="hidden";
- tiny[i].style.visibility="visible"
- }
- }
- function update_tiny(i) {
- if (--tinyv[i]==25) {
- tiny[i].style.width="1px";
- tiny[i].style.height="1px";
- }
- if (tinyv[i]) {
- tinyy[i]+=1+Math.random()*3;
- if (tinyy[i]<shigh+sdown) {
- tiny[i].style.top=tinyy[i]+"px";
- tinyx[i]+=(i%5-2)/5;
- tiny[i].style.left=tinyx[i]+"px";
- }
- else {
- tiny[i].style.visibility="hidden";
- tinyv[i]=0;
- return;
- }
- }
- else tiny[i].style.visibility="hidden";
- }
- document.onmousemove=mouse;
- function mouse(e) {
- set_scroll();
- y=(e)?e.pageY:event.y+sdown;
- x=(e)?e.pageX:event.x+sleft;
- }
- function set_scroll() {
- if (typeof(self.pageYOffset)=="number") {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body.scrollTop || document.body.scrollLeft) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- window.onresize=set_width;
- function set_width() {
- if (typeof(self.innerWidth)=="number") {
- swide=self.innerWidth;
- shigh=self.innerHeight;
- }
- else if (document.documentElement && document.documentElement.clientWidth) {
- swide=document.documentElement.clientWidth;
- shigh=document.documentElement.clientHeight;
- }
- else if (document.body.clientWidth) {
- swide=document.body.clientWidth;
- shigh=document.body.clientHeight;
- }
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height+"px";
- div.style.width=width+"px";
- div.style.overflow="hidden";
- div.style.backgroundColor=colour;
- return (div);
- }
- // ]]>
- </script>
- </head>
- <body>
- <header>
- <h2>― {text:small title}</h2>
- <h1><i>{text:big title}</i></h1>
- <div style="float: right; margin-top: -25px; margin-right: 50px;">
- <a href="{text:wand link}" title="{text:wand title}"><span class="lnr lnr-magic-wand"></span></a>
- </div>
- </header>
- <div id="credit"><a href="http://mistletoe.tumblr.com">merc</a></div>
- <div id="con">
- <div id="sidebar">
- <div class="topbox">
- <div class="topboxim">
- <center><img src="{image:sidebar}"></center>
- </div>
- </div>
- <div class="bottext">
- <div id="description">{Description}</div>
- </div>
- <div id="links">
- <a href="/"><span class="lnr lnr-home"></span></a>
- <a href="/ask"><span class="lnr lnr-envelope"></span></a>
- {block:iflink1}<a href="{text:link 1 URL}" title="{text:link 1}"><span class="lnr lnr-heart"></span></a>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 URL}" title="{text:link 2}" ><span class="lnr lnr-tag"></span></a>{/block:iflink2}
- {block:iflink3}<a href="{text:link 3 URL}" title="{text:link 3}" ><span class="lnr lnr-moon"></span></a>{/block:iflink3}
- </div>
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">previous page</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next page</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="entries">
- {block:Posts}
- <div class="posts" id="{PostID}">
- <div style="border: 1px solid #efefef; padding: 10px; background-color: #f6f6f6; text-align: left; font-family: karla; font-size: 8px; text-transform: uppercase; height: 30px; margin-bottom: 20px; width: 420px; margin-left: -21px; margin-top: -21px;">
- <div style="float: left;">
- {block:Date}
- <div style="font-family: karla; font-size: 8px; text-transform: Uppercase; letter-spacing: 1px; padding-top: 9px; padding-left: 10px; color: #949494;">
- <a href="{Permalink}" style="color: #949494;"><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
- </div>
- {/block:Date}
- </div>
- <div style="float: right;">
- {block:NotReblog}
- <div style="float: left; font-size: 16px; margin-top: 6px; color: #eec6c6;"><span class="lnr lnr-star"></span></div>
- <a href="/" title="original post">
- <img src="{PortraitURL-24}" style="-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 3px solid #fff;">
- </a>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <!---
- <a href="{ReblogRootURL}" title="{ReblogRootName}">
- <img src="{ReblogRootPortraitURL-24}" style="-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 3px solid #fff;">
- </a>
- --->
- <div style="float: left; font-size: 16px; margin-top: 6px; color: #eec6c6;"><span class="lnr lnr-star-empty"></span></div>
- <a href="{ReblogParentURL}" title="via {ReblogParentName}">
- <img src="{ReblogParentPortraitURL-24}" style="-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; border: 3px solid #fff;">
- </a>
- {/block:RebloggedFrom}
- </div>
- </div>
- {block:Quote}
- <div id="titlequote"><i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i></div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- <div class="textbody">
- {Body}
- </div>
- {/block:Text}
- {block:link}
- <div id="title"><a href="{URL}"><i class="fa fa-link"></i> {Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:link}
- {block:Chat}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {block:lines}
- {block:label}
- <br><b>{label}</b>
- {/block:label}
- {line}
- {/block:lines}
- <br />
- {/block:Chat}
- {block:Photo}
- {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- <div class="video">{Video-400}</div>
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
- {/block:Audio}
- {block:Answer}
- <div class="q">
- <table><tr valign="top"><td>
- <div class="askp" style="margin-top: 0px;"><img src="{AskerPortraitURL-48}"></div>
- </td><td>
- <div class="as">
- <b><big>and {Asker} screamed:</big></b>
- {Question}
- </div>
- </td></tr></table>
- </div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
- {block:Date}
- <div id="permalink">
- {block:NoteCount}
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- <div style="float:right;">
- <div class="controls">
- <a href="{ReblogURL}" target="_blank" class="reblog">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
- </a>
- <a href="#" class="like">{LikeButton}
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
- </a>
- </div>
- </div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment