API tools faq
paste
xmisa0923

heartthm

xmisa0923
Nov 5th, 2013
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.49 KB | None | 0 0
raw download clone embed print report
  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. <head>
  4.  
  5. <!-- "heart" theme by mariel; [zeloid@tumblr] don't remove the credit or this comment -->
  6.  
  7. <title>{title} {block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage} {block:TagPage} — #{Tag}{/block:TagPage}</title>
  8. <link rel="shortcut icon" href="{favicon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  12.  
  13. <meta name="color:background" content="#fff" />
  14. <meta name="color:text" content="#999" />
  15. <meta name="color:links" content="#444" />
  16. <meta name="color:links hover" content="#ccc" />
  17. <meta name="color:links border" content="#aaa" />
  18. <meta name="color:borders" content="#f0f0f0" />
  19. <meta name="color:post bg" content="#f9f9f9" />
  20. <meta name="color:blockquote" content="#ccc" />
  21. <meta name="color:post title" content="#777" />
  22. <meta name="color:perma border" content="#f0f0f0" />
  23. <meta name="color:perma bg" content="#fff" />
  24. <meta name="color:perma day" content="#000" />
  25. <meta name="color:perma text" content="#888" />
  26. <meta name="color:perma notes" content="#555" />
  27. <meta name="color:heart" content="#FF0000" />
  28. <meta name="color:permalink info bg" content="#f5f5f5" />
  29. <meta name="color:chat bg 1" content="#fcfcfc" />
  30. <meta name="color:chat bg 2" content="#fff" />
  31. <meta name="color:chat label" content="#444" />
  32. <meta name="color:caption bg" content="#f7f7f7" />
  33. <meta name="color:via src" content="#777" />
  34. <meta name="color:bottom bg" content="#000" />
  35. <meta name="color:icon bg" content="#111" />
  36. <meta name="color:title" content="#f9f9f9" />
  37. <meta name="color:title border" content="#111" />
  38. <meta name="color:navi links" content="#888" />
  39. <meta name="color:navi bg" content="#111" />
  40. <meta name="color:navi hover" content="#fff" />
  41. <meta name="color:navi hover 1" content="#fff" />
  42. <meta name="color:navi hover 2" content="#aaa" />
  43. <meta name="color:navi hover 3" content="#555" />
  44. <meta name="color:navi hover 4" content="#333" />
  45. <meta name="color:description" content="#ddd" />
  46. <meta name="color:description link" content="#555" />
  47. <meta name="color:description link border" content="#fff" />
  48. <meta name="color:tag" content="#aaa" />
  49. <meta name="color:tag hover" content="#666" />
  50. <meta name="color:pagination" content="#444" />
  51. <meta name="color:more bg" content="#f0f0f0" />
  52. <meta name="color:more links" content="#777" />
  53. <meta name="color:more links hover" content="#333" />
  54. <meta name="color:more links border" content="#fff" />
  55.  
  56. <meta name="if:Infinite Scroll" content="0" />
  57. <meta name="if:Show Tags" content="1" />
  58. <meta name="if:Show Captions" content="1" />
  59. <meta name="if:More Links" content="1" />
  60. <meta name="if:Show Via Src" content="1" />
  61. <meta name="if:Show Playlist" content="1" />
  62. <meta name="if:Audio Player Tab" content="1" />
  63. <meta name="if:White Player" content="1" />
  64. <meta name="if:Black Player" content="0" />
  65. <meta name="if:Grey Player" content="0" />
  66. <meta name="if:monochrome" content="0" />
  67.  
  68. <meta name="image:background" content="" />
  69. <meta name="image:background img" content="" />
  70. <meta name="image:audio tab" content="http://static.tumblr.com/mxokwyk/OlImh5dgv/audiowhitegif2.gif " />
  71.  
  72. <meta name="select:background" content="left:0;bottom:0;" title="bottom left" />
  73. <meta name="select:background" content="left:0;top:0;" title="top left" />
  74. <meta name="select:background" content="right:0;bottom:0;" title="bottom right" />
  75. <meta name="select:background" content="right:0;top:0;" title="top right" />
  76.  
  77. <meta name="text:link1 url" content="/link1" />
  78. <meta name="text:link1" content="link1" />
  79. <meta name="text:link2 url" content="/link2" />
  80. <meta name="text:link2" content="link2" />
  81. <meta name="text:link3 url" content="/link3" />
  82. <meta name="text:link3" content="link3" />
  83. <meta name="text:link4 url" content="/link4" />
  84. <meta name="text:link4" content="link4" />
  85. <meta name="text:link5 url" content="/link5" />
  86. <meta name="text:link5" content="link5" />
  87. <meta name="text:link6 url" content="/link6" />
  88. <meta name="text:link6" content="link6" />
  89. <meta name="text:link7 url" content="/link7" />
  90. <meta name="text:link7" content="link7" />
  91. <meta name="text:link8 url" content="/link8" />
  92. <meta name="text:link8" content="link8" />
  93. <meta name="text:link9 url" content="/link9" />
  94. <meta name="text:link9" content="link9" />
  95. <meta name="text:link10 url" content="/link10" />
  96. <meta name="text:link10" content="link10" />
  97. <meta name="text:OtherTitle" content="" />
  98. <meta name="text:asker action" content="whispered" />
  99. <meta name="text:music player code" content="" />
  100.  
  101. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/mxokwyk/qvTmulcrf/lovejava.js" type="text/javascript"></script> <link href='http://static.tumblr.com/mxokwyk/xLAmuldu4/lovecss.css' rel='stylesheet' type='text/css' /> <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script> {block:ifinfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfiniteScroll}
  102.  
  103. <style type="text/css">
  104.  
  105. ::-moz-selection {color:#000;background:#fff;}
  106. ::selection {color:#000;background:#fff;}
  107. ::-webkit-selection {color:#000;background:#fff;}
  108.  
  109. ::-webkit-scrollbar {width:5px;height:5px}
  110. ::-webkit-scrollbar-track {background:{color:bottom bg};}
  111. ::-webkit-scrollbar-thumb {background:{color:bottom bg};border:1px solid {color:background};}
  112.  
  113. body {background-color:{color:background};margin:0;padding:0;border:0;font-family: calibri, arial, sans-serif;font-size: 11px;color:{color:text};background-image:url({image:background});background-attachment:fixed;background-repeat:repeat;word-wrap:break-word;}
  114.  
  115. a {color:{color:links};text-decoration: none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-ms-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} a:hover {color:{color:links hover};} a:focus {outline: 0px none;} a:active {outline: 0px none}
  116.  
  117. #poster {width:430px;margin: 30px auto 90px;position:relative;}
  118.  
  119. .post {width:412px;padding:10px;margin:60px 0px {block:PermalinkPage} 10px {/block:PermalinkPage};position:relative;}
  120. .post img {max-width:100%;}
  121. .photoset {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-bottom:-3px;}
  122. .ph {border:1px solid {color:borders};-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:5px;background:{color:post bg};position:relative;}
  123. .ph img {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display:block;border:0;}
  124. {block:ifmonochrome}{block:indexPage} .post img, .photoset {-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-ms-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);} .post:hover img, .post:hover .photoset {filter:none;-webkit-filter: grayscale(0%);}{/block:indexPage}{/block:ifmonochrome}
  125.  
  126. blockquote {padding:0px 10px;border-left:1px solid {color:blockquote};margin:10px;}
  127. p {text-align:justify;margin:5px;}
  128. .post a {border-bottom:1px solid transparent;}
  129. .post a:hover {border-bottom:1px solid {color:links border};}
  130. small, sub, sup {font-size:9.5px;line-height:10px;}
  131. .post pre, .post code {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap; word-wrap: break-word;overflow:auto;font-family:arial, sans-serif;font-size:9px;}
  132. blockquote img {max-width:100%;}
  133.  
  134. h3 {font-family:century gothic, sans-serif;font-size:16px;font-weight:700;letter-spacing:-1px;margin:0 0 10px;padding:10px;border:1px solid {color:borders};-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:5px;background:{color:post bg};text-align:center;position:relative;color:{color:post title};}
  135. a h3:before {content:'»';left:6px;position:absolute;font-size:20px;margin-top:-5px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-ms-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  136. a h3:hover:before {text-shadow: 10px 0px {color:links border}, 20px 0px {color:borders};}
  137.  
  138.  
  139.  
  140.  
  141. #truth {border-top:1px solid {color:perma border};margin: 5px 10px 0 5px;padding:1px 7px ;float:left;background:{color:perma bg};}
  142. #truth a.hnotes {font-size:9px;font-family:century gothic, sans-serif;letter-spacing:1px;color:{color:perma notes};display:inline-block;padding:0px 4px;background:{color:perma bg};display:inline-block;vertical-align:3px;position:relative;margin:0px 10px;}
  143. #truth a.hreblog {font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:{color:perma text};display:inline-block;vertical-align:3px;}
  144. a.hnotes:before {content:'♥';color:{color:heart};margin-right:3px;}
  145. #truth a.hnotes:after {display:block;content:'';position:absolute;width:100%;border-top:3px double {color:perma border};margin-left:-15px;padding:10px;margin-top:-5px;z-index:-1;}
  146. #truth a {border-bottom:0px none !important;}
  147.  
  148.  
  149. q#mq {display:block;text-align:center;quotes:none;padding:10px 25px 10px;text-align:right;font-family:century gothic, sans-serif;font-size:13px;border-right:3px double {color:borders};margin-right:20px;}
  150. .src {padding:5px;font-size:9.5px;letter-spacing:1px;text-align:left;font-weight:700;position:relative;}
  151. .src > span {display:inline-block;border-top:1px solid {color:borders};padding:5px 100px 0 20px}
  152. .src:before {content:'';width:5px;height:5px;background:{color:borders};-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;display:block;position:absolute;left:0;top:2.5px;}
  153. .quo {position:absolute;z-index:3;padding:5px;background:{color:post bg};border:1px solid {color:borders};line-height:85%;font-size:80px;color:#fff;right:0px;top:0;margin-right:8px;height:35px;width:35px;font-family:serif;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;}
  154.  
  155. .chat ul {list-style:none;margin:0px 0px 4px 0px;padding:0;}
  156. .chat li {padding:5px;margin:0px 0px -1px;border:1px solid {color:borders};background:{color:chat bg 2};}
  157. .chat li.odd {background:{color:chat bg 1};}
  158. span.chats {font-family:century gothic, sans-serif;margin-right:8px;color:{color:chat label};}
  159.  
  160. #caps {{block:IfNotShowCaptions}{block:IndexPage}display: none;{/block:IndexPage}{/block:IfNotShowCaptions}position:absolute;z-index:1;width:210px;top:10px;font-size:10px;background:{color:caption bg};padding:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;{block:IndexPage}opacity:0;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-ms-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;margin-left:-280px;{/block:IndexPage}{block:PermalinkPage}margin-left:-240px;{/block:PermalinkPage}}
  161. #caps:before {content:'';width:0;height:0;display:block;position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid {color:caption bg};top:0;margin-top:7px;right:-10px;}
  162. {block:IndexPage}
  163. #hov:hover #caps {opacity:1;margin-left:-320px;}
  164. {/block:IndexPage}
  165.  
  166. #bottom {position:fixed;bottom:0;background:{color:bottom bg};padding:10px;width:100%;-webkit-border-top-left-radius: 10px;-moz-border-radius-topleft: 10px;border-top-left-radius: 10px;z-index:9999;margin-left:-70px;}
  167.  
  168. img.icon {display:inline-block;width:25px;padding:5px;background:{color:icon bg};margin: 0px 0px 0px;float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
  169.  
  170. #title {text-align:left;font-size:18px;font-family:century gothic, sans-serif;line-height:10px;color:{color:title};letter-spacing:-1px;font-weight:700;display:inline-block;margin-left:10px;}
  171. #title:after {content:'';width:50px;display:block;border-top:8px double {color:title border};margin-top:3px;float:left;margin-right:10px;}
  172. #links {margin-left:10px;text-align:left;display:inline-block;}
  173. #links a {display:inline-block; padding:0px 5px; background:{color:navi bg}; color:{color:navi links}; border:1px solid {color:navi bg}; text-transform:uppercase; font-size:8px;letter-spacing:1px; margin:0px 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight:700;overflow:hidden;}
  174. #links a:hover {background:none;color:{color:bottom bg};border-color:{color:navi hover};}
  175. #links a:before {content:'•';color:transparent;margin-left:-5px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;transition: all .4s linear;;display:block;position:absolute;}
  176. #links a:hover:before {text-shadow: 5px 0px {color:navi hover 1}, 10px 0px {color:navi hover 2}, 15px 0px {color:navi hover 3}, 20px 0px {color:navi hover 4};}
  177.  
  178. #deck {text-align:left;max-width:900px;color:{color:description};padding:5px 0 0 45px;font-style:italic;font-size:9.5px;}
  179. #deck a {color:{color:description link};font-weight:700;border-bottom:1px solid #000;}
  180. #deck a:hover {border-color: {color:description link border};}
  181.  
  182. #bird {background:{color:permalink info bg};-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;padding:10px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:8px;margin:-5px 10px;}
  183.  
  184. .q {padding:5px;background:{color:post bg};margin-left:55px;min-height:30px;border:1px solid {color:borders};-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .q span {display:block;font-size:13px;color:{color:chat label};text-transform:lowercase;font-family:century gothic, sans-serif;font-weight:400} a.asker{color:{color:chat label};} .q img {display:block;padding:5px;background:{color:post bg};width:30px;margin: -5px 5px 0px -5px;position:absolute;margin-left:-55px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:1px solid {color:borders};} .q:before {content: "";display: block;width:0px;height:0px;margin-left:-14px;border-left:7px solid {color:borders};border-right:7px solid transparent;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-top:8px;z-index:6;position:absolute;} .q:after {content: "";display: block;width:0px;height:0px;margin-left:-15px;border-left:7px solid {color:post bg};border-right:7px solid transparent;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-top:10px;z-index:9;position:absolute;top:14px;}
  185.  
  186. .notes {list-style:none;padding:0;margin:30px 10px;}
  187. img.avatar {display:inline-block;vertical-align:-5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  188. .notes a {display:inline-block;margin:3px;}
  189. .notes li {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;padding:5px;background:{color:post bg};border:1px solid {color:borders};margin:3px;}
  190.  
  191. #tagger {margin:5px;text-align:right;{block:IfNotShowTags}display:none;{/block:IfNotShowTags}}
  192. #tagger a {color:{color:tag};font-size:9.5px;border:none !important;margin-right:5px;}
  193. #tagger a:before {content:'#';}
  194. #tagger a:hover {color:{color:tag hover};}
  195. #tagger.text, #tagger.link, #tagger.answer {border-top:1px solid {color:perma border};padding:5px;}
  196.  
  197.  
  198. .from{{block:ifNotShowViaSrc}{block:indexpage}display:none;{block:indexpage}{/block:ifNotShowViaSrc}position:absolute;margin-top:10px;word-wrap:normal;{block:PermalinkPage}margin-left:430px;{/block:PermalinkPage};width:42px;{block:IndexPage}opacity:0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;margin-left:400px;{/block:IndexPage}} {block:IndexPage}#hov:hover .from {opacity:1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;margin-left:430px;}{/block:IndexPage}
  199. .from, .nin {-webkit-transition: all 0.8s ease-out 0s;-moz-transition: all 0.8s ease-out 0s;-ms-transition: all 0.8s ease-out 0s;-o-transition: all 0.8s ease-out 0s;transition: all 0.8s ease-out 0s;}
  200. .photos {margin-bottom:10px;width:30px;}
  201. .nin {padding:7px;background:{color:caption bg};position:absolute;z-index:1;{block:IndexPage}opacity:0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;{/block:IndexPage}min-height:23px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;color:{color:via src};font-size: 8px;text-transform:uppercase;letter-spacing:1px;{block:PermalinkPage}margin-left:60px;{/block:PermalinkPage}}
  202. .nin span {display:block;}
  203. {block:IndexPage}.photos:hover .nin{margin-left:60px;opacity:1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;} {/block:IndexPage}
  204. .nin:after {content:'';width:0;height:0;display:block;position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid {color:caption bg};top:50%;margin-top:-12px;left:-10px;}
  205. .from img {padding:5px;display:block;margin-top: 1px;width:25px;background:{color:post bg};border:1px solid {color:borders};z-index:4;position:relative;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  206.  
  207. a.highr {display:block;float:right;padding:1px 3px;background:{color:perma bg};z-index:2;margin-top:-30px;margin-right:18px;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:400;position:relative;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  208.  
  209. #saveds {font-size:9px;text-transform:uppercase;letter-spacing:1px;margin:10px 15px 0px;text-align:left;}
  210. #saveds a {color:{color:tag};border-bottom:1px solid #fff;display:inline-block;margin:0px 4px;}
  211. #saveds a:before {content:'#';color:{color:tag hover};}
  212. #saveds a:hover {color:{color:tag hover};border-color:{color:blockquote};}
  213.  
  214. #pagis {position:fixed;bottom:2px;right:10px;text-align:right;font-family:century gothic, sans-serif;line-height:10%;font-weight:700;font-size:20px;width:120px;}
  215. #pagis a {display:block;color:{color:pagination};height:20px;line-height:50%;}
  216. #pagis a:hover {color:{color:background};}
  217.  
  218.  
  219. #player1 {width:27px;height:27px;background:{block:ifwhitePlayer}#fff{/block:ifwhitePlayer}{block:ifblackPlayer}#000{/block:ifblackPlayer}{block:ifgreyPlayer}#e4e4e4{/block:ifgreyPlayer};border:5px solid {block:ifwhitePlayer}#fff{/block:ifwhitePlayer}{block:ifblackPlayer}#000{/block:ifblackPlayer}{block:ifgreyPlayer}#e4e4e4{/block:ifgreyPlayer};overflow:hidden;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;margin-top:22px;margin-left:2px;}
  220. #plays {padding:5px;background:{color:post bg};border:1px solid {color:borders};width:40px;float:left;height:80px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;margin-right:-1px;}
  221. #minfo {padding:6px;text-align:left;background:{color:chat bg 2};border:1px solid {color:borders};height:78px;overflow:hidden;border-right:0px none;font-family:century gothic, sans-serif;text-transform:uppercase;text-align:center;color:{color:text} !important;}
  222. .album {width:80px;z-index:2;height:80px;padding:5px;background:{color:post bg};border:1px solid {color:borders};float:right;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .albumy {position:absolute;width:80px;margin-left:0px} .album img {width:80px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:0;} .albumnone {position:absolute;z-index:0;display:block;margin-left:0px;}
  223. #minfo h1 {font-size:20px;font-weight:700;padding:10px 5px 5px;}
  224. #minfo h2 {font-size:15px;font-weight:400;padding:5px;}
  225. #minfo h3 {font-size:10px;font-weight:400;padding:5px;}
  226.  
  227.  
  228. #bottomh {position:fixed;bottom:0;width:100px;z-index:99;margin-left:-85px;height:35px;} a#more{cursor:pointer;}
  229. .pops {background:{color:more bg};padding: 5px 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid {color:more bg};margin-left:20px;margin-right:10px;}
  230. .more {position:absolute;width:250px;margin-left:0px;text-align:center;margin-top:-15px;margin-bottom:5px;}
  231. .more a {padding:0px 2px; color:{color:more links}; text-transform:uppercase; font-size:8px;letter-spacing:1px; margin:1px; overflow:hidden;text-align:center;}
  232. .more a:hover {color:{color:more links hover};font-style:italic;border-bottom:1px solid {color:more links border};}
  233. .pops:before {content:'';width:0;height:0;display:block;position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid {color:more bg};top:50%;margin-top:-10px;right:0px;}
  234.  
  235.  
  236. #tab {position:fixed;bottom:55px;margin-left:435px;width:30px;z-index:100;}
  237. #pix {width:16px;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border:1px solid {color:borders};background:{color:background};padding:0px 7px 5px;overflow:hidden;}
  238. #pix img {display:block;}
  239. .audp {position:absolute;margin-left:-5px;width:25px;overflow:hidden;margin-top:-10px;z-index:10;opacity:0;}
  240. .audp embed {margin-left:-25px;}
  241. #playlist {width:150px;border:1px solid {color:borders};background:{color:post bg};-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;position:absolute;margin-left:35px;bottom:-1300%;opacity:0;}
  242. #playlist ol {margin:0;padding:0;}
  243. #playlist ol > b {padding:5px;background:{color:background};text-align:center;font-weight:700;text-transform:uppercase;font-size:10px;display:block;font-family:century gothic, sans-serif;letter-spacing:1px;margin:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:1px solid {color:borders};}
  244. #playlist li {margin:4px;padding:3px;background:{color:background};-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;list-style-position:inside;}
  245. #playlist li b {font-size:11px;}
  246. #tab:hover #playlist {bottom:0px;opacity:1;}
  247. #tab:hover .audp {opacity:1;}
  248. #tab:hover #pix img {opacity:0;}
  249. #playlist, .audp, #pix img {-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-ms-transition: all .4s linear;transition: all .4s linear;}
  250.  
  251. </style>
  252. </head>
  253. <body>
  254.  
  255. <img src="{image:background img}" style="display:block;position:fixed;{select:background};z-index:-1;" />
  256.  
  257. <div id="poster">
  258.  
  259. {block:ifAudioPlayerTab}
  260. <div id="tab">
  261. <div id="pix">
  262. <img src="{image:audio tab}" width="16px" />
  263. <div class="audp">{text:music player code}</div>
  264. </div>
  265. {block:ifShowPlaylist}
  266.  
  267.  
  268. <div id="playlist">
  269. <ol>
  270.  
  271. <!-- PLAYLIST HERE -->
  272. <b>Playlist</b>
  273.  
  274. <li><b>Example</b> by someone</li>
  275.  
  276. <li><b>Example</b> by someone</li>
  277.  
  278. <li><b>Example</b> by someone</li>
  279.  
  280. <li><b>Example</b> by someone</li>
  281.  
  282. <li><b>Example</b> by someone</li>
  283.  
  284. <li><b>Example</b> by someone</li>
  285.  
  286. <li><b>Example</b> by someone</li>
  287.  
  288. <li><b>Example</b> by someone</li>
  289.  
  290. <li><b>Example</b> by someone</li>
  291.  
  292. <li><b>Example</b> by someone</li>
  293.  
  294. </ol>
  295.  
  296. </div>
  297. {/block:IfShowPlaylist}
  298. </div>
  299. {/block:ifAudioPlayerTab}
  300.  
  301.  
  302. {block:ifMoreLinks}
  303. <div id="bottomh">
  304. <div class="more">
  305. <div class="pops">
  306. {block:iflink1}
  307. <a href="{text:link1 url}">{text:link1}</a>
  308. {/block:iflink1}
  309. {block:iflink2}
  310. <a href="{text:link2 url}">{text:link2}</a>
  311. {/block:iflink2}
  312. {block:iflink3}
  313. <a href="{text:link3 url}">{text:link3}</a>
  314. {/block:iflink3}
  315. {block:iflink4}
  316. <a href="{text:link4 url}">{text:link4}</a>
  317. {/block:iflink4}
  318. {block:iflink5}
  319. <a href="{text:link5 url}">{text:link5}</a>
  320. {/block:iflink5}
  321. {block:iflink6}
  322. <a href="{text:link6 url}">{text:link6}</a>
  323. {/block:iflink6}
  324. {block:iflink7}
  325. <a href="{text:link7 url}">{text:link7}</a>
  326. {/block:iflink7}
  327. {block:iflink8}
  328. <a href="{text:link8 url}">{text:link8}</a>
  329. {/block:iflink8}
  330. {block:iflink9}
  331. <a href="{text:link9 url}">{text:link9}</a>
  332. {/block:iflink9}
  333. {block:iflink10}
  334. <a href="{text:link10 url}">{text:link10}</a>
  335. {/block:iflink10}
  336. </div>
  337. </div>
  338. </div>
  339. {/block:ifMoreLinks}
  340.  
  341.  
  342. <div id="bottom">
  343. <a href="/"><img src="{PortraitURL-30}" class="icon"/></a>
  344. <div id="title">{block:IfNotOtherTitle}{Title}{/block:IfNotOtherTitle}{block:IfOtherTitle}{text:OtherTitle}{/block:IfOtherTitle}</div>
  345. <div id="links">
  346. <a href="/">home</a>
  347. <a href="/ask">message</a>
  348. <a href="/archive">archive</a>
  349. <!-- if you delete/change this link, put the credit in a corner
  350. (you can read how to in my faq or just ask me) -->
  351. <a href="http://zeloid.tumblr.com/">theme</a>
  352. {block:ifMoreLinks}
  353. <a id="more" title="hover to show/hide menu">more</a>
  354. {/block:ifMoreLinks}
  355. </div>
  356. <div id="deck">{description}</div>
  357.  
  358.  
  359. {block:Pagination}
  360. <div id="pagis" {block:ifinfiniteScroll}style="display:none;"{/block:ifinfiniteScroll}>
  361. {block:PreviousPage}<a href="{PreviousPage}">back</A> &nbsp; {/block:PreviousPage}
  362. {block:NextPage} &nbsp; <a href="{NextPage}">next</a>{/block:NextPage}</div>
  363. {/block:Pagination}
  364.  
  365.  
  366. {block:IndexPage}
  367. <div id="pagis" {block:ifNotinfiniteScroll}style="display:none;"{/block:ifNotinfiniteScroll}>
  368. <a style="display: inline;" href="javascript:;" id="mbTop" title="back to top">▲</a>
  369. </div>
  370. {/block:IndexPage}
  371.  
  372. </div>
  373.  
  374. <div class="autopagerize_page_element">
  375. {block:Posts}
  376.  
  377. <div id="hov">
  378. {block:IndexPage}
  379. <div id="lie" class="{PostType}">
  380.  
  381.  
  382. </div>
  383. {/block:IndexPage}{/block:Date}
  384.  
  385. {block:RebloggedFrom}
  386. <div class="from">
  387. <a href="{ReblogParentURL}">
  388. <div class="photos">
  389. <div class="nin">from: <span>{ReblogParentName}</span></div>
  390. <img src="{ReblogParentPortraitURL-40}">
  391. </div></a>
  392. <a href="{ReblogRootURL}">
  393. <div class="photos">
  394. <div class="nin">originally: <span>{ReblogRootName}</span></div>
  395. <img src="{ReblogRootPortraitURL-40}">
  396. </div></a>
  397. </div>
  398. {/block:RebloggedFrom}
  399.  
  400. <div class="post" id="{PostType}">
  401.  
  402.  
  403. {block:Photo}
  404. <div class="ph"><center>{block:indexPage}<a href="{permalink}">{/block:indexPage}{block:permalinkPage}{LinkOpenTag}{/block:permalinkPage}<img src="{PhotoURL-500}" alt="{Photoalt}" class="oke">{block:indexPage}</a>{/block:indexPage}{block:permalinkPage}{LinkCloseTag}{/block:permalinkPage}</center></div>
  405. {block:PermalinkPage}{block:HighRes}<a href="{PhotoURL-HighRes}" class="highr">High-res →</a>{/block:HighRes}{/block:PermalinkPage}
  406. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  407. {/block:Photo}
  408.  
  409. {block:Photoset}
  410. <div class="ph">{Photoset-400}</div>
  411. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  412. {/block:Photoset}
  413.  
  414. {block:Text}
  415. {block:Title}<h3>{Title}</h3>{/block:Title}
  416. {Body}
  417. {/block:Text}
  418.  
  419. {block:Quote}
  420. <div class="quo">”</div><q id="mq">{Quote}</q>
  421. {block:Source}<div class="src"><span>{Source}</span></div>{/block:Source}
  422. {/block:Quote}
  423.  
  424. {block:Link}
  425. <a href="{URL}" {Target}><h3>{Name}</h3></a>
  426. {block:Description}{Description}{/block:Description}
  427. {/block:Link}
  428.  
  429. {block:Audio}
  430.  
  431. {block:AudioPlayer}
  432. <div class="album" {block:PlayCount}title="{PlayCountwithlabel}"{/block:PlayCount}><div class="albumnone"><img src="http://static.tumblr.com/mxokwyk/u8qmft2y1/audio.jpg"></div>{block:AlbumArt}<img class="albumy" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  433. <div id="plays"><div id="player1">{block:ifwhitePlayer}{AudioPlayerWhite}{/block:ifwhitePlayer}{block:ifblackPlayer}{AudioPlayerBlack}{/block:ifblackPlayer}{block:ifgreyPlayer}{AudioPlayerGrey}{/block:ifgreyPlayer}</div></div>
  434. <div id="minfo">
  435. <h1><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</h1>
  436. <h2><span{block:Artist} style="display:none;"{/block:Artist}> Unknown</span>{block:Artist}{Artist}{/block:Artist}</h2>
  437. <h3><span{block:Album} style="display:none;"{/block:Album}> Unknown</span>{block:Album}{Album}{/block:Album}</h3>
  438. </div>
  439. {/block:AudioPlayer}
  440. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  441. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  442. {/block:Audio}
  443.  
  444.  
  445. {block:Chat}
  446. {block:Title}<h3>{Title}</h3>{/block:Title}
  447. <div class="chat"><ul>{block:Lines}
  448. <li class="{Alt} u{UserNumber}">
  449. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  450. {Line}</li>{/block:Lines}</ul></div>
  451. {/block:Chat}
  452.  
  453.  
  454. {block:Video}
  455. <div class="ph">{Video-400}</div>
  456. {block:Caption}<div id="caps">{Caption}</div>{/block:Caption}
  457. {/block:Video}
  458.  
  459.  
  460. {block:Answer}
  461. <div class="q"><img src="{AskerPortraitURL-40}"><span>{Asker} {text:asker action}:</span>{Question}</div><div style="padding:10px">{Answer}</div>
  462. {/block:Answer}
  463.  
  464.  
  465. {block:ContentSource}
  466. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  467. {/block:ContentSource}
  468. {block:RebloggedFrom}
  469. <!--reblogged from: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br> original post: <a href="{ReblogRootURL}" title="{ReblogrootTitle}">{ReblogRootName}</a>-->
  470. {/block:RebloggedFrom}
  471.  
  472.  
  473. {block:IndexPage}
  474. {block:Date}
  475. <div id="truth" class="{PostType}">
  476. <a href="{permalink}" class="hday">{DayOfMonth}</a>
  477. <a href="{permalink}" class="hmonth">{ShortMonth}</a>
  478. {block:NoteCount}
  479. <a href="{permalink}" class="hnotes">{NoteCount}</a>
  480. {/block:NoteCount}
  481. <a style="vertical-align:4px;font-size:8px;{block:NoteCount}display:none;{/block:NoteCount}">•</a>
  482. <a href="{reblogurl}" class="hreblog">reblog</a>
  483. </div>
  484. {/block:Date}
  485.  
  486.  
  487. {block:HasTags}<div id="tagger" class="{PostType}">
  488. {block:Tags}<a href="{TagURL}">{Tag}</a>
  489. {/block:Tags}</div>{/block:HasTags}
  490. {/block:IndexPage}
  491.  
  492. </div>
  493.  
  494.  
  495. {block:PermalinkPage}
  496. {block:Date}
  497. <div id="bird">
  498. {block:NotReblog}Posted{/block:NotReblog} {block:RebloggedFrom} Reblogged {/block:RebloggedFrom} {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} @ {12HourWithZero}:{Minutes} {AmPm} <br/> <b>{TimeAgo} {block:NoteCount} with {NoteCountwithLabel}</b>{/block:NoteCount}
  499. </div>
  500. {block:HasTags}<div id="saveds">filed under:</b> &nbsp;
  501. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  502. {/block:HasTags}
  503. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  504. {/block:Date}
  505. {/block:PermalinkPage}
  506.  
  507. </div>
  508. {/block:Posts}
  509. </div>
  510. </div>
  511.  
  512.  
  513.  
  514. </body>
  515. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!