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:#000; /*background color*/
- border:1px solid #213758; /*border info*/
- font-family:alegreya sans sc; /*tooltip font*/
- font-weight:bold;
- font-size:9px; /*tooltip font size*/
- letter-spacing:1px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:#fff; /*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=Acme|Cuprum|Oxygen|Patrick+Hand|Patrick+Hand+SC|Philosopher|Port+Lligat+Slab|Roboto" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Condiment|Kaushan+Script|Marcellus+SC|Pacifico|Pattaya|Rationale|Satisfy|Special+Elite" rel="stylesheet">
- <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">
- <!--- <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="Cuprum" title="Cuprum">
- <!---<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="Pacifico" title="Pacifico">
- <meta name="select:Title Font" content="Condiment" title="Condiment">
- <meta name="select:Title Font" content="Kaushan Script" title="Kaushan Script">
- <meta name="select:Title Font" content="Pattaya" title="Pattaya">
- <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="Pacifico" title="Pacifico">
- <meta name="select:Post Title Font" content="Condiment" title="Condiment">
- <meta name="select:Post Title Font" content="Kaushan Script" title="Kaushan Script">
- <meta name="select:Post Title Font" content="Pattaya" title="Pattaya">
- <meta name="text:Second Description" content="">
- <meta name="text:Third Description" content="">
- <meta name="text:Font size" content="12">
- <meta name="text:Title Size" content="16">
- <meta name="text:Post Title Size" content="20">
- <meta name="image:Main Background" content="" />
- <meta name="image:Sidebar 1" content="" />
- <meta name="image:Sidebar 2" content="" />
- <meta name="image:Sidebar 3" content="" />
- <meta name="image:Sidebar 4" content="" />
- <meta name="image:Sidebar 5" content="" />
- <meta name="color:Main Background" content=""/>
- <meta name="color:Post Background" content=""/>
- <meta name="color:Title" content=""/>
- <meta name="color:Description" content="">
- <meta name="color:Description BG" content=""/>
- <meta name="color:Text color" content=""/>
- <meta name="color:Link color" content=""/>
- <meta name="color:Post Title" content=""/>
- <meta name="color:Border" content="#cccccc"/>
- <meta name="color:Pagination" content="#fff"/>
- <meta name="color:Permalink link color" content=""/>
- <meta name="color:Permalink text color" content=""/>
- <meta name="color:Permalink background color" content=""/>
- <meta name="color:Selection bg" content=""/>
- <meta name="color:Selection text color" content=""/>
- <meta name="color:Scrollbar background" content=""/>
- <meta name="color:Scrollbar thumb" content=""/>
- <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:{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:Scrollbar background};}
- ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar Thumb} ; border: 1px solid {color:link color};}
- /* SCROLL BUTTONS */
- #scrollToTop:link,
- #scrollToTop:visited {
- display: none;
- position: fixed;
- bottom: 180px;
- right: 250px;
- }
- #scrollToTop:link:hover{
- bottom:190px;
- }
- /* SCROLL BEGIN */
- a.back-to-top {
- height:30px;
- width:30px;
- display: none;
- text-indent: -9999px;
- position: fixed;
- right: 250px;
- bottom: 130px;
- background: url("http://66.media.tumblr.com/abce76d1445bbc63498951f10e08c325/tumblr_odaplcMJDv1vtqemto1_75sq.png");
- }
- /* 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%;
- }
- /*NEW SIDEBAR*/
- #sidebar1 {
- background-color: transparent;
- text-align: center;
- height: auto;
- min-height:110%;
- width: 300px;
- position: fixed;
- z-index: 9;
- display:block;
- }
- .img1{
- position:fixed;
- height:110px;
- width:110px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- border:3px double {color:border};
- background-color: {color:Description bg};
- background-image: url('{image:Sidebar 1}');
- background-size:100%;
- margin-top:30em;
- margin-left:5em;
- -webkit-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- -moz-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- }
- .img1:hover #title1{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #title1 {
- background-color:{color:Description bg};
- position: fixed;
- overflow-y: hidden;
- margin-top:2px;
- margin-left:2px;
- height:85px;
- padding:10px;
- font-size: {text:Title Size}px;
- line-height: 105%;
- width: 85px;
- text-align:center;
- vertical-align:center;
- word-break:break-word;
- color: {color:Title};
- font-family: {select:Title font};
- z-index: 9;
- border:1px solid {color:border};
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- float:center;
- opacity:0;
- }
- #title1 span {
- display: table-cell;
- vertical-align: middle;
- height:80px;
- }
- /*_____________________________________________*/
- .img2{
- position:fixed;
- height:140px;
- width:140px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- border:3px double {color:border};
- background-color: {color:Description bg};
- background-image: url('{image:Sidebar 2}');
- background-size:100%;
- margin-top:42em;
- margin-left:12em;
- -webkit-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- -moz-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- }
- .img2:hover #description{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #description {
- opacity:0;
- position: relative;
- overflow:hidden;
- height:118px;
- padding:10px;
- width: 118px;
- text-align: center;
- word-break:break-word;
- background-color:{color:Description bg};
- color: {color:description};
- font-size:11px;
- border:1px solid {color:border};
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- float:center;
- }
- #description span{
- display: table-cell;
- vertical-align: middle;
- height:110px;
- }
- /*_____________________________________________*/
- .img3{
- position:fixed;
- height:120px;
- width:120px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- border:3px double {color:border};
- background-color: {color:Description bg};
- background-image: url('{image:Sidebar 3}');
- background-size:100%;
- margin-top:55em;
- margin-left:3em;
- -webkit-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- -moz-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- }
- .img3:hover #navi{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #navi{
- opacity:0;
- position: relative;
- overflow:hidden;
- margin-top:2px;
- margin-left:2px;
- height:95px;
- padding:10px;
- width: 95px;
- text-align: center;
- word-break:break-word;
- background-color:{color:Description bg};
- color: {color:description};
- font-size:11px;
- border:1px solid {color:border};
- font-family:{select:Font};
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- float:center;
- }
- /*_____________________________________________*/
- .img4{
- position:fixed;
- height:120px;
- width:120px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- border:3px double {color:border};
- background-color: {color:Description bg};
- background-image: url('{image:Sidebar 4}');
- background-size:100%;
- margin-top:52em;
- margin-left:85%;
- -webkit-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- -moz-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- }
- .img4:hover #description2{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #description2{
- opacity:0;
- position: relative;
- overflow:hidden;
- height:98px;
- padding:10px;
- width: 98px;
- text-align: center;
- word-break:break-word;
- background-color:{color:Description bg};
- color: {color:description};
- font-size:11px;
- border:1px solid {color:border};
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- float:center;
- }
- #description2 span{
- display: table-cell;
- vertical-align: middle;
- height:90px;
- }
- /*_____________________________________________*/
- .img5{
- position:fixed;
- height:150px;
- width:150px;
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- border:3px double {color:border};
- background-color: {color:Description bg};
- background-image: url('{image:Sidebar 5}');
- background-size:100%;
- margin-top:36em;
- margin-left:75%;
- -webkit-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- -moz-box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- box-shadow: 0px 0px 30px 0px rgba(255,255,255,1);
- }
- .img5:hover #smt{
- opacity:1;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #smt{
- opacity:0;
- position: relative;
- overflow:hidden;
- margin-top:2px;
- margin-left:2px;
- height:125px;
- padding:10px;
- width: 125px;
- text-align: center;
- word-break:break-word;
- background-color:{color:Description bg};
- color: {color:description};
- font-size:11px;
- border:1px solid {color:border};
- -webkit-border-radius: 50%;
- -moz-border-radius: 50%;
- -o-border-radius: 50%;
- float:center;
- }
- #smt span{
- display: table-cell;
- vertical-align: middle;
- height:125px;
- }
- /*Sidebar end*/
- /*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;
- 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 font}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};
- }
- .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:transparent;
- display: block;
- width: 0;
- z-index: 1;
- top: -11px;
- left: 22px;
- }
- /*QUOTE*/
- .quote {
- font-family:{select:Post Title font};
- font-size: {text:Post Title size}px;
- line-height:105%;
- text-indent: 15px;
- text-align: center;
- margin-bottom:5px;
- padding:20px;
- border:1px solid {color:border};
- -webkit-border-radius: 20%;
- -moz-border-radius: 20%;
- -o-border-radius: 20%;
- -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;
- }
- .quotesource {
- font-size:15px;
- line-height:17px;
- text-align:right;
- margin-top:10px;
- margin-bottom:5px;
- font-family:{select:Post Title font};
- text-decoration:underline;
- }
- /*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};
- color: {color:text color};
- padding:7px;
- word-break:break-word;
- border-radius: 5px;
- border-bottom:1px solid {color:border};
- border-right:1px solid {color:border};
- -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-right:0px;
- text-align: left;
- padding:5px;
- word-break:break-word;
- background-color:{color:post background};
- color: {color:text};
- border-radius: 5px;
- border-bottom:1px solid {color:border};
- border-right:1px solid {color:border};
- -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 li {
- position: relative;
- margin-bottom: 10px;
- margin-left: auto;
- margin-right:auto;
- word-break:break-word;
- padding: 5px;
- }
- /*Chat end*/
- /*Types of posts end*/
- /*Permalink*/
- .permalinks {
- background-color:{color:Permalink background color};
- border-bottom: 1px solid {color:border};
- text-transform:uppercase;
- font-family:{select:Font};
- text-align:left;
- font-size:11px;
- height:auto;
- margin-bottom:5px;
- padding:5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- }
- .permalinks a {
- text-decoration:none;
- color:{color:Permalink link color};
- }
- .permalinks a:hover {
- border-bottom:10px solid transparent;
- letter-spacing:1px;
- }
- .rebloginfo{
- text-align:right;
- margin-top:-15px;
- }
- .tags {
- font-family:{select:Font};
- text-align:center;
- border-top:1px solid {color:border};
- padding-top:5px;
- padding-bottom:5px;
- margin-top:5px;
- background-color:{color:Permalink background color};
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- }
- .tags a {
- text-decoration:none;
- font-size: 10px;
- line-height:14px;
- text-transform:uppercase;
- color:{color:Permalink link color};
- }
- .tags a:hover{
- color:{color:Permalink text color};
- -webkit-transition-duration: 0.1s;
- transition-duration: 0.1s;
- }
- /*Permalink end*/
- #notecontainer {
- background-color:rgba(0,0,0,0.5);
- margin: 20px auto;
- width: 500px;
- font-size: 11px;
- color: #fff;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-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:#bad0f1;}
- /*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;background:#fff; bottom:5px; right:4px; position: fixed;display: inline-block;z-index:99999999;text-decoration:none;padding-left:2px;padding-right:2px;padding-top:4px;padding-bottom:0px;width:17px;height:17px;float:right;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;border:1px solid #ccc;-moz-box-shadow: 0 3px #888;-webkit-box-shadow: 0 0 3px #888;box-shadow: 0 0 3px #888;}.tooltip a:hover{color:#000;}
- .tooltip .tooltiptext {font-family:Alegreya sans sc; font-weight:500;letter-spacing:1px; font-size:9px;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%; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */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:link color};}
- /* 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:link color};}
- </style>
- <body>
- <div id="sidebar1">
- <div class="img1"><div id="title1"><span>{Title}</span></div></div>
- <div class="img2"><div id="description"><span>{Description}</span></div></div>
- <div class="img3"><div id="navi">
- ★ <a href="/" title="Home" style="">Home</a><br>
- ✰ <a href="/ask" title="Message" style="">Message</a><br>
- ✯ <a href="/archive" title="Archive" style="">Archive</a><br>
- ✩ <a href="{text:Link URL1}" title="{text:Link Text1}" style="">{text:Link Text1}</a><br>
- ✬ <a href="{text:Link URL2}" title="{text:Link Text2}" style="">{text:Link Text2}</a><br>
- ❍ <a href="{text:Link URL3}" title="{text:Link Text3}" style="">{text:Link Text3}</a></div></div>
- <div class="img4"><div id="description2"><span>{text:Second Description}</span></div></div>
- <div class="img5"><div id="smt"><span>{text:Third Description}</span></div></div>
- </div>
- <div id="container">
- {block:Posts}
- <div class="posts">
- {block:Date}<div class="permalinks"><a href="{Permalink}" title="{DayOfMonth}.{ShortMonth}.{Year}"><span class="lnr lnr-clock"></span></a> ★ {block:Notecount}<a href="{Permalink}" title="Note count">{NoteCountWithLabel}</a>{/block:Notecount}
- {block:RebloggedFrom}<div class="rebloginfo"><a href="{ReblogParentURL}"title="{ReblogParentName}">via</a> ★ <a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a></div>{/block:RebloggedFrom}
- </div>{/block:Date}
- {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}
- <div class="type-audio post-content">
- {block:AudioEmbed}
- {AudioEmbed color="Black"}
- {/block:AudioEmbed}
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- </div>
- {/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}
- {block:Date}{block:HasTags} <div class="tags"> {block:Tags}<a href="{TagUrl}"> #{Tag} </a>{/block:Tags}</div>{/block:HasTags} {/Block:Date}
- </div>
- {/block:Posts}
- <!-- PAGINATION -->
- <center>
- {block:PreviousPage} <a href="{PreviousPage}" title="Retreat"><font size="" color="{color:Pagination}"><i class="fa fa-arrow-circle-o-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-arrow-circle-o-right hvr-icon-forward" aria-hidden="true" style="font-size:35px; line-height:44px;"></i></font></a>{/block:NextPage}
- </center>
- <!-- POST TOOGLE -->
- <center>
- {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}
- <!--- DONT TOUCH ANYTHING BELOW THIS LINE!!! -->
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- if ($('p:contains("The URL you requested could not be found.")').html()) {
- $(".wrapper_notfound").css( "visibility", "visible" );
- $(".article_position").remove();
- $('title').prepend( "Not Found | " ); }
- });
- </script>
- <!-- SCROLL DOWN BEGIN -->
- <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: 10000
- }, 1000);
- return false;
- });
- </script>
- <!-- SCROLL END -->
- <!-- SCROLL UP 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>
- <!-- SCROLL END -->
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement