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=Aladin|Ravi+Prakash" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Allan|Amarante|Bangers|Chewy|Frijole|Marcellus+SC|Pattaya|Racing+Sans+One|Rationale|Satisfy|Special+Elite|Gloria+Hallelujah" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Chewy" 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="Aladin" title="Aladin">
- <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:Title Font" content="Ravi Prakash" title="Ravi Prakash">
- <!---<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="Aladin" title="Aladin">
- <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="select:Post Title Font" content="Ravi Prakash" title="Ravi Prakash">
- <meta name="text:Font size" content="12">
- <meta name="text:Title Size" content="18">
- <meta name="text:Post Title Size" content="20">
- <meta name="image:Main Background" content="" />
- <meta name="image:Border Image" 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:Post Background" content=""/>
- <meta name="color:Text color" content=""/>
- <meta name="color:Link color" content="#ff4141"/>
- <meta name="color:Audio bg" content="">
- <meta name="color:Navi menu" content="#fff"/>
- <meta name="color:Navigation color" content="#333"/>
- <meta name="color:Navi link color" content=""/>
- <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;
- top: 390px;
- right: 70px;
- z-index:99;
- }
- #scrollToTop:link:hover{
- top: 380px;
- }
- /* SCROLL BEGIN */
- a.back-to-top {
- z-index:99;
- height:30px;
- width:30px;
- display: none;
- text-indent: -9999px;
- position: fixed;
- right: 70px;
- bottom: 360px;
- background: url("http://66.media.tumblr.com/abce76d1445bbc63498951f10e08c325/tumblr_odaplcMJDv1vtqemto1_75sq.png");
- }
- a.back-to-top:hover{
- bottom:350px;
- }
- /* 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%;}
- .spinning-hypnotic-disc:hover
- {
- -webkit-animation: spin1 2s infinite linear;
- -moz-animation: spin1 2s infinite linear;
- -o-animation: spin1 2s infinite linear;
- -ms-animation: spin1 2s infinite linear;
- animation: spin1 2s infinite linear;
- }
- @-webkit-keyframes spin1 {
- 0% { -webkit-transform: rotate(0deg);}
- 100% { -webkit-transform: rotate(360deg);}
- }
- @-moz-keyframes spin1 {
- 0% { -moz-transform: rotate(0deg);}
- 100% { -moz-transform: rotate(360deg);}
- }
- @-o-keyframes spin1 {
- 0% { -o-transform: rotate(0deg);}
- 100% { -o-transform: rotate(360deg);}
- }
- @-ms-keyframes spin1 {
- 0% { -ms-transform: rotate(0deg);}
- 100% { -ms-transform: rotate(360deg);}
- }
- @-keyframes spin1 {
- 0% { transform: rotate(0deg);}
- 100% { transform: rotate(360deg);}
- }
- .framin{
- position:fixed;
- width:695px;
- height:700px;
- z-index:1;
- background:-webkit-linear-gradient(45deg, rgba(175, 255, 231,1), rgba(189, 209, 252,1));
- background-image:url('{image:main background}');
- background-repeat:no-repeat;
- background-attachment:fixed;
- background-size:100% 100%;
- top: 13%;
- left: 24%;
- border-radius: 50%;
- -moz-border-radius:50%;
- -webkit-border-radius:50%;
- -moz-box-shadow: 0 0 15px #fff;
- -webkit-box-shadow: 0 0 15px #fff;
- box-shadow: 0 0 15px #fff;
- }
- *,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
- .bt-menu {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 0;
- border-width: 0px;
- border-style: solid;
- border-color: {color:Navigation color};
- background-color: rgba(0,0,0,0);
- -webkit-backface-visibility: hidden;
- -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
- transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
- }
- .bt-menu.bt-menu-open {
- height: 100%;
- border-width: 30px 30px 30px 90px;
- background-color: rgba(0,0,0,0.3);
- -webkit-transition: border-width 0.3s, background-color 0.3s;
- transition: border-width 0.3s, background-color 0.3s;
- }
- .bt-overlay {position: absolute;width: 100%;}
- .bt-menu-open .bt-overlay {height: 100%;}
- .bt-menu-trigger {
- position: fixed;
- top: 15px;
- left: 20px;
- display: block;
- width: 50px;
- height: 50px;
- cursor: pointer;
- }
- .bt-menu-trigger span {
- position: absolute;
- top: 50%;
- left: 0;
- display: block;
- width: 100%;
- height: 4px;
- margin-top: -2px;
- background-color: {color:Navi menu};
- font-size: 0px;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-transition: background-color 0.3s;
- transition: background-color 0.3s;
- }
- .bt-menu-open .bt-menu-trigger span {background-color: transparent;}
- .bt-menu-trigger span:before,.bt-menu-trigger span:after {
- position: absolute;
- left: 0;
- width: 100%;
- height: 100%;
- background: {color:Navi menu};
- content: '';
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- }
- .bt-menu-trigger span:before {-webkit-transform: translateY(-250%);transform: translateY(-250%);}
- .bt-menu-trigger span:after {-webkit-transform: translateY(250%);transform: translateY(250%);}
- .bt-menu-open .bt-menu-trigger span:before {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
- .bt-menu-open .bt-menu-trigger span:after {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}
- .bt-menu ul {
- position: fixed;
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .bt-menu ul:first-of-type {top: 80px;left: -5;}
- .bt-menu ul li, .bt-menu ul li a {display: block;}
- .bt-menu ul li {
- visibility: hidden;
- opacity: 0;
- -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
- transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
- }
- .bt-menu.bt-menu-open ul:first-of-type li,
- .bt-menu.bt-menu-open ul:nth-of-type(2) li {
- visibility: visible;
- opacity: 1;
- -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
- transition: transform 0.3s, opacity 0.3s;
- }
- /* First menu */
- .bt-menu ul:first-of-type li {
- width: 90px;
- height: 50px;
- line-height: 50px;
- -webkit-transform: translate3d(-100%,50%,0);
- transform: translate3d(-100%,50%,0);
- }
- .bt-menu.bt-menu-open ul:first-of-type li {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
- .bt-menu ul li a {
- display: block;
- outline: none;
- text-decoration: none;
- }
- .bt-menu ul:first-of-type li a {
- padding: 0 20px;
- box-shadow: inset 0 1px rgba(0,0,0,0.2);
- color: {color:Navi link color};
- text-transform: uppercase;
- letter-spacing: 1px;
- font-size: 1em;
- -webkit-transition: color 0.2s;
- transition: color 0.2s;
- }
- .bt-menu ul:first-of-type li:last-child a {box-shadow: inset 0 1px rgba(0,0,0,0.2), inset 0 -1px rgba(0,0,0,0.2);}
- .bt-menu ul li a:before {
- color: #fff;
- font-size: 24px;
- -webkit-transition: color 0.2s;
- transition: color 0.2s;
- }
- .bt-menu ul:first-of-type li a:hover,.bt-menu ul:first-of-type li a:focus,.bt-menu ul li a:hover:before,.bt-menu ul li a:focus:before {letter-spacing:2px; color:{color:text color};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
- /* TITLE */
- .tooltipt a{color:{color:Navi link color}; text-decoration:none;}
- .tooltipt a:hover{color:{color:text color};}
- .tooltipt .tooltipttext {width:200px;border-radius: 0px;padding:3px 4px 5px 4px;margin:-40px 7px -2px 100px;text-shadow:none;letter-spacing:0.5px;font-family:{select:Title font};font-size:20px; line-height:22px;visibility: hidden;background-color: #fff;text-align: center;border:1px solid {color:border};position: absolute;z-index: 1;opacity:0;transition: opacity 1s;}
- .tooltipt:hover .tooltipttext {visibility: visible;opacity: 1;}
- /* DESCRIPTION */
- .tooltipd a{color:{color:Navi link color}; text-decoration:none;}
- .tooltipd a:hover{color:{color:text color};}
- .tooltipd .tooltipdtext {width:200px;border-radius: 0px;padding:10px;margin:-40px 7px -2px 100px;text-shadow:none;letter-spacing:0.5px;font-size:12px; line-height:110%;visibility: hidden;background-color: #fff;text-align: center;border:1px solid {color:border};position: absolute;z-index: 1;opacity:0;transition: opacity 1s;}
- .tooltipd:hover .tooltipdtext {visibility: visible;opacity: 1;}
- /*Body*/
- #container {position:absolute;left:32%;top:50px;}
- .posts {
- position:relative;
- width:500px;
- background-color: {color:post background};
- padding:10px;
- padding-bottom:10px;
- margin-bottom:30px;
- outline: solid 10px {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:permalink bg};
- -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.2);
- }
- #asker{
- margin-top:-35px;
- margin-left:70px;
- text-transform:uppercase;
- text-decoration:underline;
- font-size:110%;
- 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:permalink 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:popup 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 {
- position: relative;
- width: 75px;max-width: 75px;
- background-color:{color:Permalink bg};
- margin-left: -115px;
- padding: 10px 10px;
- font-size: 10px;
- text-transform: UPPERCASE;
- letter-spacing: 1px;
- line-height:14px;
- text-align: center;
- opacity: 0.0;
- position: absolute;
- top: -1px;
- left: 0px;
- -moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
- -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
- }
- .permalinks:after{
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 11px 0 11px 14px;
- border-color: transparent {color:Permalink bg};
- display: block;
- width: 0;
- z-index: 1;
- right: -14px;
- top: 49px;
- }
- .posts:hover .permalinks {opacity: 1.0;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;}
- {block:PermalinkPage}.permalinks{opacity:1.0}{/block:PermalinkPage}
- .permalinks a {
- text-decoration:none;
- font-size: 10px;
- line-height:14px;
- color: {color:Permalink links};
- }
- .permalinks a:hover {color: {color:text color};}
- .tags {
- margin-top:5px;
- text-align:center;
- border-top:1px solid {color:border};
- }
- .tags a {
- text-decoration:none;
- font-size: 10px;
- line-height:13px;
- text-transform:uppercase;
- color:{color:Permalink links};
- }
- /* 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};}
- .note{
- background-color:transparent;
- position:absolute;
- position:fixed;
- right:20px;
- top:50%;
- width:auto;
- font-family:'Gloria Hallelujah';
- font-size:20px;
- line-height:21px;
- color:{color:navi menu};
- }
- </style>
- <body>
- <div class="breathing-hypnotic-disc"><img class="spinning-hypnotic-disc" src="{image:Border image}" width="900" height="900" style="position:fixed;margin-top: 1%;margin-left: 15%;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-position:center" /></div>
- <div class="framin"></div><nav id="bt-menu" class="bt-menu">
- <a href="#" class="bt-menu-trigger"><span>Menu</span></a>
- <ul style="margin-left:-90px;">
- <div class="tooltipt"><li><a href="#">Title</a><span class="tooltipttext">{Title}</span></li></div>
- <div class="tooltipd"><li><a href="#">Desc</a><span class="tooltipdtext">{Description}</span></li></div>
- <li><a href="/" title="Home">Home</a></li>
- <li><a href="/ask" title="Message">Ask</a></li>
- <li><a href="/archive" title="Archive">Archive</a></li>
- <li>{block:ifLinkText1} <a href="{text:Link URL1}" title="{text:Link Text1}" > {text:Link Text1}</a>{/block:ifLinkText1}</li>
- <li>{block:ifLinkText2} <a href="{text:Link URL2}" title="{text:Link Text2}" > {text:Link Text2}</a><br>{/block:ifLinkText2}</li>
- <li> {block:ifLinkText3} <a href="{text:Link URL3}" title="{text:Link Text3}" > {text:Link Text3}</a>{/block:ifLinkText3}</li>
- </ul>
- </nav>
- <div class="note">X ← Hover over me!</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}
- <br>
- {DayOfMonth}.{ShortMonth}.{Year}<br>
- <a href="{Permalink}" title="{block:NoteCount}{NoteCount}{/block:NoteCount} notes">{block:NoteCount}{NoteCount}{/block:NoteCount}</a> notes<br>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"title="{ReblogParentName}">via</a> ★ <a href="{ReblogRootURL}"title="{ReblogRootname}">source</a>{/block:RebloggedFrom} <br>
- <a href="{ReblogURL}" target="_blank" class"details" title="Reblog"><i class="fa fa-retweet" aria-hidden="true" style="color:#56bf4b;" ></i></a>
- <div class="tags">{block:HasTags} {block:Tags}<a href="{TagUrl}" style="color:{color:Permalink links}"> •{Tag} </a><br>{/block:Tags}{/block:HasTags}</div></div>
- </div>{/block:Date}
- {/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 type="text/javascript" src="http://static.tumblr.com/iibrpyj/2b1oedac5/classie.js"></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>
Add Comment
Please, Sign In to add comment