API tools faq
paste
Advertisement
spideychey

Updates&Musicplayer

spideychey
Oct 23rd, 2014
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.17 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!----
  5. Theme 16 "Electronica" from cixth at http://www.cixth.tumblr.com
  6. coded by bangalchristo (http://bangalchristo.tumblr.com) © 2014
  7. please do not remove credit under any circumstances ---->
  8.  
  9. <link rel="shortcut icon" href="{Favicon}" />
  10. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <title>{Title}</title>
  14.  
  15. <head>
  16.  
  17. <meta name="if:400pxPosts" content="0"/>
  18. <meta name="if:InfiniteScroll" content="0">
  19. <meta name="if:LongerNav" content="0"/>
  20. <meta name="if:MusicPlayer" content="1"/>
  21. <meta name="if:PostContent" content="1"/>
  22. <meta name="if:PostEffect" content="1">
  23. <meta name="if:WhiteAudioPlayer" content="0">
  24. <meta name="if:UpdateBox" content="1">
  25.  
  26. <meta name="image:SidebarImage" content=""/>
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:MusicPlayer" content="http://media.tumblr.com/tumblr_m7w2p9qThT1r6o8v2.gif"/>
  29.  
  30. <meta name="color:Background" content="#FFFFFF"/>
  31. <meta name="color:Text" content="#111111"/>
  32. <meta name="color:Links" content="#ff0dbe"/>
  33. <meta name="color:LinksHover" content="#111111"/>
  34. <meta name="color:BlockQuoteBar" content="#111111"/>
  35. <meta name="color:PostBorder" content="#E2E2E2"/>
  36. <meta name="color:PostBG" content="#FFFFFF"/>
  37. <meta name="color:MainBars" content="#000000"/>
  38. <meta name="color:DescriptionBG" content="#000000"/>
  39. <meta name="color:DescriptionText" content="#FFFFFF"/>
  40. <meta name="color:DescriptionLinks" content="#ff0dbe"/>
  41. <meta name="color:DescriptionLinksHover" content="#FFFFFF"/>
  42. <meta name="color:NavLinks" content="#ff0dbe"/>
  43. <meta name="color:NavLinksHover" content="#FFFFFF"/>
  44. <meta name="color:NavLines" content="#ff0dbe"/>
  45. <meta name="color:MusicPlayerBars" content="#333333"/>
  46. <meta name="color:UpdateBoxText" content="#FFFFFF"/>
  47. <meta name="color:PostInfoLinks" content="#ff0dbe"/>
  48. <meta name="color:PostInfoLinksHover" content="#FFFFFF"/>
  49. <meta name="color:PostInfoBG" content="#000000"/>
  50. <meta name="color:PostInfoText" content="#FFFFFF"/>
  51. <meta name="color:ChatOdd" content="#73b7cf"/>
  52. <meta name="color:ChatEven" content="#f76d5a"/>
  53.  
  54.  
  55. <meta name="text:Link1" content="/"/>
  56. <meta name="text:Link1 Title" content="home"/>
  57. <meta name="text:Link2" content="/ask"/>
  58. <meta name="text:Link2 Title" content="message"/>
  59. <meta name="text:Link3" content="/archive"/>
  60. <meta name="text:Link3 Title" content="archive"/>
  61. <meta name="text:Link4" content="/"/>
  62. <meta name="text:Link4 Title" content="link 4"/>
  63. <meta name="text:Link5" content="/"/>
  64. <meta name="text:Link5 Title" content="link 5"/>
  65. <meta name="text:Link6" content="/"/>
  66. <meta name="text:Link6 Title" content="link 6"/>
  67. <meta name="text:MusicPlayer" content=""/>
  68. <meta name="text:HeightUpdateBox" content="140px"/>
  69.  
  70. <style type="text/css">
  71.  
  72. @font-face {
  73. font-family: 'tinytots'; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  74.  
  75. @font-face {
  76. font-family: 'silkscreen'; src: url('http://static.tumblr.com/o5pckcp/2fwn5a5sl/slkscr.ttf');}
  77.  
  78.  
  79. ::-webkit-scrollbar {width:6px;}
  80.  
  81. ::-webkit-scrollbar-thumb:vertical {background:#111;border:2px solid #fff;}
  82.  
  83. ::-webkit-scrollbar-button:vertical:start {background:#fff;height:1px;}
  84. ::-webkit-scrollbar-button:vertical:end {background:#fff;height:1px;}
  85.  
  86.  
  87.  
  88. body {background:{color:Background} repeat fixed url('{image:Background}'); color:{color:Text}; font:10px consolas;}
  89. a:link, a:active, a:visited {
  90. color:{color:Links}; font:10px consolas; letter-spacing:1px;
  91. -webkit-transition: all 0.3s ease-in-out;
  92. -moz-transition: all 0.3s ease-in-out;
  93. -ms-transition: all 0.3s ease-in-out;
  94. -o-transition: all 0.3s ease-in-out;
  95. transition: all 0.3s ease-in-out; text-decoration:none;}
  96. a:hover {color:{color:LinksHover};
  97. -webkit-transition: all 0.3s ease-in-out;
  98. -moz-transition: all 0.3s ease-in-out;
  99. -ms-transition: all 0.3s ease-in-out;
  100. -o-transition: all 0.3s ease-in-out;
  101. transition: all 0.3s ease-in-out;}
  102. blockquote {padding:0 0 0 5px; border-left:3px solid
  103. {color:BlockQuoteBar}; margin-left:15px;}
  104. blockquote pre {white-space:normal;}
  105. {block:if400pxPosts}blockquote img {max-width:375px;}
  106. blockquote blockquote img {max-width:352px;}
  107. blockquote blockquote blockquote img {max-width:329px;}
  108. blockquote blockquote blockquote blockquote img {max-width:306px;}
  109. {/block:if400pxPosts}
  110. {block:ifNot400pxPosts}blockquote img {max-width:475px;}
  111. blockquote blockquote img {max-width:452px;}
  112. blockquote blockquote blockquote img {max-width:429px;}
  113. blockquote blockquote blockquote blockquote img {max-width:406px;}
  114. {/block:ifNot400pxPosts}
  115. ul {list-style-type:square;}
  116.  
  117. /* MAIN CONTAINER + BARS */
  118. #container {position:relative; margin:auto;
  119. {block:if400pxPosts}width:570px;{/block:if400pxPosts}
  120. {block:ifNot400pxPosts}width:670px;{/block:ifNot400pxPosts}}
  121.  
  122. .left {width:140px; margin-top:50px; position:fixed; z-index:9999999;}
  123. .right {margin-top:60px;}
  124. .postwrap {float:right; padding:10px 0 50px 0;}
  125. .posts {z-index:99999; background:{color:PostBG};
  126. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  127. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  128. padding:4px; border-radius:2px; border:1px solid {color:PostBorder};
  129. {block:ifPostEffect}{block:IndexPage}
  130. border:1px solid {color:PostBG};
  131. {/block:IndexPage}{/block:ifPostEffect}
  132.  
  133. {block:ifPostEffect}{block:IndexPage}
  134. -webkit-filter: grayscale(0.7); -moz-filter: grayscale(0.7);
  135. -o-filter: grayscale(0.7); -ms-filter: grayscale(0.7);
  136. filter: grayscale(0.7);
  137. -webkit-transition: all 0.5s ease-in-out;
  138. -moz-transition: all 0.5s ease-in-out;
  139. -ms-transition: all 0.5s ease-in-out;
  140. -o-transition: all 0.5s ease-in-out;
  141. transition: all 0.5s ease-in-out;
  142. {/block:IndexPage}{/block:ifPostEffect}}
  143.  
  144.  
  145. {block:ifPostEffect}{block:IndexPage}
  146. .posts:hover {border:1px solid {color:PostBorder};
  147. -webkit-filter: grayscale(0); -moz-filter: grayscale(0);
  148. -o-filter: grayscale(0); -ms-filter: grayscale(0);
  149. filter: grayscale(0);
  150. -webkit-transition: all 0.5s ease-in-out;
  151. -moz-transition: all 0.5s ease-in-out;
  152. -ms-transition: all 0.5s ease-in-out;
  153. -o-transition: all 0.5s ease-in-out;
  154. transition: all 0.5s ease-in-out;}
  155. {/block:IndexPage}{/block:ifPostEffect}
  156. .up, .down {width:100%; height:40px;
  157. background:{color:MainBars}; position:fixed; z-index:999999;}
  158. .up {top:0; left:0;} .down {bottom:0; left:0;}
  159.  
  160.  
  161. /* SIDEBAR */
  162. .sidebar {width:140px;}
  163. .portrait img {width:140px; border-top-left-radius:8px;
  164. border-top-right-radius:8px ;margin:auto; display:block;}
  165. .base {width:140px; background:{color:DescriptionBG};
  166. border-bottom-left-radius:8px; border-bottom-right-radius:8px;
  167. color:{color:DescriptionText}; text-align:justify;}
  168. .ment {padding:5px;} .ment a {color:{color:DescriptionLinks}}
  169. .ment a:hover {color:{color:DescriptionLinksHover};}
  170.  
  171. /* NAVIGATION */
  172. .navigate {position:fixed; top:12px; z-index:9999999;
  173. margin-left:160px; text-align:center;
  174. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  175. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}}
  176.  
  177.  
  178. .linea {position:fixed ;margin-top:7px;} .lin {position:fixed;}
  179. {block:ifLongerNav}.sail {margin-top:-6px;}{/block:ifLongerNav}
  180.  
  181.  
  182. .navigate a {font:8px 'silkscreen'; text-transform:uppercase;
  183. letter-spacing:0; padding:0 2px 5px 2px;
  184. border-bottom:1px solid {color:MainBars}; color:{color:NavLinks};}
  185. .navigate a:hover {color:{color:NavLinksHover};
  186. border-bottom:1px solid {color:NavLinks};
  187. padding-bottom:2px;}
  188.  
  189.  
  190. .linea, .lin {height:1px; background:{color:NavLines};
  191. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  192. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}}
  193. .sail, .boat {padding:1px 0 2px 0; background:{color:MainBars};
  194. border-left:1px solid {color:NavLines};
  195. border-right:1px solid {color:NavLines};
  196. margin-left:50px; z-index:9999999999; position:fixed;
  197. {block:if400pxPosts}width:300px;{/block:if400pxPosts}
  198. {block:ifNot400pxPosts}width:400px;{/block:ifNot400pxPosts}}
  199. .beep, .boop, .bop, .pob {width:9px;height:9px;border-radius:2px;
  200. background:{color:NavLines};}
  201. .beep {margin-bottom:-12px ;margin-top:3px;}
  202. .boop {margin:3px 1px -12px 0; float:right;}
  203. .bop {float:left; margin:-4px 1px 0 0;}
  204. .pob {float:right; margin:-4px 1px 0 0;}
  205.  
  206.  
  207.  
  208. /* PAGINATION */
  209. .pages {z-index:9999999;bottom:15px;
  210. position:fixed;margin-left:160px;text-align:center;
  211. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  212. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}}
  213. .boat {margin-top:-7px;}
  214. .pages a, .pages span {font:8px 'silkscreen';padding:0 6px 5px 6px;
  215. margin:0 3px;} .pages span {color:#fff;}
  216. .pages a {border-bottom:1px solid {color:MainBars};}
  217. .pages a:hover {border-bottom:1px solid {color:NavLinks};
  218. padding-bottom:2px; color:{color:NavLinksHover};}
  219.  
  220. /* MUSIC PLAYER */
  221. {block:ifMusicPlayer}
  222. .musica {width:140px; height:40px; position:fixed; z-index:9999999;
  223. top:2px;} .musique {width:0px; height:1px;
  224. background:{color:NavLines}; float:right; margin-top:17px;
  225. margin-right:-20px;
  226. -webkit-transition: all 0.5s ease-in-out;
  227. -moz-transition: all 0.5s ease-in-out;
  228. -ms-transition: all 0.5s ease-in-out;
  229. -o-transition: all 0.5s ease-in-out;
  230. transition: all 0.5s ease-in-out;}
  231. .case {width:14px; height:14px; border-radius:4px; padding:4px;
  232. margin-left:55px; margin-top:6px;
  233. border-left:1px solid {color:MusicPlayerBars};
  234. border-right:1px solid {color:MusicPlayerBars};
  235. -webkit-transition: all 0.5s ease-in-out;
  236. -moz-transition: all 0.5s ease-in-out;
  237. -ms-transition: all 0.5s ease-in-out;
  238. -o-transition: all 0.5s ease-in-out;
  239. transition: all 0.5s ease-in-out;}
  240. .case img {margin-top:1px;
  241. -webkit-transition: all 0.5s ease-in-out;
  242. -moz-transition: all 0.5s ease-in-out;
  243. -ms-transition: all 0.5s ease-in-out;
  244. -o-transition: all 0.5s ease-in-out;
  245. transition: all 0.5s ease-in-out;}
  246. .record {margin-top:-18px; opacity:0; width:50px; overflow:hidden;}
  247.  
  248.  
  249. .musica:hover .case {margin-left:40px; width:50px;
  250. border-left:1px solid {color:NavLines};
  251. border-right:1px solid {color:NavLines};
  252. -webkit-transition: all 0.5s ease-in-out;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -ms-transition: all 0.5s ease-in-out;
  255. -o-transition: all 0.5s ease-in-out;
  256. transition: all 0.5s ease-in-out;}
  257. .musica:hover .case img {opacity:0;
  258. -webkit-transition: all 0.5s ease-in-out;
  259. -moz-transition: all 0.5s ease-in-out;
  260. -ms-transition: all 0.5s ease-in-out;
  261. -o-transition: all 0.5s ease-in-out;
  262. transition: all 0.5s ease-in-out;}
  263. .musica:hover .musique {width:60px;
  264. -webkit-transition: all 0.5s ease-in-out;
  265. -moz-transition: all 0.5s ease-in-out;
  266. -ms-transition: all 0.5s ease-in-out;
  267. -o-transition: all 0.5s ease-in-out;
  268. transition: all 0.5s ease-in-out;}
  269. .musica:hover .record {opacity:1;
  270. -webkit-transition: all 0.5s ease-in-out;
  271. -moz-transition: all 0.5s ease-in-out;
  272. -ms-transition: all 0.5s ease-in-out;
  273. -o-transition: all 0.5s ease-in-out;
  274. transition: all 0.5s ease-in-out;
  275. -webkit-transition-delay: 0.26s;
  276. -moz-transition-delay: 0.26s;
  277. -o-transition-delay: 0.26s;
  278. transition-delay: 0.26s;}
  279. {/block:ifMusicPlayer}
  280.  
  281.  
  282.  
  283. /* UPDATES BAR */
  284. {block:ifUpdateBox}
  285. .updates {width:140px; position:fixed; bottom:0; z-index:9999999;}
  286. .bar {width:100px; height:20px; color:{color:UpdateBoxText};
  287. position:fixed; margin-left:20px; overflow:hidden; margin-top:12px; bottom:19px; z-index:9999999; background:{color:MainBars};
  288. border-radius:5px 5px 0 5px; z-index:999999999; line-height:170%;
  289. border-bottom:1px solid {color:MainBars}; font:9px consolas;
  290. -webkit-transition: all 0.5s ease-in-out;
  291. -moz-transition: all 0.5s ease-in-out;
  292. -ms-transition: all 0.5s ease-in-out;
  293. -o-transition: all 0.5s ease-in-out;
  294. transition: all 0.5s ease-in-out;}
  295. .uptitle {text-align:center; font:12px lucida console;
  296. color:{color:UpdateBoxText}; padding:6px 0;}
  297. .uptitle span {border-bottom:1px solid {color:NavLines};}
  298. .bar li {font:9px consolas; text-indent:5px;}
  299.  
  300.  
  301. .updates:hover .bar {height:{text:HeightUpdateBox};
  302. {block:ifnotInfiniteScroll}{block:IndexPage}
  303. border-bottom:1px solid {color:NavLines};
  304. {/block:IndexPage}{/block:ifnotInfiniteScroll}
  305. -webkit-transition: all 0.5s ease-in-out;
  306. -moz-transition: all 0.5s ease-in-out;
  307. -ms-transition: all 0.5s ease-in-out;
  308. -o-transition: all 0.5s ease-in-out;
  309. transition: all 0.5s ease-in-out;
  310. {block:ifnotInfiniteScroll}{block:IndexPage}
  311. -webkit-transition-delay: 0.31s;
  312. -moz-transition-delay: 0.31s;
  313. -o-transition-delay: 0.31s;
  314. transition-delay: 0.31s;
  315. {/block:IndexPage}{/block:ifnotInfiniteScroll}}
  316. .upline {width:0px; height:1px; background:{color:NavLines};
  317. float:right; z-index:99999999999; margin:26px -20px 19px 0;
  318. -webkit-transition: all 0.5s ease-in-out;
  319. -moz-transition: all 0.5s ease-in-out;
  320. -ms-transition: all 0.5s ease-in-out;
  321. -o-transition: all 0.5s ease-in-out;
  322. transition: all 0.5s ease-in-out;}
  323. {block:ifnotInfiniteScroll}{block:IndexPage}
  324. .updates:hover .upline {width:40px;
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. -ms-transition: all 0.5s ease-in-out;
  328. -o-transition: all 0.5s ease-in-out;
  329. transition: all 0.5s ease-in-out;}
  330. {/block:IndexPage}{/block:ifnotInfiniteScroll}
  331. {/block:ifUpdateBox}
  332.  
  333. /* POST INFO + TAGS */
  334. .infowrap {padding-bottom:50px;margin-top:5px;}
  335. .lainfo {background:{color:PostInfoBG};
  336. border-radius:2px; color:{color:PostInfoText};
  337. border-left:10px solid {color:PostInfoLinks};
  338. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  339. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}}
  340. .roof, .tagfloor {margin-left:2px;text-transform:uppercase;
  341. font:8px 'tinytots';}
  342. .roof {padding:7px 0 6px 10px;}
  343. .tagfloor {padding:0 0 6px 10px; margin-top:-3px;}
  344. .roof a, .tagfloor a {font:8px 'tinytots';
  345. color:{color:PostInfoLinks}; font-weight:none;}
  346. .tagfloor a {padding-right:6px;}
  347. .roof a:hover, .tagfloor a:hover {color:{color:PostInfoLinksHover};}
  348. .roof span {float:right; padding-right:5px;}
  349.  
  350.  
  351. /* POST TYPES */
  352. .titulo, .link {text-indent:10px; background:{color:PostInfoBG};
  353. font:16px consolas; border-radius:3px; margin:6px 12px;
  354. color:{color:PostInfoText}; font:8px 'tinytots';
  355. text-transform:uppercase; padding:7px 0 6px 0;}
  356.  
  357.  
  358. .link a {font:8px 'tinytots'; color:{color:PostInfoLinks};}
  359. .link a:hover {color:{color:PostInfoLinksHover};}
  360.  
  361.  
  362. .quote {padding:5px 7px; text-align:center;
  363. font:13px consolas italic;}
  364. .source {margin:5px 8px; text-align:center;}
  365.  
  366.  
  367. #audio {height:100px; background:{color:PostBG}; padding-bottom:10px;
  368. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  369. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}}
  370. .cover {position:relative; width:100px; height:100px; float:left;
  371. z-index:0;}.absent,.front {background:{color:PostBG}; padding:5px;}
  372. .absent {position:relative; width:100px; height:100px; z-index:0;}
  373. .front {width:100px; height:100px; z-index:3; position:absolute;}
  374. .cover img {border-radius:7px;}
  375. .playerinfowrap {float:right; position:relative;
  376. {block:if400pxPosts}width:290px;{/block:if400pxPosts}
  377. {block:ifNot400pxPosts}width:390px;{/block:ifNot400pxPosts}}
  378. .player {position:relative; height:30px; margin-top:5px;
  379. {block:ifWhiteAudioPlayer}background:#fff;{/block:ifWhiteAudioPlayer}
  380. {block:ifNotWhiteAudioPlayer}background:#000;{/block:ifNotWhiteAudioPlayer}
  381. overflow:hidden; border-radius:2px;
  382. {block:if400pxPosts}width:285px;{/block:if400pxPosts}
  383. {block:ifNot400pxPosts}width:385px;{/block:ifNot400pxPosts}}
  384. .button {height:30px; position:absolute ;z-index:999;
  385. overflow:hidden; margin:1px 0 0 10px; width:30px;}
  386. .musicinfo {text-align:center; margin-top:5px;}
  387. .musicinfo span {font:10px consolas;
  388. border-bottom:1px solid #e2e2e2; line-height:150%;}
  389.  
  390.  
  391. .linea_odd, .linea_even {padding:4px 0 5px 7px; text-indent:3px;}
  392. .linea_odd {background:#f2f2f2;}
  393. .linea_odd b, .linea_even b {letter-spacing:2px;}
  394. .linea_odd b {color:{color:ChatOdd};}
  395. .linea_even b {color:{color:ChatEven};}
  396.  
  397.  
  398. .askwrap {position:relative;
  399. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  400. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}}
  401. .asker {margin:5px 0 0 5px;}
  402. .question {float:right;
  403. {block:if400pxPosts}width:355px;{/block:if400pxPosts}
  404. {block:ifNot400pxPosts}width:455px;{/block:ifNot400pxPosts}}
  405. .question span, .question span a {color:{color:PostInfoLinks};
  406. border-radius:2px; text-transform:uppercase;
  407. background:{color:PostInfoBG};
  408. letter-spacing:1px;font:8px 'tinytots';}
  409. .question span {padding:3px 2px 2px 4px;}
  410. .question span a {margin-left:-1px;}
  411. .question span a:hover {color:{color:PostInfoLinksHover};}
  412. .asker img {padding:5px;background:{color:PostInfoBG};
  413. border-radius:3px;} .answer {margin-left:5px;}
  414.  
  415.  
  416.  
  417. /* NOTES */
  418. .notas {margin-left:-15px; margin-top:-40px;
  419. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  420. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}}
  421. ol.notes li.note {list-style-type:decimal-leading-zero;
  422. padding:3px 0; margin:3px 0;font-style:italic;
  423. text-transform:uppercase; font:8px 'tinytots';}
  424. ol.notes a {font:8px 'tinytots';}
  425. ol.notes li.note img.avatar {display:none;}
  426.  
  427.  
  428.  
  429. {CustomCSS}
  430. #s-m-t-tooltip {max-width:300px;z-index:9999;margin:-5px 13px;
  431. padding:2px 5px 1px 5px;border-radius:2px;font:8px consolas;
  432. line-height:10px;color:{color:PostInfoText};text-transform:uppercase;
  433. background:{color:PostInfoBG};
  434. letter-spacing:1px;}
  435.  
  436. </style>
  437.  
  438. {block:ifInfiniteScroll}
  439. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  440. {/block:ifInfiniteScroll}
  441.  
  442. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  443. <script src="http://static.tumblr.com/i9rcnau/4jWmp8grh/jquery.style-my-tooltips.js"></script>
  444.  
  445. <script>
  446. (function($){
  447. $(document).ready(function(){
  448. $("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:200,tip_fade_speed:200,});
  449. });
  450. })(jQuery);
  451. </script>
  452.  
  453. <link rel="shortcut icon" href="{Favicon}">
  454. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  455.  
  456. </head>
  457. <body>
  458.  
  459. <div class="up"></div><div class="down"></div>
  460.  
  461. <div id="container">
  462.  
  463. {block:ifMusicPlayer}
  464. <div class="musica">
  465. <div class="musique"></div>
  466. <div class="case"><img src="{image:MusicPlayer}">
  467. <div class="record">{text:MusicPlayer}</div></div></div>
  468. {/block:ifMusicPlayer}
  469.  
  470.  
  471. <!----NAVIGATION STARTS---->
  472. <div class="navigate">
  473. <div class="beep"></div><div class="linea"></div>
  474. <!----LINKS START---->
  475. <div class="sail">
  476. {block:IfLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:IfLink1}
  477. {block:Iflink2}<a href="{text:link2}">{text:link2 Title}</a>{/block:Iflink2}
  478. {block:Iflink3}<a href="{text:link3}">{text:link3 Title}</a>{/block:Iflink3}
  479. {block:Iflink4}<a href="{text:link4}">{text:link4 Title}</a>{/block:Iflink4}
  480. {block:Iflink5}<a href="{text:link5}">{text:link5 Title}</a>{/block:Iflink5}
  481. {block:Iflink6}<a href="{text:link6}">{text:link6 Title}</a>{/block:Iflink6}
  482. <a href="http://cixth.tumblr.com/">theme</a>
  483. </div><!----LINKS END---->
  484. <div class="boop"></div>
  485. </div>
  486. <!----NAVIGATION ENDS---->
  487.  
  488. {block:ifNotInfiniteScroll}
  489. {block:Pagination}
  490. <div class="pages"><div class="bop"></div><div class="lin"></div>
  491. <div class="boat">{block:PreviousPage}
  492. <a href="{PreviousPage}">⇦</a>{/block:PreviousPage}
  493. {block:JumpPagination length="8"}
  494. {block:CurrentPage}<span>{PageNumber}</span>
  495. {/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>
  496. {/block:JumpPage}{/block:JumpPagination}
  497. {block:NextPage}<a href="{NextPage}">⇨</a>{/block:NextPage}</div>
  498. <div class="pob"></div></div>{/block:Pagination}
  499. {/block:ifNotInfiniteScroll}
  500.  
  501. <div class="left">
  502. <div class="portrait"><img src="{image:SidebarImage}"></div>
  503. <div class="base"><div class="ment">{Description}</div></div>
  504. </div>
  505.  
  506. {block:ifUpdateBox}
  507. <div class="updates"><div class="upline"></div>
  508. <div class="bar">
  509. <div class="uptitle"><span>updates</span></div>
  510. <div style="padding:1px 7px;">
  511. <!---WRITE HERE FOR UPDATES TAG--->
  512. you can write whatever you want here,
  513. if you choose to use this feature.
  514. you can change the height of the update box
  515. so you can write longer updates.
  516. <!---STOP WRITING HERE--->
  517. </div>
  518. </div>
  519. </div>
  520. {/block:ifUpdateBox}
  521.  
  522.  
  523.  
  524.  
  525. <div class="right"><div class="postwrap">
  526.  
  527. {block:ifInfiniteScroll}
  528. <div class="autopagerize_page_element">
  529. {/block:ifInfiniteScroll}
  530.  
  531. {block:Posts}<div class="posts">
  532.  
  533. {block:Text}
  534. {block:Title}<div class="titulo">+ {Title}</div>{/block:Title}
  535. <div style="margin:5px;">{Body}</div>
  536. {/block:Text}
  537.  
  538. {block:Link}
  539. <div class="link"><a href="{URL}">+ {Name}</a></div>
  540.  
  541. {block:ifPostContent}
  542. {block:Description}{Description}{/block:Description}
  543. {/block:ifPostContent}
  544.  
  545. {block:ifNotPostContent}
  546. {block:PermalinkPage}
  547. {block:Description}{Description}{/block:Description}
  548. {/block:PermalinkPage}
  549. {/block:ifNotPostContent}
  550. {/block:Link}
  551.  
  552. {block:Photo}
  553.  
  554. {block:if400pxPosts}
  555. <center>{LinkOpenTag}
  556. <a href="{permalink}">
  557. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"></a>
  558. {LinkCloseTag}</center>
  559. {/block:if400pxPosts}
  560.  
  561. {block:ifNot400pxPosts}
  562. <center>{LinkOpenTag}
  563. <a href="{permalink}">
  564. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  565. {LinkCloseTag}</center>
  566. {/block:ifNot400pxPosts}
  567.  
  568. {block:ifPostContent}
  569. {block:Caption}{Caption}{/block:Caption}
  570. {/block:ifPostContent}
  571.  
  572. {block:ifNotPostContent}
  573. {block:PermalinkPage}<div class="caption">
  574. {block:Caption}{Caption}{/block:Caption}</div>{/block:PermalinkPage}
  575. {/block:ifNotPostContent}
  576.  
  577. {block:ContentSource}
  578. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  579. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  580. {/block:SourceLogo}
  581. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  582. {/block:ContentSource}
  583. {/block:Photo}
  584.  
  585. {block:Photoset}
  586.  
  587. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  588. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  589.  
  590. {block:ifPostContent}
  591. {block:Caption}{Caption}{/block:Caption}
  592. {/block:ifPostContent}
  593.  
  594. {block:ifNotPostContent}
  595. {block:PermalinkPage}
  596. {block:Caption}{Caption}{/block:Caption}
  597. {/block:PermalinkPage}
  598. {/block:ifNotPostContent}
  599. {/block:Photoset}
  600.  
  601. {block:Quote}
  602. <div class="quote">❝{Quote}❞</div>
  603. <div class="source">{block:Source}- {Source} -{/block:Source}</div>
  604. {/block:Quote}
  605.  
  606. {block:Chat}
  607. {block:Title}<div class="titulo">
  608. <span>{Title}</span></div>{/block:Title}
  609. {block:Lines}<div class="linea_{Alt}">
  610. {block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}
  611. {/block:Chat}
  612.  
  613. {block:Audio}
  614. <div id="audio">
  615. <div class="cover">{block:AlbumArt}
  616. <img src="{AlbumArtURL}" class="front">{/block:AlbumArt}
  617. <img src="http://static.tumblr.com/i9rcnau/KGhmtly3b/icon.png"
  618. class="absent"></div>
  619.  
  620. <div class="playerinfowrap">
  621. <div class="player"><div class="button">
  622. {block:AudioPlayer}
  623. {block:ifWhiteAudioPlayer}{AudioPlayerWhite}{block:ifWhiteAudioPlayer}
  624. {block:ifNotWhiteAudioPlayer}{AudioPlayerBlack}{block:ifNotWhiteAudioPlayer}
  625. {/block:AudioPlayer}
  626. </div></div>
  627. <div class="musicinfo">
  628. <span>{block:TrackName}{TrackName}<br>{/block:TrackName}</span>
  629. <span>{block:Artist}{Artist}<br>{/block:Artist}</span>
  630. <span>{block:Album}{Album}<br>{/block:Album}</span>
  631. <span>{PlayCountWithLabel}</span>
  632. </div>
  633. </div>
  634. </div>
  635.  
  636. {block:ifPostContent}
  637. {block:Caption}{Caption}{/block:Caption}
  638. {/block:ifPostContent}
  639.  
  640. {block:ifNotPostContent}
  641. {block:PermalinkPage}
  642. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  643. {/block:ifNotPostContent}
  644. {/block:Audio}
  645.  
  646. {block:Answer}
  647. <div class="askwrap">
  648. <div class="question"><span>{Asker}</span> {Question}</div>
  649. <div class="asker"><img src="{AskerPortraitURL-24}"></div>
  650. </div>
  651.  
  652. <div class="answer">{Answer}</div>
  653. {/block:Answer}
  654.  
  655. {block:Video}
  656. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  657. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  658.  
  659. {block:ifPostContent}
  660. {block:Caption}{Caption}{/block:Caption}
  661. {/block:ifPostContent}
  662.  
  663. {block:ifNotPostContent}
  664. {block:PermalinkPage}
  665. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  666. {/block:ifNotPostContent}
  667. {/block:Video}
  668. </div>
  669.  
  670. {block:IndexPage}
  671. {block:Date}<div class="infowrap"><div class="lainfo">
  672. <div class="roof">
  673. <a href="{Permalink}">{ShortMonth} {DayofMonth}</a> @
  674. {12Hour}:{Minutes}{AmPm}</a>
  675. {block:NoteCount}+ {NoteCountWithLabel}{/block:NoteCount}
  676. + <a href="{ReblogURL}" target="_blank">Reblog</a>
  677. {block:RebloggedFrom}<span><a href="{ReblogParentURL}"> via </a> +
  678. <a href="{ReblogRootURL}"> original</a></span>{/block:RebloggedFrom}
  679. </div>
  680. {block:HasTags}<div class="tagfloor">tagged as:
  681. {block:Tags}<a href="{TagURL}">*{Tag}</a>{/block:Tags}</div>
  682. {/block:HasTags}
  683. </div></div>{/block:Date}
  684. {/block:IndexPage}
  685.  
  686. {block:PermalinkPage}
  687. {block:Date}<div class="infowrap"><div class="lainfo">
  688. <div class="roof">
  689. <a href="{Permalink}">{ShortMonth} {DayofMonth}</a> @
  690. {12Hour}:{Minutes}{AmPm}</a>
  691. {block:NoteCount}+ {NoteCountWithLabel}{/block:NoteCount}
  692. + <a href="{ReblogURL}" target="_blank">Reblog</a>
  693. {block:RebloggedFrom}<span><a href="{ReblogParentURL}"> via </a> +
  694. <a href="{ReblogRootURL}"> original</a></span>{/block:RebloggedFrom}
  695. </div>
  696. {block:HasTags}<div class="tagfloor">tagged as:
  697. {block:Tags}<a href="{TagURL}">*{Tag}</a>{/block:Tags}</div>
  698. {/block:HasTags}
  699. </div></div>{/block:Date}
  700. {/block:PermalinkPage}
  701.  
  702. {/block:Posts}
  703.  
  704. {block:ifInfiniteScroll}
  705. </div>
  706. {/block:ifInfiniteScroll}
  707.  
  708. {block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}
  709.  
  710. </div></div> <!----END OF POSTS---->
  711.  
  712.  
  713. </div> <!----END OF CONTAINER---->
  714.  
  715. </body>
  716. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!