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">
- <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}
- <!-- Code by ofjack -->
- <!-- DO NOT BREAK THE RULES OR I WILL HUNT YOU DOWN -->
- <head>
- <meta name="color:link" content="#E6E4E4">
- <meta name="color:linkshover" content="#2e2e2e">
- <meta name="color:hover" content="#454545">
- <meta name="color:infobg" content="#FCFCFC">
- <meta name="color:text" content="#9A9A9A">
- <meta name="color:tags" content="#EDEDED">
- <meta name="color:scrollbar" content="#D6D5D5">
- <meta name="color:border" content="#FAFAFA">
- <meta name="color:postborder" content="#E6E6E6">
- <meta name="image:sidebar" content=""/>
- <meta name="text:link1" content="">
- <meta name="text:link1 url" content="/">
- <meta name="text:link2" content="">
- <meta name="text:link2 url" content="/">
- <meta name="text:link3" content="">
- <meta name="text:link3 url" content="/">
- <meta name="text:link4" content="">
- <meta name="text:link4 url" content="/">
- <style type="text/css">
- #biter
- #biter a{
- display:block
- }
- #biter .deather {
- margin-left:0px;filter: alpha(opacity = 0);
- opacity:0;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #biter:hover .deather {
- margin-left:85px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);
- opacity:8;
- }
- a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
- a:hover {color:{color:hover};-webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;}
- ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:4px;}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
- body {background-color:{color:bg};font-family:Calibri;font-weight:normal;}
- h1 {font-weight:normal;font-size:12px;text-align:center;font-style:normal;line-height:80%;letter-spacing:3px;text-transform:uppercase;color:{color:text};}
- h2 {font-size:14px;font-style:bold;text-align:center;line-height:100%;letter-spacing:2px;color:{color:text};font-weight:normal;padding:5px;padding-bottom:2px;}
- blockquote {border-left:2px solid #e6e6e6;padding-left:5px;margin:5px;}
- #sidebar {;position:fixed;width:300px;height:auto;margin-top:260px;text-align:left;margin-left:150px;}
- #sidebar img {width:300px;height:auto;margin-bottom:10px;margin-top:0px;margin-left:-90px;background:#fff;}
- #sidebar img:hover{-webkit-filter:blur(1px);-webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;}
- #links {position:fixed;margin-top:-15px;margin-left:-90px;font-size:8px;width:300px;text-transform:lowercase;text-align:right;letter-spacing:0px;line-height:200%;margin-bottom:0px;font-family:'Trebuchet MS';border-top:5px solid #111;padding-top:5px;z-index:99999999999999;}
- #links a{color:#111;padding:0px;text-align:center;letter-spacing:2px;font-style:italic;margin-left:10px;}
- #links a:hover{opacity:8; border-bottom:2px solid #111;-webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);}
- #description {margin-top:-140px;margin-left:-85px;width:80px;height:auto;text-align:justify;font-size:8px;color:#fff;line-height:100%;font-family:'cambria';letter-spacing:1px;padding:20px;background:#111;position:fixed;border-radius:200px;}
- .pagination{letter-spacing:1px;font-size:8px;z-index:9999;text-align:left;margin-top:430px;margin-left:60px;position:fixed;width:100px;font-family:cambria;}
- .pagination a{color:#cac9c9;text-transform:lowercase;font-style:italic;}
- .pagination a:hover{color:#111;}
- #stuffcontainer {float:left;margin-left:400px;margin-top:30px;text-align:justify;background-color:#fff;color:{color:text};margin-bottom:35px;}
- #stuff {width:500px;margin-top:35px;text-align:justify;font-size:11px;line-height:90%;letter-spacing:0x;color:{color:text};padding:10px;}
- .caption {width:500px;text-align:center;line-height:120%;}
- .ask {padding:5px;font-style:normal;margin-top:5px;text-align:;left;margin-bottom:10px;color:{color:text};border-bottom:1px solid {color:border};}
- .ask img {width:24px;margin-top:0px;padding:2px;background-color:white;border:1px solid {color:border};}
- .answer {text-align:left;padding:0px;color:{color:text};}
- .audio {width:500px;padding-bottom:5px;background-color:white;}
- .albumart {float:left;padding:0px 10px 10px 0px;}
- .albumart img {width:40px;height:40px;}
- .playercontainer {text-align:left;padding:10px;background-color:transparent;width:480px;}
- .audioinfo {padding:10px;color:{color:text};}
- #postinfo {width:500px;padding-top:5px;font-size:8px;text-transform:uppercase;font-style:normal;letter-spacing:2px;text-align:left;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;margin-top:0px;color:#111;}
- #postinfo a {color:#111;text-align:center;letter-spacing:1px;font-style:normal;padding:0px;}
- #postinfo a:hover {color:#fff;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
- .note {text-transform:uppercase;font-style:normal;letter-spacing:0px;font-size: 9px;text-align:left;line-height:90%;margin-left:-40px;}
- .note li {list-style-type:none;border-bottom:1px solid {color:border};padding:10px 25px 10px 25px;text-align:left;margin:0px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
- .tags {font-style:normal;width:500px;text-transform:uppercase;font-style:normal;color:#111;letter-spacing:2px;line-height:120%;font-size:6px;text-align:left;padding-top:3px;text-align:left;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
- .tags a {color:#111;letter-spacing:1px;padding:1px;}
- .tags a:hover {color:{color:linkshover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
- ul.chat, .chat ol, .chat li {list-style:none;margin:0px;padding:2px;}
- .label {text-decoration:none;font-weight:700;background-color:{color:infobg};margin-right:5px;}
- #s-m-t-tooltip {max-width:300px;padding:3px;margin:20px 0px 0px 20px;background-color:#111;font-family:calibri;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#fff;z-index:999999999999999999999999999999999999;}
- #cred {
- position:fixed;
- font-size:8px;
- font-family:calibri;
- letter-spacing:1px;
- right:10px;
- bottom:10px;
- text-transform:uppercase;
- text-align:center;
- border:1px solid #c9c9c9;
- padding:5px;
- background-color:#fafafa;
- }
- #cred a {
- padding:0px;
- color:{color:link};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- {CustomCSS}</style></head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
- </script>
- <body>
- <div id="biter">
- <div id="sidebar">
- <img src="{image:sidebar}">
- <div id="links">
- {block:IfLink1}
- <a href="{text:link1 url}">{text:link1}</a>
- {/block:IfLink1}
- {block:IfLink2}
- <a href="{text:link2 url}">{text:link2}</a>
- {/block:IfLink2}
- {block:IfLink3}
- <a href="{text:link3 url}">{text:link3}</a>
- {/block:IfLink3}
- {block:IfLink4}
- <a href="{text:link4 url}">{text:link4}</a>
- {/block:IfLink4}
- </div>
- <div class="deather">
- <div id="description">{Description}</div></div></div>
- <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">- next</a>{/block:NextPage}{/block:Pagination}</div>
- </div></div>
- <div id="stuffcontainer">
- {block:Posts}
- <div id="stuff">
- {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
- {block:Quote}<h2>β{Quote}β</h2><h1>{Source}</h1>{/block:Quote}
- {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
- {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div class="ask"><img src="{AskerPortraitURL-24}" width="24"> <i>{Asker}</i> said: <br><b>{Question}</b></div><div class="answer">{Answer}</div>{/block:answer}
- {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
- <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
- <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
- {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
- {block:Date}<div id="postinfo"> <a title="{DayOfMonth} {Month}" href="{Permalink}">{DayOfMonth} {Month}</a> // <a style="color:#FF5EAA;">β₯</a> <a href="{Permalink}"> {NoteCountWithLabel}</a> {/block:Date}
- <div style="float:right">
- {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
- {block:ContentSource} : <a href="{SourceURL}">Source</a> {/block:ContentSource}</div></div>
- {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a>{/block:Tags}</div>{/block:HasTags}
- <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
- {/block:Posts}
- </div>
- <div id="cred">
- <a href="http://ofjack.tumblr.com">OFJACK</a>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement