Advertisement
mardeemoe

THEME [03] whelmed

Dec 29th, 2013
1,725
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.38 KB | None | 0 0
  1. <html>
  2. <!--------------------------------------------
  3. THEME: [03] WHELMED
  4.  
  5. THEME BY CYNESSIE
  6. http://cythemes.tumblr.com // http://cynessie.tumblr.com
  7. ---------------------------------------------
  8. TERMS OF USE:
  9. ● DO NOT REMOVE THE CREDITS
  10. ● DO NOT CLAIM AS YOUR OWN
  11. ● DO NOT REDISTRIBUTE
  12. ● DO NOT USE AS A BASE
  13. ----------------------------------------------->
  14.  
  15. <head>
  16. <!-- S-M-T TOOLTIP CODE START -->
  17.  
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19.  
  20. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  21.  
  22. <link href='http://static.tumblr.com/skpdfau/BQNmy7gif/clementepdac.ttf' rel='stylesheet' type='text/css'>
  23.  
  24. <script>
  25.  
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29.  
  30. $("a[title]").style_my_tooltips({
  31.  
  32. tip_follows_cursor:true,
  33.  
  34. tip_delay_time:0,
  35.  
  36. tip_fade_speed:0,
  37.  
  38. attribute:"title"
  39.  
  40. });
  41.  
  42. });
  43.  
  44. })(jQuery);
  45.  
  46. </script>
  47.  
  48. <!-- S-M-T TOOLTIP CODE END -->
  49.  
  50. <title>{Title}</title>
  51. <link rel="shortcut icon" href="{Favicon}">
  52. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  53. <meta name="description" content="" />
  54. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  55.  
  56. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'>
  59.  
  60. <meta name="color:main bg" content="#121212">
  61. <meta name="color:side img border" content="#765f2b">
  62. <meta name="color:navi bg" content="#341313">
  63. <meta name="color:navi text hover" content="#938861">
  64. <meta name="color:description bg" content="#121212">
  65. <meta name="color:header text" content="#a1935e">
  66. <meta name="color:sidebar bg" content="#121212">
  67. <meta name="color:sidebar border" content="#181818">
  68. <meta name="color:entry bg" content="#181818">
  69. <meta name="color:entry borders" content="#43330f">
  70. <meta name="color:entry title" content="#a28247">
  71. <meta name="color:entry title link" content="#5e1a1a">
  72. <meta name="color:entry title link hover" content="#a28247">
  73. <meta name="color:entry title bg" content="#121212">
  74. <meta name="color:main text" content="#544e41">
  75. <meta name="color:bolditalic" content="#4d4630">
  76. <meta name="color:links" content="#440f0f">
  77. <meta name="color:links hover" content="#a28247">
  78.  
  79.  
  80. <meta name="text:header" content="">
  81.  
  82. <meta name="text:Link 1 Title" content="">
  83. <meta name="text:Link 1 URL" content="">
  84. <meta name="text:Link 2 Title" content="">
  85. <meta name="text:Link 2 URL" content="">
  86. <meta name="text:Link 3 Title" content="">
  87. <meta name="text:Link 3 URL" content="">
  88. <meta name="text:Link 4 Title" content="">
  89. <meta name="text:Link 4 URL" content="">
  90. <meta name="text:Link 5 Title" content="">
  91. <meta name="text:Link 5 URL" content="">
  92.  
  93. <meta name="image:sidebar bg" content="http://static.tumblr.com/cf55a57f66c3a8fd40f4f3c1f6bf2dfb/skpdfau/8Qdmyj2m2/tumblr_static_dark_mosaic.png">
  94. <meta name="image:main bg" content="">
  95. <meta name="image:sidebar img" content="">
  96.  
  97.  
  98. <meta name="if:Show Captions" content="1">
  99.  
  100. <style type="text/css">
  101.  
  102. /* MAIN */
  103. body {
  104. margin-top: -20px;
  105. margin-left: -10px;
  106. background-attachment: fixed;
  107. background-image: url('{image:main bg}');
  108. background-color: {color:main bg};
  109. color: {color:main text};
  110. font-family: arial;
  111. font-size: 10px;
  112. }
  113.  
  114. b, strong {
  115. color: {color:bolditalic};
  116. }
  117.  
  118. i, em {
  119. color: {color:bolditalic};
  120. }
  121.  
  122. a {
  123. color: {color:links};
  124. text-decoration: none;
  125. -moz-transition-duration: 0.5s;
  126. -o-transition-duration: 0.5s;
  127. -webkit-transition-duration: 0.5s;
  128. transition-duration: 0.5s;}
  129.  
  130. a:hover {
  131. color: {color:links hover};
  132. -moz-transition-duration: 0.5s;
  133. -o-transition-duration: 0.5s;
  134. -webkit-transition-duration: 0.5s;
  135. transition-duration: 0.5s;
  136. }
  137.  
  138. .container {
  139. width: auto;
  140. margin: 20px 0px 0px 0px;
  141. }
  142.  
  143. ::-webkit-scrollbar-thumb:vertical {
  144. width: 20px!important;
  145. background-color: {color:entry title bg};
  146. border: 5px solid {color:entry bg};
  147.  
  148. }
  149.  
  150. ::-webkit-scrollbar-thumb:horizontal {
  151. height:20px!important;
  152. background-color: {color:entry title bg};
  153. border: 5px solid {color:entry bg};
  154.  
  155.  
  156. }
  157.  
  158. ::-webkit-scrollbar {
  159. height:15px;
  160. width:15px;
  161. background-color: {color:entry bg};
  162. }
  163.  
  164. /* SIDEBAR */
  165.  
  166. .sbhold {
  167. position: fixed;
  168. height: 100%;
  169. width: 400px;
  170. background-image: url('{image:sidebar bg}');
  171. background-color: {color:sidebar bg};
  172. border-right: 7px solid {color:sidebar border};
  173. }
  174.  
  175. .sidebar {
  176. position: fixed;
  177. height: 400px;
  178. width: 300px;
  179. top: 120px;
  180. left: 20px;
  181. padding: 10px;
  182. background-color: {color:transparent};
  183. }
  184.  
  185. .sidebar img {
  186. z-index: 1;
  187. height: 270px;
  188. width: 200px;
  189. margin-left: 80px;
  190. border: 10px solid {color:side img border};
  191. }
  192.  
  193. .navi {
  194. height: 290px;
  195. z-index: 1;
  196. position: fixed;
  197. margin-top: 10px;
  198. text-transform: uppercase;
  199. }
  200.  
  201. .navi a {
  202. overflow: hidden;
  203. display: inline-block;
  204. height: 20px;
  205. width: 25px;
  206. margin-left: 50px;
  207. margin-bottom: 2px;
  208. padding: 10px 0px 0px 5px;
  209. vertical-align: middle;
  210. background-color: {color:navi bg};
  211. color: {color:navi bg};
  212. font-family: trebuchet ms;
  213. font-size: 9px;
  214. text-align: left;
  215. }
  216.  
  217. .navi a:hover {
  218. margin-left: -13px;
  219. width: 88px;
  220. color: {color:navi text hover};
  221. }
  222.  
  223. .sbtitle {
  224. width: 200px;
  225. margin: 5px 0px 0px 80px;
  226. padding: 0px 10px;
  227. color: {color:header text};
  228. font-family: raleway, century gothic;
  229. font-size: 20px;
  230. font-weight: 100;
  231. text-align: center;
  232. }
  233.  
  234. .descbox {
  235. overflow: auto;
  236. position: fixed;
  237. opacity: 0;
  238. height: 250px;
  239. width: 180px;
  240. margin-top: 10px;
  241. margin-left: 90px;
  242. padding: 10px;
  243. background-color: {color:description bg};
  244. color:;
  245. -moz-transition-duration: 0.5s;
  246. -o-transition-duration: 0.5s;
  247. -webkit-transition-duration: 0.5s;
  248. transition-duration: 0.5s;
  249.  
  250. }
  251.  
  252. .descbox:hover {
  253. opacity: 1;
  254. -moz-transition-duration: 0.5s;
  255. -o-transition-duration: 0.5s;
  256. -webkit-transition-duration: 0.5s;
  257. transition-duration: 0.5s;
  258.  
  259.  
  260. }
  261.  
  262. /* ENTRIES */
  263.  
  264. .postwrap {
  265. width: 540px;
  266. margin-left: 420px;
  267. padding-top: 20px;
  268. }
  269.  
  270. .entry {
  271. margin-bottom: 20px;
  272. padding: 20px;
  273. background-color: {color:entry bg};
  274. }
  275.  
  276.  
  277.  
  278. .entrytitle {
  279. padding: 20px 10px;
  280. background-color: {color:entry title bg};
  281. color: {color:entry title};
  282. font-family: raleway, century gothic;
  283. font-size: 20px;
  284. vertical-align: middle;
  285. text-align: center;
  286. font-weight: 100;
  287. }
  288.  
  289. .entrytitle a {
  290. color: {color:entry title link};
  291. }
  292.  
  293. .entrytitle a:hover {
  294. color: {color:entry title link hover};
  295. }
  296.  
  297. h1 {
  298. color: {color:entry title};
  299. font-family: raleway, century gothic;
  300. font-size: 20px;
  301. line-height: 18px;
  302. text-align: center;
  303. border-bottom: 1px solid {color:entry borders};
  304. font-weight: 100;
  305.  
  306. }
  307.  
  308. h2 {
  309. color: {color:entry title};
  310. font-family: raleway, century gothic;
  311. font-size: 20px;
  312. line-height: 18px;
  313. font-weight: 100;
  314. }
  315.  
  316. h3 {
  317. color: {color:entry title};
  318. font-family: raleway, century gothic;
  319. font-size: 17px;
  320. line-height: 15px;
  321. font-weight: 100;
  322. }
  323.  
  324. b, strong {
  325. color: {color:bolditalic};
  326. }
  327.  
  328. i, em {
  329. color: {color:bolditalic};
  330. }
  331.  
  332. blockquote {
  333. margin-left: 15px;
  334. padding-left: 4px;
  335. border-left: 2px solid {color:entry borders};
  336. }
  337.  
  338. pre {
  339. padding: 6px;
  340. background-color: {color:main bg};
  341. }
  342.  
  343. /* ANSWER POST */
  344.  
  345. .question {
  346. min-height: 50px ;
  347. margin-left: 90px;
  348. padding: 10px 10px 10px 10px;
  349. background-color: {color:entry title bg};
  350. color: {color:entry text};
  351. font-size: 9px;
  352. text-align: center;
  353. }
  354.  
  355. .questionimg img{
  356. position: absolute;
  357. margin-top: -2px;
  358. border: 3px solid {color:side img border};
  359. }
  360.  
  361. .point {
  362. position: absolute;
  363. margin-top: 15px;
  364. margin-left: 70px;
  365. color: {color:entry title bg};
  366. font-size: 30px;
  367. }
  368.  
  369. .asker {
  370.  
  371. margin-top: 0px;
  372. color: {color:entry text};
  373. font-family: raleway, century gothic;
  374. font-size: 15px;
  375.  
  376. }
  377.  
  378. .asker a {
  379. color: {color:links};
  380. }
  381.  
  382. .asker a:hover {
  383. color: {color:links hover};
  384. }
  385.  
  386. /* QUOTES */
  387.  
  388. .marks {
  389. position: absolute;
  390. margin-top: -20px;
  391. margin-right: 10px;
  392. color: {color:links};
  393. font-family: georgia;
  394. font-size: 150px;
  395. font-style: italic;
  396.  
  397. }
  398.  
  399. .quote {
  400. margin-top: 20px;
  401. margin-left: 60px;
  402. padding-left: 10px;
  403. color: {color: entry text};
  404. font-family: raleway, century gothic;
  405. font-size: 17px;
  406.  
  407. }
  408.  
  409. /* CHAT POST */
  410.  
  411. .convo li {
  412. list-style: none;
  413. margin-left: -20px;
  414. }
  415.  
  416. .line_odd {
  417. padding: 2px;
  418.  
  419. }
  420.  
  421. .line_even {
  422. padding: 2px;
  423. }
  424.  
  425. .convo .label {
  426. text-transform: uppercase;
  427. font-weight: bold;
  428. }
  429.  
  430. .line_odd .label {
  431. color: {color:entry title};
  432.  
  433. }
  434.  
  435. .line_even .label {
  436. color: {color:entry title link};
  437.  
  438. }
  439.  
  440. /* AUDIO */
  441. .playerbuttonbg {
  442. position: absolute;
  443. left: 20px;
  444. top: 20px;
  445. width: 20px;
  446. height: 20px;
  447. background-color: #000;
  448. padding: 10px;
  449. opacity: .4;
  450. filter: alpha(opacity=40);
  451. -moz-opacity: 0.4;
  452. -khtml-opacity: 0.4;
  453. transition: opacity .7s ease-in-out;
  454. -moz-transition: opacity .7s ease-in-out;
  455. -webkit-transition: opacity .7s ease-in-out;
  456. }
  457.  
  458. .playerbuttonbg:hover {
  459. opacity: 1;
  460. filter: alpha(opacity=100);
  461. -moz-opacity: 1;
  462. -khtml-opacity: 1;
  463. }
  464.  
  465. .newplayerbutton {
  466. position: relative;
  467. width: 24px;
  468. height: 24px;
  469. overflow: hidden;
  470. }
  471.  
  472. .playerbuttonhug {
  473. position: absolute;
  474. top: -34px;
  475. left: -13px;
  476. }
  477.  
  478. .tumblr_audio_player {
  479. height: 90px;
  480. width: 270px;
  481. -moz-transform: scale(0.60, 0.60);
  482. -webkit-transform: scale(0.60, 0.60);
  483. -o-transform: scale(0.60, 0.60);
  484. -ms-transform: scale(0.60, 0.60);
  485. transform: scale(0.60, 0.60);
  486. -moz-transform-origin: top left;
  487. -webkit-transform-origin: top left;
  488. -o-transform-origin: top left;
  489. -ms-transform-origin: top left;
  490. transform-origin: top left;
  491. }
  492.  
  493. .audioimgwrapper {
  494. position: absolute;
  495. overflow: hidden;
  496. height: 70px;
  497. width: 70px;
  498. left: 0px;
  499. top: 3px;
  500. border: 3px solid {color:side img border};
  501.  
  502.  
  503. }
  504.  
  505. .audioimgwrapper img {
  506. width: 100%;
  507. height: auto;
  508. }
  509.  
  510. .trackdetailshold {
  511. width: 400px;
  512. margin-top: 3px;
  513. margin-left: 85px;
  514. }
  515.  
  516. .trackdetails {
  517. width: 100%;
  518. height: auto;
  519. margin-top: 2px;
  520. padding: 2px 8px;
  521. background-color: {color:entry title bg};
  522. color: {color:navi text};
  523. line-height: 15px;
  524. text-transform: uppercase;
  525. }
  526.  
  527. .audiowrapper {
  528. position: relative;
  529. display:inline-block;
  530. }
  531.  
  532. /* INFO */
  533. .info {
  534.  
  535. width: auto;
  536. margin-top:20px;
  537. padding: 2px 6px;
  538. background-color: {color:entry title bg};
  539. color: {color:entry title};
  540. font-size:8px;
  541. font-family:calibri;
  542. text-align: center;
  543. text-transform:uppercase;
  544. letter-spacing:1px;
  545. }
  546.  
  547. .info a {
  548. color: {color:entry title link};
  549. }
  550.  
  551. .info a:hover {
  552. color: {color:entry title link hover};
  553. }
  554.  
  555.  
  556.  
  557.  
  558. /* TAGS & SOURCE */
  559.  
  560. .entry:hover .tsholder {
  561. opacity: 1;
  562. margin-left: 530px;
  563. -moz-transition-duration: 0.5s;
  564. -o-transition-duration: 0.5s;
  565. -webkit-transition-duration: 0.5s;
  566. transition-duration: 0.5s;
  567. }
  568.  
  569. .tsholder {
  570. position: absolute;
  571. opacity: 0;
  572. width: 90px;
  573. margin-left: 500px;
  574. -moz-transition-duration: 0.5s;
  575. -o-transition-duration: 0.5s;
  576. -webkit-transition-duration: 0.5s;
  577. transition-duration: 0.5s;
  578.  
  579. }
  580.  
  581. .source {
  582. width: 90px;
  583. text-align: center;
  584.  
  585. }
  586. .source img {
  587. font-family: verdana;
  588. font-size: 8px;
  589. text-transform:lowercase;
  590. border: 4px solid {color:navi bg};
  591.  
  592. }
  593.  
  594. .tags {
  595. width: 70px;
  596. margin-left: 5px;
  597. padding: 5px;
  598. background-color: {color:entry bg};
  599. font-size: 9px;
  600. }
  601.  
  602. .permalink {
  603. font-size: 9px;
  604. }
  605.  
  606. .permalink a {
  607. color: {color:link};
  608. text-decoration: none;
  609. -webkit-transition: all 0.5s ease-in-out;
  610. -moz-transition: all 0.5s ease-in-out;
  611. -o-transition: all 0.5s ease-in-out;
  612. -ms-transition: all 0.5s ease-in-out;
  613. transition: all 0.5s ease-in-out;
  614. }
  615.  
  616. .permalink a:hover {
  617. color: {color:link hover};
  618. }
  619.  
  620. /* NOTES */
  621.  
  622. ol.notes {
  623. overflow: scroll;
  624. position: static;
  625. padding: 2px;
  626. max-height: 200px;
  627. margin: 15px 20px;
  628. letter-spacing: 1px;
  629. list-style-type: none;
  630. }
  631.  
  632. ol.notes li.note {
  633. margin-left: 10px
  634. margin-bottom: 10px;
  635. letter-spacing: 1px;
  636. line-height: 20px;
  637.  
  638. }
  639.  
  640. .notes img{
  641. opacity: .7;
  642. margin-bottom: -5px;
  643. margin-right: 5px;
  644.  
  645. }
  646.  
  647. .notes::-webkit-scrollbar-thumb:horizontal {
  648. height:20px!important;
  649. background-color: {color:entry title bg};
  650. border: 5px solid {color:entry bg};
  651.  
  652.  
  653. }
  654.  
  655. .notes::-webkit-scrollbar-thumb:vertical {
  656. width: 20px!important;
  657. background-color: {color:entry title bg};
  658. border: 5px solid {color:entry bg};
  659.  
  660. }
  661.  
  662. .notes::-webkit-scrollbar {
  663. height:0px;
  664. width:15px;
  665. background-color: {color:entry bg};
  666. }
  667.  
  668.  
  669. /* PAGENATION */
  670. .pagination {
  671. position: fixed;
  672. z-index:1;
  673. height: 150px;
  674. width: 50px;
  675. margin-top: 150px;
  676. margin-left: 285px;
  677. font-size: 15px;
  678. letter-spacing: 0px;
  679. text-align: right;
  680. text-transform: uppercase;
  681.  
  682. }
  683.  
  684. .current_page, .pagination a {
  685. display: inline-block;;
  686. background-color: {color:navi bg};
  687. color: {color:navi text hover};
  688. margin-top: 2px;
  689. padding: 8px 10px 8px 10px;
  690. text-decoration: none;
  691. -webkit-transition: all 0.5s ease-in-out;
  692. -moz-transition: all 0.5s ease-in-out;
  693. -o-transition: all 0.5s ease-in-out;
  694. -ms-transition: all 0.5s ease-in-out;
  695. transition: all 0.5s ease-in-out;
  696. }
  697.  
  698. .pagination a:hover {
  699. color: {color:header text};
  700. -webkit-transition: all 0.5s ease-in-out;
  701. -moz-transition: all 0.5s ease-in-out;
  702. -o-transition: all 0.5s ease-in-out;
  703. -ms-transition: all 0.5s ease-in-out;
  704. transition: all 0.5s ease-in-out;
  705. }
  706.  
  707. /* FOLLOW CODE */
  708. iframe#tumblr_controls {
  709. right:3px !important;
  710. position: fixed !important;
  711. -webkit-transition: opacity 0.5s linear;
  712. opacity: 0.2;
  713. -webkit-transition: all 0.5s ease-out;
  714. -moz-transition: all 0.5s ease-out;
  715. transition: all 0.5s ease-out;
  716. }
  717.  
  718. iframe#tumblr_controls:hover {
  719. -webkit-transition: opacity 0.5s linear;
  720. opacity: 1;
  721. -webkit-transition: all 0.5s ease-out;
  722. -moz-transition: all 0.5s ease-out;
  723. transition: all 0.5s ease-out;
  724. }
  725.  
  726. /* CREDITS - DO NOT REMOVE */
  727. .logo {
  728. z-index: 9999;
  729. position: fixed;
  730. height: 30px;
  731. width: 30px;
  732. right: 10px;
  733. bottom: 10px;
  734. background-color: {color:entry bg};
  735. color: {color:entry text};
  736. font-family: trebuchet ms;
  737. font-size: 8px;
  738. letter-spacing: 1px;
  739. line-height: 30px;
  740. text-align: center;
  741. border-radius: 20px;
  742. }
  743.  
  744. .logo a {
  745. color: {color:navi text hover}
  746.  
  747. }
  748.  
  749. .logo a:hover {
  750. color: {color:navi text hover}
  751. }
  752.  
  753. #s-m-t-tooltip {
  754. z-index:999;
  755. padding: 5px 10px;
  756. margin:20px 14px 7px 10px;
  757. background-color: {color:entry bg};
  758. color: {color:entry text};
  759. font-family: verdana;
  760. font-size: 8px;
  761. letter-spacing: 0px;
  762. text-transform:uppercase;
  763. border: 3px solid {color:side img border};
  764. }
  765. </style>
  766. </head>
  767.  
  768. <body>
  769. <div class="logo"><a href="http://cynessie.tumblr.com" title="THEME CREATED BY CYNESSIE [CYTHEMES]. DO NOT STEAL.">CY</a></div>
  770.  
  771.  
  772.  
  773. <div class="sbhold">
  774. <div class="sidebar">
  775. <div class="navi">
  776. <a href="/">home</a><br>
  777. <a href="/archive">archive</a><br>
  778. <a href="/ask">message</a><br>
  779. {block:IfLink1Title}<a href="{text:Link 1 URL}">{text:Link 1 Title}</a>{/block:IfLink1Title}<br>
  780. {block:IfLink2Title}<a href="{text:Link 2 URL}">{text:Link 2 Title}</a>{/block:IfLink2Title}<br>
  781. {block:IfLink3Title}<a href="{text:Link 3 URL}">{text:Link 3 Title}</a>{/block:IfLink3Title}<br>
  782. {block:IfLink4Title}<a href="{text:Link 4 URL}">{text:Link 4 Title}</a>{/block:IfLink4Title}<br>
  783. {block:IfLink5Title}<a href="{text:Link 5 URL}">{text:Link 5 Title}</a>{/block:IfLink5Title}
  784. </div>
  785.  
  786. {block:Pagination}
  787. <div class="pagination">
  788. {block:NextPage}
  789. <a href="{NextPage}">&#8594;</a>
  790. {/block:NextPage}
  791. {block:PreviousPage}
  792. <a href="{PreviousPage}">&#8592;</a>
  793. {/block:PreviousPage}
  794. </div>
  795. {/block:Pagination}
  796.  
  797. <div class="descbox">
  798. {Description}
  799. </div>
  800.  
  801. <img src="{image:sidebar img}">
  802.  
  803. <div class="sbtitle">
  804. {text:header}
  805.  
  806. </div>
  807. </div>
  808. </div>
  809.  
  810.  
  811.  
  812.  
  813. <div class="container">
  814. <div class="postwrap">
  815. {block:Posts}
  816. <div class="entry">
  817.  
  818. <!---------------------------------------------------
  819. INDEX PAGE POST INFO
  820. ---------------------------------------------------->
  821.  
  822.  
  823. <div class="tsholder">
  824. {block:RebloggedFrom}<div class="source">
  825. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a> <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a></div>{/block:RebloggedFrom}
  826.  
  827. {block:HasTags}<div class="tags">{block:Tags}
  828. #<a href="{TagURL}">{Tag}</a><br />
  829. {/block:Tags}</div>{/block:HasTags}
  830. </div>
  831.  
  832.  
  833. <!---------------------------------------------------
  834. TEXT POSTS
  835. ---------------------------------------------------->
  836. {block:Text}
  837. {block:Title}<div class="entrytitle">{Title}</div>{/block:Title}
  838. {Body}
  839. {/block:Text}
  840.  
  841. <!---------------------------------------------------
  842. ANSWER POSTS
  843. ---------------------------------------------------->
  844. {block:Answer}
  845.  
  846. <div class="questionimg">
  847. <img src="{AskerPortraitURL-64}"></div> <div class="point">◀</div>
  848. <div class="question">
  849. <div class="asker">{Asker} whispered:</div>
  850. {Question}
  851. </div>
  852. {Answer}
  853. {/block:Answer}
  854.  
  855.  
  856.  
  857. <!---------------------------------------------------
  858. QUOTE POSTS
  859. ---------------------------------------------------->
  860. {block:Quote}
  861. <div class="marks">“</div>
  862. <div class="quote">{Quote}</div>
  863. <br>
  864. {block:Source}<div align="right"><b>—</b> {Source}</div>{/block:Source}
  865. {/block:Quote}
  866.  
  867. <!---------------------------------------------------
  868. LINK POSTS
  869. ---------------------------------------------------->
  870. {block:Link}<div class="entrytitle"><a href="{URL}">{Name}</a></div>
  871. {block:Description}{Description}{/block:Description}
  872. {/block:Link}
  873.  
  874. <!---------------------------------------------------
  875. CHAT POSTS
  876. ---------------------------------------------------->
  877. {block:Chat}
  878. {block:Title}<div class="entrytitle">{Title}</div>
  879. {/block:Title}
  880. <ul class="convo">{block:Lines}
  881. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  882. {Line}</li>
  883. {/block:Lines}</ul>
  884.  
  885. {/block:Chat}
  886.  
  887. <!---------------------------------------------------
  888. PHOTO POSTS
  889. ---------------------------------------------------->
  890. {block:Photo}
  891. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px";>{LinkCloseTag}
  892. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  893. {/block:Photo}
  894.  
  895.  
  896.  
  897. <!---------------------------------------------------
  898. PHOTOSET POSTS
  899. ---------------------------------------------------->
  900. {block:Photoset}
  901. {Photoset-500}
  902. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  903. {/block:Photoset}
  904.  
  905.  
  906.  
  907.  
  908. <!---------------------------------------------------
  909. AUDIO POSTS
  910. ---------------------------------------------------->
  911. {block:AudioPlayer}
  912. <div class="audiowrapper">
  913. {block:AlbumArt}
  914. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  915. {/block:AlbumArt}
  916.  
  917. <div class="playerbuttonbg">
  918. <div class="newplayerbutton">
  919. <div class="playerbuttonhug">
  920.  
  921. {AudioPlayerBlack}
  922.  
  923. </div>
  924. </div>
  925. </div>
  926.  
  927. <div class="trackdetailshold">
  928. {block:TrackName}<div class="trackdetails"><b>Song: </b>{TrackName}</div>{/block:TrackName}
  929. {block:Artist}<div class="trackdetails"><b>Artist: </b>{Artist}</div>{/block:Artist}
  930. {block:Album}<div class="trackdetails"><b>Album: </b>{Album}</div>{/block:Album}
  931. {block:PlayCount}<div class="trackdetails"><b>Plays: </b>{PlayCount}</div>{/block:PlayCount}
  932.  
  933. </div>
  934. </div>
  935.  
  936. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  937.  
  938. {/block:AudioPlayer}
  939.  
  940.  
  941. <!---------------------------------------------------
  942. VIDEO POSTS
  943. ---------------------------------------------------->
  944. {block:Video}
  945. {Video-500}
  946. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{block:IfShowCaptions}
  947. {/block:Video}
  948.  
  949. <!---------------------------------------------------
  950. POST INFO
  951. ---------------------------------------------------->
  952. <div class="info">
  953. {block:Date}
  954. <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a> {/block:Date} {block:NoteCount}- <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
  955. </div>
  956.  
  957. {block:PermalinkPage}
  958. <div class="permalink">
  959. {block:PostNotes}
  960. {PostNotes-16} {PostNotes}
  961. {/block:PostNotes}
  962. </div>
  963. {/block:PermalinkPage}
  964.  
  965.  
  966. </div>
  967. {/block:Posts}
  968. </div></div>
  969. </body>
  970. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement