Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <!---tooltip--->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><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:60,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--basic tooltip from tutorial-baby! Enjoy-->
- <style>
- .tooltip{display: inline;position: relative;}
- #s-m-t-tooltip {
- max-width:300px; /*how big the tooltip can be at most*/
- border-radius: 0px; /*change your border radius*/
- padding:3px 4px 5px 4px; /*padding inside tooltip*/
- margin:20px 7px -2px 20px; /*distance from word*/
- background-color:#ffffff; /*background color*/
- border:1px solid #bab; /*border info*/
- font-family:alegreya sans sc; /*tooltip font*/
- font-size:10px; /*tooltip font size*/
- font-weight:800;
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:#000; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1)inset;
- -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- word-wrap: break-word;
- }
- </style>
- <!---end tooltip--->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />
- {/block:Description}
- </head>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:500,500i,700&subset=latin-ext" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:500,500i&subset=latin-ext" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Acme|Kreon|Oxygen|Patrick+Hand|Patrick+Hand+SC|Philosopher|Port+Lligat+Slab|Roboto|Yantramanav" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Allan|Amarante|Bangers|Frijole|Marcellus+SC|Pattaya|Racing+Sans+One|Rationale|Satisfy|Special+Elite" rel="stylesheet">
- <!--- <meta name="select:Font" content="" title=""> --->
- <meta name="select:Font" content="Alegreya Sans SC" title="Alegreya Sans SC">
- <meta name="select:Font" content="Patrick Hand" title="Patrick Hand">
- <meta name="select:Font" content="Patrick Hand SC" title="Patrick Hand SC">
- <meta name="select:Font" content="Acme" title="Acme">
- <meta name="select:Font" content="Philosopher" title="Philosopher">
- <meta name="select:Font" content="Port Lligat Slab" title="Port LLigat Slab">
- <meta name="select:Font" content="Oxygen" title="Oxygen">
- <meta name="select:Font" content="Roboto" title="Roboto">
- <meta name="select:Font" content="Yantramanav" title="Yantramanav">
- <meta name="select:Font" content="Kreon" title="Kreon">
- <!---<meta name="select:Title Font" content="" title=""> --->
- <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
- <meta name="select:Title Font" content="Special Elite" title="Special Elite">
- <meta name="select:Title Font" content="Satisfy" title="Satisfy">
- <meta name="select:Title Font" content="Rationale" title="Rationale">
- <meta name="select:Title Font" content="Allan" title="Allan">
- <meta name="select:Title Font" content="Amarante" title="Amarante">
- <meta name="select:Title Font" content="Bangers" title="Bangers">
- <meta name="select:Title Font" content="Frijole" title="Frijole">
- <meta name="select:Title Font" content="Racing Sans One" title="Racing Sans One">
- <meta name="select:Title Font" content="Pattaya" title="Pattaya">
- <!---<meta name="select:Post Title Font" content="" title=""> --->
- <meta name="select:Post Title Font" content="Marcellus SC" title="Marcellus SC">
- <meta name="select:Post Title Font" content="Special Elite" title="Special Elite">
- <meta name="select:Post Title Font" content="Satisfy" title="Satisfy">
- <meta name="select:Post Title Font" content="Rationale" title="Rationale">
- <meta name="select:Post Title Font" content="Allan" title="Allan">
- <meta name="select:Post Title Font" content="Amarante" title="Amarante">
- <meta name="select:Post Title Font" content="Bangers" title="Bangers">
- <meta name="select:Post Title Font" content="Frijole" title="Frijole">
- <meta name="select:Post Title Font" content="Racing Sans One" title="Racing Sans One">
- <meta name="select:Post Title Font" content="Pattaya" title="Pattaya">
- <meta name="text:Font size" content="12">
- <meta name="text:Title Size" content="25">
- <meta name="text:Post Title Size" content="20">
- <meta name="image:Main Background" content="" />
- <meta name="image:Sidebar Background" content=""/>
- <meta name="image:Album art" content="http://microlancer.lancerassets.com/uploads/service_attachments/24140/large_music_20app-1390956357.jpg"/>
- <meta name="color:Main Background" content=""/>
- <meta name="color:Sidebar Background" content=""/>
- <meta name="color:Post Background" content=""/>
- <meta name="color:Text color" content=""/>
- <meta name="color:Link color" content=""/>
- <meta name="color:Title" content=""/>
- <meta name="color:Description" content="">
- <meta name="color:Description BG" content="">
- <meta name="color:Navigation color" content="#000"/>
- <meta name="color:Navi link color" content=""/>
- <meta name="color:Navi link bg" content="#fff"/>
- <meta name="color:Border" content="#cccccc"/>
- <meta name="color:Permalink bg" content="#ebe0c8"/>
- <meta name="color:Permalink links" content=""/>
- <meta name="color:Selection bg" content=""/>
- <meta name="color:Selection text color" content=""/>
- <meta name="color:Pagination" content="#fff"/>
- <meta name="text:Link URL1" content=""/>
- <meta name="text:Link Text1" content=""/>
- <meta name="text:Link URL2" content=""/>
- <meta name="text:Link Text2" content=""/>
- <meta name="text:Link URL3" content=""/>
- <meta name="text:Link Text3" content=""/>
- <style type="text/css">
- ::selection {background-color:{color:Selection bg};color:{Selection text color};text-shadow:none;}
- ::-moz-selection {background-color:{color:Selection bg};color:{Selection text color};text-shadow:none;}
- ::-o-selection {background-color:{color:Selection bg};color:{Selection text color};text-shadow:none;}
- ::-webkit-scrollbar {width: 9px; height: 9px; background: {color:selection bg};}
- ::-webkit-scrollbar-thumb {background-color:{color:Selection text color} ; border: 1px solid #ccc;}
- /* SCROLL BUTTONS */
- #scrollToTop:link, #scrollToTop:visited {
- display: none;
- position: fixed;
- bottom: 220px;
- left: 90px;
- z-index:99;
- -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
- -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
- box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
- }
- #scrollToTop:link:hover{
- bottom:225px;
- }
- /* SCROLL BEGIN */
- a.back-to-top {
- z-index:99;
- height:30px;
- width:30px;
- display: none;
- text-indent: -9999px;
- position: fixed;
- left: 90px;
- bottom: 180px;
- background: url("http://66.media.tumblr.com/abce76d1445bbc63498951f10e08c325/tumblr_odaplcMJDv1vtqemto1_75sq.png");
- -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
- -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
- box-shadow: 0px 0px 5px 3px rgba(0,0,0,1) inset;
- }
- a.back-to-top:hover{
- bottom:175px;
- }
- /* SCROLL END*/
- body {
- background-color: {color:Main background};
- background-image: url('{image:main background}');
- background-repeat:no-repeat;
- background-attachment:fixed;
- background-size:100% 100%;
- font-family: {select:Font};
- font-size: {text:Font size}px;
- color: {color:Text color};
- }
- a {
- text-decoration:none;
- color:{color:link color};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- a:hover {color:{color:text color};}
- b, strong {text-transform:bold;}
- i, em { text-transform:italic;}
- h2, h3, h4 {font-family: {select:Post Title font};}
- uppercase{text-decoration:underline;}
- blockquote {
- border-left:1px solid #423;
- padding-left:15px;
- margin-left:10px;
- margin-top:0px;
- margin-right:0;
- }
- blockquote img { max-width:100%;height:auto;}
- img { max-width: 100%;}
- iframe, img, embed, object, video { max-width: 100%;}
- /*Sidebar*/
- #sidebar {
- background-color: {color:sidebar background};
- background-image: url('{image:sidebar background}');
- background-size:cover;
- text-align: center;
- position: fixed;
- margin-left: -10px;
- top: -5px;
- height: 105%;
- padding-left: 10px;
- padding-right: 10px;
- width: 200px;
- z-index: 9;
- border: 1px solid {color:border};
- -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- }
- #title {
- position: relative;
- height:auto;
- padding:10px;
- margin-top:10em;
- margin-bottom:20px;
- margin-left: auto;
- margin-right:auto;
- font-size: {text:Title Size}px;
- line-height: 105%;
- width: 180px;
- text-align: center;
- word-break:break-word;
- color: {color:Title};
- font-family: {select:Title Font};
- z-index: 9;
- }
- #description {
- position: relative;
- background:{color:Description bg};
- margin-bottom:20px;
- margin-left:auto;
- margin-right:auto;
- padding: 10px;
- width: 170px;
- text-align: center;
- word-break:break-word;
- color: {color:description};
- overflow:hidden;
- font-size:12px;
- -webkit-box-shadow: 0px 0px 5px 0px rgba(250,250,250,0.75);
- -moz-box-shadow: 0px 0px 5px 0px rgba(250,250,250,0.75);
- box-shadow: 0px 0px 5px 0px rgba(250,250,250,0.75);
- }
- /*NAVIGATION*/
- .sidenav {
- height: 105%;
- width: 70px;
- position: fixed;
- z-index: 1;
- top: -10px;
- left: 0;
- background-color: {color:Navigation color};
- overflow-x: hidden;
- transition: 0.5s;
- border:1px solid {color:border};
- }
- .sidenav a {
- font-family:helvetica;
- color: {color:Navi link color};
- display: block; /*keeps it in a row*/
- text-align: center;
- background-color: {color:Navi link bg};
- width: 30px;
- line-height: 28px;
- height:30px;
- margin-bottom: 7px;
- margin-left: 230px;
- text-transform: uppercase;
- font-size: 20px;
- padding:5px;
- border-radius:50%;
- }
- .sidenav a:hover, .offcanvas a:focus{color: {color:text color};}
- .sidenav .closebtn {
- position: absolute;
- top: 30px;
- right: 10px;
- font-size: 36px;
- margin-left: 50px;
- }
- /*Sidebar end*/
- /*Body*/
- #container {position:absolute;left:400px;top:50px;}
- .posts {
- position:relative;
- width:500px;
- background-color: {color:post background};
- padding:15px;
- padding-bottom:10px;
- margin-bottom:30px;
- border: solid 1.5px {color:border};
- word-wrap: break-word;
- -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
- }
- h1 {
- text-align: center;
- word-break:break-word;
- font-size: {text:Post Title size}px;
- line-height:105%;
- text-decoration:underline;
- color: {color:Post Title};
- font-family: {select:Post Title font};
- }
- /*Body end*/
- /*Types of posts*/
- /*LINK TITLES*/
- .posttitle a {
- color: {color:link color};
- font-size:{text:Post Title size}px;
- font-family: {select:Post Title font};
- border:1px solid {color:border};
- padding:5px;
- }
- .posttitle a:hover{color: {color:text};}
- /*ANSWER*/
- .asr {
- font-size:{text:Post Title size}px;
- font-weight:800;
- font-family: {select:Post Title font};
- text-align:left;
- margin-bottom:5px;
- padding:5px;
- }
- .question {
- padding: 10px;
- top: 0px;
- bottom: 0px;
- border-bottom:3px double {color:border};
- margin-left: auto;
- margin-right: auto;
- width: 90%;
- height: auto;
- background: {color:Description bg};
- color:{color:Description};
- position: relative;
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- .question:before {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 0 14px 21px;
- border-color: {color:link} transparent;
- display: block;
- width: 0;
- z-index: 1;
- top: -11px;
- left: 22px;
- }
- /*QUOTE*/
- .quote {
- font-family:{select:Post Title font};
- font-size: 25px;
- line-height:27px;
- text-indent: 15px;
- text-align: center;
- margin-bottom:5px;
- border:1px solid {color:Border};
- padding:10px;
- -webkit-border-radius: 10%;
- -moz-border-radius: 10%;
- -o-border-radius: 10%;
- }
- .quotesource {
- font-size:15px;
- line-height:17px;
- text-align:right;
- margin-top:5px;
- margin-bottom:5px;
- font-family:{select:Post Title font};
- }
- /*Chat*/
- .chat{
- height: auto;
- padding-bottom: 5px;
- width: 100%;
- word-break:break-word;
- }
- .chat ul {word-break:break-word;list-style: none;}
- .chat .odd {
- margin-left:-35px;
- text-align: left;
- padding:7px;
- word-break:break-word;
- color:{color:text color};
- background-color:{color:Post background};
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
- -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
- box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
- }
- .chat .even {
- margin-left:-30px;
- text-align: left;
- padding:5px;
- word-break:break-word;
- color:{color:Description};
- background-color:{color:Description bg};
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
- -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
- box-shadow:0 1px 4px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 0, 0, 0.3) inset;
- }
- .chat li {
- position: relative;
- margin-bottom: 10px;
- margin-left: auto;
- margin-right:auto;
- word-break:break-word;
- padding: 5px;
- }
- /*Chat end*/
- /*Audio*/
- #music {width:100%;border:1px solid {color:border};background-color: {color:Permalink bg}}
- #alart, #noralt {
- width:100px;
- height:100px;
- display:block;
- }
- #player {
- z-index:99;
- position:absolute;
- padding:10px;
- background:rgba(0,0,0,0.6);
- margin:26px;
- opacity:0.5;
- -webkit-transition:all 1s ease;
- -moz-transition:all 1s ease;
- -o-transition:all 1s ease;
- transition:all 1s ease-in-out;
- }
- #alart {position:absolute; }
- #audio:hover #player {opacity:1;}
- #minfo {
- overflow:hidden;
- text-align:left;
- padding-left:0px;
- margin-bottom:5px;
- margin-left:-20px;
- line-height:110%;
- }
- /*Types of posts end*/
- /*Permalink*/
- .permalinks {
- list-style: none;
- text-align: center;
- width: 500px;
- border-top: 1px solid #aaa;
- }
- .permalinks li {
- position: relative;
- display: inline-block;
- }
- .permalinks a {
- margin-right: 5px;
- margin-top: 7px;
- margin-bottom:5px;
- padding:6px;
- font-size:12px;
- display: inline-block;
- background-color:{color:Permalink bg};
- color: {color:Permalink links};
- width: 14px;
- height: 13px;
- position: relative;
- text-align: center;
- line-height: 15px;
- border-radius: 50%;border:1px solid {color:Border};
- }
- .permalinks a:hover {
- color: {color:text-color};
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
- }
- .tags {
- text-align:center;
- margin-top:5px;
- }
- .tags a {
- text-decoration:none;
- font-size: 10px;
- line-height:12px;
- text-transform:uppercase;
- color:{color:Permalink links};
- }
- .tags a:hover{
- color:{color:text color};
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- }
- /*Permalink end*/
- #notecontainer {
- background-color:rgba(0,0,0,0.5);
- margin: 20px auto;
- width: 500px;
- font-size: 11px;
- color: #fff;
- border-radius:5px;
- border-right:1px solid #bbb;
- border-top:1px solid #bbb;
- border-bottom:1px solid #bbb;
- }
- #notecontainer ol.notes {
- list-style-type: decimal;
- margin: 0;
- padding: 0;
- }
- #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- padding:3px;
- }
- #notecontainer a{color:{color:link color}}
- /*Lightbox DO NOT TOUCH!!!!! */
- .vignette, #vignette {opacity:0;}
- .lightbox-image, #tumblr_lightbox img {box-shadow:none !important;border-radius:0 !important;max-width:none;}
- .tumblr-lightbox, #tumblr_lightbox {background-color:rgba(245,245,245,.98) !important;}
- /*Lightbox end*/
- /*CREDIT, KINDLY DO NOT REMOVE!!!*/
- .tooltip a{color:#ff4141; text-decoration:none;}
- .tooltip {text-align:center;font-size:12px; bottom:5px; right:4px; position: fixed;display: inline-block;z-index:99999999;text-decoration:none;width:17px;height:17px;float:right;text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);}
- .tooltip a:hover{color:#000;}
- .tooltip .tooltiptext {text-shadow:none;letter-spacing:0.5px;font-family:Alegreya sans sc;font-size:10px;visibility: hidden;width: 50px;background-color: rgba(0,0,0,0.8);color: #fff;text-align: center;border-radius: 2px;border:1px solid #ff4141;padding: 5px 5px;position: absolute;z-index: 1;top: -20px;right: 150%;opacity: 0;transition: opacity 1s;font-size:10px;line-height:10px;}
- .tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}
- .tooltip .tooltiptext::after {content: " ";position: absolute;top: 50%;left: 100%; /* To the right of the tooltip */margin-top: -5px;border-width: 5px; border-style: solid;border-color: transparent transparent transparent #ff4141;}
- /*CREDIT END, KINDLY DO NOT REMOVE!!!*/
- /* ICONS */
- /* Icon Back */
- .hvr-icon-back {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;padding-left: 2.2em;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
- .hvr-icon-back:before {position: absolute;left: 1em;padding-bottom: 20px;padding-top:0px;padding-left:1px;padding-right:1px;font-family: FontAwesome;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.1s;transition-duration: 0.1s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
- .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {-webkit-transform: translateX(-4px);transform: translateX(-4px);color:{color:Post background};}
- /* Icon Forward */
- .hvr-icon-forward {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;padding-right: 2.2em;-webkit-transition-duration: 0.1s;transition-duration: 0.1s;}
- .hvr-icon-forward:before {position: absolute;right: 1em;padding-bottom: 20px;padding-top:0px;padding-left:1px;padding-right:1px;font-family: FontAwesome;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition-duration: 0.1s;transition-duration: 0.1s;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
- .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {-webkit-transform: translateX(4px);transform: translateX(4px);color:{color:Post background};}
- /* Grow Rotate */
- .hvr-grow-rotate {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
- .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {-webkit-transform: scale(1.2) rotate(4deg);transform: scale(1.2) rotate(4deg);}
- </style>
- <body>
- <div id="sidebar">
- <img src="{image:Sidebar image}">
- <div id="title">{Title}</div>
- <div id="description">{Description}</div>
- <span title="Links" style="font-size:30px;cursor:pointer; color:{color:description bg};" onclick="openNav()">☰</span>
- </div>
- <div id="mySidenav" class="sidenav">
- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
- <a href="/" style="margin-top:300px" title="Home"><span class="lnr lnr-home hvr-grow-rotate"></span></a>
- <a href="/ask" title="Ask"><span class="lnr lnr-envelope hvr-grow-rotate"></span></a>
- <a href="/archive" title="Archive"><span class="lnr lnr-calendar-full hvr-grow-rotate"></span></a>
- {block:ifLinkText1} <a href="{text:Link URL1}" title="{text:Link Text1}" style=""><span class="lnr lnr-star hvr-grow-rotate"></span></a>{/block:ifLinkText1}
- {block:ifLinkText2}<a href="{text:Link URL2}" title="{text:Link Text2}" style=""><span class="lnr lnr-cloud hvr-grow-rotate"></span></a>{/block:ifLinkText2}
- {block:ifLinkText3}<a href="{text:Link URL3}" title="{text:Link Text3}" style=""><span class="lnr lnr-rocket hvr-grow-rotate"></span></a>/{block:ifLinkText3}
- </div>
- <div id="container">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource"> ✒ {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}
- <div class="posttitle"><a href="{URL}">{Name} <i class="fa fa-hand-o-right"></i></a></div>
- {block:Description}
- <div style="margin-top: -8px;"></div>
- {Description}
- <div style="margin-bottom: -8px;"></div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <left>
- <div class="chat">
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label} <b>{Label} </b>{/block:Label} {Line}</li>{/block:Lines}
- </ul>
- </div>
- </center>
- {/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Audio}
- <table id="music" cellpadding="0" cellspacing="0">
- <tr>
- <td width="150px"> <div id="player" style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div>{block:AlbumArt}<img src="{AlbumArtURL}" id="alart">{/block:AlbumArt} <img src="{image:Album Art}" id="noralt"></td>
- <td> <div id="minfo"> {block:TrackName}<b>Name: </b>{TrackName}{/block:TrackName}</div>
- <div id="minfo"> {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div> <div id="minfo"> {block:Album}<b>Album: </b><i>{Album}</i>{/block:Album}</div>
- <div id="minfo"> {block:PlayCount}<b>Plays: </b>{FormattedPlayCount}{/block:PlayCount}</div> </td>
- </tr></table>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="asr"><i class="fa fa-comment-o" aria-hidden="true"></i> <u>{Asker} said:</u> </div><p>
- <div class="question"><i class="fa fa-quote-left" aria-hidden="true"></i> {Question} <i class="fa fa-quote-right" aria-hidden="true"></i> </div> {Answer}
- {/block:Answer}
- <!--- PERMALINK --->
- {block:Date}<div class="permalinks">
- <li><a href="{Permalink}" title="{DayOfMonth}.{ShortMonth}.{Year}"><span class="lnr lnr-clock"></span></a><li>
- <li><a href="{Permalink}" title="{block:NoteCount}{NoteCount}{/block:NoteCount} notes"><span class="lnr lnr-chart-bars"></span></a> <li>
- {block:RebloggedFrom}
- <li><a href="{ReblogParentURL}"title="via {ReblogParentName}"><span class="lnr lnr-users"></span></a> <li>
- <li><a href="{ReblogRootURL}"title="source: {ReblogRootname}"><span class="lnr lnr-pencil"></span></a>{/block:RebloggedFrom} <li>
- <li><a href="{ReblogURL}" target="_blank" class"details" title="Reblog"><i class="fa fa-retweet" aria-hidden="true" style="color:#56bf4b;" ></i></a><li>
- </div>
- <div class="tags">{block:HasTags} {block:Tags}<a href="{TagUrl}"> #{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- </div>{/block:Date}
- <!--- END PERMALINK --->
- {/block:Posts}
- <!-- PAGINATION -->
- <center>
- {block:PreviousPage} <a href="{PreviousPage}" title="Retreat"><font size="" color="{color:Pagination}"><i class="fa fa-chevron-left hvr-icon-back" aria-hidden="true" style="font-size:35px; line-height:44px;"></i></font></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" title="Forward"><font size="" color="{color:Pagination}"><i class="fa fa-chevron-right hvr-icon-forward" aria-hidden="true" style="font-size:35px; line-height:44px;"></i></font></a>{/block:NextPage}
- <!-- POST TOOGLE -->
- {block:PermalinkPagination}
- {block:PreviousPost} <a href="{PreviousPost}" title="Previous Post"><font size="" color="{color:Pagination}"><i class="fa fa-caret-square-o-left hvr-icon-back" aria-hidden="true" style="font-size:35px; line-height:44px; margin-top:-50px;"></i></font></a>{/block:PreviousPost}
- {block:NextPost}<a href="{NextPost}" title="Next Post"><font size="" color="{color:Pagination}"><i class="fa fa-caret-square-o-right hvr-icon-forward" aria-hidden="true" style="font-size:35px; line-height:44px;margin-top:-50px;"></i></font></a>{/block:NextPost}
- {/block:PermalinkPagination}
- </center>
- <!-- NOTE CONTAINER -->
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- <!-- DONT TOUCH ANYTHING BELLOW THIS LINE -->
- <script>
- function openNav() {document.getElementById("mySidenav").style.width = "280px";}
- function closeNav() {document.getElementById("mySidenav").style.width = "0";}
- </script>
- <div class="tooltip"><a href="http://two-dames.tumblr.com/"><i class="fa fa-coffee" aria-hidden="true"></i></a><span class="tooltiptext">Theme by Two-Dames</span></div>
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
- <!-- SCROLL BEGIN -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="https://www.yumbles.com/design/themes/yumbles_responsive/media/images/addons/my_changes/social/top-arrow.png" /></a>
- <a href="#" class="back-to-top" title="Go to Bottom"></a>
- <script>
- var amountScrolled = 10000;
- $('a.back-to-top').fadeIn('slow');
- $(window).scroll(function() {
- if ( $(window).scrollTop() < amountScrolled ) {
- $('a.back-to-top').fadeIn('slow');
- } else {
- $('a.back-to-top').fadeOut('slow');
- }
- });
- $('a.back-to-top').click(function() {
- $('html, body').animate({
- scrollTop: 15000
- }, 1000);
- return false;
- });
- </script>
- <!-- SCROLL END -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement