Advertisement
lennonthemes

.02

Jul 15th, 2013
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.43 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.  
  4. <head>
  5. <!--THEME BY BONIVUR AKA LENNON-->
  6.  
  7. <title>{Title}</title>
  8.  
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  21.  
  22. <!--THEME BY BONIVUR AKA LENNON-->
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#aaaaaa"/>
  25. <meta name="color:Link" content="#717581"/>
  26. <meta name="color:sblinks" content="#cccccc"/>
  27. <meta name="color:linkhover" content="#f1f1f1"/>
  28. <meta name="color:hoverbackground" content="#cccccc"/>
  29.  
  30. <!--THEME BY BONIVUR AKA LENNON-->
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Sidebar" content=""/>
  33.  
  34.  
  35. <meta name="text:Link1" content="/" />
  36. <meta name="text:Link1 Title" content="" />
  37.  
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link2 Title" content="" />
  40.  
  41. <meta name="text:Link3" content="/" />
  42. <meta name="text:Link3 Title" content="" />
  43.  
  44. <!--THEME BY BONIVUR AKA LENNON-->
  45. <meta name="text:updates title first letter" content="P" />
  46. <meta name="text:updates title" content="ut a cute quote here" />
  47. <meta name="text:updates" content="put blog updates, extra links or what ever here!" />
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52.  
  53. ::-webkit-scrollbar {height: auto;width: 6px;}
  54. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  55. ::-webkit-scrollbar-track{background-color:{color:scrollbg};}
  56.  
  57. #yellow { background-color:#fff; text-align: center; font-size: 11px; position:fixed; margin-left:50px; top:-311px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; z-index:999;
  58. }
  59.  
  60. #yellow:hover {top:0px;}
  61.  
  62. #blue { text-align: center; font-size: 11px; position:fixed; left:550px; top:-111px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; z-index:999; border-left-style:solid; border-right-style:solid; border-width:1px; border-color:#ccc; background-color:#fff;
  63. }
  64.  
  65. #blue:hover {top:0px;}
  66.  
  67. #pink { border-width:1px; border-color:#eee; padding: 20px 0 5px 0; background: #fff; width:538px; height:100px; z-index: 9999;
  68. }
  69.  
  70. #pinktab { border-bottom-style:solid; border-width:1px; border-color:#ccc;
  71. text-align: center; height:41px; padding: 10px 0 6px 0; background-color:#fff width: 538px;
  72. }
  73.  
  74. body {background:{color:background}; margin:0px; color:{color:text}; font-family:serif; font-size:9px; line-height:100%;}
  75.  
  76. blockquote {
  77. border-left:1px solid #f8f8f8;
  78. padding-left:2px;
  79. margin:5px;
  80. }
  81.  
  82. 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; }
  83.  
  84. a:hover {text-decoration:none; color:#676767;}
  85.  
  86. img {none;}
  87.  
  88. h1 { font-family:anaheim; font-size:10px; font-style:none; text-transform:uppercase; text-align:left; font-weight:normal;}
  89.  
  90. h2 {font-size:10px; text-transform:none; font-weight:normal;}
  91.  
  92.  
  93. #entries {padding:10px; width:500px; margin-left:520px; margin-top:90px;}
  94.  
  95. #post {width:500px; padding-top:10px; padding-bottom:10px; font-style:none;}
  96.  
  97. #post img { border:1px dotted #f5f5f5; padding:5px; }
  98.  
  99. #notes { font-family:anaheim; text-transform:lowercase; font-size:9px; }
  100.  
  101. #info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
  102. text-transform: none; font-family:anaheim; font-size:9px; margin-left:-5px; }
  103.  
  104. #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; }
  105.  
  106. #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; }
  107.  
  108. #tags { font-family:anaheim; letter-spacing:1px; text-transform:none;
  109. font-size:9px; margin-left:0px; margin-top:-2px; }
  110.  
  111.  
  112. #audio { font-family:anaheim; margin-bottom:5px; width:500px; height:justify; }
  113.  
  114. .cover { width:78px; height:78px; position:absolute; }
  115.  
  116. .cover img { width:50px; height:50px; float:left; margin-top:10px; }
  117.  
  118. .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; }
  119.  
  120. .player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o -transition: all 0.7s ease; }
  121.  
  122. .player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }
  123.  
  124. .track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }
  125.  
  126.  
  127. #sidebar { width:120px; position:fixed; margin-left:310px; margin-top:150px; opacity:1; }
  128.  
  129. #sidebar:hover { border-radius:500px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  130.  
  131. #sidebar img { width:80px; height:80px; margin-bottom:5px; padding:-1px; opacity:.9; border:4px double #d7d7d7; padding:5px; }
  132.  
  133. #sidebar img:hover{ -webkit-filter:none; -webkit-transition: all 1s linear; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
  134.  
  135. }
  136.  
  137. #links {font-style:calibri; font-size:9px; padding:5px; line-height:180%; width:90px; text-align:center; margin-left:2px;}
  138.  
  139. #links a{ border:1px solid; padding:3px; width:37px; text-transform:lowercase; letter-spacing:2px; text-align:center; display:inline-block; margin-bottom:5px; color:{color:links};
  140. }
  141.  
  142. #links a:hover {
  143. text-transform:lowercase; color:{color:sblinkhover} letter-spacing:0px; border:1px dotted; background-color:#ddd; -webkit-transition: opacity 0.3s linear; opacity: 0.9; -webkit-transition: all 0.7s linear;}
  144.  
  145.  
  146.  
  147. #description { font-family:serif; padding:5px; font-size:9px; opacity: 0.8; text-align:justify; margin-top:-2px; margin-left:-10px; }
  148.  
  149. #pagination { font-size:8px; text-align:center; color:{color:link}; font-family:serif; letter-spacing:2px; margin-left:11px; }
  150.  
  151. #credit a { background-color:#fff; padding:5px; border:1px solid #ccc; position:fixed;right:15px; bottom:2px }
  152.  
  153. #credit a:hover {color:#fff; background-color:#191919;}
  154.  
  155.  
  156. #asker { float:left; margin-right:5px; }
  157.  
  158. #q { font-family:consolas; text-transform:lowercase; letter-spacing:1px; padding-bottom:3px; }
  159.  
  160. #question { font-family:consolas; font-style:italic; font-size:10px; }
  161.  
  162. #answer { font-family:consolas; text-transform:uppercase; font-size:10px; }
  163.  
  164. {CustomCSS}
  165.  
  166.  
  167. </style>
  168.  
  169.  
  170. </head>
  171.  
  172.  
  173. <body>
  174.  
  175. <div id="blue">
  176. <div id="pink"> <center>
  177.  
  178. {text:updates}
  179.  
  180. </center></div>
  181. <div id="pinktab"><big><i><b>{text:updates title first letter}</b>{text:updates title}</big></i></div>
  182. </div> <!--THEME BY BONIVUR AKA LENNON-->
  183.  
  184. <div id="yellow">
  185. </div>
  186. <!--THEME BY BONIVUR AKA LENNON-->
  187. <div id="sidebar">
  188. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  189. <br> <!--THEME BY BONIVUR AKA LENNON-->
  190. <div id="links">
  191. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  192. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  193. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  194. <a href="http://bonivur.tumblr.com">credit</a>
  195. </div>
  196. <!--THEME BY BONIVUR AKA LENNON-->
  197. <div id="description">{Description}</div>
  198.  
  199. {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">backwards</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">onwards</a>{/block:NextPage}</div>{/block:Pagination}
  200. </div>
  201. <!--THEME BY BONIVUR AKA LENNON-->
  202. <div id="entries">{block:Posts}<div id="post">
  203.  
  204. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  205.  
  206. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  207.  
  208. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  209.  
  210. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  211.  
  212. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  213.  
  214. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  215.  
  216.  
  217. {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  218. <div class="player">
  219. <div class="player2">
  220. {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>
  221. {/block:Audio}
  222.  
  223. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  224.  
  225. {block:Answer}<div id="asker"></div><div id="q">{Asker} asked: {Question} {Answer}{/block:Answer}
  226.  
  227. <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}
  228. {block:ContentSource}(Source: <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}
  229. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  230. {/block:Posts}<div id="tags" st>
  231. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  232. {/block:Posts}</div></div></div>
  233.  
  234. </body>
  235. <!--THEME BY BONIVUR AKA LENNON-->
  236. <div id="credit"><a href="http://bonivur.tumblr.com">LB</a></div>
  237. <!--THEME BY BONIVUR AKA LENNON-->
  238. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement