Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/uopakca/GVcnvdwbq/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:700,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:scrollbar" content="#dcdcdc"/>
- <meta name="color:scrollbarBg" content="#fafafa"/>
- <meta name="text:title" content="blog title here">
- <meta name="text:url link1" content="/">
- <meta name="text:url link2" content="/">
- <meta name="text:link1" content="refresh">
- <meta name="text:link2" content="inquire">
- <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Scrollbar};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:1px;
- background-color:{color:ScrollbarBg};
- }
- body {
- background:#000;
- margin:0px;
- color:#fff;
- font-family:times;
- line-height:100%;
- font-size:8pt;
- text-align:justify;
- background-image:url('');
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#264d00;
- font-family:arial;
- }
- #title{
- color:{color:text};
- padding:5px;
- letter-spacing:1px;
- margin-bottom:10px;
- font-family:'consolas';
- text-align:center;
- text-transform:uppercase;
- border:1px solid {color:borders};
- background-color:{color:sidebar background};
- }
- img {
- border:none;
- text-align:center;
- }
- small{font-size:7pt;}
- h1 {
- font-size:10px;
- color:{color:text};
- text-transform:uppercase;
- font-family:'consolas';
- background-color:{color:background};
- padding:10px;
- font-style:bold, italic;
- text-align:center;
- }
- blockquote {
- border-left:1px solid {color:borders};
- padding-left:5px;
- margin-left:10px;
- }
- /*CONTAINER*/
- #container {
- position:static;
- margin-top:10px;
- margin-left:-100px;
- margin-right:auto;
- margin-bottom:0px;
- width:420px;
- height:450px;
- overflow:auto;
- text-align:center;
- background:;
- -webkit-mask-image: -webkit-gradient(linear, left 22%, left bottom, from(rgba(12,12,12,1)), to(rgba(12,12,12,0)))
- }
- /*ENTRIES*/
- #entries {
- position: absolute;
- height:590px;
- width:300px;
- margin-left:450px;
- margin-top:25px;
- }
- #post {
- width: 250px;
- margin-left:10px;
- margin-top:10px;
- height: auto;
- background-color:;
- margin-bottom:20px;
- color: #fff;
- text-align:justify;
- opacity: ;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- -webkit-filter: grayscale(100%);
- z-index: -9999999999999999999999999px;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- b {
- color:#477c80;
- }
- #post:hover{
- -webkit-filter: grayscale(0%);
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /*SIDEBAR*/
- #description {
- background-color:{color:Description background};
- border:1px solid {color:borders};
- padding:10px;
- font-family:'consolas';
- overflow:auto;
- font-size:9px;
- margin-top:10px;
- line-height:12px;
- height:110px;
- color:{color:text};
- }
- #box{
- padding:10px;
- z-index:-9999;
- position:fixed;
- margin-top:105px;
- background:{color:sidebar background};
- font-size:10px;
- margin-left:60px;
- width:250px;
- height:300px;
- border:1px solid {color:borders};
- color:{color:text};
- font-family:'consolas';;
- }
- /*POST INFO*/
- #info {
- width:242px;
- text-align:center;
- font-family:'consolas';
- text-transform:uppercase;
- margin-left:0px;
- font-size:7px;
- margin-top:20px;
- margin-bottom:0px;
- font-style:none;
- padding:5px;
- line-height:10px;
- border-top:1px solid #000;
- background-color:;
- color:{color:Text};
- }
- #info a {
- text-align:center;
- font-family:'consolas';
- color:{color:Text};
- }
- /*SIDELINKS*/
- #link1 {
- border:1px solid {color:borders};
- background-color:{color:links background};
- width:58px;
- padding:7px;
- position:fixed;
- text-transform:uppercase;
- font-size:9x;
- text-align:center;
- line-height:8px;
- height:8px;
- overflow:auto;
- margin-top:-222px;
- margin-left:1px;
- font-family:'consolas';
- }
- #link2 {
- border:1px solid {color:borders};
- background-color:{color:links background};
- width:58px;
- padding:7px;
- position:fixed;
- text-transform:uppercase;
- font-size:9px;
- text-align:center;
- line-height:8px;
- height:8px;
- overflow:auto;
- margin-top:-222px;
- margin-left:90px;
- font-family:'consolas';
- }
- #link3 {
- border:1px solid {color:borders};
- background-color:{color:links background};
- width:58px;
- padding:7px;
- position:fixed;
- text-transform:uppercase;
- font-size:9px;
- text-align:center;
- line-height:8px;
- height:8px;
- overflow:auto;
- margin-top:-196px;
- margin-left:1px;
- font-family:'consolas';
- }
- #link4 {
- border:1px solid {color:borders};
- background-color:{color:links background};
- width:58px;
- padding:7px;
- position:fixed;
- text-transform:uppercase;
- font-size:9px;
- text-align:center;
- line-height:8px;
- height:8px;
- overflow:auto;
- margin-top:-196px;
- margin-left:90px;
- font-family:'consolas';
- }
- /*QUESTION*/
- #ask {
- color:{color:text};
- padding:15px;
- font-family:'consolas';
- font-size:10px;
- letter-spacing:0px;
- text-align:left;
- text-transform:lowercase;
- line-height:150%;
- border:4px double {color:borders};
- background-color:{color:Ask backg};
- }
- #ask a{
- font-weight:none;
- text-transform:lowercase;
- color:{color:text};
- }
- /*PAGINATION*/
- #pagination{
- background-color:;
- color:#fff;
- padding:4px;
- font-family:times;
- font-size:8pt;
- text-align:center;
- }
- #pagination a{
- color:#fff;
- background-color:transparent;
- font-family:times;
- font-size:8pt;
- letter-spacing:2px;
- }
- /*CREDIT*/
- #cred {
- position:fixed;
- text-transform:uppercase;
- font-size:13px;
- right:9px;
- bottom:9px;
- padding:5px;
- text-align:center;
- color:{color:links};
- text-shadow:1px 1px 0px {color:borders};
- background-color:{color:background};
- border:3px double {color:borders};
- box-shadow:2px 2px 0px {color:borders};
- letter-spacing:1px;
- }
- .popup_block{
- display:none;
- background:#fff;
- padding:20px;
- border:1px solid #eee; /* if you want a solid white pop-up, delete this */
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- box-shadow: 0px 0px 20px #000; /* delete for solid white */
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.5; /* change to opacity:1; */
- }
- #hoverbox {
- position:fixed;
- top:245px;
- left:770px;}
- #hovercontent {
- margin-top:-18px;
- width:150px;
- margin-left:20px;
- color:#fff;
- opacity:0;
- -WEBKIT-TRANSITION: ALL 0.7S EASE;
- -MOZ-TRANSITION: ALL 0.7S EASE;
- -O-TRANSITION: ALL 0.7S EASE;
- }
- #hoverbox:hover #hovercontent {
- opacity:1;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;}
- #hovertitle {
- line-height: 15px;
- letter-spacing:2px;
- font-weight:normal;
- font-family:times;
- font-size:12pt;
- color:#999;}
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
- padding:4px; /* space around the text */
- margin:5px 10px 5px 0px; /* positioning of your hover info in relation to the link */
- color:#fff; /* text color */
- border:1px solid #fff; /* optional border and border color */
- font-family: ‘Fjalla One’, sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
- font-size:10px; /* font size of your hover info */
- letter-spacing:2px; /* optional letter spacing */
- background:#000; /* change the background color of your hover info */
- z-index:99999;}
- {CustomCSS}</style></head><body>
- <div style="position:fixed;top:150px;left:150px;">
- <img src="http://static.tumblr.com/ugoh6sa/dNZo806uf/tjthemeback.jpg" style="width:1000px;">
- </div>
- <div id="hoverbox">
- <div id="hovertitle">▀</div>
- <div id="hovercontent">{DESCRIPTION}</div>
- </div>
- <div style="position:fixed;top:270px;left:770px;">
- <a style="font-family:times;font-size:12pt;color:#999;" href="/" title="home">▀</a>
- <br><br><a style="font-family:times;font-size:12pt;color:#999;" href="#?w=300" rel="box1" class="poplight" title="ask">▀</a>
- <br><br><a style="font-family:times;font-size:12pt;color:#999;" href="{text:url link1}" title="{text:link1}">▀</a>
- <br><br><a style="font-family:times;font-size:12pt;color:#999;" href="{text:url link2}" title="{text:link1}">▀</a>
- </div>
- <div id="entries">
- <div id="container">
- {block:Posts}
- <div id="post">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-400}{block:Caption}{Caption}
- {/block:Caption}{/block:Photoset}
- {block:Quote}<h2>"{Quote}"</h2>
- {block:Source}<div class="qsource"> —{Source}</div>
- {/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerGrey}</left></span>
- {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
- {/block:Audio}
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask">{Question} — <i><b>{Asker}</b></i></div>{Answer}{/block:Answer}
- <div id="info">
- <div id="permalink">
- <a href="{Permalink}">{Month} {MonthNumber} {Year} </a> / {NoteCount}</div>
- {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
- {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div></div>
- {/block:Posts}{/block:Posts}</div></div></div>
- </div>
- <div style="position:fixed;top:500px;left:500px;">
- <div id="pagination">{block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">backward</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">forward</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- </div>
- </ul>
- </div></div>
- <div style="position:fixed; top:680px; left:1100px; width:10px; height:10px;border:1px solid #999;padding:5px;">
- <a href="http://www.dovbleagent.tumblr.com" style="color:#999;">★</a>
- </div>
- <div id="box1" class="popup_block">
- <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/beyondrepaiir.tumblr.com/" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement