Advertisement
inquisitorismage

Theme o2.o2 'Faith'

Jun 2nd, 2014
973
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.65 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22. <!--------------------------------------------
  23.  
  24. THEME #02.2 'FAITH' by INQUISITORISMAGE.tumblr.com
  25.  
  26. You can edit the theme but please don't be a thief and LEAVE the CREDIT.
  27. Do NOT use parts of my code for your own purposes.
  28.  
  29. ~~~~
  30.  
  31. Somewhat inspired by theme 17 by imaginedragons.tumblr.com
  32.  
  33. ~~~~
  34.  
  35. -------------------------------------------->
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. <link href='http://fonts.googleapis.com/css?family={text:Google Web Font name}' rel='stylesheet' type='text/css'>
  43. <meta name="text:Google Web Font Name" content='Yanone Kaffeesatz'/>
  44.  
  45. <meta name="if:Scrolling Background" content="0"/>
  46. <meta name="if:500px Posts" content="0"/>
  47. <meta name="if:Faded Photos" content="0"/>
  48. <meta name="if:Infinite Scrolling" content="0"/>
  49. <meta name="if:Music Player" content="0"/>
  50.  
  51. <meta name="text:Music Player Code" content=""/>
  52.  
  53. <meta name="if:Link 1" content="1"/>
  54. <meta name="if:Link 2" content="1"/>
  55. <meta name="if:Link 3" content="1"/>
  56. <meta name="if:Link 4" content="1"/>
  57. <meta name="if:Link 5" content="1"/>
  58.  
  59. <meta name="color:Background" content="#ffffff"/>
  60. <meta name="color:Text" content="#aaaaaa"/>
  61. <meta name="color:Bold" content="#c6e2a6"/>
  62. <meta name="color:Italics" content="#cccccc"/>
  63. <meta name="color:Posts Bg" content="#ffffff"/>
  64. <meta name="color:Post Column Bg" content="#f5f5f5"/>
  65. <meta name="color:Tall Sidebar Border" content="#ff89af"/>
  66. <meta name="color:Sidebar Image Border" content="#f7f7f7"/>
  67. <meta name="color:Scrollbar Thumb" content="#dddddd"/>
  68. <meta name="color:Scrollbar Bg" content="#ffffff"/>
  69. <meta name="color:Sidebar Link" content="#fe91a5"/>
  70. <meta name="color:Post Link" content="#7f7f7f"/>
  71. <meta name="color:Post Link Hover" content="#b3b3b3"/>
  72. <meta name="color:Post Info Bg" content="#2a2a2a"/>
  73. <meta name="color:Tagged" content="#ff89af"/>
  74. <meta name="color:Pagination Bg" content="#fe91a5"/>
  75. <meta name="color:Extra Nav Hover" content="#c6e2a6"/>
  76. <meta name="color:Credit" content="#c6e2a6"/>
  77.  
  78. <meta name="text:Subtitle" content="subtitle"/>
  79. <meta name="text:Font Size" content="11px"/>
  80. <meta name="text:Font" content="Calibri"/>
  81.  
  82. <meta name="text:Link 1 URL" content="http://"/>
  83. <meta name="text:Link 1 Name" content="Link 1"/>
  84. <meta name="text:Link 2 URL" content="http://"/>
  85. <meta name="text:Link 2 Name" content="Link 2"/>
  86. <meta name="text:Link 3 URL" content="http://"/>
  87. <meta name="text:Link 3 Name" content="Link 3"/>
  88. <meta name="text:Link 4 URL" content="http://"/>
  89. <meta name="text:Link 4 Name" content="Link 4"/>
  90. <meta name="text:Link 5 URL" content="http://"/>
  91. <meta name="text:Link 5 Name" content="Link 5"/>
  92.  
  93. <meta name="image:Sidebar Icon" content="http://i.imgur.com/c2yscPg.png"/>
  94. <meta name="image:Tall Sidebar Bg" content="http://i.imgur.com/xKXqKTC.png"/>
  95. <meta name="image:Background" content=""/>
  96. <meta name="image:Posts Background" content="http://i.imgur.com/CPgz67F.png"/>
  97.  
  98.  
  99. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  100. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  101. <script>
  102. (function($){
  103. $(document).ready(function(){
  104. $("[title]").style_my_tooltips({
  105. tip_follows_cursor:true,
  106. tip_delay_time:200,
  107. tip_fade_speed:300
  108. }
  109. );
  110. });
  111. })(jQuery);
  112. </script>
  113.  
  114.  
  115. {block:ifInfiniteScrolling}
  116.  
  117. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  118.  
  119. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  120.  
  121. {/block:ifInfiniteScrolling}
  122.  
  123.  
  124.  
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129. /*------------------------------
  130. TOOLTIP
  131. ------------------------------*/
  132.  
  133. #s-m-t-tooltip {
  134. z-index: 99999999999999999999999999999;
  135. position: absolute;
  136. background-color: #333;
  137. padding: 7px;
  138. padding-bottom: 4px;
  139. padding-top: 4px;
  140. max-width: 300px;
  141. margin-top: -20px;
  142. margin-left: 5px;
  143. display: inline-block;
  144. letter-spacing: 1px;
  145. text-transform: uppercase;
  146. font-family: consolas;
  147. font-weight: ;
  148. font-size: 8px;
  149. color: #bfbfbf;
  150. }
  151.  
  152.  
  153. /*------------------------------
  154. SCROLLBAR
  155. ------------------------------*/
  156.  
  157. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  158. background-color: {color:Scrollbar Thumb};
  159. }
  160.  
  161.  
  162. ::-webkit-scrollbar {
  163. height: 5px;
  164. width: 5px;
  165. background-color: {color:Scrollbar Bg};
  166. }
  167.  
  168.  
  169. /*------------------------------
  170. GENERAL
  171. ------------------------------*/
  172.  
  173. body {
  174. font-size: {text:Font Size};
  175. font-family: {text:Font};
  176. color: {color:Text};
  177. background-color: {color:Background};
  178. background-image: url('{image:Background}');
  179. background-repeat:repeat;
  180. background-attachment:fixed;
  181. background-position: 0px 0px;
  182. {block:ifScrollingbackground}background-attachment:scroll;{/block:ifScrollingbackground}
  183. }
  184.  
  185.  
  186. b, strong {
  187. color: {color:Bold};
  188. }
  189.  
  190.  
  191. i, em {
  192. color: {color:Italics};
  193. }
  194.  
  195.  
  196. a {
  197. color: {color:Sidebar Link};
  198. text-decoration: none;
  199. -moz-transition: 0.4s ease-in-out;
  200. -o-transition: 0.4s ease-in-out;
  201. -webkit-transition: 0.4s ease-in-out;
  202. }
  203.  
  204.  
  205. a:hover {
  206. color: #acacac;
  207. -moz-transition: 0.4s ease-in-out;
  208. -o-transition: 0.4s ease-in-out;
  209. -webkit-transition: 0.4s ease-in-out;
  210. }
  211.  
  212.  
  213. /*------------------------------
  214. SIDEBAR 1
  215. ------------------------------*/
  216.  
  217. .sidebar {
  218. height: 105%;
  219. background: #ddd;
  220. left: 0px;
  221. border-right: 15px solid {color:Tall Sidebar Border};
  222. position: fixed;
  223. outline: 130px solid #222;
  224. width: 250px;
  225. margin-top: 50px;
  226. background-image: url('{image:Tall Sidebar Bg}');
  227. background-repeat:repeat;
  228. background-attachment:fixed;
  229. background-position: 0px -10px;
  230. }
  231.  
  232. .navibg {
  233. height: 105%;
  234. background: #fff;
  235. margin-left: 0px;
  236. position: fixed;
  237. width: 250px;
  238. margin-top: 0px;
  239. opacity: 0.0;
  240. -moz-transition: 0.4s ease-in-out;
  241. -o-transition: 0.4s ease-in-out;
  242. -webkit-transition: 0.4s ease-in-out;
  243. }
  244.  
  245.  
  246. .sidebar:hover .navibg {
  247. opacity: 0.6;
  248. -moz-transition: 0.4s ease-in-out;
  249. -o-transition: 0.4s ease-in-out;
  250. -webkit-transition: 0.4s ease-in-out;
  251. }
  252.  
  253.  
  254. /*------------------------------
  255. SIDEBAR 2
  256. ------------------------------*/
  257.  
  258. .sidebar2 {
  259. z-index: 999;
  260. height: 105%;
  261. background: #;
  262. position: fixed;
  263. margin-top: 50px;
  264. margin-left: 885px;
  265. {block:if500pxPosts}margin-left: 985px;{/block:if500pxPosts}
  266. padding-left: 5px;
  267. border-left: 20px solid #f0f0f0;
  268. }
  269.  
  270.  
  271. .imagecontainer {
  272. position: absolute;
  273. z-index: 9999;
  274. margin-left:15px;
  275. margin-top: 10px;
  276. width: 97px;
  277. height: 97px;
  278. border: 6px solid {color:Sidebar Image Border};
  279. outline: 1px solid #e5e5e5;
  280. }
  281.  
  282.  
  283. .sidebarimage img {
  284. width: 85px;
  285. border: 6px solid white;
  286. text-align: center;
  287. height: 85px;
  288. }
  289.  
  290.  
  291. .description {
  292. padding: 15px;
  293. font-size: 11px;
  294. line-height: 10px;
  295. margin-top: 200px;
  296. margin-bottom: -7px;
  297. margin-left: 0px;
  298. border-top: px solid black;
  299. text-align: justify;
  300. font-family: calibri;
  301. z-index: 9999;
  302. width: 190px;
  303. color: #bbb;
  304. position: relative;
  305. }
  306.  
  307.  
  308. .title {
  309. margin-left: 130px;
  310. background: #;
  311. width: 120px;
  312. margin-top: 13px;
  313. margin-bottom: 5px;
  314. position: absolute;
  315. font-size: 28px;
  316. line-height: 14px;
  317. font-family: '{text:Google Web Font Name}';
  318. letter-spacing: 3px;
  319. text-transform: uppercase;
  320. text-align: center;
  321. color: #ddd;
  322. }
  323.  
  324.  
  325. .subtitle {
  326. -webkit-border-top-left-radius: 35px;
  327. -moz-border-radius-topleft: 35px;
  328. border-top-left-radius: 35px;
  329. margin-left: 25px;
  330. background: #;
  331. color: #aaa;
  332. width: 100px;
  333. margin-top: 4px;
  334. position: absolute;
  335. padding: 3px;
  336. font-size: 12px;
  337. line-height: 10px;
  338. font-family: '{text:Google Web Font Name}';
  339. letter-spacing: 3px;
  340. text-transform: uppercase;
  341. text-align: right;
  342. }
  343.  
  344.  
  345. .title a, .title a:hover {
  346. color: #ddd;
  347. }
  348.  
  349.  
  350. /*------------------------------
  351. PAGINATION + SCROLL TO TOP
  352. ------------------------------*/
  353.  
  354. .pagination {
  355. text-transform: lowercase;
  356. position: absolute;
  357. font-size: 11px;
  358. letter-spacing: 2px;
  359. margin-top: 130px;
  360. margin-left: 15px;
  361. }
  362.  
  363.  
  364. .pagination a {
  365. opacity: 1.0;
  366. font-family: consolas;
  367. padding: 4px;
  368. padding-right: 3px;
  369. padding-top: 2px;
  370. padding-bottom: 2px;
  371. color: #fff;
  372. background: {color:Pagination Bg};
  373. display: block;
  374. -moz-transition: 0.3s ease-in-out;
  375. -o-transition: 0.3s ease-in-out;
  376. -webkit-transition: 0.3s ease-in-out;
  377. }
  378.  
  379.  
  380. .pagination span a {
  381. position: absolute;
  382. background: {color:Pagination Bg};
  383. opacity: 0.7;
  384. {block:PreviousPage}
  385. margin-top: 12px;
  386. margin-left:19px;
  387. {/block:PreviousPage}
  388. }
  389.  
  390.  
  391. .pagination span a:hover {
  392. color: #fff;
  393. background: #000;
  394. -moz-transition: 0.3s ease-in-out;
  395. -o-transition: 0.3s ease-in-out;
  396. -webkit-transition: 0.3s ease-in-out;
  397. }
  398.  
  399.  
  400. .pagination a:hover {
  401. color: #fff;
  402. background: #111;
  403. -moz-transition: 0.3s ease-in-out;
  404. -o-transition: 0.3s ease-in-out;
  405. -webkit-transition: 0.3s ease-in-out;
  406. }
  407.  
  408.  
  409. {block:ifInfiniteScrolling}
  410. .scrolltotop a {
  411. font-size: 9px;
  412. text-transform: uppercase;
  413. z-index: 99999999999;
  414. top: 70px;
  415. width: 90px;
  416. letter-spacing: 1px;
  417. font-family: consolas;
  418. text-align: center;
  419. margin-left: 146px;
  420. display: inline-block;
  421. background: #111;
  422. padding: 7px;
  423. position: fixed;
  424. color: #ddd;
  425. -moz-transition: 0.3s ease-in-out;
  426. -o-transition: 0.3s ease-in-out;
  427. -webkit-transition: 0.3s ease-in-out;
  428. }
  429. {/block:ifInfiniteScrolling}
  430.  
  431.  
  432. /*------------------------------
  433. MUSIC PLAYER
  434. ------------------------------*/
  435.  
  436. {block:ifMusicplayer}
  437. .navigation two span {
  438. margin-top: 37px;
  439. position: absolute;
  440. z-index: 9999;
  441. }
  442.  
  443.  
  444. .player {
  445. -webkit-border-radius: 50px;
  446. -moz-border-radius: 50px;
  447. border-radius: 50px;
  448. background: #111;
  449. width: 10px;
  450. padding: 9px;
  451. padding-top: 4px;
  452. opacity: 0.0;
  453. margin-top: 37px;
  454. position: absolute;
  455. margin-left: 10px;
  456. overflow: hidden;
  457. z-index: 999999999;
  458. -moz-transition: 0.7s ease-in-out;
  459. -o-transition: 0.7s ease-in-out;
  460. -webkit-transition: 0.7s ease-in-out;
  461. }
  462.  
  463.  
  464. .navigation two:hover .player {
  465. opacity: 1.0;
  466. width: 170px;
  467. margin-left: -69px;
  468. -moz-transition: 0.7s ease-in-out;
  469. -o-transition: 0.7s ease-in-out;
  470. -webkit-transition: 0.7s ease-in-out;
  471. }
  472.  
  473. .mplayer {
  474. width: 170px;
  475. margin-left: 0px;
  476. }
  477. {/block:ifMusicplayer}
  478.  
  479.  
  480. /*------------------------------
  481. NAVIGATION
  482. ------------------------------*/
  483.  
  484. .navigation {
  485. font-size: 9px;
  486. bottom: 180px;
  487. text-transform: ;
  488. text-align: center;
  489. position: fixed;
  490. z-index: 99;
  491. width: auto;
  492. line-height: 13px;
  493. margin-left: 100px;
  494. }
  495.  
  496.  
  497. .navigation one, .navigation one a {
  498. overflow: hidden;
  499. display: block;
  500. background: #fff;
  501. color: #444;
  502. padding: 4px;
  503. padding-bottom: 2px;
  504. padding-right: 10px;
  505. padding-left: 10px;
  506. margin-bottom: 18px;
  507. text-align: center;
  508. opacity: 0.0;
  509. margin-top: 0px;
  510. margin-left: 3px;
  511. font-family: consolas;
  512. letter-spacing: 1px;
  513. text-transform: uppercase;
  514. -moz-transition: 0.7s ease-in-out;
  515. -o-transition: 0.7s ease-in-out;
  516. -webkit-transition: 0.7s ease-in-out;
  517.  
  518. }
  519.  
  520.  
  521. .navigation a:hover one {
  522. overflow: hidden;
  523. text-align: center;
  524. margin-top: 55px;
  525. margin-bottom: 3px;
  526. opacity: 1.0;
  527. -moz-transition: 0.7s ease-in-out;
  528. -o-transition: 0.7s ease-in-out;
  529. -webkit-transition: 0.7s ease-in-out;
  530. }
  531.  
  532.  
  533. .navigation span {
  534.  
  535. font-size: 9px;
  536. font-family: calibri;
  537. position: absolute;
  538. -webkit-border-radius: 50px;
  539. -moz-border-radius: 50px;
  540. border-radius: 50px;
  541. color: #eee;
  542. background-color: #111;
  543. letter-spacing: 1px;
  544. display: block;
  545. margin-left: 11px;
  546. opacity: 1.0;
  547. z-index: 99999999999999;
  548. padding-top:7px;
  549. padding-left: 5px;
  550. padding-bottom: 1px;
  551. padding-right: 3px;
  552. height: 20px;
  553. width:20px;
  554. -moz-transition: 0.7s ease-in-out;
  555. -o-transition: 0.7s ease-in-out;
  556. -webkit-transition: 0.7s ease-in-out;
  557. }
  558.  
  559.  
  560. .navigation span:hover {
  561. -webkit-transform: rotate(-720deg);
  562. -moz-transform: rotate(-720deg);
  563. -o-transform: rotate(-720deg);
  564. -ms-transform: rotate(-720deg);
  565. transform: rotate(-720deg);
  566. -moz-transition: 0.7s ease-in-out;
  567. -o-transition: 0.7s ease-in-out;
  568. -webkit-transition: 0.7s ease-in-out;
  569. }
  570.  
  571.  
  572. /*------------------------------
  573. EXTRA LINKS
  574. ------------------------------*/
  575.  
  576. .extranav {
  577. position: absolute;
  578. z-index: 999;
  579. opacity: 0.9;
  580. text-transform: lowercase;
  581. font-family: consolas;
  582. line-height: 9px;
  583. letter-spacing: 1px;
  584. font-size: 9px;
  585. width: 150px;
  586. margin-top: 85px;
  587. margin-left:65px;
  588. height: 145px;
  589. }
  590.  
  591.  
  592. .extranav one a {
  593. margin-left: 30px;
  594. margin-top: 0px;
  595. -webkit-transform: rotate(15deg);
  596. -moz-transform: rotate(15deg);
  597. -o-transform: rotate(15deg);
  598. -ms-transform: rotate(15deg);
  599. transform: rotate(15deg);
  600. }
  601.  
  602.  
  603. .extranav five a {
  604. -webkit-transform: rotate(75deg);
  605. -moz-transform: rotate(75deg);
  606. -o-transform: rotate(75deg);
  607. -ms-transform: rotate(75deg);
  608. transform: rotate(75deg);
  609. margin-left: -30px;
  610. margin-top: -10px;
  611. }
  612.  
  613.  
  614. .extranav four a {
  615. -webkit-transform: rotate(60deg);
  616. -moz-transform: rotate(60deg);
  617. -o-transform: rotate(60deg);
  618. -ms-transform: rotate(60deg);
  619. transform: rotate(60deg);
  620. margin-left: -9px;
  621. margin-top: -5px;
  622. }
  623.  
  624.  
  625. .extranav three a {
  626. margin-left: 9px;
  627. -webkit-transform: rotate(45deg);
  628. -moz-transform: rotate(45deg);
  629. -o-transform: rotate(45deg);
  630. -ms-transform: rotate(45deg);
  631. transform: rotate(45deg);
  632. margin-top: -2px;
  633. }
  634.  
  635.  
  636. .extranav two a {
  637. margin-left: 23px;
  638. -webkit-transform: rotate(30deg);
  639. -moz-transform: rotate(30deg);
  640. -o-transform: rotate(30deg);
  641. -ms-transform: rotate(30deg);
  642. transform: rotate(30deg);
  643. margin-top: 0px;
  644. }
  645.  
  646.  
  647. .extranav a {
  648. border-bottom: 1px solid #e5e5e5;
  649. text-align: right;
  650. color: #999;
  651. display: inline-block;
  652. background-color: #;
  653. padding: 5px;
  654. margin: 2px;
  655. width: 130px;
  656. -moz-transition: 0.5s ease-in-out;
  657. -o-transition: 0.5s ease-in-out;
  658. -webkit-transition: 0.5s ease-in-out;
  659. }
  660.  
  661.  
  662. .extranav a:hover {
  663. letter-spacing: 3px;
  664. text-transform: ;
  665. -moz-transition: 0.3s ease-in-out;
  666. -o-transition: 0.3s ease-in-out;
  667. -webkit-transition: 0.3s ease-in-out;
  668. color: {color:Extra Nav Hover};
  669. }
  670.  
  671.  
  672. /*------------------------------
  673. POSTS
  674. ------------------------------*/
  675.  
  676. .postcolumn {
  677. margin-top: -60px;
  678. margin-left: 386px;
  679. height: 110%;
  680. padding-top: 60px;
  681. width: 500px;
  682. {block:if500pxPosts}width: 600px;{/block:if500pxPosts}
  683. padding-bottom: 30px;
  684. background-color: {color:Post Column Bg};
  685. background-image: url('{image:Posts Background}');
  686. background-repeat:repeat;
  687. background-attachment:fixed;
  688. background-position: 0px 0px;
  689. }
  690.  
  691.  
  692. .posts {
  693. -webkit-border-top-right-radius: 20px;
  694. -moz-border-radius-topright: 20px;
  695. border-top-right-radius: 20px;
  696. border: 1px solid #f2f2f2;
  697. margin-bottom: 0px;
  698. font-family: ;
  699. margin-left: 24px;
  700. text-align: justify;
  701. line-height: 10px;
  702. width: 400px;
  703. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  704. background-color: {color:Posts Bg};
  705. padding: 25px;
  706. padding-bottom: 15px;
  707. margin-top: 40px;
  708. }
  709.  
  710.  
  711. {block:ifFadedPhotos}
  712. .photos {
  713. opacity: 0.9;
  714. -moz-transition: 0.5s ease-in-out;
  715. -o-transition: 0.5s ease-in-out;
  716. -webkit-transition: 0.5s ease-in-out;
  717. }
  718.  
  719.  
  720. .photos:hover {
  721. opacity: 1.0;
  722. -moz-transition: 0.5s ease-in-out;
  723. -o-transition: 0.5s ease-in-out;
  724. -webkit-transition: 0.5s ease-in-out;
  725. }
  726. {/block:ifFadedPhotos}
  727.  
  728.  
  729. .posts h2, .posts h2 a {
  730. text-align: center;
  731. text-transform: lowercase;
  732. font-size: 16px;
  733. color: #ccc;
  734. letter-spacing: -2px;
  735. font-family: consolas;
  736. font-style: ;
  737. font-weight: normal;
  738. margin-bottom: 20px;
  739. margin-top: -5px;
  740. }
  741.  
  742.  
  743. .posts a {
  744. color: {color:Post Link};
  745. text-decoration: none;
  746. -moz-transition: 0.3s ease-in-out;
  747. -o-transition: 0.3s ease-in-out;
  748. -webkit-transition: 0.3s ease-in-out;
  749. }
  750.  
  751.  
  752. .posts a:hover {
  753. color: {color:Post Link Hover};
  754. -moz-transition: 0.3s ease-in-out;
  755. -o-transition: 0.3s ease-in-out;
  756. -webkit-transition: 0.3s ease-in-out;
  757. }
  758.  
  759.  
  760. .posts blockquote {
  761. border-left: 2px solid #eee;
  762. padding-left: 7px;
  763. margin-left: 10px;
  764. padding-right: 0px;
  765. margin-right: 0px;
  766. }
  767.  
  768.  
  769. .posts img, .posts li, .posts blockquote {
  770. max-width: 100%;
  771. }
  772.  
  773.  
  774.  
  775. /*------------------------------
  776. ASKS
  777. ------------------------------*/
  778.  
  779. .askerportrait {
  780. width: 58px;
  781. height: 58px;
  782. margin-left: -2px;
  783. }
  784.  
  785.  
  786. .askerportrait img {
  787. width: 48px;
  788. height: 48px;
  789. border: 11px solid #f6f6f6;
  790. outline: 1px solid #eee;
  791. }
  792.  
  793.  
  794. .question {
  795. color: #bbb;
  796. width: 318px;
  797. {block:if500pxPosts}width:418px;{/block:if500pxPosts}
  798. padding-left: 20px;
  799. padding-right: 0px;
  800. text-align: justify;
  801. font-style: italic;
  802. }
  803.  
  804.  
  805. .question span {
  806. letter-spacing: 2px;
  807. text-transform: uppercase;
  808. font-family: '{text:Google Web Font Name}';
  809. font-style: normal;
  810. font-size: 10px;
  811. }
  812.  
  813.  
  814. .answer {
  815. margin-top: 20px;
  816. margin-left: -2px;
  817. }
  818.  
  819.  
  820. /*------------------------------
  821. TAGS
  822. ------------------------------*/
  823.  
  824. .tags {
  825. text-transform: uppercase;
  826. position: absolute;
  827. font-size: 10px;
  828. font-family: '{text:Google Web Font Name}';
  829. font-weight: ;
  830. letter-spacing: 2px;
  831. text-align: center;
  832. color: #909090;
  833. margin-left: -112px;
  834. width: 95px;
  835. opacity: 0.9;
  836. margin-top:40px;
  837. padding-bottom: 6px;
  838. }
  839.  
  840.  
  841. .tags span {
  842. background: #3a3a3a;
  843. padding: 2px;
  844. width: 91px;
  845. margin-bottom: 3px;
  846. display: inline-block;
  847. color: {color:Tagged};
  848. }
  849.  
  850.  
  851. .tags a {
  852. text-align: right;
  853. border-bottom: 1px solid #333;
  854. border-top: 1px solid #333;
  855. text-align: right;
  856. letter-spacing: 1px;
  857. padding-top: 4px;
  858. padding-bottom: 4px;
  859. padding-right: 2px;
  860. display: block;
  861. line-height: 9px;
  862. margin-top: 3px;
  863. font-family: consolas;
  864. font-size: 10px;
  865. color: #838383;
  866. text-decoration: none;
  867. -moz-transition: 0.3s ease-in-out;
  868. -o-transition: 0.3s ease-in-out;
  869. -webkit-transition: 0.3s ease-in-out;
  870. }
  871.  
  872.  
  873. .tags a:hover {
  874. color: #9f9f9f;
  875. -moz-transition: 0.3s ease-in-out;
  876. -o-transition: 0.3s ease-in-out;
  877. -webkit-transition: 0.3s ease-in-out;
  878. }
  879.  
  880.  
  881. /*------------------------------
  882. POST INFO
  883. ------------------------------*/
  884.  
  885. .postinfo {
  886. width: 452px;
  887. {block:if500pxPosts}width:552px;{/block:if500pxPosts}
  888. margin-left: 24px;
  889. background: {color:Post Info Bg};
  890. z-index: 999999999999;
  891. height: 20px;
  892. font-size: 10px;
  893. font-family: '{text:Google Web Font Name}';
  894. letter-spacing: 1px;
  895. line-height: 18px;
  896. text-transform: uppercase;
  897. text-align: center;
  898. -moz-transition: 0.5s ease-in-out;
  899. -o-transition: 0.5s ease-in-out;
  900. -webkit-transition: 0.5s ease-in-out;
  901. -webkit-border-bottom-left-radius: 50px;
  902. -moz-border-radius-bottomleft: 50px;
  903. border-bottom-left-radius: 50px;
  904. }
  905.  
  906.  
  907. .postinfo sufx {
  908. text-transform: lowercase;
  909. }
  910.  
  911.  
  912. .postinfo a {
  913. padding-top: 1px;
  914. padding-bottom: 3px;
  915. padding-left: 5px;
  916. padding-right: 5px;
  917. color: #acacac;
  918. }
  919.  
  920.  
  921. .postinfo a:hover {
  922. color: #ccc;
  923. -moz-transition: 0.5s ease-in-out;
  924. -o-transition: 0.5s ease-in-out;
  925. -webkit-transition: 0.5s ease-in-out;
  926. }
  927.  
  928.  
  929. .rebloglink {
  930. margin-top: 8px;
  931. margin-bottom: 7px;
  932. }
  933.  
  934.  
  935. /*------------------------------
  936. REBLOG INFO
  937. ------------------------------*/
  938.  
  939. .rebloginfo {
  940. padding-bottom: 7px;
  941. margin-top: -25px;
  942. width: 100px;
  943. text-align: center;
  944. background: #;
  945. margin-left: 368px;
  946. {block:if500pxPosts}margin-left: 468px;{/block:if500pxPosts}
  947. letter-spacing: -7px;
  948. -webkit-border-top-left-radius: 50px;
  949. -moz-border-radius-topleft: 50px;
  950. border-top-left-radius: 50px;
  951. }
  952.  
  953.  
  954. .rebloginfo img {
  955. width: 14px;
  956. border: 3px solid #fcfcfc;
  957. outline: 1px solid #e8e8e8;
  958. -moz-transition: 0.5s ease-in-out;
  959. -o-transition: 0.5s ease-in-out;
  960. -webkit-transition: 0.5s ease-in-out;
  961. }
  962.  
  963.  
  964. /*------------------------------
  965. QUOTES
  966. ------------------------------*/
  967.  
  968. .quote {
  969. text-indent: 35px;
  970. width: 400px;
  971. {block:if500pxPosts}width: 500px;{/block:if500pxPosts}
  972. text-align: left;
  973. text-transform: uppercase;
  974. font-size: 15px;
  975. color: #ccc;
  976. letter-spacing: 2px;
  977. font-family: consolas;
  978. line-height: 13px;
  979. position: relative;
  980. }
  981.  
  982.  
  983. .quotemark {
  984. position: absolute;
  985. width: 30px;
  986. font-size: 75px;
  987. margin-top: 17px;
  988. margin-left: -5px;
  989. color: #e9e9e9;
  990. font-family: 'times new roman';
  991. font-weight: bold;
  992. }
  993.  
  994.  
  995. .quotesource, .quotesource a {
  996. text-align: right;
  997. margin-top: 5px;
  998. color: #aaa;
  999. letter-spacing: 1px;
  1000. text-transform: uppercase;
  1001. font-family: consolas;
  1002. margin-bottom: 10px;
  1003. font-size: 9px;
  1004. line-height: 8px;
  1005. }
  1006.  
  1007.  
  1008. /*------------------------------
  1009. CHAT
  1010. ------------------------------*/
  1011.  
  1012. .chat {
  1013. margin-top: 15px;
  1014. margin-bottom: 10px;
  1015. }
  1016.  
  1017.  
  1018. .chat .even {
  1019. background: #fff;
  1020. padding: 5px;
  1021. color: #bfbfbf;
  1022. }
  1023.  
  1024.  
  1025. .chat .odd {
  1026. background: #f5f5f5;
  1027. padding: 5px;
  1028. }
  1029.  
  1030.  
  1031. .chat li, ul.chat {
  1032. list-style: none;
  1033. margin: 0;
  1034. padding: 0;
  1035. }
  1036.  
  1037.  
  1038. .label {
  1039. color: #bfbfbf;
  1040. letter-spacing: 0px;
  1041. text-transform: uppercase;
  1042. font-family: consolas;
  1043. font-weight: ;
  1044. font-size: 9px;
  1045. }
  1046.  
  1047.  
  1048. /*------------------------------
  1049. AUDIO POSTS
  1050. ------------------------------*/
  1051.  
  1052. .playerbuttonbg {
  1053. position: absolute;
  1054. left: 32px;
  1055. top: 28px;
  1056. width: 55px;
  1057. height: 55px;
  1058. background-color: #000;
  1059. -webkit-border-radius: 40px;
  1060. -moz-border-radius: 40px;
  1061. border-radius: 40px;
  1062. opacity: 0.7;
  1063. -moz-transition: 0.5s ease-in-out;
  1064. -o-transition: 0.5s ease-in-out;
  1065. -webkit-transition: 0.5s ease-in-out;
  1066. }
  1067.  
  1068.  
  1069. .playerbuttonbg:hover {
  1070. opacity: 0.9;
  1071. -moz-transition: 0.5s ease-in-out;
  1072. -o-transition: 0.5s ease-in-out;
  1073. -webkit-transition: 0.5s ease-in-out;
  1074. }
  1075.  
  1076.  
  1077. .newplayerbutton {
  1078. position: relative;
  1079. width: 40px;
  1080. height: 50px;
  1081. overflow: hidden;
  1082. }
  1083.  
  1084.  
  1085. .playerbuttonhug {
  1086. position: absolute;
  1087. margin-top: -12px;
  1088. margin-left: -12px;
  1089. top: 15px;
  1090. left: 26px;
  1091. }
  1092.  
  1093.  
  1094. .tumblr_audio_player {
  1095. border: none;
  1096. padding: 0px;
  1097. margin: 0px;
  1098. height: 50px;
  1099. width: 500px;
  1100. }
  1101.  
  1102.  
  1103. .audioimgwrapper {
  1104. position: absolute;
  1105. left: 0px;
  1106. top: 0px;
  1107. }
  1108.  
  1109.  
  1110. .audioimgwrapper2 {
  1111. position: absolute;
  1112. left: 0px;
  1113. top: 0px;
  1114. }
  1115.  
  1116.  
  1117. .audioimgwrapper img, .audioimgwrapper2 img {
  1118. border: 7px solid #f0f0f0;
  1119. outline: 1px solid #eee;
  1120. width: 110px;
  1121. height: 110px;
  1122. margin-top: -5px;
  1123. opacity: ;
  1124. }
  1125.  
  1126.  
  1127. .trackdetails {
  1128. background-color: #;
  1129. margin-top: 20px;
  1130. text-align: left;
  1131. width: 255px;
  1132. {block:if500pxPosts}width:355px;{/block:if500pxPosts}
  1133. line-height: 17px;
  1134. display:inline-block;
  1135. margin-left: 140px;
  1136. height: 100px;
  1137. font-family: consolas;
  1138. text-transform: uppercase;
  1139. letter-spacing: 0px;
  1140. font-size: 9px;
  1141. }
  1142.  
  1143.  
  1144. .trackdetails span {
  1145. color: #bbb;
  1146. }
  1147.  
  1148.  
  1149. .trackname {
  1150. font-size: 12px;
  1151. line-height: 14px;
  1152. font-family: '{text:Google Web Font Name}';
  1153. letter-spacing: 2px;
  1154. text-transform: uppercase;
  1155. margin-bottom: -14px;
  1156. color: #777;
  1157. margin-left: 40px;
  1158. margin-top: -16px;
  1159. }
  1160.  
  1161.  
  1162. .audiowrapper {
  1163. position: relative;
  1164. display: inline-block;
  1165. }
  1166.  
  1167.  
  1168. /*------------------------------
  1169. POST NOTES
  1170. ------------------------------*/
  1171.  
  1172. .notes a {
  1173. font-family: calibri;
  1174. font-size: 8px;
  1175. text-transform: uppercase;
  1176. letter-spacing: 1px;
  1177. color: #939393;
  1178. text-decoration: none;
  1179. -moz-transition: 0.3s ease-in-out;
  1180. -o-transition: 0.3s ease-in-out;
  1181. -webkit-transition: 0.3s ease-in-out;
  1182. }
  1183.  
  1184.  
  1185. .notes a:hover {
  1186. color: #a0a0a0;
  1187. text-decoration: none;
  1188. -moz-transition: 0.3s ease-in-out;
  1189. -o-transition: 0.3s ease-in-out;
  1190. -webkit-transition: 0.3s ease-in-out;
  1191. }
  1192.  
  1193.  
  1194. ol.notes {
  1195. font-size: 10px;
  1196. font-family: calibri;
  1197. text-transform: lowercase;
  1198. letter-spacing: 0px;
  1199. margin-left: 22px;
  1200. color: #aaa;
  1201. background-color: transparent;
  1202. width: 380px;
  1203. {block:if500pxPosts}width: 480px;{/block:if500pxPosts}
  1204. list-style-type: none;
  1205. margin-top: 15px;
  1206. margin-bottom: -20px;
  1207. text-align: center;
  1208. }
  1209.  
  1210.  
  1211. .notes li {
  1212. padding: 3px;
  1213. padding-bottom: 6px;
  1214. }
  1215.  
  1216.  
  1217. .notes img {
  1218. margin-left: -2px;
  1219. margin-bottom: -5px;
  1220. margin-right: 10px;
  1221. width: 15px;
  1222. height: 15px;
  1223. border: 2px solid #fcfcfc;
  1224. outline: 1px solid #e8e8e8;
  1225. -moz-transition: 0.5s ease-in-out;
  1226. -o-transition: 0.5s ease-in-out;
  1227. -webkit-transition: 0.5s ease-in-out;
  1228. }
  1229.  
  1230.  
  1231. .xxx {
  1232. -webkit-border-radius: 50px;
  1233. -moz-border-radius: 50px;
  1234. border-radius: 50px;
  1235. position: fixed;
  1236. bottom: 10px;
  1237. right: 10px;
  1238. background-color: {color:Credit};
  1239. height: 30px;
  1240. width: 30px;
  1241. }
  1242.  
  1243.  
  1244. .xxx a {
  1245. background: transparent;
  1246. color: #fff;
  1247. font-style: italic;
  1248. font-family: georgia;
  1249. font-size: 17px;
  1250. letter-spacing: -1px;
  1251. margin-left: 3px;
  1252. line-height: 27px;
  1253. }
  1254.  
  1255.  
  1256. </style>
  1257. </head>
  1258.  
  1259. <body>
  1260.  
  1261.  
  1262. <!---------------------------------------------------
  1263. SIDEBAR 1
  1264. ---------------------------------------------------->
  1265.  
  1266.  
  1267. <div class="sidebar">
  1268.  
  1269. <div class="navibg"></div>
  1270.  
  1271.  
  1272.  
  1273. <div class="navigation">
  1274. <a href="/"><one>home</one> <span>I.</span></a>
  1275. <a href="/ask"><one>ask</one> <span>II.</span></a>
  1276. <a href="/archive"><one>past</one> <span>III.</span></a>
  1277.  
  1278. {block:ifMusicplayer}
  1279. <two><span>IV.</span>
  1280.  
  1281. <div class="player">
  1282. <div class="mplayer">
  1283. {text:Music Player Code}
  1284. </div>
  1285. </div>
  1286. {/block:ifMusicplayer}
  1287.  
  1288. </div></two>
  1289.  
  1290. {block:ifInfiniteScrolling}<div class="scrolltotop"><a href="javascript:;" id="scrollToTop">scroll to top</a></div>{/block:ifInfiniteScrolling}
  1291.  
  1292. </div>
  1293.  
  1294.  
  1295.  
  1296. <!---------------------------------------------------
  1297. SIDEBAR 2
  1298. ---------------------------------------------------->
  1299.  
  1300. <div class="sidebar2">
  1301.  
  1302. <div class="description">{Description}</div>
  1303.  
  1304. <div class="title"><a href="/">{Title}</a>;
  1305. <div class="subtitle">{text:Subtitle}</div></div>
  1306.  
  1307. <div class="imagecontainer">
  1308. <div class="sidebarimage">
  1309.  
  1310. <img src="{image:Sidebar Icon}">
  1311. </div>
  1312. </div>
  1313.  
  1314. {block:ifnotInfiniteScrolling}
  1315. {block:Pagination}
  1316. <div class="pagination">
  1317. {block:NextPage}<span><a href="{NextPage}">down</a></span>{/block:NextPage}
  1318. {block:PreviousPage}<a href="{PreviousPage}">up</a>{/block:PreviousPage}
  1319. </div>
  1320. {/block:Pagination}
  1321. {/block:ifnotInfiniteScrolling}
  1322.  
  1323. <div class="extranav">
  1324.  
  1325. <one>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1 Name}</a><br>{/block:ifLink1}</one>
  1326.  
  1327. <two>{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2 Name}</a><br>{/block:ifLink2}</two>
  1328.  
  1329. <three>{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3 Name}</a>{/block:ifLink3}</three>
  1330.  
  1331. <four>{block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4 Name}</a>{/block:ifLink4}</four>
  1332.  
  1333. <five>{block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5 Name}</a>{/block:ifLink5}</five>
  1334.  
  1335. </div>
  1336.  
  1337. <div class="xxx">
  1338. <a href="http://inquisitorismage.tumblr.com" title="theme by inquisitorismage" target="_blank">iim</a>
  1339. </div>
  1340.  
  1341. </div>
  1342.  
  1343.  
  1344.  
  1345.  
  1346. <!---------------------------------------------------
  1347. POSTS
  1348. ---------------------------------------------------->
  1349.  
  1350. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  1351.  
  1352. <div class="postcolumn">
  1353.  
  1354. {block:Posts}
  1355.  
  1356.  
  1357.  
  1358. <!---------------------------------------------------
  1359. TAGS
  1360. ---------------------------------------------------->
  1361.  
  1362. {block:HasTags}<div class="tags"><span>tagged:</span>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1363. </div>{/block:HasTags}
  1364.  
  1365.  
  1366.  
  1367. <!------------------------------
  1368. TEXT POSTS
  1369. ------------------------------->
  1370.  
  1371.  
  1372. <div class="posts">
  1373.  
  1374. {block:Text}
  1375. {block:Title}<h2>{Title}</h2>{/block:Title}
  1376. <div style="margin-top: -5px;">{Body}</div>
  1377. {/block:Text}
  1378.  
  1379.  
  1380. {block:Answer}
  1381. <table width="400" style="margin-top: -5px;">
  1382. <tr>
  1383. <td width="60">
  1384. <div class="askerportrait">
  1385. <img src="{AskerPortraitURL-48}">
  1386. </div>
  1387. </td>
  1388. <td width="340">
  1389. <div class="question">
  1390. <span>{Asker} says:</span> {Question}
  1391. </div>
  1392. </td>
  1393. </tr>
  1394. <tr>
  1395. <td colspan="2">
  1396. <div class="answer">{Answer}</div>
  1397. </td>
  1398. </tr>
  1399. </table>
  1400. {/block:Answer}
  1401.  
  1402.  
  1403. {block:Quote}
  1404. <div class="quotemark">“</div><div class="quote">
  1405. {Quote}
  1406. {block:Source}<div class="quotesource">— {Source}</div>{/block:Source}
  1407. </div>
  1408. {/block:Quote}
  1409.  
  1410.  
  1411. {block:Link}
  1412. <h2><a href="{URL}">{Name} →</a></h2>
  1413. <div style="margin-top: -5px;">{block:Description}{Description}{/block:Description} </div>
  1414. {/block:Link}
  1415.  
  1416.  
  1417. {block:Chat}
  1418. {block:Title}<h2>{Title}</h2>{/block:Title}
  1419. <div style="margin-top: -5px;"><div class="chat">
  1420. <ul class="chat">
  1421. {block:Lines}
  1422. <li class="{Alt} user_{UserNumber}">
  1423. {block:Label}
  1424. <span class="label">
  1425. {Label}
  1426. </span>
  1427. {/block:Label}
  1428. {Line}
  1429. </li>
  1430. {/block:Lines}</ul>
  1431. </ul>
  1432. </div></div>
  1433. {/block:Chat}
  1434.  
  1435.  
  1436.  
  1437. <!------------------------------
  1438. PHOTO POSTS
  1439. ------------------------------->
  1440.  
  1441.  
  1442. {block:Photo}
  1443. <div class="photos">
  1444.  
  1445. {LinkOpenTag}
  1446.  
  1447. {block:ifnot500pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width:400px;">{/block:ifnot500pxPosts}
  1448.  
  1449. {block:if500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:500px;">{/block:if500pxPosts}
  1450.  
  1451. {LinkCloseTag}
  1452.  
  1453. {block:Caption}{Caption}{/block:Caption}
  1454.  
  1455. </div>
  1456. {/block:Photo}
  1457.  
  1458.  
  1459.  
  1460. {block:Photoset}
  1461. <div class="photos">
  1462.  
  1463. {block:ifnot500pxPosts}{Photoset-400}{/block:ifnot500pxPosts}
  1464.  
  1465. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  1466.  
  1467. {block:Caption}{Caption}{/block:Caption}
  1468.  
  1469. </div>
  1470. {/block:Photoset}
  1471.  
  1472.  
  1473.  
  1474. <!------------------------------
  1475. MEDIA POSTS
  1476. ------------------------------->
  1477.  
  1478. {block:AudioPlayer}
  1479.  
  1480. <div class="audiowrapper">
  1481.  
  1482. <div class="audioimgwrapper">
  1483. <img src="http://i.imgur.com/86MlFXf.png">
  1484. </div>
  1485.  
  1486. {block:AlbumArt}
  1487. <div class="audioimgwrapper2">
  1488. <img src="{AlbumArtURL}">
  1489. </div>
  1490. {/block:AlbumArt}
  1491.  
  1492. <div class="playerbuttonbg">
  1493. <div class="newplayerbutton">
  1494. <div class="playerbuttonhug">
  1495. {AudioPlayerBlack}
  1496. </div>
  1497. </div>
  1498. </div>
  1499.  
  1500. <div class="trackdetails">
  1501. <span>track:</span>{block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}<br/>
  1502. <span>artist:</span>&nbsp;{block:Artist}{Artist}{/block:Artist}<br/>
  1503. <span>album:</span>&nbsp;{block:Album}{Album}{/block:Album}<br />
  1504. <span>plays:</span> &nbsp;{PlayCount}
  1505. </div>
  1506.  
  1507. </div>
  1508.  
  1509. {block:Caption}{Caption}{/block:Caption}
  1510.  
  1511. {/block:AudioPlayer}
  1512.  
  1513.  
  1514.  
  1515. {block:Video}
  1516.  
  1517. {block:ifnot500pxPosts}{Video-400}{/block:ifnot500pxPosts}
  1518.  
  1519. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  1520.  
  1521. {block:Caption}{Caption}{/block:Caption}
  1522.  
  1523. {/block:Video}
  1524.  
  1525.  
  1526.  
  1527. </div>
  1528.  
  1529.  
  1530.  
  1531. <!---------------------------------------------------
  1532. POST INFO
  1533. ---------------------------------------------------->
  1534.  
  1535. {block:Date}
  1536.  
  1537. <div class="postinfo">
  1538. <div class="date">posted on<a href="{Permalink}">{ShortMonth} {DayofMonthWithZero}<sufx>{DayOfMonthSuffix}</sufx></a>with<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank" class="details" title="reblog this post">reblog</a>
  1539.  
  1540.  
  1541.  
  1542. <!---------------------------------------------------
  1543. REBLOG INFO
  1544. ---------------------------------------------------->
  1545.  
  1546. {block:RebloggedFrom}<div class="rebloginfo">
  1547.  
  1548. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-30}"></a>
  1549.  
  1550. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-30}"></a>
  1551.  
  1552. </div>{/block:RebloggedFrom}
  1553.  
  1554. </div></div>
  1555.  
  1556. {/block:Date}
  1557.  
  1558.  
  1559.  
  1560. <!---------------------------------------------------
  1561. POST NOTES
  1562. ---------------------------------------------------->
  1563.  
  1564. <div class="notes">
  1565. {PostNotes}
  1566. </div>
  1567.  
  1568.  
  1569. {/block:Posts}
  1570. </div>
  1571.  
  1572.  
  1573. </body>
  1574. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement