Isandria

Theme #24

Feb 6th, 2015
278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.58 KB | None | 0 0
  1. <!--
  2. ╱╭╮╱╭╮
  3. ╭╯╰┳╯╰╮
  4. ╰╮╭╋╮╭╋━━┳━╮
  5. ╱┃┃┣┫┃┃╭╮┃╭╮╮
  6. ╱┃╰┫┃╰┫╭╮┃┃┃┃
  7. ╱╰━┻┻━┻╯╰┻╯╰╯
  8. ↳ http://titanjelly.tumblr.com
  9. ↳ DO NOT Claim/Repost as your own or Remove the theme credit!
  10. ↳ DO NOT Use as a theme base or Make heavy modifications!
  11. -->
  12.  
  13. <head>
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  15.  
  16. <title>{title}</title>
  17.  
  18. <meta name="image:Background" content="" />
  19. <meta name="image:Side Image" content="" />
  20. <meta name="image:Left Banner" content="" />
  21.  
  22. <meta name="color:Body Background" content="#FFFFFF"/>
  23. <meta name="color:Body Text" content="#868686"/>
  24. <meta name="color:Body Links" content="#BFF466"/>
  25. <meta name="color:Body Links Hover" content="#000000"/>
  26. <meta name="color:Title Text" content="#000000"/>
  27. <meta name="color:Top Sidebar Text" content="#ffffff"/>
  28. <meta name="color:Top Sidebar Background" content="#000000"/>
  29. <meta name="color:Bottom Sidebar Background" content="#BFF466"/>
  30. <meta name="color:Side Image Border" content="#1D1D1D"/>
  31. <meta name="color:Description Text" content="#ffffff"/>
  32. <meta name="color:Description Background" content="#1D1D1D"/>
  33. <meta name="color:Menu Text" content="#BFF466"/>
  34. <meta name="color:Menu Text Hover" content="#000000"/>
  35. <meta name="color:Extra Links Text" content="#FFFFFF"/>
  36. <meta name="color:Extra Links Background" content="#000000"/>
  37. <meta name="color:Extra Links Text Hover" content="#000000"/>
  38. <meta name="color:Extra Links Background Hover" content="#BFF466"/>
  39. <meta name="color:Left Banner Background" content="#000000"/>
  40. <meta name="color:Left Banner Border" content="#BFF466"/>
  41. <meta name="color:Ask Question Text" content="#FFFFFF"/>
  42. <meta name="color:Ask Question Background" content="#000000"/>
  43. <meta name="color:Ask Answer Text" content="#000000"/>
  44. <meta name="color:Ask Answer Background" content="#EDEDED"/>
  45. <meta name="color:Post Background" content="#FFFFFF"/>
  46. <meta name="color:Post Column Background" content="#000000"/>
  47. <meta name="color:Post Info Text" content="#000000"/>
  48. <meta name="color:Post Info Background" content="#BFF466"/>
  49. <meta name="color:Tag Text" content="#FFFFFF"/>
  50.  
  51. <meta name="if:Infinite Scroll" content="0"/>
  52. <meta name="if:Show Tags" content="1"/>
  53. <meta name="if:Show Extra Links" content="1"/>
  54. <meta name="if:Show Post Type" content="1"/>
  55. <meta name="if:Show Captions" content="0"/>
  56. <meta name="if:500px Posts" content="0"/>
  57.  
  58. <meta name="text:Body Font Size" content="8"/>
  59. <meta name="text:Title Font Size" content="12"/>
  60. <meta name="text:Subtitle Font Size" content="8"/>
  61. <meta name="text:Extra Links Font Size" content="8"/>
  62. <meta name="text:Description Font Size" content="8"/>
  63. <meta name="text:Post Info Font Size" content="7"/>
  64. <meta name="text:Tags Font Size" content="8"/>
  65.  
  66. <meta name="text:Title" content="title"/>
  67. <meta name="text:Subtitle" content="subtitle"/>
  68.  
  69. <meta name="text:Link01 Title" content="link 01"/>
  70. <meta name="text:Link01 URL" content="/"/>
  71. <meta name="text:Link02 Title" content="link 02"/>
  72. <meta name="text:Link02 URL" content="/"/>
  73. <meta name="text:Link03 Title" content="link 03"/>
  74. <meta name="text:Link03 URL" content="/"/>
  75.  
  76. <meta name="text:Extra Link01 Title" content="Extra link 01"/>
  77. <meta name="text:Extra Link01 URL" content="/"/>
  78. <meta name="text:Extra Link02 Title" content="Extra link 02"/>
  79. <meta name="text:Extra Link02 URL" content="/"/>
  80. <meta name="text:Extra Link03 Title" content="Extra link 03"/>
  81. <meta name="text:Extra Link03 URL" content="/"/>
  82. <meta name="text:Extra Link04 Title" content="Extra link 04"/>
  83. <meta name="text:Extra Link04 URL" content="/"/>
  84. <meta name="text:Extra Link05 Title" content="Extra link 05"/>
  85. <meta name="text:Extra Link05 URL" content="/"/>
  86.  
  87. <link rel="shortcut icon" href="{Favicon}" />
  88. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
  89.  
  90. <style type="text/css">
  91.  
  92. iframe#tumblr_controls {opacity:0.4;}
  93.  
  94. body, html {height: 100%;}
  95.  
  96. body {
  97. font-size:{text:Body Font Size}px;
  98. font-family:Arial, sans-serif;
  99. margin:0;
  100. color:{color:Body Text};
  101. background:{color:Body Background} url('{image:Background}');}
  102.  
  103. ::-webkit-scrollbar-thumb:vertical {
  104. background:{color:Body Links};}
  105. ::-webkit-scrollbar-thumb:horizontal {
  106. background:{color:Body Links};height:10px;}
  107. ::-webkit-scrollbar {
  108. background:{color:Body Background};
  109. height:10px;width:6px;}
  110.  
  111. #s-m-t-tooltip{
  112. pointer-events:none;
  113. max-width:300px;
  114. margin-top:0px;
  115. margin-left:15px;
  116. font-size:{text:Body Font Size}px;
  117. font-weight:200;
  118. text-transform:lowercase;
  119. letter-spacing:2px;
  120. padding:3px 4px;
  121. color:#ffffff;
  122. background:{color:Body Links Hover};
  123. position:absolute;
  124. z-index:9999999999999999;
  125. transition: 0.2s;
  126. -moz-transition: 0.2s;
  127. -webkit-transition: 0.2s;
  128. -o-transition: 0.2s;}
  129.  
  130. a, .post_icon {-webkit-transition: 0.3s;transition: 0.3s;}
  131. .side_middle, .bottom_blocks, .nav {
  132. -webkit-transition: linear 1s;
  133. transition: linear 1s;}
  134.  
  135. a {color:{color:Body Links};text-decoration:none;}
  136. a:hover{color:{color:Body Links Hover};}
  137.  
  138.  
  139. /*Container CSS
  140. -------------------------------------------------*/
  141. .container{
  142. {block:if500pxPosts}width:900px;{/block:if500pxPosts}
  143. {block:ifnot500pxPosts}width:800px;{/block:ifnot500pxPosts}
  144. margin:0px 240px;height:100%;}
  145.  
  146. .left_banner_container {
  147. width:150px;
  148. position:fixed;
  149. top:0;bottom:0;left:0;
  150. border-right:20px solid #000000;}
  151.  
  152. .left_banner {
  153. width:150px;
  154. position:fixed;
  155. top:0;bottom:0;left:0;
  156. border-right:10px solid {color:Left Banner Border};
  157. background:{color:Left Banner Background} url('{image:Left Banner}');
  158. background-repeat:no-repeat;
  159. background-position:bottom center;
  160. background-size:cover;}
  161.  
  162.  
  163. /*Side Container/Skull CSS
  164. -------------------------------------------------*/
  165. .side_container {
  166. width:280px;
  167. position:fixed;
  168. z-index:999999;
  169. margin-top:100px;}
  170.  
  171. .side_top, .side_bottom {
  172. position:relative;
  173. z-index:999999;
  174. width:250px;
  175. padding:15px;}
  176.  
  177. .side_top {
  178. color:{color:Top Sidebar Text};
  179. background:{color:Top Sidebar Background};}
  180.  
  181. .side_middle {
  182. opacity:0;
  183. max-height:0px;
  184. margin-top:-65px;
  185. padding:45px 10px 45px 10px;
  186. position:relative;
  187. overflow:hidden;
  188. z-index:-99;}
  189.  
  190. .side_content:hover .side_middle {
  191. opacity:1;
  192. max-height:700px;
  193. margin-top:-40px;
  194. margin-bottom:5px;
  195. z-index:0;}
  196.  
  197. .side_bottom {
  198. pointer-events:none;
  199. color:{color:Bottom Sidebar Text};
  200. background:{color:Bottom Sidebar Background};}
  201.  
  202. .top_blocks {
  203. width:300px;height:25px;
  204. margin-left:2px;
  205. pointer-events:none;
  206. text-align:left;}
  207.  
  208. .top_blocks .link_block_blank {
  209. width:24px;height:25px;
  210. display:inline-block;
  211. color:transparent;
  212. background:transparent;}
  213.  
  214. .top_blocks .link_block_color {
  215. width:25px;height:25px;
  216. display:inline-block;
  217. color:{color:Top Sidebar Background};
  218. background:{color:Top Sidebar Background};}
  219.  
  220. .bottom_blocks {
  221. width:300px;height:25px;
  222. pointer-events:none;
  223. margin-top:-50px;
  224. text-align:left;}
  225.  
  226. .bottom_blocks .link_block_blank {
  227. width:24px;height:25px;
  228. display:inline-block;
  229. color:transparent;
  230. background:transparent;}
  231.  
  232. .bottom_blocks .link_block_color {
  233. width:25px;height:25px;
  234. display:inline-block;
  235. color:{color:Bottom Sidebar Background};
  236. background:{color:Bottom Sidebar Background};}
  237.  
  238.  
  239. /*Side Content CSS
  240. -------------------------------------------------*/
  241. .side_title h1 {
  242. color:{color:Title Text};
  243. font-size:{text:Title Font Size}px;
  244. font-weight:bold;
  245. text-align:center;
  246. text-transform:uppercase;
  247. letter-spacing:-1px;
  248. margin-bottom:0px;}
  249.  
  250. .side_title h2 {
  251. color:{color:Subtitle Text};
  252. font-size:{text:Subtitle Font Size}px;
  253. margin-top:-3px;
  254. font-weight:normal;
  255. text-align:center;
  256. text-transform:lowercase;
  257. letter-spacing:3px;}
  258.  
  259. .side_image {
  260. width:248px;
  261. margin:10px 0px;}
  262.  
  263. .side_image img {
  264. width:238px;
  265. padding:5px;
  266. background:{color:Side Image Border};}
  267.  
  268. .side_menu {
  269. width:100px;
  270. position:absolute;
  271. margin-left:-110px;
  272. font-size:10px;
  273. font-weight:bold;
  274. text-align:right;
  275. text-transform:uppercase;
  276. letter-spacing:-1px;}
  277.  
  278. .side_menu a {
  279. display:block;
  280. margin:5px;
  281. padding:5px;
  282. color:{color:Menu Text};
  283. border-right:15px solid {color:Top Sidebar Background};}
  284.  
  285. .side_menu a:hover {
  286. color:{color:Menu Text Hover};
  287. border-right:25px solid {color:Top Sidebar Background};}
  288.  
  289. .side_extralinks {
  290. font-size:{text:Extra Links Font Size}px;
  291. text-align:center;}
  292.  
  293. .side_extralinks a {
  294. display:block;
  295. margin:5px 15px;
  296. padding:5px;
  297. color:{color:Extra Links Text};
  298. background:{color:Extra Links Background};}
  299.  
  300. .side_extralinks a:hover {
  301. color:{color:Extra Links Text Hover};
  302. background:{color:Extra Links Background Hover};}
  303.  
  304. .description{
  305. margin:10px 0px;
  306. padding:10px;
  307. font-size:{text:Description Font Size}px;
  308. color:{color:Description Text};
  309. background:{color:Description Background};
  310. text-align:justify;}
  311.  
  312.  
  313. /* Navigation CSS
  314. -------------------------------------------------*/
  315. .nav {
  316. opacity:0;
  317. margin-top:5px;
  318. text-align:center;
  319. text-transform:lowercase;}
  320.  
  321. .current_page {
  322. background:{color:Extra Links Background Hover};
  323. color:{color:Extra Links Text Hover};
  324. margin:3px;
  325. display:inline-block;
  326. padding:5px;}
  327.  
  328. .nav a {
  329. color:{color:Extra Links Text};
  330. background:{color:Extra Links Background};
  331. margin:3px;
  332. display:inline-block;
  333. padding:5px;}
  334.  
  335. .nav a:hover {
  336. color:{color:Extra Links Text Hover};
  337. background:{color:Extra Links Background Hover};}
  338.  
  339. .side_content:hover .nav {opacity:1;}
  340.  
  341.  
  342. /* Posts CSS
  343. -------------------------------------------------*/
  344. .postcol {
  345. min-height:100%;
  346. {block:if500pxPosts}width:530px;{/block:if500pxPosts}
  347. {block:ifnot500pxPosts}width:430px;{/block:ifnot500pxPosts}
  348. margin-left:340px;
  349. {block:PermalinkPage}
  350. top:0px;bottom:0px;
  351. {/block:PermalinkPage}
  352. padding:30px 60px;
  353. position:relative;
  354. z-index:999999;
  355. background:{color:Post Column Background};}
  356.  
  357. .posts {
  358. {block:if500pxPosts}
  359. width:500px;
  360. {/block:if500pxPosts}
  361. {block:ifnot500pxPosts}
  362. width:400px;
  363. {/block:ifnot500pxPosts}
  364. background:{color:Post Background};
  365. padding:10px 10px 10px 10px;
  366. position:relative;
  367. z-index:9999999;}
  368.  
  369.  
  370. /* Post Elements CSS
  371. -------------------------------------------------*/
  372. .post_icon {
  373. {block:ifnotShowPostType}
  374. display:none;
  375. {/block:ifnotShowPostType}
  376. width:200px;
  377. position:absolute;
  378. z-index:99999999;
  379. margin-left:-120px;
  380. margin-top:90px;
  381. font-size:26px;
  382. font-weight:bold;
  383. text-align:right;
  384. text-transform:lowercase;
  385. line-height:20px;
  386. letter-spacing:1px;
  387. color:{color:Body Links};
  388. transform:rotate(-90deg);
  389. -ms-transform:rotate(-90deg);
  390. -webkit-transform:rotate(-90deg);}
  391.  
  392. .posts:hover .post_icon {color:{color:Post Background};}
  393.  
  394. .posts h2, .posts h2 a {
  395. font-size:12px;
  396. color:{color:Links};
  397. font-weight:normal;
  398. text-align:center;
  399. margin:0px;}
  400.  
  401. .posts li {list-style: square;}
  402. .posts blockquote {
  403. border-left: 1px solid #000;
  404. margin-left:10px;
  405. padding-left: 5px;}
  406. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  407.  
  408. .askername {
  409. font-size:8px;
  410. text-transform:lowercase;
  411. margin-bottom:2px;
  412. border-bottom:1px solid {color:Body Links};}
  413. .askername a {color:{color:Body Links};}
  414.  
  415. .askericon img {
  416. padding:2px;
  417. border-radius:6px;
  418. border:2px solid {color:Ask Question Background};
  419. position:absolute;}
  420.  
  421. .question {
  422. position:relative;
  423. padding:6px 8px;
  424. margin-left:60px;
  425. min-height:36px;
  426. border-radius:6px;
  427. color:{color:Ask Question Text};
  428. background:{color:Ask Question Background};}
  429.  
  430. .question:after {
  431. right: 100%;
  432. top: 50%;
  433. border: solid transparent;
  434. content: " ";
  435. height: 0;
  436. width: 0;
  437. position: absolute;
  438. pointer-events: none;
  439. border-color: rgba(0, 0, 0, 0);
  440. border-right-color: {color:Ask Question Background};
  441. border-width: 8px;
  442. margin-top: -15px;}
  443.  
  444. .answer {
  445. padding:2px 8px;
  446. margin-top:4px;
  447. border-radius:6px;
  448. color:{color:Ask Answer Text};
  449. background:{color:Ask Answer Background};}
  450.  
  451. .quote {width: 80%; margin: auto;}
  452. .quotetext_short {font-size: 18px;}
  453. .quotetext_medium {font-size: 14px;}
  454. .quotetext_long {font-size: 11px;}
  455.  
  456. .source {text-align: right;}
  457.  
  458. .convo li {list-style: none; margin-left:-40px;}
  459. .convo .label {text-transform: uppercase;}
  460. .line .label {color: #cf2d85;}
  461.  
  462.  
  463. /* Audio CSS
  464. -------------------------------------------------*/
  465. .cover {
  466. position:relative;
  467. min-height:200px;
  468. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  469. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  470. border-bottom:2px solid {color:Body Links};
  471. background:{color:Body Text};
  472. z-index:100;}
  473. .cover img {
  474. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  475. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  476. margin-bottom:-2px;}
  477.  
  478. .covericon {
  479. position:absolute;
  480. background:{color:Body Text};
  481. border:4px solid {color:Post Background};
  482. margin-top:-5px;
  483. margin-left:-115px;
  484. width:100px;}
  485.  
  486. .playbutton {
  487. width:25px;
  488. overflow:hidden;
  489. position:relative;
  490. z-index:1000;}
  491.  
  492. .playbox {
  493. border-top:2px solid {color:Body Links};
  494. background:#000;
  495. z-index:1000;}
  496.  
  497. .audioinfo {
  498. color:{color:Body Text};
  499. background:{color:Post Background};
  500. position:absolute;
  501. z-index:1000;
  502. padding:5px 10px;
  503. margin-top:5px;
  504. margin-left:110px;}
  505.  
  506. .audiotrack {font-size: 14px;font-weight: bold;}
  507.  
  508.  
  509. /* Post Information CSS
  510. -------------------------------------------------*/
  511. .postinfo {
  512. font-size:{text:Post Info Font Size}px;
  513. text-align:left;
  514. text-transform:lowercase;
  515. letter-spacing:2px;
  516. padding:5px;
  517. margin-top:5px;
  518. color:{color:Post Info Text};
  519. background:{color:Post Info Background};}
  520.  
  521. .postinfo a {color:{color:Post Info Text};}
  522. .postinfo a:hover {color:{color:Post Info Text};}
  523.  
  524. .post_tags {margin-bottom:60px;font-size:{text:Tags Font Size}px; }
  525. .post_tags a {color:{color:Tag Text};opacity:0.7;}
  526. .post_tags a:hover {color:{color:Body Links};opacity:1;}
  527.  
  528. .sources {filter:alpha(opacity=0);opacity:0;display:none;}
  529.  
  530. .postnotes {
  531. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  532. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  533. position:relative;
  534. padding:10px;
  535. margin-bottom:20px;
  536. color:{color:Body Text};
  537. background:{color:Post Background};}
  538.  
  539. .postnotes a {color:{color:Body Text};}
  540.  
  541. .postnotes ol {
  542. list-style-type:none;
  543. padding:0px;
  544. margin:0px;}
  545.  
  546. .postnotes img {display:none;}
  547. .avatar_frame {display:none;}
  548.  
  549. .more_notes_link {
  550. display:block;
  551. margin-top:10px;
  552. padding:5px;
  553. color:{color:Post Info Text};
  554. background:{color:Post Info Background};}
  555.  
  556. /* Credit CSS - DO NOT REMOVE
  557. -------------------------------------------------*/
  558. .credit a {
  559. display:block;
  560. color:#000;
  561. padding:3px 3px 3px 4px;
  562. font-size:6px;
  563. text-align:center;
  564. text-transform:uppercase;
  565. letter-spacing:3px;
  566. border:1px solid #000;
  567. z-index:9999999999999;
  568. position:fixed;right:5px;bottom:5px;}
  569.  
  570. .credit a:hover{background:#000;color:#fff;}
  571. </style>
  572.  
  573. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  574. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  575. <script>
  576. (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);
  577. </script>
  578.  
  579. {block:ifInfiniteScroll}
  580. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  581. {/block:ifInfiniteScroll}
  582.  
  583. </head>
  584. <body>
  585.  
  586. <div class="left_banner_container">
  587. <div class="left_banner"></div></div>
  588.  
  589. <div class="container">
  590. <div class="side_container">
  591.  
  592. <div class="side_content">
  593.  
  594. <div class="side_top">
  595. <div class="side_menu">
  596. <a href="/" title="Refresh">01</a>
  597. <a href="/ask" title="Message">02</a>
  598. <a href="{text:Link01 URL}" title="{text:Link01 Title}">03</a>
  599. <a href="{text:Link02 URL}" title="{text:Link02 Title}">04</a>
  600. <a href="{text:Link03 URL}" title="{text:Link03 Title}">05</a>
  601. </div>
  602. <div class="side_title">
  603. <h1>{text:Title}</h1>
  604. <h2>{text:Subtitle}</h2>
  605. </div>
  606. <div class="side_image">
  607. <a href="/" title="refresh"><img src="{image:Side Image}"></a>
  608. </div>
  609. </div>
  610.  
  611. <div class="top_blocks">
  612. <div class="link_block_blank"></div><div class="link_block_color"></div>
  613. <div class="link_block_blank"></div><div class="link_block_color"></div>
  614. <div class="link_block_blank"></div><div class="link_block_color"></div>
  615. <div class="link_block_blank"></div><div class="link_block_color"></div>
  616. <div class="link_block_blank"></div><div class="link_block_color"></div>
  617. <div class="link_block_blank"></div>
  618. </div>
  619.  
  620. <div class="side_middle">
  621. {block:ifShowExtraLinks}
  622. <div class="side_extralinks">
  623. <a href="{text:Extra Link01 URL}" >{text:Extra Link01 Title}</a>
  624. <a href="{text:Extra Link02 URL}" >{text:Extra Link02 Title}</a>
  625. <a href="{text:Extra Link03 URL}" >{text:Extra Link03 Title}</a>
  626. <a href="{text:Extra Link04 URL}" >{text:Extra Link04 Title}</a>
  627. <a href="{text:Extra Link05 URL}" >{text:Extra Link05 Title}</a>
  628. </div>
  629. {/block:ifShowExtraLinks}
  630. <div class="description">{Description}</div>
  631. </div>
  632.  
  633. <div class="bottom_blocks">
  634. <div class="link_block_color"></div><div class="link_block_blank"></div>
  635. <div class="link_block_color"></div><div class="link_block_blank"></div>
  636. <div class="link_block_color"></div><div class="link_block_blank"></div>
  637. <div class="link_block_color"></div><div class="link_block_blank"></div>
  638. <div class="link_block_color"></div><div class="link_block_blank"></div>
  639. <div class="link_block_color"></div>
  640. </div>
  641.  
  642. <div class="side_bottom"></div>
  643. {block:ifnotInfiniteScroll}
  644. {block:Pagination}
  645. <div class="nav">{block:PreviousPage}
  646. <a href="{PreviousPage}">Back</a>
  647. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  648. <span class="current_page">{PageNumber}</span>
  649. {/block:CurrentPage}{block:JumpPage}
  650. <a class="jump_page" href="{URL}">{PageNumber}</a>
  651. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  652. <a href="{NextPage}">Next</a>
  653. {/block:NextPage}</div>{/block:Pagination}
  654. {/block:ifnotInfiniteScroll}
  655.  
  656. </div>
  657.  
  658. </div>
  659.  
  660.  
  661. <div class="postcol">
  662. <div class="autopagerize_page_element">
  663. {block:Posts}
  664. <div class="posts">
  665.  
  666. {block:ContentSource}
  667. <div class="sources">
  668. {SourceURL}{block:SourceLogo}
  669. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  670. {/block:SourceLogo}
  671. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  672. </div>
  673. {/block:ContentSource}
  674.  
  675. {block:Text}
  676. <div class="post_icon">text</div>
  677. {block:Title}<h2>{Title}</h2>{/block:Title}
  678. {Body}
  679. {/block:Text}
  680.  
  681. {block:Answer}
  682. <div class="post_icon">ask</div>
  683. <div class="askericon"><img src="{AskerPortraitURL-40}"></div>
  684. <div class="question"><div class="askername"><b>{Asker}</b> asked:</div>
  685. {Question}</div>
  686. <div class="answer">{Answer}</div>
  687. {/block:Answer}
  688.  
  689. {block:Quote}
  690. <div class="post_icon">quote</div>
  691. <div class="quote">
  692. <div class="quotetext_{Length}">"{Quote}"</div>
  693. {block:Source}<div class="source">{Source}</div>{/block:Source}
  694. </div>
  695. {/block:Quote}
  696.  
  697. {block:Link}
  698. <div class="post_icon">link</div>
  699. <h2><a href="{URL}">{Name}</a></h2>
  700. {block:Description}{Description}{/block:Description}
  701. {/block:Link}
  702.  
  703. {block:Chat}
  704. <div class="post_icon">chat</div>
  705. {block:Title}<h2>{Title}</h2>{/block:Title}
  706. <ul class="convo">
  707. {block:Lines}
  708. <li class="line">{block:Label}
  709. <span class="label">{Label}</span>
  710. {/block:Label}{Line}</li>{/block:Lines}</ul>
  711. {/block:Chat}
  712.  
  713. {block:Photo}
  714. <div class="post_icon">photo</div>
  715. <a href="{Permalink}">
  716. {block:if500pxPosts}
  717. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  718. {/block:if500pxPosts}
  719. {block:ifnot500pxPosts}
  720. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
  721. {/block:ifnot500pxPosts}</a>
  722. {block:ifShowCaptions}
  723. {block:Caption}{Caption}{/block:Caption}
  724. {/block:ifShowCaptions}
  725. {block:ifnotShowCaptions}
  726. {block:PermalinkPage}
  727. {block:Caption}{Caption}{/block:Caption}
  728. {/block:PermalinkPage}
  729. {/block:ifnotShowCaptions}
  730. {/block:Photo}
  731.  
  732. {block:Photoset}
  733. <div class="post_icon">photoset</div>
  734. {block:if500pxPosts}
  735. {Photoset-500}
  736. {/block:if500pxPosts}
  737. {block:ifnot500pxPosts}
  738. {Photoset-400}
  739. {/block:ifnot500pxPosts}
  740. {block:ifShowCaptions}
  741. {block:Caption}{Caption}{/block:Caption}
  742. {/block:ifShowCaptions}
  743. {block:ifnotShowCaptions}
  744. {block:PermalinkPage}
  745. {block:Caption}{Caption}{/block:Caption}
  746. {/block:PermalinkPage}
  747. {/block:ifnotShowCaptions}
  748. {/block:Photoset}
  749.  
  750. {block:Audio}
  751. <div class="post_icon">music</div>
  752. <div class="audioinfo">
  753. <div class="covericon">
  754. {block:AlbumArt}
  755. <img src="{AlbumArtURL}">
  756. {/block:AlbumArt}
  757. </div>
  758. <div class="audiotrack">
  759. {block:TrackName}{TrackName}{/block:TrackName}
  760. </div>
  761. <div class="audioartist">
  762. {block:Artist}{Artist}{/block:Artist}
  763. </div>
  764. <div class="audioplay">
  765. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  766. </div>
  767. </div>
  768. <div class="cover">
  769. {block:AlbumArt}
  770. <img src="{AlbumArtURL}">
  771. {/block:AlbumArt}
  772. </div>
  773. <div class="playbox">
  774. <div class="playbutton">
  775. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  776. </div>
  777. </div>
  778. <div class="audiocap">
  779. {block:ifShowCaptions}
  780. {block:Caption}{Caption}{/block:Caption}
  781. {/block:ifShowCaptions}
  782. {block:ifnotShowCaptions}
  783. {block:PermalinkPage}
  784. {block:Caption}{Caption}{/block:Caption}
  785. {/block:PermalinkPage}
  786. {/block:ifnotShowCaptions}
  787. </div>
  788. {/block:Audio}
  789.  
  790. {block:Video}
  791. <div class="post_icon">video</div>
  792. {block:if500pxPosts}
  793. {Video-500}
  794. {/block:if500pxPosts}
  795. {block:ifnot500pxPosts}
  796. {Video-400}
  797. {/block:ifnot500pxPosts}
  798. {block:ifShowCaptions}
  799. {block:Caption}{Caption}{/block:Caption}
  800. {/block:ifShowCaptions}
  801. {block:ifnotShowCaptions}
  802. {block:PermalinkPage}
  803. {block:Caption}{Caption}{/block:Caption}
  804. {/block:PermalinkPage}
  805. {/block:ifnotShowCaptions}
  806. {/block:Video}
  807.  
  808. <div class="postinfo">
  809. {block:Date}
  810. <a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}</a>
  811. {/block:Date}
  812. {block:Notecount}
  813. ⟩ <a href="{Permalink}" title="with {NoteCountWithLabel}">{NoteCount}</a>
  814. {/block:Notecount}
  815. {block:RebloggedFrom}
  816. ⟩ <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a>
  817. ⟩ <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SOURCE</a>
  818. {/block:RebloggedFrom}
  819. </div>
  820. </div>
  821.  
  822. {block:ifShowTags}
  823. <div class="post_tags">
  824. {block:HasTags}
  825. <div class="tags">
  826. {block:Tags}
  827. <a href="{TagURL}">#{Tag}</a>
  828. {/block:Tags}
  829. </div>
  830. {/block:HasTags}
  831. </div>
  832. {/block:ifShowTags}
  833.  
  834. {block:PermalinkPage}
  835. {block:PostNotes}
  836. <div class="postnotes">
  837. {PostNotes}
  838. </div>
  839. {/block:PostNotes}
  840. {/block:PermalinkPage}
  841.  
  842. {/block:Posts}
  843. </div>
  844. </div>
  845.  
  846. </div>
  847.  
  848.  
  849. <!-- Credit / Copyright Information - DO NOT REMOVE -->
  850. <div class="credit">
  851. <a href="http://titanjelly.tumblr.com/themes">Titan</a>
  852. </div>
  853.  
  854. </body>
Add Comment
Please, Sign In to add comment