Advertisement
sebastianslan

Theme 03

Sep 5th, 2014
2,088
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.20 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. <!-----------------------------------------------------------------------
  4.  
  5. * THEME #03 by saaraa @ cyantists.tumblr.com
  6.  
  7. - terms of use: http://cyantists.tumblr.com/terms
  8.  
  9. - I am no longer offering support for this theme
  10.  
  11. - enjoy!
  12.  
  13. ------------------------------------------------------------------------>
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Damion' rel='stylesheet' type='text/css'>
  26.  
  27. <meta name="image:Background" content="" />
  28. <meta name="image:Topbar" content="" />
  29.  
  30. <meta name="if:White Tumblr Controls" content="1" />
  31.  
  32. <meta name="color:Background" content="#fff" />
  33. <meta name="color:Accent 1" content="#ff7b8b" />
  34. <meta name="color:Accent 2" content="#ffb07b" />
  35. <meta name="color:Accent 3" content="#fff67b" />
  36. <meta name="color:Accent 4" content="#97ff7b" />
  37. <meta name="color:Accent 5" content="#7bffe9" />
  38. <meta name="color:Main" content="#a8a5a5" />
  39. <meta name="color:Bold" content="#888888" />
  40. <meta name="color:Posts Background" content="#f6f6f6" />
  41. <meta name="color:Captions Background" content="#fff" />
  42. <meta name="color:Tooltip Background" content="#b3b3b3" />
  43.  
  44. <meta name="text:Link 1 Name" content="link one" />
  45. <meta name="text:Link 1 URL" content="/url" />
  46. <meta name="text:Link 2 Name" content="link two" />
  47. <meta name="text:Link 2 URL" content="/url" />
  48. <meta name="text:Link 3 Name" content="link three" />
  49. <meta name="text:Link 3 URL" content="/url" />
  50. <meta name="text:Link 4 Name" content="link four" />
  51. <meta name="text:Link 4 URL" content="/url" />
  52. <meta name="text:Link 5 Name" content="link five" />
  53. <meta name="text:Link 5 URL" content="/url" />
  54. <meta name="text:Link 6 Name" content="link six" />
  55. <meta name="text:Link 6 URL" content="/url" />
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  58.  
  59. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  61. <script>
  62. (function($){
  63. $(document).ready(function(){
  64. $("[title]").style_my_tooltips({
  65. tip_follows_cursor:true,
  66. tip_delay_time:50,
  67. tip_fade_speed:300
  68. }
  69. );
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74. <link href='http://fonts.googleapis.com/css?family=Rosario:400,700' rel='stylesheet' type='text/css'>
  75.  
  76. <style type="text/css">
  77.  
  78. ::-webkit-scrollbar {height:auto; width:6px; background:{color:Captions Background};}
  79. ::-webkit-scrollbar-thumb:vertical {height:auto; background:#ddd;}
  80.  
  81. ::-webkit-scrollbar-thumb:hotizontal {height:1px; width:auto; background:{color:Captions Background}; }
  82.  
  83. ::selection {background:{color:Accent 2}; color:#fff;}
  84. ::-webkit-selection {background:{color:Accent 2}; color:#fff;}
  85. ::-moz-selection {background:{color:Accent 2}; color:#fff;}
  86. ::-o-selection {background:{color:Accent 2}; color:#fff;}
  87.  
  88. body {background-color:{color:Background}; padding:0px; height:100%;
  89. background-image: url('{image:Background}'); color:{color:Main};
  90. font-family: 'Rosario', sans-serif; font-size:11px; margin:0px;
  91. background-attachment:fixed; background-repeat:no-repeat;}
  92.  
  93. a:link, a:active, a:visited {text-decoration:none; color:{color:Accent 2};}
  94.  
  95. a:hover {color:{color:Accent 3};}
  96.  
  97. i, em, .em {color:{color:Accent 1}; padding-right:1px;}
  98.  
  99. b, strong, .strong {color:{color:Bold};}
  100.  
  101. small {font-size:10px;}
  102.  
  103. big {font-size:12px;}
  104.  
  105. sup, sub {font-size:10px;}
  106.  
  107. pre {font-variant:small-caps; text-transform:lowercase;
  108. padding:5px 0px 5px 5px;}
  109.  
  110. blockquote {border-left:solid 2px #ddd; margin-left:10px;
  111. padding-left:10px; }
  112.  
  113. iframe#tumblr_controls {
  114. right:3px !important; position:fixed !important; opacity:0.5;
  115. {block:IfWhiteTumblrControls}
  116. filter:invert(1); -webkit-filter:invert(1); -o-filter:invert(1);
  117. -moz-filter:invert(1); -ms-filter:invert(1);
  118. {/block:IfWhiteTumblrControls}}
  119.  
  120. iframe#tumblr_controls:hover {opacity:1;}
  121.  
  122. .navbar-fixed {
  123. top:0;
  124. z-index:100;
  125. position:fixed;
  126. width:100%;
  127. }
  128.  
  129. #banner {
  130. width:262px;
  131. height:100px;
  132. overflow:hidden;
  133. background-image:url('{image:Topbar}');
  134. }
  135.  
  136. #topbar {
  137. width:100%;
  138. margin:auto;
  139. padding-top:12px;
  140. background:{color:Posts Background};
  141. z-index:9999;
  142. }
  143.  
  144. #s-cont {
  145. padding:3px 0px 0px 0px; background:{color:Posts Background};
  146. }
  147.  
  148. #about, #links {display:none;}
  149.  
  150. #s-link1, #s-link2, #s-link3, #s-link4, #s-link5 {
  151. width:50px; text-align:center; padding:0px; display:inline-block;
  152. opacity:0.6; transition:all 0.3s ease-in-out;
  153. -webkit-transition-duration:all 0.3s ease-in-out;
  154. -o-transition-transition:all 0.3s ease-in-out;
  155. -moz-transition-durartion:all 0.3s ease-in-out;
  156. -ms-transition-durartion:all 0.3s ease-in-out;
  157. }
  158.  
  159. #s-link1 {background:{color:Accent 1};} #s-link2 {background:{color:Accent 2};}
  160. #s-link3 {background:{color:Accent 3};} #s-link4 {background:{color:Accent 4};}
  161. #s-link5 {background:{color:Accent 5};}
  162.  
  163. #s-link1:hover, #s-link2:hover, #s-link3:hover, #s-link4:hover,
  164. #s-link5:hover {opacity:1;
  165. transition:all 0.3s ease-in-out;
  166. -webkit-transition-duration:all 0.3s ease-in-out;
  167. -o-transition-transition:all 0.3s ease-in-out;
  168. -moz-transition-durartion:all 0.3s ease-in-out;
  169. -ms-transition-durartion:all 0.3s ease-in-out;
  170. }
  171.  
  172.  
  173.  
  174. a.s-link1:link, a.s-link1:active, a.s-link1:visited,
  175. a.s-link2:link, a.s-link2:active, a.s-link2:visited,
  176. a.s-link3:link, a.s-link3:active, a.s-link3:visited,
  177. .about, .links {
  178. width:50px; font-family:Tahoma;
  179. display:block;
  180. padding:4px 0px;
  181. text-transform:uppercase;
  182. font-size:7px;
  183. letter-spacing:-5px;
  184. transition:all 0.3s ease-in-out;
  185. -webkit-transition-duration:all 0.3s ease-in-out;
  186. -o-transition-transition:all 0.3s ease-in-out;
  187. -moz-transition-durartion:all 0.3s ease-in-out;
  188. -ms-transition-durartion:all 0.3s ease-in-out;
  189. }
  190.  
  191. a.s-link1:link, a.s-link1:active, a.s-link1:visited {color:{color:Accent 1};}
  192. a.s-link2:link, a.s-link2:active, a.s-link2:visited {color:{color:Accent 2};}
  193. a.s-link3:link, a.s-link3:active, a.s-link3:visited {color:{color:Accent 3};}
  194. .about {color:{color:Accent 4}; cursor:pointer;}
  195. .links {color:{color:Accent 5}; cursor:pointer;}
  196.  
  197. #topbar:hover a.s-link1:link, #topbar:hover a.s-link1:active,
  198. #topbar:hover a.s-link1:visited,
  199. #topbar:hover a.s-link2:link, #topbar:hover a.s-link2:active,
  200. #topbar:hover a.s-link2:visited,
  201. #topbar:hover a.s-link3:link, #topbar:hover a.s-link3:active,
  202. #topbar:hover a.s-link3:visited,
  203. #topbar:hover .about, #topbar:hover .links {
  204. color:#fff; letter-spacing:1px;
  205. transition:all 0.3s ease-in-out;
  206. -webkit-transition-duration:all 0.3s ease-in-out;
  207. -o-transition-transition:all 0.3s ease-in-out;
  208. -moz-transition-durartion:all 0.3s ease-in-out;
  209. -ms-transition-durartion:all 0.3s ease-in-out;
  210. }
  211.  
  212. #about {width:252px; padding:5px; color:{color:Main};
  213. background:{color:Captions Background}; margin-top:3px;}
  214.  
  215. #about b, #about strong {color:{color:Accent 1};}
  216. #about i, #about em {color:{color:Accent 2};}
  217. #about a:link, #about a:active, #about a:visited {color:{color:Bold};}
  218. #about a:hover {color:{color:Accent 4};}
  219.  
  220. i, em, .em {color:{color:Accent 1}; padding-right:1px;}
  221.  
  222. b, strong, .strong {color:{color:Bold};}
  223.  
  224. a.n-link:link, a.n-link:active, a.n-link:visited {
  225. width:85px; background:{color:Captions Background};
  226. color:{color:Main}; margin-top:3px; letter-spacing:1px;
  227. padding:5px 0px; font-family:tahoma; font-size:7px;
  228. text-transform:uppercase; display:inline-block; text-align:center;}
  229.  
  230. a.small:link, a.small:active, a.small:visited {width:56px;}
  231.  
  232. a.n-link:hover:nth-of-type(odd), a.small:hover:nth-of-type(odd) {
  233. color:{color:Accent 3};}
  234. a.n-link:hover:nth-of-type(even), a.small:hover:nth-of-type(even) {
  235. color:{color:Accent 5};}
  236.  
  237. #s-border {z-index:9999; margin-top:12px;
  238. width:100%; height:4px; overflow-y:hidden; background:{color:Posts Background};}
  239.  
  240. .s-colour {width:20%; height:100%; float:left; opacity:0.6;}
  241.  
  242. /***********************************************************************/
  243.  
  244. #entries {width:530px; margin:0px auto 50px auto; overflow-x:visible;}
  245.  
  246. #p-cont {width:530px; margin-top:50px;}
  247.  
  248. #post {width:500px; background:{color:Posts Background}; padding:15px;}
  249.  
  250. #pagination {
  251. width:530px;
  252. margin-top:20px;
  253. letter-spacing:5px;
  254. padding:10px 0px;
  255. text-align:center;
  256. background:{color:Background};
  257. }
  258.  
  259. #p-info {width:500px; margin-top:15px; font-family:tahoma; font-size:7px;
  260. text-transform:uppercase; letter-spacing:1px; text-align:center;}
  261. #p-info a:link, #p-info a:active, #p-info a:visited {color:{color:Bold};}
  262. #p-info a:hover:nth-child(5n-4) {color:{color:Accent 1};}
  263. #p-info a:hover:nth-child(5n-3) {color:{color:Accent 2};}
  264. #p-info a:hover:nth-child(5n-2) {color:{color:Accent 3};}
  265. #p-info a:hover:nth-child(5n-1) {color:{color:Accent 4};}
  266. #p-info a:hover:nth-child(5n) {color:{color:Accent 5};}
  267.  
  268. #tags {width:490px; padding:5px 20px;{block:PermalinkPage}
  269. background:{color:Posts Background};{/block:PermalinkPage}
  270. {block:IndexPage}width:520px; opacity:0; padding:0px 5px;
  271. {block:IndexPage} transition:all 0.5s ease-in-out;
  272. -webkit-transition-duration:all 0.5s ease-in-out;
  273. -o-transition-transition:all 0.5s ease-in-out;
  274. -moz-transition-durartion:all 0.5s ease-in-out;
  275. -ms-transition-durartion:all 0.5s ease-in-out;}
  276.  
  277. {block:IndexPage}#p-cont:hover #tags {
  278. opacity:1; padding:5px;
  279. transition:all 0.5s ease-in-out;
  280. -webkit-transition-duration:all 0.5s ease-in-out;
  281. -o-transition-transition:all 0.5s ease-in-out;
  282. -moz-transition-durartion:all 0.5s ease-in-out;
  283. -ms-transition-durartion:all 0.5s ease-in-out;}
  284. {/block:IndexPage}
  285.  
  286. #tags a:link, #tags a:active, #tags a:visited {color:{color:Main};
  287. font-family:tahoma; font-size:7px; text-align:justify;
  288. text-transform:uppercase; letter-spacing:1px; padding-left:3px;}
  289. #tags a:link:nth-child(5n-4), #tags a:active:nth-child(5n-4), #tags a:visited:nth-child(5n-4) {border-left:7px solid {color:Accent 1};}
  290. #tags a:link:nth-child(5n-3), #tags a:active:nth-child(5n-3), #tags a:visited:nth-child(5n-3) {border-left:7px solid {color:Accent 2};}
  291. #tags a:link:nth-child(5n-2), #tags a:active:nth-child(5n-2), #tags a:visited:nth-child(5n-2) {border-left:7px solid {color:Accent 3};}
  292. #tags a:link:nth-child(5n-1), #tags a:active:nth-child(5n-1), #tags a:visited:nth-child(5n-1) {border-left:7px solid {color:Accent 4};}
  293. #tags a:link:nth-child(5n), #tags a:active:nth-child(5n), #tags a:visited:nth-child(5n) {border-left:7px solid {color:Accent 5};}
  294. #tags a:hover:nth-child(5n-4) {color:{color:Accent 1};}
  295. #tags a:hover:nth-child(5n-3) {color:{color:Accent 2};}
  296. #tags a:hover:nth-child(5n-2) {color:{color:Accent 3};}
  297. #tags a:hover:nth-child(5n-1) {color:{color:Accent 4};}
  298. #tags a:hover:nth-child(5n) {color:{color:Accent 5};}
  299.  
  300.  
  301. #t-l-q {cursor:default; width:490px; padding:20px 5px 20px 5px;
  302. text-align:center; font-size:32px; line-height:24px;
  303. color:{color:Bold}; background:#fff;
  304. font-family: 'Damion', cursive;}
  305.  
  306. #post:hover #t-l-q, #t-l-q a:link, #t-l-q a:active, #t-l-q a:visited {
  307. color:{color:Accent 1};}
  308.  
  309. #t-l-q a:hover {color:{color:Accent 2};}
  310.  
  311. #question, #caption {width:484px; padding:8px;
  312. background:{color:Captions Background};}
  313.  
  314. #caption {width:472px; margin-top:5px; padding:1px 14px;}
  315.  
  316. #caption img {max-width:100%;}
  317.  
  318. #chat-line {width:495px; padding:2px; margin-top:-1px;
  319. border-top:1px solid {color:Posts Background}; border-bottom:1px solid {color:Posts Background};}
  320.  
  321. #audiopost {position:justify; width:500px; height:85px;}
  322.  
  323. .albumart {position:absolute; z-index:1; width:85px; height:85px;}
  324.  
  325. .albumart img {width:85px; height:85px; float:left;}
  326.  
  327. .playbox {
  328. background-color:#000; position:absolute; z-index:1000;
  329. margin-top:29px; margin-left:31px; opacity:0.6;}
  330.  
  331. .playbutton {
  332. width:27px; height:28px; overflow:hidden; position:relative;
  333. z-index:1000;}
  334.  
  335. #audioinfo {margin-top:0px; width:415px; height:85px; overflow:hidden;
  336. background-color:{color:Captions Background}; margin-bottom:10px;
  337. padding-left:85px; text-align:center; letter-spacing:1px;
  338. text-transform:uppercase; font-family:Calibri;
  339. vertical-align:middle; display:table-cell;}
  340.  
  341. .track-name {font-size:15px; font-weight:bold;}
  342.  
  343. .audio-details {cursor:default; font-size:9px;}
  344.  
  345. .notescontainer {width:490px; padding:20px; text-transform:lowercase;
  346. background-color:{color:Posts Background}; font-size:10px;
  347. letter-spacing:1px; font-variant:small-caps; font-weight:bold;}
  348.  
  349. .notescontainer a:link, .notescontainer a:active, .notescontainer a:visited {color:{color:Bold};}
  350. .notescontainer a:hover {color:{color:Accent 4};}
  351.  
  352. ol.notes { padding:0px; margin:1px 0px; list-style-type:none;
  353. border-bottom:solid 1px {color:Captions Background}; }
  354.  
  355. ol.notes li.note {border-top:solid 1px {color:Captions Background};
  356. padding:5px;}
  357.  
  358. ol.notes li.note img.avatar {vertical-align:-5px; width:18px;
  359. border:4px solid transparent;}
  360.  
  361. ol.notes li.note:hover img.avatar {border:4px solid {color:Accent 5};}
  362.  
  363. ol.notes li.note span.action {font-weight:bold; margin-left:5px; }
  364.  
  365. ol.notes li.note .answer_content {font-weight:bold;}
  366.  
  367. ol.notes li.note blockquote {border-left:solid 2px #d8d8d8;
  368. margin:0px 0px 0px 35px; padding-left:8px; }
  369.  
  370. ol.notes li.note blockquote a {text-decoration:none; }
  371.  
  372. #s-m-t-tooltip { margin-top:20px; margin-left:10px;
  373. padding:2px 6px 4px 6px; display:inline-block; font-size:10px;
  374. text-transform:lowercase; letter-spacing:1px; font-variant:small-caps;
  375. text-align:center; position:absolute; z-index:999999; color:#fff;
  376. background:{color:Tooltip Background}; }
  377.  
  378. /*** PLEASE DO NOT REMOVE ***/
  379. #credit {position:fixed; bottom:10px; right:10px; z-index:9999; width:12px; background:{color:Background}; text-align:center; overflow-x:hidden; letter-spacing:1px; font-size:10px; padding:1px 4px 2px 4px;} #credit a:link, #credit a:active, #credit a:visited {color:{color:Main};} #credit:hover {width:84px;} #credit:hover a:link, #credit:hover a:active, #credit:hover a:visited { color:{color:Accent 2};}
  380. /*** THANK YOU ***/
  381.  
  382. a:link, a:active, a:visited, a:hover,
  383. iframe#tumblr_controls, iframe#tumblr_controls:hover,
  384. #t-l-q, #post:hover #t-l-q, #t-l-q a:link, #t-l-q a:active, #t-l-q a:visited, #t-l-q a:hover,
  385. #post-tags a:link, #post-tags a:active, #post-tags a:visited, #post-tags a:hover,
  386. .notescontainer a:link, .notescontainer a:active, .notescontainer a:visited, .notescontainer a:hover,
  387. ol.notes li.note img.avatar, ol.notes li.note:hover img.avatar,
  388. #credit, #credit:hover, #credit a:link, #credit a:active, #credit a:visited, #credit:hover a:link, #credit:hover a:active, #credit:hover a:visited {
  389. transition:all 0.4s ease-in-out;
  390. -webkit-transition-duration:all 0.4s ease-in-out;
  391. -o-transition-transition:all 0.4s ease-in-out;
  392. -moz-transition-durartion:all 0.4s ease-in-out;
  393. -ms-transition-durartion:all 0.4s ease-in-out;
  394. }
  395.  
  396. {CustomCSS}</style>
  397.  
  398. <script>
  399. $(document).ready(function(){
  400.  
  401. $('.about').click(function(){
  402. $('#about').slideToggle(300);
  403. $('#links').slideUp(300);
  404. });
  405.  
  406. $('.links').click(function(){
  407. $('#links').slideToggle(300);
  408. $('#about').slideUp(300);
  409. });
  410.  
  411. });
  412. </script>
  413.  
  414. <script>
  415. $(document).ready(function() {
  416.  
  417. $(window).scroll(function () {
  418. //if you hard code, then use console
  419. //.log to determine when you want the
  420. //nav bar to stick.
  421. console.log($(window).scrollTop())
  422. if ($(window).scrollTop() > 112) {
  423. $('#s-cont').addClass('navbar-fixed');
  424. $('#s-cont').animate({
  425. paddingTop:"12px",
  426. }, 20, function() {
  427. // Animation complete.
  428. });
  429. }
  430. if ($(window).scrollTop() < 113) {
  431. $('#s-cont').removeClass('navbar-fixed');
  432. $('#s-cont').animate({
  433. paddingTop:"3px",
  434. }, 20, function() {
  435. // Animation complete.
  436. });
  437. }
  438. });
  439. });
  440. </script>
  441.  
  442. <body>
  443.  
  444.  
  445. <div id="topbar">
  446. <center><div id="banner"></div>
  447.  
  448. <div id="s-cont">
  449. <div id="s-link1"><a class="s-link1" href="/">home</a></div>
  450. <div id="s-link2"><a class="s-link2" href="/ask">mail</a></div>
  451. <div id="s-link3"><a class="s-link3" href="/archive">past</a></div>
  452. <div id="s-link4"><div class="about">info</div></div>
  453. <div id="s-link5"><div class="links">navi</div></div>
  454.  
  455. <div id="about">{Description}</div>
  456.  
  457. <div id="links">
  458. <a class="n-link" href="{text:Link 1 URL}">{text:Link 1 Name}</a>
  459. <a class="n-link" href="{text:Link 2 URL}">{text:Link 2 Name}</a>
  460. <a class="n-link" href="{text:Link 3 URL}">{text:Link 3 Name}</a>
  461. <br />
  462. <a style="margin-left:-3px;"
  463. class="n-link" href="{text:Link 4 URL}">{text:Link 4 Name}</a>
  464. <a class="n-link" href="{text:Link 5 URL}">{text:Link 5 Name}</a>
  465. <a class="n-link" href="{text:Link 6 URL}">{text:Link 6 Name}</a>
  466. </div>
  467.  
  468. <div id="s-border">
  469. <div class="s-colour" style="background-color:{color:Accent 1};"></div>
  470. <div class="s-colour" style="background-color:{color:Accent 2};"></div>
  471. <div class="s-colour" style="background-color:{color:Accent 3};"></div>
  472. <div class="s-colour" style="background-color:{color:Accent 4};"></div>
  473. <div class="s-colour" style="background-color:{color:Accent 5};"></div>
  474. </div>
  475.  
  476. </center>
  477.  
  478. </div>
  479.  
  480. </div>
  481.  
  482. <div id="entries">
  483.  
  484. {block:Posts}
  485.  
  486. <div id="p-cont"><div id="post">
  487.  
  488. {block:Text}
  489. {block:Title}<div id="t-l-q">
  490. <a href="{Permalink}">{Title}</a>
  491. </div>{/block:Title}
  492. <div id="caption">{Body}</div>
  493. {/block:Text}
  494.  
  495. {block:Photo}
  496. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  497. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  498. {/block:Photo}
  499.  
  500. {block:Photoset}
  501. {Photoset-500}
  502. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  503. {/block:Photoset}
  504.  
  505. {block:Quote}
  506. <div id="t-l-q">{Quote}</div>
  507. {block:Source}<div id="caption">—{Source}</div>{/block:Source}
  508. {/block:Quote}
  509.  
  510. {block:Link}
  511. <div id="t-l-q"><a href="{URL}" {Target}>{Name} →</a></div>
  512. {block:Description}
  513. <div id="caption">{Description}</div>
  514. {/block:Description}
  515. {/block:Link}
  516.  
  517. {block:Chat}
  518. {block:Title}<div id="t-l-q">
  519. <a href="{Permalink}">{Title}</a>
  520. </div>{/block:Title}
  521. {block:Lines}<div id="chat-line">
  522. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  523. </div>{/block:Lines}
  524. {/block:Chat}
  525.  
  526. {block:Audio}
  527.  
  528. <div id="audiopost">
  529.  
  530. <img src="http://s.iosfans.com/?u=http://i165.photobucket.com/albums/u61/deveelryuk/carrierrequests/noartplaceholder.png" class="albumart" />
  531.  
  532. {block:AlbumArt}
  533. <img src="{AlbumArtURL}" class="albumart" />
  534. {/block:AlbumArt}
  535.  
  536. {block:AudioPlayer}
  537. <div class="playbox">
  538. <div class="playbutton">{AudioPlayerBlack}</div>
  539. </div>
  540. {/block:AudioPlayer}
  541.  
  542. <div id="audioinfo">
  543. <div class="track-name">
  544. {block:TrackName}{TrackName}{/block:TrackName}
  545. </div>
  546.  
  547. <div class="audio-details">
  548. {block:Artist}{Artist}{/block:Artist}
  549. {block:Album}&nbsp;-&nbsp;{Album}{/block:Album}
  550. &nbsp;&nbsp;({PlayCountWithLabel})
  551. </div>
  552. </div>
  553.  
  554. </div>
  555.  
  556. {block:Caption}
  557. <div id="caption">{Caption}</div>
  558. {/block:Caption}
  559.  
  560. {/block:Audio}
  561.  
  562. {block:Video}
  563. {Video-500}
  564. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  565. {/block:Video}
  566.  
  567. {block:Answer}
  568. <div id="question">
  569. <span style="font-variant:small-caps; text-transform:lowercase;
  570. letter-spacing:1px;">{Asker}</span>:&nbsp;{Question}
  571. </div>
  572. <div id="caption">{Answer}</div>
  573. {/block:Answer}
  574.  
  575. {block:Date}<div id="p-info">
  576. posted on <a href="{Permalink}" target="blank">{DayOfMonth}{DayOfMonthSuffix} {Month}{block:NoteCount}</a>, with: <a href="{Permalink}" target="blank">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} &bull; <a href="{ReblogParentURL}" title"{ReblogParentName} target="blank"">via</a>{block:ContentSource} ; <a href="{SourceURL}" title="{ReblogRootName}" target="blank">src</a>{/block:ContentSource}{/block:RebloggedFrom} &bull; <a href="{ReblogURL}" target="blank">reblog</a>
  577. </div>{/block:Date}
  578.  
  579. </div>
  580.  
  581. {block:HasTags}
  582. <div id="tags">
  583. {block:Tags}
  584. <a href="{TagURL}">{Tag}&nbsp;</a>
  585. {/block:Tags}
  586. </div>
  587. {/block:HasTags}
  588.  
  589. </div>
  590.  
  591. {block:PostNotes}
  592. <div class="notescontainer">{PostNotes}</div>{/block:PostNotes}
  593.  
  594. {/block:Posts}
  595.  
  596. {block:Pagination}<div id="pagination">
  597. {block:PreviousPage}
  598. <a href="{PreviousPage}" class="jump_page">&laquo;</a>&nbsp;
  599. {/block:PreviousPage}
  600. {block:JumpPagination length="5"}
  601. {block:CurrentPage}
  602. <span class="current_page">{PageNumber}</span>
  603. {/block:CurrentPage}
  604. {block:JumpPage}
  605. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;
  606. {/block:JumpPage}
  607. {/block:JumpPagination}
  608. {block:NextPage}
  609. <a href="{NextPage}" class="jump_page">&raquo;</a>
  610. {/block:NextPage}
  611. </div>{/block:Pagination}
  612.  
  613. </div>
  614.  
  615.  
  616. </div>
  617.  
  618. <!--- PLEASE DO NOT ALTER OR REMOVE --->
  619. <div id="credit"><a href="http://cyantists.tumblr.com/">c.&nbsp;&nbsp;cyantists</a></div>
  620. <!--- THANK YOU --->
  621.  
  622. </body>
  623.  
  624. </head>
  625.  
  626. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement