Advertisement
becky4268

theme 19

Jul 28th, 2013
325
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.59 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. <!-- Code by ofjack -->
  6. <!-- DO NOT BREAK THE RULES OR I WILL HUNT YOU DOWN -->
  7.  
  8. <head>
  9.  
  10. <meta name="color:link" content="#E6E4E4">
  11. <meta name="color:linkshover" content="#2e2e2e">
  12. <meta name="color:hover" content="#454545">
  13. <meta name="color:infobg" content="#FCFCFC">
  14. <meta name="color:text" content="#9A9A9A">
  15. <meta name="color:tags" content="#EDEDED">
  16. <meta name="color:scrollbar" content="#D6D5D5">
  17. <meta name="color:border" content="#FAFAFA">
  18. <meta name="color:postborder" content="#E6E6E6">
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="text:stitle" content="">
  22.  
  23. <meta name="text:linkA" content="">
  24. <meta name="text:linkA url" content="/">
  25. <meta name="text:linkB" content="">
  26. <meta name="text:linkB url" content="/">
  27. <meta name="text:linkC" content="">
  28. <meta name="text:linkC url" content="/">
  29. <meta name="text:linkD" content="">
  30. <meta name="text:linkD url" content="/">
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  33. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}" />
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36.  
  37. <style type="text/css">
  38.  
  39. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  40.  
  41. a:hover {color:{color:hover};text-decoration:none;-moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;}
  42.  
  43. ::-webkit-scrollbar-thumb{
  44. background-color: #050505;
  45. border: 2px solid #ffffff;
  46. height:auto;
  47. }
  48.  
  49. ::-webkit-scrollbar {
  50. height:9px;
  51. width:9px;
  52. background-color: #050505;
  53. border: 4px solid #fff;
  54. }
  55.  
  56. ::selection {
  57. background-color:#f9f9f9;
  58. }
  59.  
  60. body {background-color:{color:bg};font-family:Calibri;font-weight:normal;}
  61.  
  62. 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};}
  63.  
  64. 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;}
  65.  
  66. blockquote {border-left:2px solid #e6e6e6;padding-left:5px;margin:5px;}
  67.  
  68. #theme {background-color:#fff;width:700px;margin: 0 auto -12px auto;text-align: center;}
  69.  
  70. #sidebar {;position:fixed;width:100px;height:auto;margin-top:0px;text-align:left;background:#111; padding:10px;height:800px;}
  71.  
  72. #sidebar img {width:70px;height:auto;margin-top:5px;margin-left:9px;border-radius:200px;border:2px solid #fff;padding:3px;}
  73.  
  74. #what {margin-left:100px; margin-top:-260px; font-size:30px; text-transform:uppercase; text-align:center; letter-spacing:1px; font-family:calibri;color:#fff;width:511px;font-style:italic;background:#111;padding:30px;text-shadow: 0.1em 0em #B40431 }
  75.  
  76. .links {margin-top:15px;margin-left:-10px;font-size:12px;width:125px;text-transform:lowercase;text-align:center;letter-spacing:2px;line-height:150%;margin-bottom:14px;font-family:stars;}
  77.  
  78. .links a{padding:3px;color:#fff;background:#111;width:40px;margin-top:10px;font-style:italic; text-shadow:-2px 1px #A9D0F5;-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
  79.  
  80. .links a:hover{color:{color:linkshover};-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
  81.  
  82. .description {margin-top:30px;margin-left:5px;width:90px;height:100px;text-align:justify;font-size:8px;color:#fff;letter-spacing:1px;line-height:150%;font-family:monospace}
  83.  
  84. .description a {color:{color:link};}
  85.  
  86. #pagination {margin-top:320px;margin-left:-12px;font-size:12px;text-transform:uppercase;letter-spacing:3px;font-style:normal;text-align:center;width:130px;}
  87.  
  88. #pagination a {color:#fff;}
  89.  
  90. #pagination a:hover{color:{color:linkshover};-moz-transition-duration:1s;-webkit-transition-duration:1s;-o-transition-duration:1s;}
  91.  
  92. #stuffcontainer {float:left;margin-left:120px;margin-top:100px;text-align:justify;background-color:#fff;color:{color:text};padding-left:35px;padding-top:10px;padding-right:23px;margin-bottom:0px;border-right:2px dashed #111;padding-bottom:15px;border-bottom:1px dashed #111;}
  93.  
  94. #stuff {width:500px;margin-top:20px;text-align:justify;font-size:11px;line-height:90%;letter-spacing:0x;color:{color:text};}
  95.  
  96. .caption {width:500px;text-align:center;line-height:120%;}
  97.  
  98. .ask {padding:5px;font-style:normal;margin-top:-5px;text-align:;left;margin-bottom:10px;color:{color:text};background-color:{color:infobg};border-bottom:1px solid {color:border};border-right:1px solid {color:border};}
  99.  
  100. .ask img {width:24px;margin-top:0px;padding:5px;background-color:white;border:1px solid {color:border};}
  101.  
  102. .answer {text-align:left;padding:0px;color:{color:text};}
  103.  
  104. .audio {width:500px;padding-bottom:5px;background-color:{color:infobg};}
  105.  
  106. .albumart {float:left;padding:0px 10px 10px 0px;}
  107.  
  108. .albumart img {width:40px;height:40px;}
  109.  
  110. .playercontainer {text-align:left;padding:10px;background-color:transparent;width:480px;}
  111.  
  112. .audioinfo {padding:10px;color:{color:text};}
  113.  
  114. #postinfo {width:500px;border:1px solid #e6e6e6;font-size:7px;color:{color:link};margin-top:15px;padding-top:3px;padding-bottom:3px;text-transform:uppercase;font-style:normal;text-align:left;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  115.  
  116. #postinfo a {color:{color:link};text-align:center;font-style:normal;}
  117.  
  118. #postinfo a:hover color:{color:linkshover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  119.  
  120. .note {text-transform:uppercase;font-style:normal;letter-spacing:0px;font-size: 9px;text-align:left;line-height:90%;margin-left:-40px;}
  121.  
  122. .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;}
  123.  
  124. .tags {font-style:normal;width:490px;text-transform:lowercase;font-style:italic;color:#D8D8D8;letter-spacing:1px;line-height:120%;font-size:7px;text-align:left;padding:2px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  125.  
  126. .tags a {color:{color:tags};letter-spacing:1px;padding:1px;}
  127.  
  128. .tags a:hover {color:{color:linkshover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  129.  
  130. ul.chat, .chat ol, .chat li {list-style:none;margin:0px;padding:2px;}
  131.  
  132. .label {text-decoration:underline;font-weight:700;background-color:{color:infobg};margin-right:5px;}
  133.  
  134. #cred {position:fixed;font-size:8px;font-weight:normal;line-height:150%;letter-spacing:2px;right:10px;bottom:10px;text-transform:uppercase;text-align:center;padding:3px;}
  135.  
  136. #cred a {padding:3px;color:{color:link};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  137.  
  138. #cred a:hover {color:{color:linkshover};;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  139.  
  140. #s-m-t-tooltip {max-width:300px;padding:2px 2px 2px 2px;margin:20px 0px 0px 20px;background-color:#fff;border:1px solid #ddd;font-family:cambria;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#999;z-index:999999999999999999999999999999999999;}
  141.  
  142. #cred {
  143. position:fixed;
  144. font-size:8px;
  145. font-weight:normal;
  146. line-height:100%;
  147. letter-spacing:1px;
  148. right:10px;
  149. bottom:10px;
  150. text-transform:uppercase;
  151. text-align:center;
  152. border:1px solid #c9c9c9;
  153. padding-left:5px;
  154. padding-right:5px;
  155. padding-top:5px;
  156. padding-bottom:5px;
  157. background-color:#fafafa;
  158. }
  159.  
  160. #cred a {
  161. padding:0px;
  162. color:{color:link};
  163. -moz-transition-duration:0.5s;
  164. -webkit-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167.  
  168. {CustomCSS}</style></head>
  169. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  170.  
  171. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  172.  
  173. <script>
  174.  
  175. (function($){
  176.  
  177. $(document).ready(function(){
  178.  
  179. $("a[title]").style_my_tooltips({
  180.  
  181. tip_follows_cursor:true,
  182.  
  183. tip_delay_time:90,
  184.  
  185. tip_fade_speed:600,
  186.  
  187. attribute:"title"
  188.  
  189. });
  190.  
  191. });
  192.  
  193. })(jQuery);
  194.  
  195. </script><body>
  196.  
  197. <div id="theme">
  198. <div id="sidebar">
  199. <img src="{image:sidebar}">
  200. <div class="links">
  201. {block:IfLinkA}<a href="{text:linkA url}" title="{text:linkA}">i</a>{/block:IfLinkA}
  202. {block:IfLinkB}<a href="{text:linkB url}" title="{text:linkB}">ii</a>{/block:IfLinkB}
  203. {block:IfLinkC}<a href="{text:linkC url}" title="{text:linkC}">iii</a>{/block:IfLinkC}
  204. {block:IfLinkD}<a href="{text:linkD url}" title="{text:linkD}">iv</a>{/block:IfLinkD}
  205. </div>
  206.  
  207. <div class="description">{Description}</div>
  208. <div id="what">{text:stitle}</div>
  209. {block:Pagination}<div id="pagination">
  210. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  211. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  212. </div>{/block:Pagination}
  213.  
  214. </div>
  215.  
  216. <div id="stuffcontainer">
  217.  
  218. {block:Posts}
  219.  
  220. <div id="stuff">
  221.  
  222. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  223.  
  224. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  225.  
  226. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  227. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  228.  
  229. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  230.  
  231. {block:Photoset}<center>{Photoset-500}</center>
  232. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  233.  
  234. {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}
  235.  
  236. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  237.  
  238. {block:Answer}<div class="ask"><img src="{AskerPortraitURL-24}" width="24"><i>{Asker}</i> said: <b>{Question}</b></div><div class="answer">{Answer}</div>{/block:answer}
  239.  
  240. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  241. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  242. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  243. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  244. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  245.  
  246. {block:Date}<div id="postinfo"> <a title="{Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes} {CapitalAMPM}" href="{Permalink}"><a style="background:#111;color:#fff;padding:3px;padding:3px;">{TimeAgo}</a> <a href="{Permalink}">♡ {NoteCountWithLabel}</a> <div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} - <a href="{SourceURL}" style="padding-right:2px;">source</a> {/block:ContentSource} <a href="{ReblogURL}" style="background:#111;color:#fff;padding:3px;padding:3px;"target="_blank" class="details"> Reblog</a> {/block:Date} {/block:Date}
  247. </div></div>{block:HasTags}<div class="tags">filed under:{block:Tags} <a href="{TagURL}"> #{Tag} </a>{/block:Tags}</div>{/block:HasTags}<div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  248.  
  249. {/block:Posts}
  250.  
  251. </div>
  252.  
  253. <div id="cred">
  254. <a href="http://ofjack.tumblr.com">ofjack</a>
  255. </div>
  256.  
  257. </div>
  258. </div>
  259. </div>
  260. </body>
  261. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement