Advertisement
becky4268

theme 26

Oct 2nd, 2013
467
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.41 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <!-- Code by ofjack -->
  11. <!-- DO NOT BREAK THE RULES OR I WILL HUNT YOU DOWN -->
  12.  
  13. <head>
  14.  
  15. <meta name="color:link" content="#E6E4E4">
  16. <meta name="color:linkshover" content="#2e2e2e">
  17. <meta name="color:hover" content="#454545">
  18. <meta name="color:infobg" content="#FCFCFC">
  19. <meta name="color:text" content="#9A9A9A">
  20. <meta name="color:tags" content="#EDEDED">
  21. <meta name="color:scrollbar" content="#D6D5D5">
  22. <meta name="color:border" content="#FAFAFA">
  23. <meta name="color:postborder" content="#E6E6E6">
  24.  
  25. <meta name="image:sidebar" content=""/>
  26.  
  27. <meta name="text:link1" content="">
  28. <meta name="text:link1 url" content="/">
  29. <meta name="text:link2" content="">
  30. <meta name="text:link2 url" content="/">
  31. <meta name="text:link3" content="">
  32. <meta name="text:link3 url" content="/">
  33. <meta name="text:link4" content="">
  34. <meta name="text:link4 url" content="/">
  35.  
  36. <style type="text/css">
  37.  
  38. #biter
  39. #biter a{
  40. display:block
  41. }
  42. #biter .deather {
  43. margin-left:0px;filter: alpha(opacity = 0);
  44. opacity:0;-webkit-transition: all 0.5s ease-out;
  45. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  46. }
  47.  
  48. #biter:hover .deather {
  49. margin-left:85px;
  50.  
  51. -webkit-transition: all 0.8s ease-out;
  52. -moz-transition: all 0.8s ease-out;
  53. transition: all 0.8s ease-out;
  54. filter: alpha(opacity = 100);
  55. filter: alpha(opacity = 100);
  56. opacity:8;
  57. }
  58.  
  59. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  60.  
  61. a:hover {color:{color:hover};-webkit-transition: all 0.8s ease-out;
  62. -moz-transition: all 0.8s ease-out;
  63. transition: all 0.8s ease-out;}
  64.  
  65. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:4px;}
  66. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  67. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  68.  
  69. body {background-color:{color:bg};font-family:Calibri;font-weight:normal;}
  70.  
  71. h1 {font-weight:normal;font-size:12px;text-align:center;font-style:normal;line-height:80%;letter-spacing:3px;text-transform:uppercase;color:{color:text};}
  72.  
  73. h2 {font-size:14px;font-style:bold;text-align:center;line-height:100%;letter-spacing:2px;color:{color:text};font-weight:normal;padding:5px;padding-bottom:2px;}
  74.  
  75. blockquote {border-left:2px solid #e6e6e6;padding-left:5px;margin:5px;}
  76.  
  77. #sidebar {;position:fixed;width:300px;height:auto;margin-top:260px;text-align:left;margin-left:150px;}
  78.  
  79. #sidebar img {width:300px;height:auto;margin-bottom:10px;margin-top:0px;margin-left:-90px;background:#fff;}
  80.  
  81. #sidebar img:hover{-webkit-filter:blur(1px);-webkit-transition: all 0.8s ease-out;
  82. -moz-transition: all 0.8s ease-out;
  83. transition: all 0.8s ease-out;}
  84.  
  85. #links {position:fixed;margin-top:-15px;margin-left:-90px;font-size:8px;width:300px;text-transform:lowercase;text-align:right;letter-spacing:0px;line-height:200%;margin-bottom:0px;font-family:'Trebuchet MS';border-top:5px solid #111;padding-top:5px;z-index:99999999999999;}
  86.  
  87. #links a{color:#111;padding:0px;text-align:center;letter-spacing:2px;font-style:italic;margin-left:10px;}
  88.  
  89. #links a:hover{opacity:8; border-bottom:2px solid #111;-webkit-transition: all 0.8s ease-out;
  90. -moz-transition: all 0.8s ease-out;
  91. transition: all 0.8s ease-out;
  92. filter: alpha(opacity = 100);
  93. filter: alpha(opacity = 100);}
  94.  
  95. #description {margin-top:-140px;margin-left:-85px;width:80px;height:auto;text-align:justify;font-size:8px;color:#fff;line-height:100%;font-family:'cambria';letter-spacing:1px;padding:20px;background:#111;position:fixed;border-radius:200px;}
  96.  
  97. .pagination{letter-spacing:1px;font-size:8px;z-index:9999;text-align:left;margin-top:430px;margin-left:60px;position:fixed;width:100px;font-family:cambria;}
  98.  
  99. .pagination a{color:#cac9c9;text-transform:lowercase;font-style:italic;}
  100.  
  101. .pagination a:hover{color:#111;}
  102.  
  103. #stuffcontainer {float:left;margin-left:400px;margin-top:30px;text-align:justify;background-color:#fff;color:{color:text};margin-bottom:35px;}
  104.  
  105. #stuff {width:500px;margin-top:35px;text-align:justify;font-size:11px;line-height:90%;letter-spacing:0x;color:{color:text};padding:10px;}
  106.  
  107. .caption {width:500px;text-align:center;line-height:120%;}
  108.  
  109. .ask {padding:5px;font-style:normal;margin-top:5px;text-align:;left;margin-bottom:10px;color:{color:text};border-bottom:1px solid {color:border};}
  110.  
  111. .ask img {width:24px;margin-top:0px;padding:2px;background-color:white;border:1px solid {color:border};}
  112.  
  113. .answer {text-align:left;padding:0px;color:{color:text};}
  114.  
  115. .audio {width:500px;padding-bottom:5px;background-color:white;}
  116.  
  117. .albumart {float:left;padding:0px 10px 10px 0px;}
  118.  
  119. .albumart img {width:40px;height:40px;}
  120.  
  121. .playercontainer {text-align:left;padding:10px;background-color:transparent;width:480px;}
  122.  
  123. .audioinfo {padding:10px;color:{color:text};}
  124.  
  125. #postinfo {width:500px;padding-top:5px;font-size:8px;text-transform:uppercase;font-style:normal;letter-spacing:2px;text-align:left;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;margin-top:0px;color:#111;}
  126.  
  127. #postinfo a {color:#111;text-align:center;letter-spacing:1px;font-style:normal;padding:0px;}
  128.  
  129. #postinfo a:hover {color:#fff;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  130.  
  131. .note {text-transform:uppercase;font-style:normal;letter-spacing:0px;font-size: 9px;text-align:left;line-height:90%;margin-left:-40px;}
  132.  
  133. .note li {list-style-type:none;border-bottom:1px solid {color:border};padding:10px 25px 10px 25px;text-align:left;margin:0px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  134.  
  135. .tags {font-style:normal;width:500px;text-transform:uppercase;font-style:normal;color:#111;letter-spacing:2px;line-height:120%;font-size:6px;text-align:left;padding-top:3px;text-align:left;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  136.  
  137. .tags a {color:#111;letter-spacing:1px;padding:1px;}
  138.  
  139. .tags a:hover {color:{color:linkshover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  140.  
  141. ul.chat, .chat ol, .chat li {list-style:none;margin:0px;padding:2px;}
  142.  
  143. .label {text-decoration:none;font-weight:700;background-color:{color:infobg};margin-right:5px;}
  144.  
  145. #s-m-t-tooltip {max-width:300px;padding:3px;margin:20px 0px 0px 20px;background-color:#111;font-family:calibri;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#fff;z-index:999999999999999999999999999999999999;}
  146.  
  147. #cred {
  148. position:fixed;
  149. font-size:8px;
  150. font-family:calibri;
  151. letter-spacing:1px;
  152. right:10px;
  153. bottom:10px;
  154. text-transform:uppercase;
  155. text-align:center;
  156. border:1px solid #c9c9c9;
  157. padding:5px;
  158. background-color:#fafafa;
  159. }
  160.  
  161. #cred a {
  162. padding:0px;
  163. color:{color:link};
  164. -moz-transition-duration:0.5s;
  165. -webkit-transition-duration:0.5s;
  166. -o-transition-duration:0.5s;
  167. }
  168.  
  169. {CustomCSS}</style></head>
  170.  
  171. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  172. </script>
  173.  
  174. <body>
  175.  
  176. <div id="biter">
  177. <div id="sidebar">
  178.  
  179. <img src="{image:sidebar}">
  180.  
  181. <div id="links">
  182.  
  183. {block:IfLink1}
  184. <a href="{text:link1 url}">{text:link1}</a>
  185. {/block:IfLink1}
  186.  
  187. {block:IfLink2}
  188. <a href="{text:link2 url}">{text:link2}</a>
  189. {/block:IfLink2}
  190.  
  191. {block:IfLink3}
  192. <a href="{text:link3 url}">{text:link3}</a>
  193. {/block:IfLink3}
  194.  
  195. {block:IfLink4}
  196. <a href="{text:link4 url}">{text:link4}</a>
  197. {/block:IfLink4}
  198. </div>
  199. <div class="deather">
  200. <div id="description">{Description}</div></div></div>
  201. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">- next</a>{/block:NextPage}{/block:Pagination}</div>
  202.  
  203. </div></div>
  204.  
  205. <div id="stuffcontainer">
  206.  
  207. {block:Posts}
  208.  
  209. <div id="stuff">
  210.  
  211. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  212.  
  213. {block:Quote}<h2>β€œ{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  214.  
  215. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  216. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  217.  
  218. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  219.  
  220. {block:Photoset}<center>{Photoset-500}</center>
  221. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  222.  
  223. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  224.  
  225. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  226.  
  227. {block:Answer}<div class="ask"><img src="{AskerPortraitURL-24}" width="24"> <i>{Asker}</i> said: <br><b>{Question}</b></div><div class="answer">{Answer}</div>{/block:answer}
  228.  
  229. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  230. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  231. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  232. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  233. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  234.  
  235. {block:Date}<div id="postinfo"> <a title="{DayOfMonth} {Month}" href="{Permalink}">{DayOfMonth} {Month}</a> // <a style="color:#FF5EAA;">β™₯</a> <a href="{Permalink}"> {NoteCountWithLabel}</a> {/block:Date}
  236. <div style="float:right">
  237. {block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  238. {block:ContentSource} : <a href="{SourceURL}">Source</a> {/block:ContentSource}</div></div>
  239.  
  240. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  241.  
  242. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  243.  
  244. {/block:Posts}
  245.  
  246. </div>
  247.  
  248. <div id="cred">
  249. <a href="http://ofjack.tumblr.com">OFJACK</a>
  250. </div>
  251.  
  252. </div>
  253. </div>
  254. </div>
  255. </body>
  256. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement