Advertisement
lennonthemes

theme 2

Aug 4th, 2013
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.47 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.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8.  
  9. <!--Theme by Lennon Byrd-->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#aaaaaa"/>
  17. <meta name="color:Link" content="#717581"/>
  18. <meta name="color:sblinks" content="#cccccc"/>
  19. <meta name="color:linkhover" content="#f1f1f1"/>
  20. <meta name="color:border" content="#cccccc"/>
  21. <meta name="color:postbg" content="#ffffff"/>
  22.  
  23. <meta name="image:Sidebar" content=""/>
  24. <meta name="image:background" content=""/>
  25. <meta name="image:floaties1" content="" />
  26. <meta name="image:floaties2" content="" />
  27. <meta name="image:floaties3" content="" />
  28. <meta name="image:floaties4" content="" />
  29. <meta name="image:floaties5" content="" />
  30.  
  31. <meta name="text:Link1" content="/" />
  32. <meta name="text:Link1 Title" content="" />
  33.  
  34. <meta name="text:Link2" content="/" />
  35. <meta name="text:Link2 Title" content="" />
  36.  
  37. <meta name="text:Link3" content="/" />
  38. <meta name="text:Link3 Title" content="" />
  39.  
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="" />
  42.  
  43. <meta name="text:previouspage" content="back" />
  44. <meta name="text:nextpage" content="next" />
  45.  
  46.  
  47. <style type="text/css">
  48.  
  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. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  56.  
  57. body {background:{color:background} url('{image:background}')no-repeat center fixed ;
  58. -webkit-background-size: cover;
  59. -moz-background-size: cover;
  60. -o-background-size: cover;
  61. background-size: cover; margin:0px; color:{color:text}; font-family:bitxmap; font-size:10px; line-height:100%;}
  62.  
  63. blockquote {
  64. border-left:1px solid #f8f8f8;
  65. padding-left:2px;
  66. margin:5px;
  67. }
  68.  
  69. a {color:{color:Link}; 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; }
  70.  
  71. a:hover {text-decoration:none; color:{color:linkhover};}
  72.  
  73. img {none;}
  74.  
  75. h1 { font-family:bitxmap; font-size:10px; font-style:none; text-transform:uppercase; text-align:left; font-weight:normal;}
  76.  
  77. h2 {font-size:10px; text-transform:none; font-weight:normal;}
  78.  
  79. #entries {padding:10px; width:500px; margin-left:520px; margin-top:40px;}
  80.  
  81. #post {width:500px; -moz-border-radius:20px; -webkit-border-radius:20px -khtml-border-radius:20px; border-radius:20px; background: {color:postbg};opacity: .8; background-image: url('http://assets.tumblr.com/images/x.gif'); background-repeat:repeat; padding: 20px;margin: 20px 0px 20px 0px; position: relative; border: 3px solid {color:border}; box-shadow:rgba(0,0,0,0.1)10px 10px;}
  82.  
  83. #post img { padding:5px;-moz-border-radius:20px; -webkit-border-radius:20px -khtml-border-radius:20px; border-radius:20px; }
  84.  
  85. #notes { font-family:bitxmap; text-transform:lowercase; font-size:10px; }
  86.  
  87. #info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
  88. text-transform: none; font-family:bitxmap; font-size:10px; margin-left:-5px; }
  89.  
  90. #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; }
  91.  
  92. #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; }
  93.  
  94. #tags { font-family:bitxmap; letter-spacing:1px; text-transform:none;
  95. font-size:10px; margin-left:0px; margin-top:-2px; }
  96.  
  97.  
  98. #audio { font-family:bitxmap; margin-bottom:5px; width:500px; height:justify; }
  99.  
  100. .cover { width:78px; height:78px; position:absolute; }
  101.  
  102. .cover img { width:50px; height:50px; float:left; margin-top:10px; }
  103.  
  104. .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; }
  105.  
  106. .player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o -transition: all 0.7s ease; }
  107.  
  108. .player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }
  109.  
  110. .track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }
  111.  
  112.  
  113. #sidebar { width:170px; padding-bottom:10px; position:fixed; margin-left:220px; margin-top:150px; opacity:1; -moz-border-radius:20px; -webkit-border-radius:20px -khtml-border-radius:20px; border-radius:20px; background: {color:postbg};opacity: .8; border: 3px solid {color:border}; box-shadow:rgba(0,0,0,0.1)10px 10px; }
  114.  
  115. #sidebar:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  116.  
  117. #sidebarimage img { padding:3px; margin-left:30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  118.  
  119. #links {padding:5px; margin-top: 10px; text-align:center; word-spacing: 5px; font-family:bitxmap;width: 170px;
  120. }
  121.  
  122. #links a { opacity: 1; letter-spacing: 1px; color: {color:sblinks}; text-shadow: 2px 0px 1px #dadada;
  123. }
  124.  
  125. #links a:hover { opacity: 0.8; letter-spacing: 2px; text-shadow: 3px 0px 1px #dadada;
  126. }
  127.  
  128. #description { font-family:bitxmap; padding:5px; font-size:10px; opacity: 0.8; text-align:justify; margin-top:-2px; margin-left:6px; width:150px; }
  129.  
  130. #pagination { font-family:bitxmap; text-transform:lowercase; font-size:10px; text-align:center; color:{color:link};letter-spacing:2px; margin-left:11px; }
  131.  
  132. #credit a { background-color:#fff; padding:5px; border:1px solid #ccc; position:fixed;right:15px; bottom:10px }
  133.  
  134. #credit a:hover {color:#fff; background-color:#191919;}
  135.  
  136. #asker { float:left; margin-right:5px; }
  137.  
  138. #q { font-family:bitxmap; text-transform:lowercase; letter-spacing:1px; padding-bottom:3px; }
  139.  
  140. #question { font-family:bitxmap; font-style:italic; font-size:10px; }
  141.  
  142. #answer { font-family:bitxmap; text-transform:uppercase; font-size:10px; }
  143.  
  144. {CustomCSS}
  145.  
  146.  
  147. </style>
  148.  
  149. </head>
  150.  
  151.  
  152. <body>
  153.  
  154. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  155. <script type="text/javascript">
  156.  
  157. /***********************************************
  158. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  159. * Modified by Dynamic Drive for various improvements
  160. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  161. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  162. ***********************************************/
  163.  
  164. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  165. var flyimage1, flyimage2, flyimage3, flyimage4
  166.  
  167. function pagestart(){
  168. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  169. flyimage1=new Chip("flyimage1",40,62);
  170. flyimage2=new Chip("flyimage2",40,62);
  171. flyimage3=new Chip("flyimage3",40,62);
  172. flyimage4=new Chip("flyimage4",40,62);
  173. flyimage5=new Chip("flyimage5",40,62);
  174. flyimage6=new Chip("flyimage6",40,62);
  175.  
  176.  
  177. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  178. movechip("flyimage1");
  179. movechip("flyimage2");
  180. movechip("flyimage3");
  181. movechip("flyimage4");
  182. movechip("flyimage5");
  183. movechip("flyimage6");
  184.  
  185. }
  186.  
  187. if (window.addEventListener)
  188. window.addEventListener("load", pagestart, false)
  189. else if (window.attachEvent)
  190. window.attachEvent("onload", pagestart)
  191. else if (document.getElementById)
  192. window.onload=pagestart
  193.  
  194. </script>
  195.  
  196. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  197. <img src="{image:floaties1}">
  198. </div>
  199.  
  200. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  201. <img src="{image:floaties2}">
  202. </div>
  203.  
  204. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  205. <img src="{image:floaties3}">
  206. </div>
  207.  
  208. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  209. <img src="{image:floaties4}">
  210. </div>
  211.  
  212. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  213. <img src="{image:floaties5}">
  214. </div>
  215.  
  216. <div id="sidebar">
  217. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  218. </center>
  219.  
  220. <div id="description" style=" font: bitxmap;">{Description}
  221. <br><br> {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}</div>{/block:Pagination}
  222. </div> <br> <select onChange="location=this.options[this.selectedIndex].value;" style="font: 10px bitxmap;
  223. color: {color:text};
  224. line-height: 15px;
  225. margin-left:60px;
  226. background-color: {color:postbg};-moz-border-radius:5px; -webkit-border-radius:5px -khtml-border-radius:5px; border-radius:5px; background: {color:postbg}; border: 1px solid {color:border}; box-shadow:rgba(0,0,0,0.1)3px 3px;
  227.  
  228. -webkit-appearance: none;text-align:center;margin-top:2px;
  229.  
  230. "> <center>
  231. <option value="">navigation</option>
  232. {block:iflink1}<option value="{text:Link1}">{text:Link1 Title}</option>{/block:iflink1}
  233. {block:iflink2}<option value="{text:Link2}">{text:Link2 Title}</option>{/block:iflink2}
  234. {block:iflink3}<option value="{text:Link3}">{text:Link3 Title}</option>{/block:iflink3}
  235. {block:iflink4}<option value="{text:Link4}">{text:Link4 Title}</option>{/block:iflink4}
  236. <option value="http://lennonbyrd.tk/">credit</option>
  237. </select>
  238. </form></center>
  239. </center> <br>
  240. </div><br>
  241.  
  242.  
  243.  
  244. <div id="credit"><a href="http://lennonbyrd.tk/">LB</a></div>
  245.  
  246.  
  247. <div id="entries">{block:Posts}<div id="post">
  248.  
  249. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  250.  
  251. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  252.  
  253. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  254.  
  255. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  256.  
  257. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  258.  
  259. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  260.  
  261.  
  262. {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  263. <div class="player">
  264. <div class="player2">
  265. {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>
  266. {/block:Audio}
  267.  
  268. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  269.  
  270. {block:Answer}<div id="asker"></div><div id="q">{Asker} asked: {Question} {Answer}{/block:Answer}
  271.  
  272. <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}
  273. {block:ContentSource}(Source: <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}
  274. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  275. {/block:Posts}<div id="tags" st>
  276. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  277. {/block:Posts}</div></div></div>
  278. </body>
  279.  
  280. </div>
  281. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement