API tools faq
paste
Advertisement
chillinobrien

Theme 07

chillinobrien
Nov 8th, 2014
2,594
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.57 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.  
  3. <!-----------------------------------------------------------------------
  4.  
  5. * THEME #07 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. <meta name="if:Show Tags On Index" content="0" />
  26. <meta name="if:White Controls" content="1" />
  27.  
  28. <meta name="image:Background" content="" />
  29. <meta name="image:Sidebar" content="" />
  30.  
  31. <meta name="color:Background" content="#ffffff" />
  32. <meta name="color:Sidebar Background" content="#eeeeee" />
  33. <meta name="color:Before Load" content="#969696" />
  34. <meta name="color:Colour 1" content="#5acdB3" />
  35. <meta name="color:Colour 2" content="#ee6897" />
  36. <meta name="color:Colour 3" content="#ffa770" />
  37. <meta name="color:Colour 4" content="#ac61d0" />
  38. <meta name="color:Text" content="#b0b0b0" />
  39. <meta name="color:Bold" content="#969696" />
  40.  
  41. <meta name="text:Body Font" content="Arial" />
  42. <meta name="text:Titles Font" content="Georgia" />
  43.  
  44. <meta name="text:Sidebar 1 Name" content="about me" />
  45. <meta name="text:Sidebar 2 Name" content="navigate" />
  46. <meta name="text:Sidebar 3 Name" content="blogroll" />
  47.  
  48. <meta name="text:Sidebar Title 1" content="" />
  49. <meta name="text:Sidebar Text 1" content="" />
  50. <meta name="text:Sidebar Title 2" content="" />
  51. <meta name="text:Sidebar Text 2" content="" />
  52. <meta name="text:Sidebar Title 3" content="" />
  53. <meta name="text:Sidebar Text 3" content="" />
  54.  
  55. <meta name="text:Link 1 Name" content="" />
  56. <meta name="text:Link 1 URL" content="/" />
  57. <meta name="text:Link 2 Name" content="" />
  58. <meta name="text:Link 2 URL" content="/" />
  59. <meta name="text:Link 3 Name" content="" />
  60. <meta name="text:Link 3 URL" content="/" />
  61. <meta name="text:Link 4 Name" content="" />
  62. <meta name="text:Link 4 URL" content="/" />
  63. <meta name="text:Link 5 Name" content="" />
  64. <meta name="text:Link 5 URL" content="/" />
  65. <meta name="text:Link 6 Name" content="" />
  66. <meta name="text:Link 6 URL" content="/" />
  67. <meta name="text:Link 7 Name" content="" />
  68. <meta name="text:Link 7 URL" content="/" />
  69. <meta name="text:Link 8 Name" content="" />
  70. <meta name="text:Link 8 URL" content="/" />
  71.  
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script src="http://static.tumblr.com/ycrkdqn/H8mn9qhtt/jquery.color.js"></script>
  73.  
  74. <script type="text/javascript">
  75. function attributeSet(elem, attrb, setting)
  76. {var elemAttrb = elem.getAttributeNode(attrb);
  77. if (elemAttrb){elemAttrb.value=setting;}
  78. else {elem.setAttribute(attrb, setting);}
  79. }
  80. function randomClass()
  81. {var classes = ["c1","c2","c3","c4"]
  82. var index = Math.floor(Math.random() * classes.length);
  83. attributeSet(document.getElementById('myBody'),'class',classes[index]);}
  84. </script>
  85.  
  86. <script>
  87. (function($){$(document).ready(function(){
  88. $("[title]").style_my_tooltips({tip_follows_cursor:true,
  89. tip_delay_time:50, tip_fade_speed:700});
  90. });})(jQuery);
  91. </script>
  92.  
  93. <script>
  94. $(document).ready(function(){
  95. $('#link1').mouseenter(function(){
  96. $('.links-bg').animate({marginLeft:"0px"}, 400, function() {});
  97. $('#link2, #link3').animate({color:"#969696"}, 400, function() {});
  98. $('#link1').animate({color:"#ffffff"}, 400, function() {});
  99. $('#s-cont').animate({marginLeft:"-424px"}, 400, function() {});
  100. });
  101. $('#link2').mouseenter(function(){
  102. $('.links-bg').animate({marginLeft:"60px"}, 400, function() {});
  103. $('#link1, #link3').animate({color:"#969696"}, 400, function() {});
  104. $('#link2').animate({color:"#ffffff"}, 400, function() {});
  105. $('#s-cont').animate({marginLeft:"-212px"}, 400, function() {});
  106. });
  107. $('#link3').mouseenter(function(){
  108. $('.links-bg').animate({marginLeft:"120px"}, 400, function() {});
  109. $('#link1, #link2').animate({color:"#969696"}, 400, function() {});
  110. $('#link3').animate({color:"#ffffff"}, 400, function() {});
  111. $('#s-cont').animate({marginLeft:"0px"}, 400, function() {});
  112. });
  113. $('#sidebar').mouseleave(function(){
  114. $('.links-bg').animate({marginLeft:"0px"}, 400, function() {});
  115. $('#link2, #link3').animate({color:"#969696"}, 400, function() {});
  116. $('#link1').animate({color:"#ffffff"}, 400, function() {});
  117. $('#s-cont').animate({marginLeft:"-424px"}, 400, function() {});
  118. });
  119. $(".show-notes").click(function(){
  120. $("#post-notes").slideToggle(300);
  121. });
  122. });
  123. </script>
  124.  
  125. <style type="text/css">
  126.  
  127. *, *:hover {transition:all 0.4s ease-out;
  128. -webkit-transition-duration:all 0.4s ease-out;
  129. -o-transition-transition:all 0.4s ease-out;
  130. -moz-transition-durartion:all 0.4s ease-out;
  131. -ms-transition-durartion:all 0.4s ease-out;}
  132.  
  133. ::-webkit-scrollbar {height:auto; width:7px; background:#fff;}
  134.  
  135. ::-webkit-scrollbar-thumb:vertical {height:auto; width:3px;
  136. border:2px solid #fff;}
  137.  
  138. #s-m-t-tooltip {font:italic 9px Georgia; margin-top:20px; margin-left:10px;
  139. padding:4px 5px; display:inline-block; text-align:center; color:#fff;
  140. position:absolute; z-index:9999;}
  141.  
  142. body {background-color:{color:Background}; margin:0px;
  143. color:{color:Text}; font-family:{text:Body Font};
  144. font-size:11px; line-height:1.3; background-attachment:fixed;
  145. background-image:url('{image:Background}');
  146. background-repeat:no-repeat;}
  147.  
  148. html {overflow-y:scroll;}
  149.  
  150. small {font-size:10px;} big {font-size:12px;} sup, sub {font-size:10px;}
  151.  
  152. a, a:link, a:active, a:visited {text-decoration:none; color:#969696;}
  153.  
  154. ul {margin-left:-4px;} ol {margin-left:-4px;}
  155.  
  156. blockquote {margin-left:25px; padding-left:8px;
  157. border-left:2px solid {color:Sidebar Background};}
  158.  
  159. img {border:none;}
  160.  
  161. iframe#tumblr_controls {right:3px !important; position:fixed !important;
  162. opacity:0.5; {block:IfWhiteControls}filter:invert(1);
  163. -webkit-filter:invert(1); -o-filter:invert(1); -moz-filter:invert(1);
  164. -ms-filter:invert(1);{/block:IfWhiteControls}}
  165.  
  166. iframe#tumblr_controls:hover {opacity:1;}
  167.  
  168. #sidebar {position:fixed; top:0px; left:130px; width:192px; height:100%;
  169. background:{color:Sidebar Background}; padding:0px 20px;
  170. overflow:hidden;}
  171.  
  172. #s-main {width:180px; margin-top:120px;}
  173.  
  174. #sm-image {width:180px; border:6px solid #fff; cursor:pointer;}
  175.  
  176. #sm-image img {width:180px; pointer-events:none; display:block;}
  177.  
  178. #sm-links {width:180px; border:6px solid #fff; height:20px;
  179. margin-top:6px;}
  180.  
  181. #links {width:180px; line-height:8px; font-size:8px; letter-spacing:1px;
  182. text-transform:uppercase; height:20px;}
  183.  
  184. #link1, #link2, #link3 {display:inline-block; width:60px;
  185. padding:7px 0px 5px 0px; height:8px; margin-left:-3px;
  186. text-align:center; cursor:pointer;}
  187.  
  188. #link1 {color:#fff; margin-left:0px;}
  189.  
  190. .white {width:180px; height:20px; background:#fff; margin-top:-20px;}
  191.  
  192. .links-bg {width:60px; height:20px; margin-top:-20px;}
  193.  
  194. #s-cont {width:616px; margin-top:6px; margin-left:-424px;}
  195.  
  196. #sc-info {width:180px; border:6px solid #fff; position:absolute;
  197. margin-left:424px; background:#fff;}
  198.  
  199. #sc-navi {width:180px; border:6px solid #fff; border-top:4px solid #fff;
  200. border-bottom:4px solid #fff; position:absolute; margin-left:212px;
  201. background:#fff;}
  202.  
  203. #sc-broll {width:183px; border:5px solid #fff; position:absolute;
  204. margin-left:0px; max-height:252px; overflow-y:scroll;
  205. background:#fff; border-left:4px solid #fff;}
  206.  
  207. #sc-broll::-webkit-scrollbar {height:auto; width:6px; background:#fff;}
  208.  
  209. #sc-broll::-webkit-scrollbar-thumb:vertical {height:auto; width:2px;
  210. border:4px solid #fff; border-right:0px solid #fff;
  211. border-bottom:2px solid #fff; border-top:2px solid #fff;}
  212.  
  213. .info-title {font:italic bold 20px {text:Titles Font}; width:180px;
  214. text-align:center; margin-top:5px; line-height:22px;
  215. padding-bottom:4px; word-spacing:4px;}
  216.  
  217. .info-desc {width:180px; text-align:center;}
  218.  
  219. nav a {position:relative; width:87px; display:inline-block; outline:none;
  220. text-align:center; color:#fff; text-decoration:none; font-size:8px;
  221. text-transform:uppercase; letter-spacing:1px; font-weight:500;
  222. margin-top:2px;}
  223.  
  224. nav a:nth-of-type(odd) {margin-left:0px;}
  225. nav a:nth-of-type(even) {margin-left:2px;}
  226.  
  227. nav a:hover, nav a:focus {outline:none;}
  228.  
  229. .navi-links a {overflow:hidden; padding:4px 0px 4px 0px; height:9px;
  230. color:#fff;}
  231.  
  232. .navi-links a span {position:relative; display:inline-block;
  233. transition:transform 0.4s; -webkit-transition:-webkit-transform 0.4s;
  234. -o-transition:-o-transform 0.4s; -moz-transition:-moz-transform 0.4s;}
  235.  
  236. .navi-links a span::before {position:absolute; top:110%; font-weight:700;
  237. content:attr(data-hover); color:#fff; transform:translate3d(0,0,0);
  238. -webkit-transform:translate3d(0,0,0); -0-transform:translate3d(0,0,0);
  239. -moz-transform:translate3d(0,0,0);}
  240.  
  241. .navi-links a:hover span, .navi-links a:focus span {
  242. transform:translateY(-110%); -webkit-transform:translateY(-110%);
  243. -o-transform:translateY(-110%); -moz-transform:translateY(-110%);}
  244.  
  245. .following {width:40px; height:40px; display:inline-block;
  246. margin:1px; overflow:hidden;}
  247.  
  248. .following img {width:40px; border-radius:0em; -webkit-border-radius:0em;
  249. -o-border-radius:0em; -moz-border-radius:0em;}
  250.  
  251. .following:hover img {border-radius:2em;
  252. -webkit-border-radius:2em; -o-border-radius:2em;
  253. -moz-border-radius:2em;}
  254.  
  255. #entries {width:540px; background:{color:Sidebar Background}; left:492px;
  256. padding:0px 30px; top:0px; position:absolute;}
  257.  
  258. #post {width:500px; background:#fff; border:20px solid #fff;
  259. margin:30px 0px;} #post img {display:block;}
  260.  
  261. #t-l-q {width:500px; font:italic bold 24px {text:Titles Font};
  262. text-align:center; display:block; color:{color:Bold};}
  263.  
  264. #caption {width:500px; margin:0px; display:block;}
  265.  
  266. #caption img, blockquote img {max-width:100%;}
  267.  
  268. #audiopost {position:justify; width:500px; height:85px;}
  269.  
  270. .albumart {position:absolute; z-index:1; width:85px; height:85px;}
  271.  
  272. .albumart img {width:85px; height:85px; float:left;}
  273.  
  274. .playbox {background-color:#000; position:absolute; z-index:1000;
  275. margin-top:29px; margin-left:31px; opacity:0.6; border-radius:2em;
  276. -webkit-border-radius:2em; -o-border-radius:2em;
  277. -moz-border-radius:2em;}
  278.  
  279. .playbutton {width:27px; height:28px; overflow:hidden; position:relative;
  280. z-index:1000;}
  281.  
  282. #audioinfo {margin-top:0px; width:415px; height:85px; overflow:hidden;
  283. margin-bottom:10px; padding-left:85px; text-align:center;
  284. vertical-align:middle; display:table-cell;}
  285.  
  286. .trackname {font:italic bold 20px {text:Titles Font}; color:{color:Bold};}
  287.  
  288. .audio-details {cursor:default; font-size:8px;
  289. text-transform:uppercase; letter-spacing:1px;}
  290.  
  291. #asker {float:left; width:30px; margin-right:8px;
  292. border-radius:2em; -webkit-border-radius:2em; -o-border-radius:2em;
  293. -moz-border-radius:2em;}
  294.  
  295. #asker img {width:30px; border-radius:2em;
  296. -webkit-border-radius:2em; -o-border-radius:2em;
  297. -moz-border-radius:2em;}
  298.  
  299. .asker {display:inline-block; letter-spacing:1px;
  300. color:{color:Bold}; font:italic bold 14px {text:Titles Font};
  301. padding:0px; margin-top:2px; text-transform:lowercase;}
  302.  
  303. #info {letter-spacing:1px; display:block;}
  304.  
  305. .i-t {display:inline-block; font:italic bold 15px {text:Titles Font};
  306. width:15px; margin-top:3px; text-align:center; line-height:15px;}
  307.  
  308. #i-t {width:482px; display:block; font-size:7px; text-transform:uppercase;
  309. padding:4px 0px 2px 0px; margin-left:18px; margin-top:-15px;}
  310.  
  311. .show-notes {cursor:pointer; font-size:8px; text-transform:uppercase;
  312. letter-spacing:1px; width:500px; padding:15px 0px 0px 0px;
  313. background:#fff; color:{color:Bold}; font-weight:bold;
  314. text-align:center;}
  315.  
  316. #post-notes {width:500px; font-size:8px; text-transform:uppercase;
  317. letter-spacing:1px; display:none; background:#fff;
  318. font-weight:normal;}
  319.  
  320. #post-notes img {display:inline-block;}
  321.  
  322. #post-notes a:link, #post-notes a:active, #post-notes a:visited {
  323. font-weight:bold;}
  324.  
  325. ol.notes {padding:0px; margin:3px 0px; list-style-type:none;
  326. border-bottom: solid 1px #fff; }
  327.  
  328. ol.notes li.note {border-top:solid 1px #fff; padding:5px; }
  329.  
  330. ol.notes li.note img.avatar {vertical-align:-5px; width:18px;}
  331.  
  332. ol.notes li.note span.action {font-weight:bold; margin-left:5px; }
  333.  
  334. ol.notes li.note .answer_content {font-weight:normal;}
  335.  
  336. ol.notes li.note blockquote {border-left:solid 2px #d8d8d8;
  337. margin:0px 0px 0px 35px; padding-left:8px; }
  338.  
  339. ol.notes li.note blockquote a {text-decoration:none;}
  340.  
  341. #pagination a:link, #pagination a:active, #pagination a:visited,
  342. .current {padding:0px 7px; font-size:8px; text-transform:uppercase;
  343. letter-spacing:1px;}
  344.  
  345. .current {font-weight:bold; color:#fff; padding:5px 7px;}
  346.  
  347. #pagination a:hover {color:#fff; padding:5px 7px;}
  348.  
  349. /*** PLEASE DO NOT REMOVE ***/
  350. #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;}
  351. /*** THANK YOU ***/
  352.  
  353. #s-m-t-tooltip, ::-webkit-scrollbar-thumb:vertical, #s-main img, .links-bg, nav a, .current, #pagination a:hover {background-color:{color:Before Load};} a:hover, b, strong, .strong, i, em, .info-title, .i-t, #post:hover .trackname, .asker:first-letter, .asker:hover, .show-notes:hover, #credit:hover a:link, #credit:hover a:active, #credit:hover a:visited {color:{color:Before Load};}
  354. .c1 #s-m-t-tooltip, .c1::-webkit-scrollbar-thumb:vertical, .c1 #s-main img, .c1 .links-bg, .c1 nav a, .c1 .current, .c1 #pagination a:hover {background-color:{color:Colour 1};} .c1 a:hover, .c1 b, .c1 strong, .c1 .strong, .c1 i, .c1 em, .c1 .info-title, .c1 .i-t, .c1 #post:hover .trackname, .c1 .asker:first-letter, .c1 .asker:hover, .c1 .show-notes:hover, .c1 #credit:hover a:link, .c1 #credit:hover a:active, .c1 #credit:hover a:visited {color:{color:Colour 1};}
  355. .c2 #s-m-t-tooltip, .c2::-webkit-scrollbar-thumb:vertical, .c2 #s-main img, .c2 .links-bg, .c2 nav a, .c2 .current, .c2 #pagination a:hover {background-color:{color:Colour 2};} .c2 a:hover, .c2 b, .c2 strong, .c2 .strong, .c2 i, .c2 em, .c2 .info-title, .c2 .i-t, .c2 #post:hover .trackname, .c2 .asker:first-letter, .c2 .asker:hover, .c2 .show-notes:hover, .c2 #credit:hover a:link, .c2 #credit:hover a:active, .c2 #credit:hover a:visited {color:{color:Colour 2};}
  356. .c3 #s-m-t-tooltip, .c3::-webkit-scrollbar-thumb:vertical, .c3 #s-main img, .c3 .links-bg, .c3 nav a, .c3 .current, .c3 #pagination a:hover {background-color:{color:Colour 3};} .c3 a:hover, .c3 b, .c3 strong, .c3 .strong, .c3 i, .c3 em, .c3 .info-title, .c3 .i-t, .c3 #post:hover .trackname, .c3 .asker:first-letter, .c3 .asker:hover, .c3 .show-notes:hover, .c3 #credit:hover a:link, .c3 #credit:hover a:active, .c3 #credit:hover a:visited {color:{color:Colour 3};}
  357. #s-m-t-tooltip, .c4::-webkit-scrollbar-thumb:vertical, .c4 #s-main img, .c4 .links-bg, .c4 nav a, .c4 .current, .c4 #pagination a:hover {background-color:{color:Colour 4};} .c4 a:hover, .c4 b, .c4 strong, .c4 .strong, .c4 i, .c4 em, .c4 .info-title, .c4 .i-t, .c4 #post:hover .trackname,
  358. .c4 .asker:first-letter, .c4 .asker:hover, .c4 .show-notes:hover, .c4 #credit:hover a:link, .c4 #credit:hover a:active, .c4 #credit:hover a:visited {color:{color:Colour 4};}
  359.  
  360. {CustomCSS}</style></head><body id="myBody" onLoad="randomClass();">
  361.  
  362. <div id="sidebar">
  363.  
  364. <div id="s-main">
  365. <a href="/" title="home">
  366. <div id="sm-image"><img src="{image:Sidebar}" /></div>
  367. </a><div id="sm-links">
  368. <div id="links">
  369. <div id="link1">{text:Sidebar 1 Name}</div>
  370. <div id="link2">{text:Sidebar 2 Name}</div>
  371. <div id="link3">{text:Sidebar 3 Name}</div>
  372. </div>
  373. <div class="white"></div><div class="links-bg"></div>
  374. </div>
  375. </div>
  376.  
  377. <div id="s-cont">
  378. <div id="sc-broll">
  379. {block:Following}{block:Followed}<div class="following">
  380. <a target="_blank" href="{FollowedURL}"title="{FollowedName}">
  381. <img src="{FollowedPortraitURL-40}" />
  382. </a>
  383. </div>{/block:Followed}{/block:Following}
  384. </div><!------>
  385. <div id="sc-navi"><nav class="navi-links" id="navi-links">
  386. {block:IfLink1Name}<a href="{text:Link 1 URL}">
  387. <span data-hover="{text:Link 1 Name}">{text:Link 1 Name}</span>
  388. </a>{/block:IfLink1Name}
  389. {block:IfLink2Name}<a href="{text:Link 2 URL}">
  390. <span data-hover="{text:Link 2 Name}">{text:Link 2 Name}</span>
  391. </a>{/block:IfLink2Name}
  392. {block:IfLink3Name}<a href="{text:Link 3 URL}">
  393. <span data-hover="{text:Link 3 Name}">{text:Link 3 Name}</span>
  394. </a>{/block:IfLink3Name}
  395. {block:IfLink4Name}<a href="{text:Link 4 URL}">
  396. <span data-hover="{text:Link 4 Name}">{text:Link 4 Name}</span>
  397. </a>{/block:IfLink4Name}
  398. {block:IfLink5Name}<a href="{text:Link 5 URL}">
  399. <span data-hover="{text:Link 5 Name}">{text:Link 5 Name}</span>
  400. </a>{/block:IfLink5Name}
  401. {block:IfLink6Name}<a href="{text:Link 6 URL}">
  402. <span data-hover="{text:Link 6 Name}">{text:Link 6 Name}</span>
  403. </a>{/block:IfLink6Name}
  404. {block:IfLink7Name}<a href="{text:Link 7 URL}">
  405. <span data-hover="{text:Link 7 Name}">{text:Link 7 Name}</span>
  406. </a>{/block:IfLink7Name}
  407. {block:IfLink8Name}<a href="{text:Link 8 URL}">
  408. <span data-hover="{text:Link 8 Name}">{text:Link 8 Name}</span>
  409. </a>{/block:IfLink8Name}
  410. </nav></div><!------>
  411. <div id="sc-info">
  412. {block:IfSidebarTitle1}
  413. <div class="info-title" style="margin-top:0px;">
  414. {text:Sidebar Title 1}
  415. </div>
  416. {block:IfSidebarTitle1}{block:IfSidebarText1}
  417. <div class="info-desc">{text:Sidebar Text 1}</div>
  418. {/block:IfSidebarText1}{block:IfSidebarTitle2}
  419. <div class="info-title">
  420. {text:Sidebar Title 2}
  421. </div>
  422. {block:IfSidebarTitle2}{block:IfSidebarText2}
  423. <div class="info-desc">{text:Sidebar Text 2}</div>
  424. {/block:IfSidebarText2}{block:IfSidebarTitle3}
  425. <div class="info-title">
  426. {text:Sidebar Title 3}
  427. </div>
  428. {block:IfSidebarTitle3}{block:IfSidebarText3}
  429. <div class="info-desc">{text:Sidebar Text 3}</div>
  430. {/block:IfSidebarText3}
  431. </div><!------>
  432. </div>
  433.  
  434. </div>
  435.  
  436. <!----------------------------------------------------------------------->
  437.  
  438. <div id="entries">
  439.  
  440. {block:Posts}<div id="post">
  441.  
  442. {block:Text}<!-------------------------- TEXT --------------------------->
  443. {block:Title}<div id="t-l-q"><center>
  444. <a href="{Permalink}">{Title}</a>
  445. </center></div>{/block:Title}
  446. <div id="caption">{Body}</div>
  447. {/block:Text}
  448.  
  449. {block:Photo}<!------------------------- PHOTO -------------------------->
  450. {LinkOpenTag}<img src="{PhotoURL-500}" style="margin-bottom:6px;">{LinkCloseTag}
  451. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  452. {/block:Photo}
  453.  
  454. {block:Photoset}<!---------------------- PHOTOSET ----------------------->
  455. <!--<div style="margin-left:-10px;">{Photoset-500}</div>-->
  456. {Photoset-500}
  457. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  458. {/block:Photoset}
  459.  
  460. {block:Quote}<!------------------------- QUOTE -------------------------->
  461. <div id="t-l-q">{Quote}</div>
  462. {block:Source}<div id="caption" style="margin:6px 0px;"> —{Source}</div>{/block:Source}
  463. {/block:Quote}
  464.  
  465. {block:Link}<!-------------------------- LINK --------------------------->
  466. <div id="t-l-q"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  467. {block:Description}
  468. <div id="caption">{Description}</div>
  469. {/block:Description}
  470. {/block:Link}
  471.  
  472. {block:Chat}<!-------------------------- CHAT --------------------------->
  473. {block:Title}<div id="t-l-q"><center>
  474. <a href="{Permalink}">{Title}</a>
  475. </center></div>{/block:Title}
  476. {block:Lines}
  477. {block:Label}<span class="line">{Label}</span>{/block:Label} {Line}<br>
  478. {/block:Lines}
  479. {/block:Chat}
  480.  
  481. {block:Audio}<!------------------------- AUDIO -------------------------->
  482. <div id="audiopost">
  483. <img src="http://s.iosfans.com/?u=http://i165.photobucket.com/albums/u61/deveelryuk/carrierrequests/noartplaceholder.png" class="albumart" />
  484. {block:AlbumArt}
  485. <img src="{AlbumArtURL}" class="albumart" />
  486. {/block:AlbumArt}
  487. {block:AudioPlayer}
  488. <div class="playbox">
  489. <div class="playbutton">{AudioPlayerBlack}</div>
  490. </div>
  491. {/block:AudioPlayer}
  492. <div id="audioinfo">
  493. <a class="trackname" href="{Permalink}">
  494. {block:TrackName}{TrackName}{/block:TrackName}
  495. </a>
  496. <div class="audio-details">
  497. {block:Artist}{Artist}{/block:Artist}
  498. {block:Album}&nbsp;-&nbsp;{Album}{/block:Album}
  499. </div>
  500. </div>
  501. </div>
  502. {block:Caption}
  503. <div id="caption">{Caption}</div>
  504. {/block:Caption}
  505. {/block:Audio}
  506.  
  507. {block:Video}<!------------------------- VIDEO -------------------------->
  508. {Video-500}
  509. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  510. {/block:Video}
  511.  
  512. {block:Answer}<!------------------------ ANSWER ------------------------->
  513. <div id="asker"><img src="{AskerPortraitURL-30}"></div><span class="asker">{Asker}:</span><br />{Question}<p>{Answer}</p>
  514. {/block:Answer}
  515.  
  516. {block:Date}<div id="info"><div class="i-t" title="post info">i:</div>
  517. <div id="i-t">posted on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/">{DayOfMonth}{DayOfMonthSuffix} {Month}</a>{block:NoteCount}, <a class="nc" href="{Permalink}" title="post">with {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}&emsp;&bull;&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">via</a>{block:ContentSource}, <a href="{SourceURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}&emsp;&bull;&emsp;<a href="{ReblogURL}">reblog</a></div>
  518. {block:IndexPage}{block:IfShowTagsOnIndex}{block:HasTags}<div class="i-t">t:</div>
  519. <div id="i-t" title="tags">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfShowTagsOnIndex}{block:IndexPage}
  520. {block:PermalinkPage}{block:HasTags}<div class="i-t" title="tags">t:</div>
  521. <div id="i-t">{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
  522. </div>{/block:Date}
  523.  
  524. {block:PostNotes}<div class="show-notes">show notes</div><div id="post-notes">{PostNotes}</div>{/block:PostNotes}
  525.  
  526. </div>
  527. {/block:Posts}
  528.  
  529. {block:Pagination}<div id="post"><center><div id="pagination">
  530. {block:PreviousPage}
  531. <a href="{PreviousPage}">&laquo;</a>
  532. {/block:PreviousPage}
  533. {block:JumpPagination length="8"}
  534. {block:CurrentPage}
  535. <span class="current">{PageNumber}</span>
  536. {/block:CurrentPage}
  537. {block:JumpPage}
  538. <a href="{URL}">{PageNumber}</a>
  539. {/block:JumpPage}
  540. {/block:JumpPagination}
  541. {block:NextPage}
  542. <a href="{NextPage}">&raquo;</a>
  543. {/block:NextPage}
  544. </div></center></div>{/block:Pagination}
  545.  
  546. {block:PermalinkPagination}<div id="post"><center><div id="pagination">
  547. {block:PreviousPost}
  548. <a href="{PreviousPost}">&laquo; previous post</a>
  549. {/block:PreviousPost}
  550. {block:NextPost}
  551. <a href="{NextPost}">next post &raquo;</a>
  552. {/block:NextPost}
  553. </div></center></div>{/block:PermalinkPagination}
  554.  
  555. </div>
  556.  
  557. <!--- PLEASE DO NOT ALTER OR REMOVE --->
  558. <div id="credit"><a href="http://cyantists.tumblr.com/">c.&nbsp;&nbsp;cyantists</a></div>
  559. <!--- THANK YOU --->
  560.  
  561. </body></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!