Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--THEME #01 BY FELINUM
- Please don't:
- -steal the code;
- -claim it as your own;
- -redistribute it.
- Thank you.
- -->
- <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 http-equiv="x-dns-prefetch-control" content="off"/>
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <!--CURSOR CODE HERE-->
- <style> body, a, a:hover{cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), auto}</style>
- <!--END CURSOR CODE-->
- <meta name="image:Background Image" content=""/>
- <meta name="image:Sidebar Image" content=""/>
- <meta name="image:Bottom Bar Image" content=""/>
- <meta name="color:Background" content="#edeff3"/>
- <meta name="color:Text" content="#595959"/>
- <meta name="color:Link" content="#000"/>
- <meta name="color:Link Hover" content="#fff"/>
- <meta name="color:Italic" content="#b8b8b8"/>
- <meta name="color:Bold" content="#494949"/>
- <meta name="color:Title Bar" content="#222"/>
- <meta name="color:Title" content="#fff"/>
- <meta name="color:Title Hover" content="#e0004f"/>
- <meta name="color:NavBar Bg" content="#000"/>
- <meta name="color:Nav Links" content="#fff"/>
- <meta name="color:Nav Links Hover" content="#808080"/>
- <meta name="color:Nav Links Border" content="#E0004F"/>
- <meta name="color:Posts Bg" content="#edeff3"/>
- <meta name="color:Posts Border" content="#fff"/>
- <meta name="color:Sidebar Bg" content="#edeff3"/>
- <meta name="color:Sidebar Text" content="#c6c6c6"/>
- <meta name="color:Sidebar Borders" content="#fff"/>
- <meta name="color:Pagination Hover" content="#fff"/>
- <meta name="color:Pagination" content="#000"/>
- <meta name="color:PostInfo Bg" content="#000"/>
- <meta name="color:PostInfo Links" content="#fff"/>
- <meta name="color:PostInfo Links Hover" content="#000"/>
- <meta name="color:Blockquote" content="#595959"/>
- <meta name="color:Quote Text" content="#b8b8b8"/>
- <meta name="color:Chat1" content="#a8a8a8"/>
- <meta name="color:Chat2" content="#e80247"/>
- <meta name="color:Question Text" content="#fff"/>
- <meta name="color:Question Bg" content="#000"/>
- <meta name="color:Answer Text" content="#000"/>
- <meta name="color:Asker Link" content="#fff"/>
- <meta name="color:Asker Link Hover" content="#f00050"/>
- <meta name="color:Post Title" content="#fff"/>
- <meta name="color:Post Title Background" content="#000"/>
- <meta name="color:Link Title" content="#e0004f"/>
- <meta name="color:Link Title Hover" content="#000"/>
- <meta name="color:Link Title Bg" content="#000"/>
- <meta name="color:Track Details Text" content="#9a9a9a"/>
- <meta name="color:BottomBar Description" content="#fff"/>
- <meta name="color:BottomBar Description Links" content="#fff"/>
- <meta name="color:BottomBar Description Links Hover" content="#e0004f"/>
- <meta name="color:ScrollBar Bg" content="#000"/>
- <meta name="color:ScrollBar" content="#e0004f"/>
- <meta name="color:Tooltip Text" content="#fff"/>
- <meta name="color:Tooltip Bg" content="#000"/>
- <meta name="text:Sidebar Text" content=""/>
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1 title" content="Link 1" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2 title" content="Link 2" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3 title" content="Link 3" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4 title" content="Link 4" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 5 title" content="Link 5" />
- <meta name="text:Link 6 URL" content="" />
- <meta name="text:Link 6 title" content="Link 6" />
- <meta name="text:Link 7 URL" content="" />
- <meta name="text:Link 7 title" content="Link 7" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:ScrollBar Bg};
- }
- ::-webkit-scrollbar {
- height:4px;
- width:3px;
- padding-right:2px;
- background-color:{color:ScrollBar};
- }
- body {
- font-size:10px;
- font-family:calibri, arial, sans-serif;
- color:{color:Text};
- background:{color:Background} url('{image:Background Image}') no-repeat fixed center;
- }
- a:link, a:visited, a:active {
- color:{color:Link};
- background-color:transparent;
- text-decoration:none;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;
- }
- a:hover {
- color:{color:Link Hover};
- text-decoration:none;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- transition-duration: 0.7s;
- }
- i, em {color:{color:Italic};}
- b, strong {color:{color:Bold};}
- #titlebar {
- width:100%;
- height:15px;
- padding:10px 0px;
- text-align:center;
- background-color:{color:Title Bar};
- z-index:100;
- position:fixed;
- top:0px;
- left:0px;
- }
- #title {margin-top:0px;}
- #title a {
- color:{color:Title};
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:9px;
- padding-top:-5px;
- font-family:calibri, arial, sans-serif;
- background-color:transparent;
- }
- #title a:hover {
- color:{color:Title Hover};
- font-style:italic;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #navbar {
- font-family:calibri, arial, sans-serif;
- width:100%;
- height:90px;
- background-color:{color:NavBar Bg};
- position:fixed;
- text-align:center;
- z-index:9;
- top:0px;
- left:0px;
- }
- #navlinks1 {
- display:inline-block;
- margin-top:40px;
- }
- #navlinks1 a {
- color:{color:Nav Links};
- text-transform:uppercase;
- border-bottom:0px solid transparent;
- margin:4px 0px;
- padding:2px 12px;
- }
- #navlinks1 a:hover {
- color:{color:Nav Links Hover};
- border-bottom:1px solid {color:Nav Links Border};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #navlinks2 {
- display:inline-block;
- margin-top:55px;
- padding-left:20px;
- }
- #navlinks2 a {
- color:{color:Nav Links};
- font-style:italic;
- text-transform:lowercase;
- border-bottom:0px solid transparent;
- margin:4px 0px;
- padding:2px 12px;
- }
- #navlinks2 a:hover {
- color: {color:Nav Links Hover};
- border-bottom:1px solid {color:Nav Links Border};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- #bigc {
- width:665px;
- margin:auto;
- margin-top:150px;
- padding-left:165px;
- }
- #postcontainer {width:665px;}
- .posts {
- width:500px;
- margin-left:0px;
- margin-bottom:110px;
- background-color:{color:Posts Bg};
- border:1px solid {color:Posts Border};
- position:relative;
- padding-bottom:0px;
- }
- .posts img {padding-left:0px;}
- .posts h3 {
- padding:20px;
- background-color:{color:Link Title Bg};
- text-align:justify;
- font-size:13px;
- margin-top:0px;
- text-transform:lowercase;
- letter-spacing:0px;
- }
- .posts h3 a {
- font-family:arial;
- color:{color:Link Title};
- }
- .posts h3 a:hover {color:{color:Link Title Hover};}
- .posts blockquote {
- border-left:1px solid {color:Blockquote};
- padding-left:10px;
- margin-left:20px;
- }
- .posts img, .posts li, .posts blockquote {max-width:100%;}
- .quest {
- padding:20px;
- min-height:40px;
- font-size:10px;
- text-align:center;
- font-style:italic;
- color:{color:Question Text};
- background-color:{color:Question Bg};
- }
- .ima {text-align:center;}
- .qtext {vertical-align:middle;}
- .qtext a {color:{color:Asker Link};}
- .qtext a:hover {color:{color:Asker Link Hover};}
- .answer {
- color:{color:Answer Text};
- text-align:center;
- font-style:italic;
- padding:10px 10px;
- }
- .answer blockquote {border:none;}
- .quote {
- text-align:center;
- color:{color:Quote Text};
- font-size:15px;
- padding:20px;
- font-style:italic;
- font-family:calibri,arial;
- }
- .source {
- text-align:center;
- font-size:12px;
- font-style:italic;
- padding-top:13px;
- }
- .posts h1 {
- font-size:12px;
- font-family:calibri;
- color:{color:Post Title};
- text-align:center;
- background-color:{color:Post Title Background};
- margin-top:0px;
- text-transform:lowercase;
- line-height:20px;
- }
- .convo li {
- list-style:none;
- padding-top:20px;
- padding-bottom:20px;
- padding:0px;
- }
- .convo .label {text-transform:uppercase;}
- .line_odd .label {color:{color:Chat2};}
- .line_even .label {color:{color:Chat1};}
- .caption {
- margin-top:-5px;
- padding-left:20px;
- }
- .posts h3 {
- padding:15px;
- background-color:{color:Link Title Bg};
- text-align:center;
- font-size:14px;
- margin-top:0px;
- text-transform:lowercase;
- letter-spacing:0px;
- }
- .posts h3 a {
- font-family:calibri,arial;
- color:{color:Link Title};
- }
- .posts h3 a:hover {color:{color:Link Title Hover};}
- .text {
- padding:0px 20px 5px 20px;
- text-align:justify;
- border:none;
- }
- .postinfo {
- position:absolute;
- top:0px;
- width:90px;
- margin-left:515px;
- height:auto;
- opacity:0;
- padding:10px 10px 10px 10px;
- background-color:{color:PostInfo Bg};
- font-style:italic;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .posts:hover .postinfo {
- font-style:italic;
- opacity:1;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .postinfob a {
- color:{color:PostInfo Links};
- line-height:15px;
- text-align:left;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .postinfob a:hover {
- color:{color:PostInfo Links Hover};
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:5px 5px 5px 6px;
- margin:20px 0px 0px 20px;
- background-color:{color:Tooltip Bg};
- color:{color:Tooltip Text};
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- z-index:999999999999999999999999999999999999;
- }
- .playerbuttonbg {
- position:absolute;
- left:30px;
- top:30px;
- width:19px;
- height:19px;
- background-color:#000;
- padding:10px;
- opacity:0.8;
- filter: alpha(opacity=40);
- -moz-opacity:0.4;
- -khtml-opacity:0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity:1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position:relative;
- width:19px;
- height:19px;
- overflow:hidden;
- }
- .playerbuttonhug {
- position:absolute;
- top:-20px;
- left:-5px;
- }
- .tumblr_audio_player {
- height:100px;
- width:270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position:absolute;
- left:0px;
- top:0px;
- overflow:hidden;
- width:100px;
- height:100px;
- }
- .audioimgwrapper img {
- width:100%;
- height:100px;
- max-height:100px;
- }
- .trackdetails {
- width: auto;
- font-size:10px;
- font-weight:bold;
- font-family:calibri;
- display: inline-block;
- margin-left: 140px;
- padding: 10px 10px 10px 10px;
- line-height: 20px;
- color:{color:Track Details Text};
- border:1px solid {color:Posts Border};
- }
- .audiowrapper {
- position: relative;
- display: inline-block;
- width:500px;
- }
- /*THE "HOVER" BOTTOM BAR CSS
- ----I DON'T RECOMMEND TOUCHING ANYTHING HERE---
- */
- .bbcontainer {
- width:500px;
- height:170px;
- padding:10px 0px;
- text-align:center;
- background-color: rgba(0,0,0,0.4); /*the default background color of the bottom bar is black, you can change it by going at http://www.rapidtables.com/web/color/RGB_Color.htm, picking the color you want and replacing the r,g,b values in the code; note that "0.4" means the amount of opacity*/
- z-index:999;
- position:fixed;
- bottom:-155px;
- left:50%;
- margin-left:-249px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .bbcontainer:hover {
- width:500px;
- height:170px;
- position:fixed;
- bottom:0px;
- opacity:1;
- left:50%;
- margin-left:-249px;
- padding:10px 0px;
- text-align:center;
- background-color: rgba(0,0,0,0.5); /*same thing here*/
- z-index:99999999999999999999;
- display:block;
- transition-duration: 1.2s;
- -moz-transition-duration: 1.2s;
- -webkit-transition-duration: 1.2s;
- -o-transition-duration: 1.2s;
- }
- .hovertext {
- width:100;
- height:10px;
- text-align:center;
- background-color:transparent;
- bottom:0;
- margin-bottom: 12px;
- position: fixed;
- text-transform: uppercase;
- color:white;
- font-size:11px;
- text-shadow:1px 1px 1px black;
- display:inline-block;
- padding:0px 0px;
- z-index:10;
- opacity:0.8;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- .bbcontainer:hover .hovertext {
- display:none;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .bbcontent {
- display:none;
- width:370px;
- height:150px;
- background-color:transparent;
- text-align:center;
- margin-left:0px;
- margin-top:25px;
- transition-duration: 0.8s;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- .bbcontainer:hover .bbcontent {
- position:relative;
- display:inline-block;
- opacity:1;
- }
- .bbimg {
- float:left;
- border:1px solid transparent;
- width:150px;
- height:auto;
- margin-left:0px;
- position:relative;
- display:inline-block;
- margin-top:0px;
- }
- .bbimg img {
- max-width:150px;
- max-height:130px;
- }
- .bbtextcontainer {
- float:right;
- width:210px;
- height:100px;
- position:relative;
- border:1px solid transparent;
- margin-top:0px;
- display:inline-block;
- opacity:1;
- }
- .bbtext {
- font-size:10px;
- color:{color:BottomBar Description};
- padding:0px 0px;
- text-align:justify;
- opacity:1;
- font-family:calibri;
- font-style:italic;
- text-shadow:2px 2px 2px black;
- }
- .bbtext a {
- color:{color:BottomBar Description Links};
- text-shadow:none;
- }
- .bbtext a:hover {
- color:{color:BottomBar Description Links Hover};
- text-shadow:none;
- }
- #sidebar {
- position:fixed;
- width:180px;
- top:300px;
- left:50%;
- margin-left:-520px;
- height:auto;
- }
- #sbtitlebox {
- width:180px;
- max-width:180px;
- display:inline-block;
- }
- #sbtitle1 {
- font-size:13px;
- font-family:'segoe ui', calibri, arial;
- text-transform:uppercase;
- color:{color:Sidebar Text};
- text-align:center;
- border:1px solid {color:Sidebar Borders};
- padding:5px;
- margin-bottom:20px;
- }
- #imgbox {width:180px;}
- #pagination {
- font-size:17px;
- font-family:'segoe ui',calibri,arial;
- color:{color:Sidebar Text};
- border:1px solid {color:Sidebar Borders};
- margin-top:20px;
- text-align:center;
- padding:5px 0px 5px 0px;
- }
- #pagination a {color:{color:Pagination};}
- #pagination a:hover {color:{color:Pagination Hover};}
- #previous {display:inline;padding:5px 0px;}
- #next {display:inline;padding:5px 0px;}
- #notecontainer {
- margin: 20px auto;
- width: 500px;
- font-size: 10px;
- font-family:calibri;
- text-align:left;
- }
- #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="sbtitlebox">
- <div id="sbtitle1">
- {text:Sidebar Text}
- </div>
- </div>
- <div id="imgbox"><a href="http://alukaforyou.tumblr.com/post/97449418468/okay-but-what-if"><img src="{image:Sidebar Image}" style="max-width:180px;"></a></div>
- <div id="pagination">
- {block:Pagination}
- <div id="previous">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}</div>
- <div id="next">{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>
- {/block:Pagination}
- </div>
- </div>
- <div class="bbcontainer">
- <div class="hovertext">
- HOVER
- </div>
- <div class="bbcontent">
- <div class="bbimg"><a href="http://alukaforyou.tumblr.com/post/97449418468/okay-but-what-if"><img src="{image:Bottom Bar Image}"></a> </div>
- <div class="bbtextcontainer">
- <div class="bbtext">
- {description}
- </div>
- </div>
- </div>
- </div>
- <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:30,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
- <div id="titlebar">
- <div id="title">
- <a href="/">{Title}</a>
- </div>
- </div>
- <div id="navbar">
- <div id="navlinks1">
- <a href="{text:Link 1 URL}">{text:Link 1 title}</a>
- <a href="{text:Link 2 URL}">{text:Link 2 title}</a>
- <a href="{text:Link 3 URL}">{text:Link 3 title}</a>
- </div>
- <div id="navlinks2">
- <a href="{text:Link 4 URL}">{text:Link 4 title}</a>
- <a href="{text:Link 5 URL}">{text:Link 5 title}</a>
- <a href="{text:Link 6 URL}">{text:Link 6 title}</a>
- <a href="{text:Link 7 URL}">{text:Link 7 title}</a>
- </div>
- </div>
- <div id="bigc">
- <div id="postcontainer">
- {block:Posts}
- <div class="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="text">{Body}</div>{/block:Text}
- {block:Answer}<div class="quest"><div class="ima"><img src="{AskerPortraitURL-40}"></div><div class="qtext">{Asker}: {Question}</div></div><div class="answer">{Answer}</div>{/block:Answer}
- {block:Quote}<div class="quote">"{Quote}"{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
- {block:Link}<h3><a href="{URL}">{Name}</a></h3><div class="text">{block:Description}{Description}{/block:Description}</div>{/block:Link}
- {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}<div class="caption">{block:Caption}{Caption} {/block:Caption}</div>{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}{/block:Photoset}
- {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}<br/>{PlayCountWithLabel}</div></div>{block:Caption}<div class="caption" style="padding:10px 10px;">{Caption}</div> {/block:Caption}{/block:AudioPlayer}
- {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}{/block:Video}
- {block:Date}
- <div class="postinfo">
- <div class="postinfob">
- <a href="{Permalink}">
- {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}:{12Hour} {AmPm}
- <br>
- {block:NoteCount}+{NoteCountWithLabel}{/block:NoteCount}
- </a><br>
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via </a> /
- <a href="{ReblogRootURL}">source</a>
- {/block:RebloggedFrom}
- {block:HasTags} {block:Tags} <br>
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags} {/block:HasTags}
- </div>
- </div>{/block:Date}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="notecontainer">{PostNotes}</div>
- {/block:Posts}
- </div> <!-- end posts container-->
- </div>
- <div style="padding:10px; bottom:5px; right:5px; position:fixed; color:white;border:1px solid white; " ><a href="http://felinum.tumblr.com" title="theme by felinum">FLN</a></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment