Advertisement
lennonthemes

.04

Jul 17th, 2013
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.46 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--THEME BY BONIVUR AKA LENNON-->
  4. <head>
  5. <!--THEME BY BONIVUR AKA LENNON-->
  6. <title>{Title}</title>
  7. <!--THEME BY BONIVUR AKA LENNON-->
  8. <!--THEME BY BONIVUR AKA LENNON-->
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12. <!--THEME BY BONIVUR AKA LENNON-->
  13. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  14. <!--THEME BY BONIVUR AKA LENNON-->
  15. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  16. <!--THEME BY BONIVUR AKA LENNON-->
  17. <link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
  18. <!--THEME BY BONIVUR AKA LENNON-->
  19. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  20. <!--THEME BY BONIVUR AKA LENNON-->
  21. <!--THEME BY BONIVUR AKA LENNON-->
  22. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  23. <!--THEME BY BONIVUR AKA LENNON-->
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#aaaaaa"/>
  26. <meta name="color:Link" content="#717581"/>
  27. <meta name="color:sblinks" content="#cccccc"/>
  28. <meta name="color:linkhover" content="#f1f1f1"/>
  29. <meta name="color:hoverbackground" content="#cccccc"/>
  30. <!--THEME BY BONIVUR AKA LENNON-->
  31. <!--THEME BY BONIVUR AKA LENNON-->
  32. <meta name="image:Background" content=""/>
  33. <meta name="image:Sidebar" content=""/>
  34. <!--THEME BY BONIVUR AKA LENNON-->
  35. <!--THEME BY BONIVUR AKA LENNON-->
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link1 Title" content="" />
  38. <!--THEME BY BONIVUR AKA LENNON-->
  39. <meta name="text:Link2" content="/" />
  40. <meta name="text:Link2 Title" content="" />
  41. <!--THEME BY BONIVUR AKA LENNON-->
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link3 Title" content="" />
  44. <!--THEME BY BONIVUR AKA LENNON-->
  45. <meta name="text:Link4" content="/" />
  46. <meta name="text:Link4 Title" content="" />
  47. <!--THEME BY BONIVUR AKA LENNON-->
  48. <style type="text/css">
  49.  
  50.  
  51. ::-webkit-scrollbar {height: auto;width: 6px;}
  52. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  53. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  54.  
  55.  
  56. body {background:{color:background}; margin:0px; color:{color:text}; font-family:serif; font-size:9px; line-height:100%;}
  57.  
  58. blockquote {
  59. border-left:1px solid #f8f8f8;
  60. padding-left:2px;
  61. margin:5px;
  62. }
  63.  
  64. 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; }
  65.  
  66. a:hover {text-decoration:none; color:#676767;}
  67.  
  68. img {none;}
  69.  
  70. h1 { font-family:anaheim; font-size:10px; font-style:none; text-transform:uppercase; text-align:left; font-weight:normal;}
  71.  
  72. h2 {font-size:10px; text-transform:none; font-weight:normal;}
  73.  
  74.  
  75. #center{margin:auto;position:relative;width:500px;}
  76. #entries{width:630px;padding:15px 0px;}
  77. #post{background:#FFF;margin:15px;border:1px solid #DDD;border-radius:5px;
  78. {block:IndexPage}width:250px;padding:5px;{/block:IndexPage}
  79. {block:PermalinkPage}width:500px;padding:26px;{/block:PermalinkPage};}
  80. #post img{max-width:100%;border-radius:5px;opacity:0.7;}
  81.  
  82. #notes { font-family:anaheim; text-transform:lowercase; font-size:9px; }
  83.  
  84. #info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
  85. text-transform: none; font-family:anaheim; font-size:9px; margin-left:-5px; }
  86.  
  87. #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; }
  88.  
  89. #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; }
  90.  
  91. #tags { font-family:anaheim; letter-spacing:1px; text-transform:none;
  92. font-size:9px; margin-left:0px; margin-top:-2px; }
  93.  
  94.  
  95. #audio { font-family:anaheim; margin-bottom:5px; width:500px; height:justify; }
  96.  
  97. .cover { width:78px; height:78px; position:absolute; }
  98.  
  99. .cover img { width:50px; height:50px; float:left; margin-top:10px; }
  100.  
  101. .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; }
  102.  
  103. .player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o -transition: all 0.7s ease; }
  104.  
  105. .player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }
  106.  
  107. .track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }
  108.  
  109.  
  110. #sidebar { width:120px; position:fixed; margin-left:320px; margin-top:150px; opacity:1; }
  111.  
  112. #sidebar:hover { border-radius:500px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  113.  
  114. #sidebarimage img {border-radius:5px; border:1px solid #ccc; width:100px; padding:3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  115.  
  116. #links{border-bottom:1px solid #EEE;}
  117. #links a{display:inline-block;padding:8px 1px;font-size:11px;font-family:consolas;}
  118.  
  119. #s-m-t-tooltip{ max-width:300px; margin-top:10px; margin-left:15px;padding-left:3px; padding-right:3px; padding-top:1px; border:1px solid {color:border}; border-radius:4px; z-index:1000; background-color:#fefefe; color:#aaa; font-family:consolas; z-index:999999999;font-size:8px; letter-spacing:1px; text-transform:uppercase;
  120. line-height:;}
  121.  
  122. #description { font-family:serif; padding:5px; font-size:9px; opacity: 0.8; text-align:justify; margin-top:-2px; margin-left:-10px; }
  123.  
  124. #credit a { background-color:#fff; padding:5px; border:1px solid #ccc; position:fixed;right:15px; bottom:2px }
  125.  
  126. #credit a:hover {color:#fff; background-color:#191919;}
  127.  
  128. #pagination { font-size:8px; text-align:center; color:{color:link}; font-family:serif; letter-spacing:2px; margin-left:11px; }
  129.  
  130. #asker { float:left; margin-right:5px; }
  131.  
  132. #q { font-family:consolas; text-transform:lowercase; letter-spacing:1px; padding-bottom:3px; }
  133.  
  134. #question { font-family:consolas; font-style:italic; font-size:10px; }
  135.  
  136. #answer { font-family:consolas; text-transform:uppercase; font-size:10px; }
  137.  
  138. {CustomCSS}
  139.  
  140.  
  141. </style>
  142.  
  143.  
  144. <script type="text/javascript">
  145. $(window).load(function(){
  146. $("p").remove(":contains('Source:')");
  147. $("p").remove(":contains('via ')");
  148. });
  149. </script>
  150. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  151. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  152. <script>
  153. (function($){
  154. $(document).ready(function(){
  155. $("[title],a[title],img[title]").style_my_tooltips({
  156. tip_follows_cursor:true,
  157. tip_delay_time:100,
  158. tip_fade_speed:300,
  159. attribute:"title"
  160. });
  161. });
  162. })(jQuery);
  163. </script>
  164. </head>
  165.  
  166.  
  167. <body><!--THEME BY BONIVUR AKA LENNON-->
  168. <div id="center">
  169. <div id="sidebar"><!--THEME BY BONIVUR AKA LENNON-->
  170. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  171. <br><!--THEME BY BONIVUR AKA LENNON-->
  172. <div id="links">
  173. {block:ifLink1}<a title="{text:Link1 Title}"a href="{text:Link1}">.01</a>{/block:ifLink1}
  174. {block:ifLink2}<a title="{text:Link2 Title}"a href="{text:Link2}">.02</a>{/block:ifLink2}
  175. {block:ifLink3}<a title="{text:Link3 Title}"a href="{text:Link3}">.03</a>{/block:ifLink3}
  176. {block:ifLink4}<a title="{text:Link4 Title}"a href="{text:Link4}">.04</a>{/block:ifLink4}
  177. <a title="theme credit"a href="http://bonivur.tumblr.com">.05</a>
  178. </div>
  179. <!--THEME BY BONIVUR AKA LENNON-->
  180. <div id="description">{Description}</div>
  181. <!--THEME BY BONIVUR AKA LENNON-->
  182. {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>{/block:Pagination}
  183. </div>
  184.  
  185. <div id="entries">{block:Posts}<div id="post">
  186.  
  187. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  188.  
  189. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  190.  
  191. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  192.  
  193. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  194.  
  195. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  196.  
  197. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  198.  
  199.  
  200. {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  201. <div class="player">
  202. <div class="player2">
  203. {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>
  204. {/block:Audio}
  205.  
  206. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  207.  
  208. {block:Answer}<div id="asker"></div><div id="q">{Asker} asked: {Question} {Answer}{/block:Answer}
  209.  
  210. <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}
  211. {block:ContentSource}(Source: <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}
  212. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  213. {/block:Posts}<div id="tags" st>
  214. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  215. {/block:Posts}</div></div></div>
  216.  
  217. </body>
  218. <!--THEME BY BONIVUR AKA LENNON-->
  219. <div id="credit"><a href="http://bonivur.tumblr.com">LB</a></div>
  220. <!--THEME BY BONIVUR AKA LENNON-->
  221.  
  222.  
  223. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement