Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <script type="text/javascript"
- src="http://tumblrenchantment.googlecode.com/files/QuickLikeAndReblog.js">
- </script>
- <style>
- .my-like {
- background-image: url(http://th774.photobucket.com/albums/yy22/nbpixel/mini_pixel/th_Heart_lai3elle_14.gif) !important;
- height:13px;
- width:13px;
- position:relative;
- left:360px;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- .my-liked, .my-like:hover {
- background-image: url(http://th774.photobucket.com/albums/yy22/nbpixel/mini_pixel/th_Heart_lai3elle_2.gif) !important;
- height:13px;
- width:13px;
- position:relative;
- left:360px;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- </style>
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLike = event.target;
- if( myLike.className.indexOf( 'my-like' ) > -1 ) {
- var frame = document.getElementById( 'my-like-frame' ),
- liked = ( myLike.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLike.getAttribute( 'data-reblog' ),
- id = myLike.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 );
- frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
- liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
- };
- }, false );
- };
- </script>
- <link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy' rel='stylesheet' type='text/css'>
- <!-- start of 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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- end of script tooltip -->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></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"><img src="http://cdn1.theinertia.com/wp-content/themes/theinertia/images/close_button.png" class="btn_close" title="Close" alt="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>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:Background" content="#ffffff">
- <meta name="color:Post BG" content="#fff">
- <meta name="color:Text" content="#000000">
- <meta name="color:Link" content="#999999">
- <meta name="color:Link Hover" content="#000000">
- <meta name="color:Border" content="#eee">
- <meta name="color:sidebarimgborder" content=""/>
- <meta name="color:sidebar2bg" content=""/>
- <meta name="color:sidebar2" content="#eee">
- <meta name="color:sidebar3" content="#eee">
- <meta name="color:sbarlinksbg" content=""/>
- <meta name="color:sbarlinksborder" content=""/>
- <meta name="color:pagibg" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:sidebar2" content=""/>
- <meta name="image:sidebar3" content=""/>
- <meta name="image:sidebar4" content=""/>
- <meta name="image:sidebar5" content=""/>
- <meta name="image:sidebar6" content =""/>
- <meta name="text:Link 1" content="link one">
- <meta name="text:Link 1 URL" content="">
- <meta name="text:Link 2" content="link two">
- <meta name="text:Link 2 URL" content="">
- <meta name="text:Link 3" content="link three">
- <meta name="text:Link 3 URL" content="">
- <meta name="text:Link 4" content="link four">
- <meta name="text:Link 4 URL" content="">
- <meta name="text:Link 5" content="link five">
- <meta name="text:Link 5 URL" content="">
- <meta name="text:hovertitle1" content="">
- <meta name="text:hovertitle2" content="">
- <meta name="text:hovertitle3" content="">
- <meta name="text:hovertitle4" content="">
- <meta name="text:hovertitle5" content="">
- <meta name="text:updates" content="">
- <meta name="text:links" content="">
- <meta name="text:projects" content="">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <style type="text/css">
- img{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
- .html_photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all .25s;
- ...
- }
- .html_photoset:hover {
- -webkit-filter: grayscale(0);
- }
- img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
- ::-webkit-scrollbar {
- width:5px;
- height:5px;
- background: {color:Background};}
- ::-webkit-scrollbar-thumb {background:{color:Text};}
- body {
- margin:0px;
- background:{color:Background} url(http://www.graphicpanic.com/images/silver-powerpoint-background.jpg);
- background-attachment:fixed;
- background-repeat:no-repeat;
- background-position:top left;
- font-family: 'Sorts Mill Goudy', serif;
- font-size:11px;
- line-height:140%;
- color: {color:Text};
- /** this makes the background image fullscreen \o/ **/
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- a{
- color:{color:link};
- -webkit-transition: 0.6s ease;transition: 0.6s ease;
- -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
- }
- a:hover{
- color:{color:link hover};
- -webkit-transition: 0.6s ease;transition: 0.6s ease;
- -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
- }
- .post a{
- color:{color:Link};
- text-decoration:none;
- font-weight:normal;
- }
- .post a:hover{
- color:{color:Link Hover};
- text-decoration:none;
- }
- #sidebar{
- margin-top:0px;
- margin-left:1150px;
- text-align:center;
- background:color:transparent;
- width:200px;
- height:1000px;
- padding:10px;
- position:fixed;
- }
- #sidebar2{
- margin-top:-10px;
- margin-left:1150px;
- text-align:center;
- background:{color:sidebar2bg};
- width:200px;
- height:1000px;
- padding:10px;
- position:fixed;
- border:5px solid {color:border};
- opacity:0.5;
- }
- #sidebar2img{
- margin-top:10px;
- }
- #sidebar2img img{
- max-width:150px;
- border:3px solid {color:sidebarimgborder};
- }
- #sidebar2img3{
- margin-top:25px;
- }
- #sidebar2img3 img{
- max-width:150px;
- border:3px solid {color:sidebarimgborder};
- }
- #sidebar2img4{
- margin-top:25px;
- }
- #sidebar2img4 img{
- max-width:150px;
- border:3px solid {color:sidebarimgborder};
- }
- #sidebar2img5{
- margin-top:25px;
- margin-bottom:5px;
- }
- #sidebar2img5 img{
- max-width:150px;
- border:3px solid {color:sidebarimgborder};
- }
- #sidebar2img2{
- margin-top:25px;
- }
- #sidebar2img2 img{
- max-width:150px;
- border:3px solid {color:sidebarimgborder};
- }
- #sidebar3{
- margin-top:-10px;
- margin-left:-10px;
- text-align:center;
- background:url("http://imageshack.com/a/img811/3572/tp0b.jpg");
- width:500px;
- height:1000px;
- padding:10px;
- position:fixed;
- border:5px solid {color:border};
- }
- #sbarlinks {
- margin-top:-55px;
- margin-left:-13px;
- background:url(http://www.graphicpanic.com/images/silver-powerpoint-background.jpg);
- border:3px solid {color:border};
- width:210px;
- padding:6px 5px;
- }
- #sbarlinks a {
- margin:3px 10px -3px 10px;
- height:13px;
- padding:0;
- line-height:13px;
- display:inline-block;
- text-align:center;
- width:15px;
- background:{color:sbarlinksbg};
- border: 1px solid {color:sbarlinksborder};
- }
- #sidebar4{
- margin-top:100px;
- margin-left:140px;
- text-align:center;
- background:url(http://www.graphicpanic.com/images/silver-powerpoint-background.jpg);
- opacity:0.8;
- width:200px;
- height:400px;
- padding:10px;
- position:fixed;
- border:3px solid {color:border};
- }
- #sidebar3img{
- margin-top:20px;
- margin-bottom:5px;
- }
- #sidebar3img img{
- max-width:180px;
- border:3px solid {color:border};
- }
- #sidebar5{
- margin-top:525px;
- margin-left:110px;
- text-align:center;
- background:color:transparent;
- width:100px;
- height:100px;
- padding:10px;
- position:fixed;
- opacity:0.8;
- }
- #description{
- margin:20px 0;
- width:150px;
- text-align:justify;
- }
- #description a{
- color:{color:Link};
- text-decoration:none;
- }
- #description a:hover{
- color:{color:Link Hover};
- }
- .nav{
- margin:0;
- font-size:10px;
- font-style:italic;
- width:54px;
- text-align:center;
- }
- .nav a{
- text-decoration:none;
- padding:0 3px;
- }
- #content{
- width:440px;
- padding:0px;
- margin-top:5px;
- margin-left:630px;
- overflow:hidden;
- }
- .post{
- width:400px;
- padding:10px;
- margin:5px 0 0px 0;
- overflow:hidden;
- text-align:justify;
- border:0px solid {color:border};
- background:{color:post bg};
- }
- .post img{
- max-width:100%;
- }
- .posttitle{
- font-weight:normal;
- font-size:16px;
- line-height:22px;
- text-decoration:none;
- margin:3px 0 -3px 0;
- }
- .posttitle a{
- text-decoration:none;
- }
- .quote{
- font-weight:normal;
- font-size:16px;
- font-style:italic;
- line-height:22px;
- text-decoration:none;
- }
- .quotesource{
- text-align:right;
- }
- .question{
- padding-bottom:10px;
- margin:0;
- border-bottom:1px solid {color:Border};
- }
- .caption{
- margin:0;
- }
- blockquote{
- margin:0 0 0 15px;
- padding:0 0 0 10px;
- margin-left:5px;
- border-left:solid 1px {color:Border};
- }
- .post .footer{
- margin-top:30px;
- margin-left:1px;
- font-size:10px;
- line-height:20px;
- text-align:center;
- background: 10px {color:background};
- }
- .perma{
- margin-bottom:5px;
- }
- .tags {
- position:inherit;
- margin-top:0px;
- margin-left:0px;
- width: 400px;
- height:auto;
- padding-top:0px;
- padding-bottom:0px;
- text-align:left;
- opacity:0;
- -webkit-transition: all .8s linear;
- }
- .post:hover .tags{
- opacity:1;
- -webkit-transition: all .8s linear;
- }
- .tags a{
- color:{color:links};
- letter-spacing:0px;
- font-size:8px;
- }
- ol.notes li.note img {
- width:10px;
- height:10px;
- }
- ol.notes{
- list-style-type:none;
- padding:2px 10px 2px 10px;
- font-size:10px;
- }
- div.button a{
- position:inherit;
- margin-left:20px;
- margin-top:0px;
- display: table;
- color: #787878;
- background-color:{color:background};
- height:15px;
- width:210px;
- opacity:0.9;
- padding-left:5px;
- padding-right:5px;
- padding-top:2px;
- border-right:5px solid {color:border};
- }
- div.button a:hover{
- width:130px;
- text-align:right;
- border-right:70px solid {color:border};
- padding-right:2px;
- color: {color:text};
- background-color:{color:background};
- -webkit-transition: 1.5s
- }
- #pagi{
- margin-left:-10px;
- margin-top:-10px;
- }
- .pagi{
- display:block;
- font-size:10px;
- font-style:;
- width:220px;
- text-align:center;
- background:{color:pagibg};
- padding:1px 1px;
- }
- .pagi a{
- margin-left:10px;
- margin-right:10px;
- text-decoration:none;
- padding:1px 1px;
- }
- #fade {
- display:none;
- background:#000;
- position:fixed;
- left:0; top:0;
- width:100%;
- height:100%;
- opacity:.50;
- z-index:9999; }
- .popup_block {
- display:none;
- opacity:.90;
- background:{color:background};
- padding:10px;
- border:5px solid {color:border};
- float:left;
- font-size:10;
- position:fixed;
- top:50%; left:60%;
- z-index:99999;
- -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000;
- }
- img.btn_close {
- float:right;
- margin:3px 3px 0px 0px; }
- *html #fade { position:absolute; }
- *html .popup_block { position:absolute; }
- /*** start of the bubble tab ***/
- #tabs{
- color: {color:text};
- background: color:transparent;
- position:fixed;
- left:0px;
- text-align: center;
- top:0px;
- padding: 7px;
- bottom: 0px;
- height:100px;
- width: 100px;
- overflow:hidden;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- z-index:999999999;
- }
- #tabs:hover{
- text-align: center;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- padding:5px;
- height:800px;
- width:120px;
- z-index:999999999;
- background:{color:background};
- opacity:.80;
- }
- .ttitle {
- background: {color:text};
- padding: 5px;
- font-size: 12px;
- }
- #s-m-t-tooltip {
- max-width:500px; /* maximum width */
- background-color:{color:background}; /* color background */
- border:1px solid {color:border}; /* color, shape and thickness of the border */
- font-family:’tahoma’; /* font of lyrics */
- font-size:9px; /* font size */
- {color:text}; /* font color */
- letter-spacing:1px; /* font spacing */
- text-transform:lowercase; /* uppercase, lowercase, none */
- padding:2px 4px 2px 4px; /* padding size */
- margin:20px 0px 0px 20px; /* margin size */
- z-index: inherit;
- border-radius: 2px; /* border radius */
- }
- {CustomCSS}
- </style>
- </head>
- <body class="{block:IndexPage}index{/block:IndexPage} {block:PermalinkPage}permalink{/block:PermalinkPage}">
- <!-- bubble tab -->
- <div class="wrapper">
- <div id="tabs">
- <b><div style="font-size: 32px;"><img src="http://imageshack.com/a/img17/4816/sfuh.png"></div></b><br><p>
- <div style="background: #ccc;padding: 5px;font-size: 12px;"><b>Updates</b></div><p>
- {text:updates}
- </p>
- <div style="background: #ccc; padding: 5px;font-size: 12px;"><b>Links</b></div><p>
- {text:links}</p>
- <div style="background: #ccc;padding: 5px;font-size: 12px;"><b>Projects </b></div><p>
- {text:projects}<br><br>
- </p>
- <br>
- <br>
- <br>
- <br>
- <img src="http://media.tumblr.com/881f9a7eecd40b519ea96772031e2583/tumblr_inline_mowqpfRjcf1qz4rgp.png">
- </div>
- <!-- bubble tab -->
- <div id="sidebar3">
- </div>
- <div id="sidebar2"></div>
- <div id="sidebar">
- <div id="sidebar2img"><img src="{image:sidebar2}"></div>
- <div id="sidebar2img2"><img src="{image:sidebar3}"></div>
- <div id="sidebar2img3"><img src="{image:sidebar4}"></div>
- <div id="sidebar2img4"><img src="{image:sidebar5}"></div>
- <div id="sidebar2img5"><img src="{image:sidebar6}"></div>
- </div>
- <div id="sidebar5">
- <div class="button">
- {block:ifLink1}
- <a href="{text:Link 1 URL}" title="{text:hovertitle1}">{text:Link 1}</a>
- {/block:ifLink1}{block:ifLink2}
- <a href="{text:Link 2 URL}" title="{text:hovertitle2}">{text:Link 2}</a>
- {/block:ifLink2}{block:ifLink3}
- <a href="{text:Link 3 URL}" title="{text:hovertitle3}">{text:Link 3}</a>
- {/block:ifLink3}{block:ifLink4}
- <a href="{text:Link 4 URL}" title="{text:hovertitle4}">{text:Link 4}</a>
- {/block:ifLink4}
- {block:ifLink5}
- <a href="{text:Link 5 URL}" title="{text:hovertitle5}">{text:Link 5}</a>
- {/block:ifLink5}
- </div>
- </div>
- <div id="sidebar4">
- <div id="sbarlinks">
- <div class="sbarlinks"></div>
- <center><A title="Home" HREF="/"style="text-decoration:none"> I</A>
- <a title="Ask" href="#?w=500" rel="02" class="poplight" style="text-decoration:none">II</A>
- <A title="Tags" HREF="http://{Name}.tumblr.com/tags" style="text-decoration:none">III</A>
- <A title="Archives" HREF="http://{Name}.tumblr.com/archive"style="text-decoration:none">IV </A>
- <A title="Random" HREF="http://{Name}.tumblr.com/random"style="text-decoration:none">V </A></center>
- </div>
- <div id="sidebar3img"><img src="{image:sidebar}"></div>
- <center> {block:Description}
- <div id="description">{Description}</div>
- {/block:Description} </center>
- <div id="pagi">
- <div class="pagi">
- {block:Pagination}{block:PreviousPage}
- <a href="{PreviousPage}"><</a>
- {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
- <span class="current_page"> {PageNumber} </span>
- {/block:CurrentPage}{block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
- <a href="{NextPage}">></a>
- {/block:NextPage}{/block:Pagination}
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="posttitle">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}<div class="caption">{Caption}</div>{/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}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="posttitle">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- {Video-400}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="cover">{block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}</div>
- {AudioPlayerWhite}
- <i>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist} ({block:Album}{Album}{/block:Album})</i>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="question"><i>{Asker} asked:</i> {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- <div class="footer">
- <div class=perma>
- <a href="{Permalink}">{block:Date} {DayOfMonthWithZero} / {MonthNumberWithZero} / {ShortYear} - {/block:Date}{block:NoteCount} {NoteCount} {/block:NoteCount}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}">via {ReblogParentName} </a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">src {SourceTitle}</a>{/block:ContentSource}</div>
- </div>
- <div class="tags"><div align="center">{block:HasTags}
- {block:Tags}<a href="{TagURL}" title="{Tag}">#{Tag} </a> {/block:Tags}{/block:HasTags}</div>
- <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"><img src="http://static.tumblr.com/nfj2p6f/rnCma8u6y/dashboard_controls_radar_button_reblog.png"></a>
- <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- <!-- add Javascript file here -->
- <!--<script src=""></script>-->
- </body>
- <div id="02" class="popup_block">
- <center>
- <iframe frameborder="0" scrolling="yes" width="100%" height="200" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
- </center></div></div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement