Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!---
- THEME BY TWO-DAMES.TUMBLR.COM
- KINDLY DO NOT STEAL OR REMOVE CREDIT!!!
- MUCH OBLIGED!!!
- --->
- <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=Aclonica|Allan|Amarante|Cookie|Marcellus+SC|Marvel|Pattaya|Playball|Rationale|Satisfy" 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="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="Pattaya" title="Pattaya">
- <meta name="select:Title Font" content="Aclonica" title="Aclonica">
- <meta name="select:Title Font" content="Cookie" title="Cookie">
- <meta name="select:Title Font" content="Marvel" title="Marvel">
- <meta name="select:Title Font" content="Playball" title="Playball">
- <!---<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="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="Pattaya" title="Pattaya">
- <meta name="select:Post Title Font" content="Aclonica" title="Aclonica">
- <meta name="select:Post Title Font" content="Cookie" title="Cookie">
- <meta name="select:Post Title Font" content="Marvel" title="Marvel">
- <meta name="select:Post Title Font" content="Playball" title="Playball">
- <meta name="text:Font size" content="13">
- <meta name="text:Title Size" content="26">
- <meta name="text:Post Title Size" content="28">
- <meta name="if:Show Scroll To Top And Bottom" content="1">
- <meta name="if:Post Divider" content="0">
- <meta name="if:Updates Tab" content="0">
- <meta name="image:Main Background" content="" />
- <meta name="image:Sidebar image" content="" />
- <meta name="image:Post divider" content="https://agdovingirlsperspective.files.wordpress.com/2015/03/10088-textdividersset1_20.png" />
- <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:Post Background" content=""/>
- <meta name="color:Text color" content="#000"/>
- <meta name="color:Link color" content="#ff4141"/>
- <meta name="color:Audio bg" content="">
- <meta name="color:Border" content="#cccccc"/>
- <meta name="color:Slideout title" content="#6dad53"/>
- <meta name="color:Slideout desc" content="#A3B18A"/>
- <meta name="color:Slideout links" content="#74D3AE"/>
- <meta name="color:Slideout updates" content="#74D3AE"/>
- <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=""/>
- <meta name="text:Link URL4" content=""/>
- <meta name="text:Link Text4" content=""/>
- <meta name="text:Link URL5" content=""/>
- <meta name="text:Link Text5" content=""/>
- <meta name="text:Updates" content=""/>
- <style type="text/css">
- ::selection {background-color:{color:Selection bg};color:{color:Selection text color};text-shadow:none;}
- ::-moz-selection {background-color:{color:Selection bg};color:{color:Selection text color};text-shadow:none;}
- ::-o-selection {background-color:{color:Selection bg};color:{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;
- top: 570px;
- right: 180px;
- z-index:999;
- }
- #scrollToTop:link:hover{
- top: 560px;
- }
- /* SCROLL BEGIN */
- a.back-to-top {
- z-index:999;
- height:30px;
- width:30px;
- display: none;
- text-indent: -9999px;
- position: fixed;
- right: 180px;
- bottom: 200px;
- background: url("http://66.media.tumblr.com/abce76d1445bbc63498951f10e08c325/tumblr_odaplcMJDv1vtqemto1_75sq.png");
- }
- a.back-to-top:hover{
- bottom:190px;
- }
- /* 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%;
- text-decoration:none;
- 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};}
- 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*/
- /*---------TITLE--------*/
- #slideout { z-index:999;
- position: fixed;
- top: 100px;left: 0;
- width: 50px;padding: 12px 0;
- text-align: center;
- background: {color:Slideout Title};
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;
- border-radius: 0 5px 5px 0;
- }
- #slideout_inner {
- z-index:999;
- position: fixed;
- top: 100px;left: -150px;
- background: {color:Slideout Title};
- width: 120px;
- padding: 15px;
- height: auto;
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;
- text-align: center;
- -webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;}
- #slideout_inner textarea {width: 190px;height: 100px;margin-bottom: 6px;}
- #slideout:hover {left: 150px;}
- #slideout:hover #slideout_inner {left: 0;}
- /*---------DESC--------*/
- #slideoutd { z-index:99;
- position: fixed;
- top: 150px;left: 0;
- width: 50px;padding: 12px 0;
- text-align: center;
- background: {color:Slideout desc};
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;
- border-radius: 0 5px 5px 0;
- }
- #slideout_innerd {
- z-index:99;
- position: fixed;
- top: 150px;left: -170px;
- background: {color:Slideout desc};
- width: 120px;
- padding: 25px;
- height: auto;
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;
- text-align: left;
- -webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;
- }
- #slideout_innerd textarea {width: 190px;height: 100px;margin-bottom: 6px;}
- #slideoutd:hover {left: 170px;}
- #slideoutd:hover #slideout_innerd {left: 0;}
- /*---------LINKS--------*/
- #slideoutl { z-index:9;
- position: fixed;
- top: 200px;left: 0;
- width: 50px;padding: 12px 0;
- text-align: center;
- background: {color:Slideout links};
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;
- border-radius: 0 5px 5px 0;
- }
- #slideout_innerl {
- z-index:9;
- position: fixed;
- top: 200px;left: -130px;
- background: {color:Slideout links};
- width: 80px;
- padding: 25px;
- height: auto;
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;
- text-align: left;
- -webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;
- }
- #slideout_innerl textarea {width: 190px;height: 100px;margin-bottom: 6px;}
- #slideoutl:hover {left: 130px;}
- #slideoutl:hover #slideout_innerl {left: 0;}
- /*---------UPDATES--------*/
- #slideoutu { z-index:8;
- position: fixed;
- top: 250px;left: 0;
- width: 50px;padding: 12px 0;
- text-align: center;
- background: {color:Slideout updates};
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;
- border-radius: 0 5px 5px 0;
- }
- #slideout_inneru {
- z-index:9;
- position: fixed;
- top: 250px;left: -170px;
- background: {color:Slideout updates};
- width: 120px;
- padding: 25px;
- height: auto;
- -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;
- text-align: left;
- -webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;
- }
- #slideout_inneru textarea {width: 190px;height: 100px;margin-bottom: 6px;}
- #slideoutu:hover {left: 170px;}
- #slideoutu:hover #slideout_inneru {left: 0;}
- /*---------REST--------*/
- #title{
- margin-top:20px;
- font-size: {text:Title Size}px;
- line-height: 105%;
- word-break:break-word;
- font-family: {select:Title font};
- color:{color:Title color};
- padding-bottom:20px;
- }
- #description{
- font-size:14px;padding:5px;overflow:auto;text-align:center;
- word-break:break-word;color:{color:Title color};width:80%;
- }
- #links a{
- word-break:break-word;
- display:block;
- text-align:center;
- font-size: 14px;
- line-height:14px;
- color:{color:sidebar links};
- float:center;}
- #links a:hover{letter-spacing:2px}
- #sidimg{
- background-image:url('{image:Sidebar image}');
- background-size:100%;
- height:150px; width:230px;
- position:fixed;
- top:100px;left:100px;
- border-radius:5px;
- }
- /*Body*/
- #container {position:absolute;left:30%;top:50px;}
- .posts {
- position:relative;
- width:500px;
- background-color: {color:post background};
- padding:15px;
- padding-bottom:10px;
- margin-bottom:30px;
- outline: double 4px {color:border};
- word-wrap: break-word;
- z-index:99;
- -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};
- }
- /*Types of posts*/
- /*LINK TITLES*/
- .posttitle a {
- color: {color:link color};
- font-size:{text:Post Title size}px;
- font-family: {select:Post Title font};
- padding:5px;
- }
- .posttitle a:hover{color: {color:text};}
- /*ANSWER*/
- #askimg{
- margin-left:15px;
- }
- #question{
- padding:12px;
- padding-left:70px;
- background-color:{color:audio bg};
- }
- #asker{
- margin-top:-35px;
- margin-left:70px;
- text-transform:uppercase;
- font-family: {select:Post Title font};
- }
- /*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;
- background-color:{color:post background};
- padding:7px;
- word-break:break-word;
- 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.3), 0 0 40px rgba(0, 0, 0, 0.2)inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.2) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.2) inset;
- }
- .chat .even {
- margin-left:-20px;
- text-align: left;
- background-color:{color:audio bg};
- padding:7px;
- word-break:break-word;
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2)inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2) 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:audio bg}}
- #alart, #noralt {
- width:100px;
- height:100px;
- display:block;
- }
- #player {
- z-index:99;
- position:absolute;
- padding:0px;
- background:rgba(0,0,0,0.6);
- margin:37px;
- opacity:0.7;
- -webkit-transition:all 1s ease;
- -moz-transition:all 1s ease;
- -o-transition:all 1s ease;
- transition:all 1s ease-in-out;
- }
- #alart {position:absolute; }
- #minfo {
- overflow:hidden;
- text-align:left;
- padding-left:0px;
- margin-bottom:5px;
- margin-left:-20px;
- line-height:110%;
- }
- video{max-width:100%}
- .tumblr_video_container {
- width:auto!important;
- height:auto!important;
- }
- /*Types of posts end*/
- /*Permalink*/
- .permalinks {
- margin-top:5px;
- font-size: 11px;
- color:{color:permalink text};
- padding:5px;
- height:auto;
- border-top:2px solid {color:border};
- }
- .permalinks a {
- text-decoration:none;
- font-size: 11px;
- color:{color:permalink links};
- }
- .permalinks a:hover {color:{color:text color};}
- .reblogs {float:right;}
- .tags {
- border-top:1px solid {color:border};
- padding-top:5px;
- text-align:center;
- }
- .tags a {
- text-decoration:none;
- font-size: 10px;
- text-transform:uppercase;
- color:{color:permalink links};
- }
- .tags a:hover {color:{color:text color};}
- /* NOTE CONTAINER */
- #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 {z-index:999; 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 {z-index:999;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 {z-index:999;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 {z-index:999;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};}
- </style>
- <body>
- <div id="slideout">
- Title
- <div id="slideout_inner">
- <div id="title">{Title}</div>
- </div>
- </div>
- <div id="slideoutd">
- Desc
- <div id="slideout_innerd">
- <div id="desc">{Description}</div>
- </div>
- </div>
- <div id="slideoutl">
- Links
- <div id="slideout_innerl">
- <div id="links">
- <a href="/" style="color:{color:Sidebar links}" title="Home">Home</a><br>
- <a href="/ask" style="color:{color:Sidebar links}" title="Message">Message</a><br>
- <a href="/archive" style="color:{color:Sidebar links}" title="archive">Archive</a><br>
- {block:ifLinkText1}<a href="{text:Link URL1}"style="color:{color:Sidebar links}" title="{text:Link Text1}" >{text:Link Text1}</a><br>{/block:ifLinkText1}
- {block:ifLinkText2}<a href="{text:Link URL2}"style="color:{color:Sidebar links}" title="{text:Link Text2}">{text:Link Text2}</a><br>{/block:ifLinkText2}
- {block:ifLinkText3}<a href="{text:Link URL3}"style="color:{color:Sidebar links}" title="{text:Link Text3}">{text:Link Text3}</a><br>{/block:ifLinkText3}
- {block:ifLinkText4}<a href="{text:Link URL4}" style="color:{color:Sidebar links}"title="{text:Link Text4}" >{text:Link Text4}</a><br>{/block:ifLinkText4}
- {block:ifLinkText5}<a href="{text:Link URL5}" style="color:{color:Sidebar links}"title="{text:Link Text5}" >{text:Link Text5}</a>{/block:ifLinkText5}
- </div>
- </div>
- </div>
- {block:IfUpdatesTab}
- <div id="slideoutu">
- Updates
- <div id="slideout_inneru">
- <div id="updates">{text:Updates}</div>
- </div>
- </div>
- {/block:IfUpdatesTab}
- <div id="sidimg"></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 id="askimg"><img src="{AskerPortraitURL-48}"/></div>
- <div id="asker">{Asker} said:</div>
- <div id="question">{Question}</div>
- {Answer}
- {/block:Answer}
- <!-- PERMALINK -->
- {block:Date}<div class="permalinks">
- {block:Text} <span class="lnr lnr-text-size"></span><a href="{Permalink}"> Text post</a>{/block:Text}
- {block:Photo} <span class="lnr lnr-camera"></span><a href="{Permalink}"> Photo</a> {/block:Photo}
- {block:Quote} <span class="lnr lnr-spell-check"></span><a href="{Permalink}"> Quote</a> {/block:Quote}
- {block:Link} <span class="lnr lnr-link"></span><a href="{Permalink}"> Link</a>{/block:Link}
- {block:Chat} <span class="lnr lnr-menu"></span> <a href="{Permalink}">Chat</a>{/block:Chat}
- {block:Audio} <span class="lnr lnr-music-note"></span><a href="{Permalink}"> Audio</a>{/block:Audio}
- {block:Video} <span class="lnr lnr-camera-video"></span><a href="{Permalink}"> Video</a>{/block:Video}
- {block:Answer} <span class="lnr lnr-bubble"></span><a href="{Permalink}"> Ask post</a>{/block:Answer}
- {block:Photoset} <span class="lnr lnr-picture"></span> <a href="{Permalink}">Photoset</a>{/block:Photoset}
- ☀ {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} ☀ <a href="{Permalink}" title="Permalink">{block:NoteCount}{NoteCount} {/block:NoteCount}</a>notes
- <div class="reblogs">{block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a> ☀
- <a href="{ReblogRootURL}" title="{ReblogRootName}">source </a> ☀
- {/block:RebloggedFrom} <a href="{ReblogURL}" title="Reblog">reblog</a></div>
- </div>
- <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> #{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- </div>{/block:Date}
- {block:ifPostDivider}<img src="{image:Post divider}" style="width:500px;max-height:100px;margin-top:-5px"><br><br>{/block:ifPostDivider}
- {/block:Posts}
- <!-- PAGINATION -->
- <center>
- {block:Pagination}
- <div id="pagination" style="margin-top:-10px; margin-bottom:10px">
- <div class="nextprev" style="color:{color:pagination};font-size:18px;">
- {block:PreviousPage}<a class="prev" style="color:{color:pagination};font-size:18px;"href="{PreviousPage}">{/block:PreviousPage}<span>← Go back</span>{block:PreviousPage}</a>{/block:PreviousPage} <span style="color:{color:pagination};font-size:18px;" class="sep">•</span>
- {block:NextPage}<a class="next"style="color:{color:pagination};font-size:18px;" href="{NextPage}">{/block:NextPage}<span>Venture forth →</span>{block:NextPage}</a>{/block:NextPage}
- </div>
- <div class="current-page" style="color:{color:pagination};font-size:14px;">{lang:Page CurrentPage of TotalPages 2}</div>
- </div><!--/#pagination -->
- {/block:Pagination}
- <!-- 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 -->
- <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 -->
- {block:IfShowScrollToTopAndBottom}<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>{/block:IfShowScrollToTopAndBottom}
- <!-- SCROLL END -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement