Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!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">
- <!-- FABLIAM THEME -->
- <head>
- <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}
- <!--Fonts-->
- <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <!--Colors-->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#aaaaaa"/>
- <meta name="color:Link" content="#717581"/>
- <meta name="color:sblinks" content="#cccccc"/>
- <meta name="color:linkhover" content="#f1f1f1"/>
- <meta name="color:border" content="#f1f1f1"/>
- <meta name="color:scrollbar" content="#f1f1f1"/>
- <meta name="color:titlecolor" content="#fffff">
- <meta name="color:titlebackground" content="#fffff">
- <!--Images-->
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Sidebar2" content=""/>
- <meta name="image:Sidebar3" content=""/>
- <!--Links-->
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:link1 hover text" content="" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:link2 hover text" content="" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="" />
- <meta name="text:link3 hover text" content="" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="" />
- <meta name="text:link4 hover text" content="" />
- <style type="text/css">
- #biter
- #bite a {display:block}
- #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- #bite:hover .death {margin-top:0px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
- div#sidebar2{
- position: fixed;
- top:65px;
- left:50px;
- background:;
- float:left;
- background-color: {color:Sidebar};
- width:200px;
- height:100%;
- padding-left:8px;
- padding-right:8px;
- padding-bottom:3px;
- padding-top:8px;
- }
- div#sidebar3{
- position: fixed;
- top:65px;
- left:50px;
- background:;
- float:left;
- background-color: {color:Sidebar};
- width:200px;
- height:100%;
- padding-left:8px;
- padding-right:8px;
- padding-bottom:3px;
- padding-top:8px;
- }
- /* --- SCROLLBAR ---*/
- ::-webkit-scrollbar {height: auto;width: 6px;}
- ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
- ::-webkit-scrollbar-track{background-color:white;}
- /* --- BODY ---*/
- body {
- background:{color:background};
- margin:0px;
- color:{color:text};
- font-family:consolas;
- font-size:10px;
- line-height:100%;
- }
- blockquote {
- border-left:1px solid #f8f8f8;
- padding-left:2px;
- margin:5px;
- }
- a {
- color:#b1b0b0;
- text-decoration:none;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- a:hover {
- text-decoration:none;
- color:#676767;
- }
- img {none;}
- h1 {
- font-family:consolas;
- font-size:11px;
- font-style:none;
- text-transform:uppercase;
- text-align:left;
- font-weight:normal;
- }
- h2 {
- font-size:11px;
- text-transform:none;
- font-weight:normal;
- }
- /* --- POSTS ---*/
- #entries {
- padding:10px;
- width:500px;
- margin-left:350px;
- margin-top:40px;
- }
- #post {
- width:500px;
- padding-top:10px;
- padding-bottom:10px;
- font-style:none;
- }
- #post img {
- }
- #notes {
- font-family:consolas;
- text-transform:uppercase;
- font-size:10px;
- }
- #info {
- text-align:left;
- padding:5px;
- margin-top:5px;
- margin-bottom:10px;
- text-transform: none;
- font-family:consolas;
- font-size:10px;
- margin-left:-5px;
- border-top:1px solid {color:border};
- }
- #info #tags {
- opacity:0;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- #info:hover #tags {
- opacity:1;
- margin-top:4px;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- #tags {
- font-family:consolas;
- letter-spacing:1px;
- text-transform:none;
- font-size:9px;
- margin-left:0px;
- margin-top:-2px;
- }
- /* --- AUDIO ---*/
- #audio {
- font-family:anaheim;
- margin-bottom:5px;
- width:500px;
- height:justify;
- }
- .cover {
- width:78px;
- height:78px;
- position:absolute;
- }
- .cover img {
- width:50px;
- height:50px;
- float:left;
- margin-top:10px;
- }
- .player {
- opacity: 0.05;
- position:absolute;
- z-index:1;
- background:#fff;
- width:90px;
- height:90px;
- display:block;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .player:hover{
- opacity:0.5;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;-o
- -transition: all 0.7s ease;
- }
- .player2 {
- width:25px;
- height:25px;
- margin-top:20px;
- margin-left:20px;
- overflow:hidden;
- padding:3px;
- padding-right:10px;
- }
- .track {
- text-transform:uppercase;
- margin-left:80px;
- line-height:15px;
- padding-top:10px;
- }
- /* --- SIDEBAR ---*/
- #sidebar {
- width:80px;
- height:800px;
- position:fixed;
- margin-left:220px;
- margin-top:-40px;
- opacity:1;
- border-right:1px solid {color:border};
- }
- #sidebar:hover {
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease
- }
- #sidebar img {
- width:80px;
- height:80px;
- margin-bottom:-155px;
- margin-top:165px;
- outline-offset:4px;
- border:1px solid {color:border};
- padding:6px;
- padding-left:6px;
- margin-left:-35px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease
- }
- #title {
- margin-top: -183px;
- margin-left:-25px;
- padding:6px;
- position: fixed ;
- z-index: 100;
- color: {color:titlecolor};
- background:{color:titlebackground};
- text-transform: lowercase;
- letter-spacing: 3px;
- font-family: consolas;
- font-style:italic;
- text-align:center;
- font-size: 10px;
- -webkit-transition: all 1s ease-in-out;
- }
- #links {
- width:120px;
- font-family:consolas;
- font-size:10px;
- opacity:1;
- text-align:center;
- padding-top:4px;
- letter-spacing:1px;
- text-transform:uppercase;
- padding-bottom:1px;
- margin-top:158px;
- margin-left:-47px;
- line-height:170%;
- color:{color:sblinks};
- }
- #links a:hover {
- color:{linkhover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- #description {
- width:90px;
- line-height:160%;
- font-family:consolas;
- padding:5px;
- font-size:10px;
- opacity: 0.8;
- text-align:center;
- margin-top:0px;
- margin-left:-36px;
- }
- #pagination {
- font-size:8px;
- text-align:center;
- color:{color:link};
- font-family:consolas;
- letter-spacing:2px;
- margin-left:-55px;
- margin-top:10px;
- }
- /* --- ASKS ---*/
- #asker {
- float:left;
- margin-right:5px;
- }
- #q {
- font-family:consolas;
- text-transform:lowercase;
- letter-spacing:1px;
- padding-bottom:3px;
- }
- #question {
- font-family:consolas;
- font-style:italic;
- font-size:10px;
- }
- #answer {
- font-family:consolas;
- text-transform:uppercase;
- font-size:10px;
- }
- {CustomCSS}
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 4px 5px 4px;
- margin:20px 0px 0px 20px;
- background-color:#fff; /* change the background color */
- border:1px solid #ddd; /* change the border color */
- font-family:calibri; /* change the font */
- font-size:9px; /* change the font size */
- letter-spacing:2px; /* change the letter spacing */
- text-transform:uppercase; /* can be uppercase, lowercase, none*/
- color:#999; /* change the text color */
- z-index:999999999999999999999999999999999999;
- }
- </style>
- </head>
- <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">
- <div id="bite">
- <div id="sidebarimage">
- <img src="{image:sidebar}">
- <img src="{image:sidebar2}">
- <img src="{image:sidebar3}"></div>
- <div id="title">{Title}</div>
- <div id="links">
- {block:ifLink1}<a title="{text:link1 hover text}"href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a title="{text:link2 hover text}"href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a title="{text:link3 hover text}"href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
- {block:ifLink4}<a title="{text:link4 hover text}"href="{text:Link4}">{text:Link4 Title}{/block:ifLink4}
- </div>
- <div class="death">
- <div id="description">{Description}</div>
- {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}</div>{/block:Pagination}
- </div>
- </div></div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/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}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="player">
- <div class="player2">
- {AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br>{Caption}</div>
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"></div><div id="q"><img src="{AskerPortraitURL-40}"/> {Asker} asked: {Question} {Answer}{/block:Answer}
- <div id="info"> posted <a href="{Permalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
- {block:ContentSource}(Source: <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}
- {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}<div id="tags" st>
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- <div style="font-family:consolas; font-size: 9px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:uppercase;"><a href="http://fabliam.tumblr.com">CREDIT</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement