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>
- <!---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 #E0E0E0; /*border info*/
- font-family:calibri; /*tooltip font*/
- font-size:9px; /*tooltip font size*/
- letter-spacing:2px; /*tooltip letter spacing*/
- text-transform:uppercase; /*makes the tooltip title uppercase*/
- color:#000; /*tooltip font color*/
- z-index:999999999999999999999999999999999999;
- }
- </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 href='https://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Metamorphous' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
- <meta name="select:Font" content="Arial" title="Arial">
- <meta name="select:Font" content="Consolas" title="Consolas">
- <meta name="select:Font" content="Lucida Sans" title="Lucida Sans">
- <meta name="select:Font" content="Calibri" title="Calibri">
- <meta name="select:Font" content="Verdana" title="Verdana">
- <meta name="select:Font" content="Corbel" title="Corbel">
- <meta name="select:Font" content="Times New Roman" title="Times New Roman">
- <meta name="select:Title Font" content="Marcellus SC" title="Marcellus SC">
- <meta name="select:Title Font" content="Metamorphous" title="Metamorphous">
- <meta name="select:Title Font" content="Indie flower" title="Indie flower">
- <meta name="select:Title Font" content="Yellowtail" title="Yellowtail">
- <meta name="select:Title Font" content="Bangers" title="Bangers">
- <meta name="select:Title Font" content="Tangerine" title="Tangerine">
- <meta name="select:Title Font" content="Rock Salt" title="Rock+Salt">
- <meta name="select:Title Font" content="Special Elite" title="Special Elite">
- <meta name="select:Post Title font" content="Marcellus SC" title="Marcellus SC">
- <meta name="select:Post Title font" content="Metamorphous" title="Metamorphous">
- <meta name="select:Post Title font" content="Yellowtail" title="Yellowtail">
- <meta name="select:Post Title font" content="Bangers" title="Bangers">
- <meta name="select:Post Title font" content="Tangerine" title="Tangerine">
- <meta name="select:Post Title font" content="Rock Salt" title="Rock+Salt">
- <meta name="select:Post Title font" content="Special Elite" title="Special Elite">
- <meta name="text:Font size" content="12">
- <meta name="text:Title Size" content="27">
- <meta name="text:Post Title Size" content="20">
- <meta name="image:Main Background" content="" />
- <meta name="image:Sidebar Background" content=""/>
- <meta name="image:Sidebar Image" content=""/>
- <meta name="color:Main Background" content=""/>
- <meta name="color:Sidebar 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:Border" content="#cccccc"/>
- <meta name="color:Post Title" content=""/>
- <meta name="color:Text color" content=""/>
- <meta name="color:Blockquote color" content="#737373"/>
- <meta name="color:Link color" content=""/>
- <meta name="color:Quote color" content=""/>
- <meta name="color:Permalink Border" content=""/>
- <meta name="color:Permalink text" content=""/>
- <meta name="color:Permalink links" 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">
- 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};
- font-size: {text:Post Title Size}px;
- }
- blockquote {
- padding:2px 7px;
- margin:3px 0 3px 8px;
- border-left:1px solid {color:blockquote color};
- }
- blockquote img {
- max-width:100%;
- height:auto;
- }
- img {
- max-width: 100%;
- }
- /*Sidebar*/
- #sidebar {
- background-color: {color:sidebar background};
- background-image: url('{image:sidebar background}');
- text-align: center;
- height: auto;
- min-height:450px;
- width: 250px;
- margin-top: -20px;
- margin-left: 70px;
- position: fixed;
- z-index: 9;
- -moz-box-shadow: 0 0 10px #888;
- -webkit-box-shadow: 0 0 10px #888;
- box-shadow: 0 0 10px #888;
- border: 1px solid {color:Border};
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- }
- #sidebar img {
- margin-top:15px;
- width: 230px;
- -moz-box-shadow: 0 0 10px #888;
- -webkit-box-shadow: 0 0 10px #888;
- box-shadow: 0 0 10px #888;
- border: 1px double {color:Border};
- border-radius: 5px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- -o-border-radius: 10px;
- }
- #sidebar links{
- border: 1px solid;
- word-break:break-word;
- }
- #title {
- position: relative;
- height:auto;
- margin-top:40px;
- margin-left: 40px;
- margin-right: auto;
- font-size: {text:Title Size}px;
- line-height: 105%;
- width: 200px;
- text-align: right;
- word-break:break-word;
- color: {color:Title};
- font-family: {select:Title Font};
- z-index: 9;
- text-shadow:0 0 1px #000;
- }
- #description {
- position: relative;
- background:{color:Description bg};
- margin-bottom:10px;
- margin-top: auto;
- margin-left: 10px;
- padding: 10px;
- width: 210px;
- text-align: center;
- word-break:break-word;
- color: {color:description};
- overflow:hidden;
- font-size:11px;
- border:1px solid {color:border};
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- }
- #navi {
- text-align: center;
- float:center;
- height: 25px;
- width: 250px;
- margin-top: -10px;
- margin-left: 45px;
- padding: 5px;
- position: relative;
- z-index: 9;
- }
- .button {
- background-color: #fff;
- float:left;
- text-align: center ;
- word-break:break-word;
- height: 19px;
- width: 24px;
- margin-bottom: 5px;
- margin-left:5px;
- padding-top: 6px;
- padding-bottom: 0px;
- padding-left: 2px;
- padding-right: 2px;
- border:1px solid #aaaaaa;
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- }
- .button:hover {
- background-color: #ccc;
- }
- #navi2 {
- text-align: center;
- float:center;
- height: 25px;
- width: 250px;
- margin-top: -10px;
- margin-left: 30px;
- margin-bottom: 15px;
- padding: 5px;
- position: relative;
- z-index: 9;
- }
- .button2 {
- background-color: #fff;
- float:left;
- text-align: center ;
- word-break:break-word;
- height: 19px;
- width: 24px;
- margin-bottom: 5px;
- margin-left:5px;
- padding-top: 6px;
- padding-bottom: 0px;
- padding-left: 2px;
- padding-right: 2px;
- border:1px solid #aaaaaa;
- border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- -o-border-radius: 5px;
- }
- .button2:hover {
- background-color: #ccc;
- }
- /*Sidebar end*/
- /*Body*/
- #container {
- position:absolute;
- left:450px;
- top:50px;
- }
- .posts {
- width:500px;
- background-color: {color:post background};
- padding:10px;
- margin-bottom:30px;
- -moz-box-shadow: 0 0 10px #888;
- -webkit-box-shadow: 0 0 10px #888;
- box-shadow: 0 0 10px #888;
- border: 3px double {color:Border};
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- }
- h1 {
- text-align: center;
- word-break:break-word;
- font-size: {text:Post Title size}px;
- line-height:105%;
- text-decoration:underline;
- color: {color:Post Title};
- font-family: {select:Post Title Font};
- }
- /*Body end*/
- /*Types of posts*/
- .link{
- color: {color:link color};
- font-size:20px;
- font-family: {select:Post Title Font};
- }
- .asker {
- font-size:{text:Post Title size}px;
- text-decoration: underline;
- font-family: {select:Post Title Font};
- text-align:center;
- margin-bottom:5px;
- padding-bottom:3px;
- }
- .question {
- padding-left:50px;
- padding-right:50px;
- padding-bottom:10px;
- border-bottom:3px double {color:border};
- }
- .quote {
- font-family: {select:Post Title Font};
- font-size: 20px;
- line-height:23px;
- letter-spacing:1px;
- text-indent: 15px;
- text-align: center;
- margin-bottom:5px;
- padding-bottom:3px;
- }
- .quotesource {
- font-size:15px;
- line-height:17px;
- letter-spacing:1px;
- text-align:right;
- margin-bottom:5px;
- font-family: {select:Post Title Font};
- }
- #player {
- width:500px;
- height:40px;
- overflow:hidden;
- position:absolute;
- margin-top:45px;
- margin-bottom:45px;
- -moz-border-radius: 30px;
- -webkit-border-radius: 30px;
- border-radius: 30px;
- }
- #albumart{
- float:right;
- height:20px;
- margin-top:-30px;
- width:auto;
- }
- /* Chat */
- .chat{
- height: auto;
- padding-bottom: 5px;
- width: 100%;
- word-break:break-word;
- }
- .chat ul {
- word-break:break-word;
- list-style: none;
- }
- .chat .odd {
- text-align: left;
- color: {color:text};
- margin-left:-45px;
- word-break:break-word;
- border-bottom: 1px solid {color:border};
- }
- .chat .even {
- text-align: left;
- margin-left:-35px;
- word-break:break-word;
- color: {color:text};
- border-bottom: 1px solid {color:border};
- }
- .chat li {
- position: relative;
- margin-bottom: 10px;
- margin-left: auto;
- margin-right:auto;
- word-break:break-word;
- padding: 5px;
- }
- /*Types of posts end*/
- /*Permalink*/
- .permalinks {
- text-align: center;
- color: {color:Permalink text};
- font-size: 10px;
- word-break:break-word;
- border-top: 2px groove {color:Permalink Border};
- position: relative;
- padding:5px;
- height:auto;
- }
- .permalinks a {
- text-decoration:none;
- font-size: 10px;
- color: {color:Permalink text};
- }
- .permalinks a:hover {
- color: {color:text color};
- }
- .date {
- float:center;
- }
- .reblogs {
- float:center;
- }
- .tags {
- text-align:center;
- }
- .tags a {
- text-decoration:none;
- font-size: 10px;
- text-transform:uppercase;
- color:{select:Permalink links};
- }
- #content #notecontainer {
- margin: 20px auto;
- width: 500px;
- font-size: 10px;
- background: #fff;
- }
- #content #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- #content #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- /*Permalink end*/
- /*Pagination*/
- .jump_page {
- padding: 8px 18px;
- margin-left:10px;
- border: 2px solid #ccc;
- background-color: #ffffff;
- color:#585858;
- font-size:12px;
- text-decoration:none;
- -moz-box-shadow: 0 0 10px #888;
- -webkit-box-shadow: 0 0 10px #888;
- box-shadow: 0 0 10px #888;
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- }
- .current_page, .jump_page:hover {
- padding: 9px 18px;
- border: 2px solid #bbb;
- background-color: #ccc;
- color: #ffffff;
- font-size:12px;
- text-decoration:none;
- -moz-box-shadow: 0 0 10px #888;
- -webkit-box-shadow: 0 0 10px #888;
- box-shadow: 0 0 10px #888;
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- }
- /*Pagination end*/
- /*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:rgba(255,255,255,0.8); 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 5px #888;-webkit-box-shadow: 0 0 5px #888;box-shadow: 0 0 5px #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!!!*/
- </style>
- <body>
- <div id="sidebar">
- <div id="title">{Title}</div>
- <img src="{image:Sidebar image}">
- <center>
- <div id=navi>
- <br>
- <div class="button"><a href="/" title="Home" style="color:#707D7E"><i class="fa fa-home" aria-hidden="true"></i></a></div>
- <div class="button"><a href="/ask" title="Message" style="color:#707D7E"><i class="fa fa-comment" aria-hidden="true"></i></a></div>
- <div class="button"><a href="/archive" title="Archive" style="color:#707D7E"><i class="fa fa-archive" aria-hidden="true"></i></a></div>
- <div class="button"><a href="/navigation" title="Navigation" style="color:#707D7E"><i class="fa fa-list" aria-hidden="true"></i></a></div>
- </br>
- </div>
- </center>
- <div id="description">{Description}</div>
- <div id=navi2>
- {block:ifLinkText1}<div class="button2"><a href="{text:Link URL1}" title="{text:Link Text1}" style="color:#707D7E"><i class="fa fa-folder-o" aria-hidden="true"></i></a></div>{/block:ifLinkText1}
- {block:ifLinkText2}<div class="button2"><a href="{text:Link URL2}" title="{text:Link Text2}" style="color:#707D7E"><i class="fa fa-book" aria-hidden="true"></i></i></a></div>{/block:ifLinkText2}
- {block:ifLinkText3}<div class="button2"><a href="{text:Link URL3}" title="{text:Link Text3}" style="color:#707D7E"><i class="fa fa-cube" aria-hidden="true"></i></a></div>{/block:ifLinkText3}
- </div>
- </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}<a href="{URL}" class="link" {Target}>{Name} <i class="fa fa-hand-o-right"></i></a> {block:Description}{Description}{/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 id="audioplayer">{AudioPlayerWhite} </div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
- {PlayCountWithLabel}
- {block:caption}<div class="caption">{caption}</div>{/block:caption}
- {/block:Audio}
- {block:Answer}
- <div class="asker">{Asker} said: </div>
- <div class="question">{Question}</div> {Answer}
- {/block:Answer}
- <div class="permalinks">
- ✒<div class="date"><a href="{Permalink}" title="Permalink" style="color:{color:Permalink links}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a>
- ★ <a href="{Permalink}" title="Permalink" style="color:{color:Permalink links}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
- <div class="reblogs">{block:RebloggedFrom}via:
- <a href="{ReblogParentURL}"title="{ReblogParentTitle}" style="color:{color:Permalink links}">{ReblogParentName} </a> ★ source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}" style="color:{color:Permalink links}">{ReblogRootName}</a>{/block:RebloggedFrom} ★
- <a href="{ReblogURL}" target="_blank" class"details"><i class="fa fa-retweet" aria-hidden="true" style="color:#56bf4b"></i></a></div>
- </div>
- <div class="tags">{block:HasTags}<i class="fa fa-tags" aria-hidden="true"></i> : {block:Tags} <i class="fa fa-tag" aria-hidden="true"></i> <a href="{TagUrl}" style="color:{color:Permalink links}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- <center>
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"title="Retreat" style="color:#000" > <i class="fa fa-arrow-left" aria-hidden="true"></i></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="jump_page"title="Forward" style="color:#000"> <i class="fa fa-arrow-right" aria-hidden="true"></i></a>{/block:NextPage}
- {/block:Pagination}<p style="margin-bottom: 20px;">
- </center>
- </div>
- <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}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement