Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- base code by meroku.
- thank you easy html tutorial for the tooltip.
- background credits to swamptrog
- theme by sebmeuller-->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href='http://fonts.googleapis.com/css?family=Rationale' rel='stylesheet' type='text/css'>
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:background" content="#ffffff">
- <meta name="color:text" content="#c0bdb8" />
- <meta name="color:link hover" content="#fdfdfd" />
- <meta name="color:link" content="#c0bdb8" />
- <meta name="color:Bold" content="#777777" />
- <meta name="color:Italic" content="#bbbbbb"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:link1" content="url" />
- <meta name="text:name1" content="link" />
- <meta name="text:link2" content="url" />
- <meta name="text:name2" content="link" />
- <meta name="text:link3" content="url" />
- <meta name="text:name3" content="link" />
- <meta name="text:link4" content="url" />
- <meta name="text:name4" content="link" />
- <meta name="image:background" content=""/>
- </head>
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:300px;
- background-color:#caa3f1;
- border:1px solid #8922f2;
- font-size:10px;
- color:#000000;
- letter-spacing:1px;
- text-transform:lowercase;
- padding:3px;
- margin:20px 0px 0px 20px;
- z-index:9999999999999999999999;
- border-radius: 0px;
- font-family:'Rationale';
- }
- body {color:{color:text};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-color:{color:background};
- font-family:verdana; font-size:11px; line-height:17px; text-align:justify
- }
- a:link, a:active, a:visited { color: {color:link};
- text-decoration:none;
- }
- a:hover { color:{color:link hover};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- small{font-size:auto}
- big{font-size:auto}
- b, strong{color:{color:bold}}
- h1 {font-size:15px;}
- i, em {color:{color:italic}}
- p{margin-top:6px; margin-bottom:6px}
- blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
- img a{border:none; width:100%;}
- img{ -webkit-transition: opacity 0.8s linear; opacity: 0.60; }
- img:hover{ -webkit-transition: opacity 0.8s linear; opacity: 1; }
- #container {background-color:transparent;
- width: 400px;
- margin: 0 auto -10px auto;
- }
- #entries {margin-left:500px;
- text-align: justify;
- }
- #posts {margin: 70px 0 0px 0;
- width: 400px;
- text-align: justify;
- padding: 10px;
- border: 10px solid #6a42a1;
- background-color: rgba(255, 255, 255, .8);
- }
- #posts img {max-width:100%;}
- #sidebar{ position:fixed;
- width:200px;
- background:white;
- border:10px solid #6a42a1;
- padding:7px;
- overflow:hidden;
- left:150px;
- top:140px;
- }
- h2 {
- font-family:helvetica;
- font-weight:100;
- line-height:17px;
- }
- #pagination {font-family:calibri;
- text-align:center;
- font-size:24px;
- margin-bottom:2px;
- }
- #credit {position:fixed;
- bottom:10px;
- left:10px;
- font-size:11px;
- font-family:calibri;
- color:{color:text};
- text-transform:uppercase;
- letter-spacing: 0px;
- font-style:normal;
- background-color:rgba(255, 255, 255, .8);
- border:3px solid #6a42a1;
- padding:3px;
- }
- #info {
- text-align:center;
- margin-top:10px;
- border: 3px solid #6a42a1;
- width:400px;
- }
- .audio{background-color:black; display:block}
- .user_1 .label {color:{color:link}; font-weight:bold}
- .user_2 .label {color:{color:text}; font-weight:italic}
- .user_3 .label {color:{color:link}; font-weight:text}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
- .notes img{width:10px; position:relative; top:1px}
- ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
- </style>
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <body>
- <div id="sidebar">
- <a href="/"><img src="{image:sidebar}" style="width:190px;position:inline;
- padding:5px;"></a>
- <center>
- <h1><a href="/" title="{Description}">{Title}</a></h1>
- <a href="/" title="home">i.</a>
- <a href="/ask" title="ask">ii.</a>
- <a href="{text:link1}" title="{text:name1}">iii.</a>
- <a href="{text:link2}" title="{text:name2}">iv.</a></a>
- <a href="{text:link3}" title="{text:name3}">v.</a>
- <a href="{text:link4}" title="{text:name4}">vi.</a>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div>
- </div>
- </center>
- <div id="credit"><a href="http://sebmeuller.tumblr.com" title="winter">♡</a></div>
- <div id="entries">
- {block:posts}
- <div id="posts">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
- {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-400}"/></center>
- {block:Caption}<center>{Caption}</center>{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-400}</center>
- {block:Caption}<center>{Caption}</center>{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-400}<center>{block:Caption}</center>{Caption}{/block:Caption}{/block:Video}
- {block:Answer}{Asker} whispered: {Question}<br>{Answer}{/block:Answer}
- {block:Audio}{AudioPlayerWhite}<br>
- {block:Caption}{Caption}{/block:Caption} {/block:Audio}
- <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> +Reblog</a><a href="{ReblogParentURL}"> {TimeAgo}</a>{/block:Date}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<br><i>reblogged from</i> <a href="{ReblogParentURL}">{ReblogParentName}</a> - {/block:RebloggedFrom}{block:ContentSource} <i>originally from</i> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</center><p>
- <center>{block:HasTags}<u>filed under:</u>{block:Tags} # <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
- <br /></div>
- {/block:Posts}
- {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement