Advertisement
iamthemelocked

Iamthemelocked #126 - Z for Zeitgeist

Feb 6th, 2015
687
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.23 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--- Theme by iamthemelocked
  4. DO NOT REMOVE THE CREDIT
  5. DO NOT COPY
  6. DO NOT CLAIM AS YOUR OWN
  7. IF YOU DO THEN I´LL MAKE YOU INTO SHOES
  8. BIT NOT GOOD, ISN´T IT?--->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head><title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Advent+Pro:400,300' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Belleza' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  22.  
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25.  
  26. <meta name="if:Black And White Posts" content="0"/>
  27. <meta name="if:Post Images Upon Scroll" content="1">
  28. <meta name="if:Show Captions" content="1"/>
  29. <meta name="if:Alternative Info" content="0">
  30. <meta name="if:Colour Tags" content="1">
  31. <meta name="if:Tags Upon Hover" content="0">
  32. <meta name="if:Infinite Scroll" content="0">
  33. <meta name="if:Tiny Cursor" content="1">
  34.  
  35. <meta name="image:Sidebar Image" content=""/>
  36.  
  37. <meta name="font:Post Font" content="Sofia Pro" />
  38. <meta name="font:Description Font" content="Sofia Pro" />
  39. <meta name="font:Tags Font" content="Sofia Pro" />
  40.  
  41. <meta name="text:Post Font Size" content="10px"/>
  42. <meta name="text:Description Font Size" content="8px"/>
  43. <meta name="text:Tags Font Size" content="7px"/>
  44.  
  45. <meta name="color:Background" content="#ffffff"/>
  46. <meta name="color:Posts Background" content="#f6f6f6"/>
  47. <meta name="color:Post Text" content="#222222"/>
  48. <meta name="color:Post Links" content="#b6b6b6"/>
  49.  
  50. <meta name="color:Sidebar Links" content="#ffffff"/>
  51. <meta name="color:Description" content="#000000"/>
  52. <meta name="color:Title" content="#ffffff"/>
  53. <meta name="color:Pagination" content="#ffffff"/>
  54.  
  55. <meta name="color:Accent 1" content="#df6c7a" />
  56. <meta name="color:Accent 2" content="#df9a6c" />
  57. <meta name="color:Accent 3" content="#e5de71" />
  58. <meta name="color:Accent 4" content="#8bea71" />
  59. <meta name="color:Accent 5" content="#70e7d3" />
  60.  
  61. <meta name="color:Info Accent" content="#000000"/>
  62. <meta name="color:Info Links" content="#b6b6b6"/>
  63.  
  64. <meta name="color:Tags" content="#000000"/>
  65. <meta name="color:Tags Hover" content="#ffffff"/>
  66.  
  67. <meta name="color:Chat Background 1" content="#f6f6f6"/>
  68. <meta name="color:Chat Background 2" content="#ffffff"/>
  69.  
  70. <meta name="color:Tooltip Accent" content="#000000"/>
  71. <meta name="color:Tooltip Text" content="#ffffff"/>
  72. <meta name="color:Selection" content="#df6c7a"/>
  73. <meta name="color:Scrollbar" content="#000000"/>
  74.  
  75. <meta name="text:Title" content="#126 - Zeitgeist"/>
  76.  
  77. <meta name="text:Home Link Title" content="Index"/>
  78. <meta name="text:Link 2 Title" content="Askbox"/>
  79. <meta name="text:Link 2 Url" content="/ask"/>
  80. <meta name="text:Link 3 Title" content="Submit"/>
  81. <meta name="text:Link 3 Url" content="/submit"/>
  82. <meta name="text:Link 4 Title" content="Link 4"/>
  83. <meta name="text:Link 4 Url" content="http://"/>
  84. <meta name="text:Link 5 Title" content="Link 5"/>
  85. <meta name="text:Link 5 Url" content="http://"/>
  86. <meta name="text:Link 6 Title" content="Link 6"/>
  87. <meta name="text:Link 6 Url" content="http://"/>
  88. <meta name="text:Link 7 Title" content="Link 7"/>
  89. <meta name="text:Link 7 Url" content="http://"/>
  90. <meta name="text:Link 8 Title" content="Link 8"/>
  91. <meta name="text:Link 8 Url" content="http://"/>
  92.  
  93. <meta name="color:Tab Text" content="#222222"/>
  94. <meta name="color:Tab Links" content="#b6b6b6"/>
  95. <meta name="color:Tab Links Hover" content="#000000"/>
  96.  
  97. <meta name="if:Updates Tab" content="1"/>
  98.  
  99. <!---INFINTE SCROLL --->
  100.  
  101. {block:IfInfiniteScroll}
  102. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  103. {/block:IfInfiniteScroll}
  104. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  105.  
  106. <!---INFINTE SCROLL --->
  107.  
  108. <!--- SPECIAL FONTS --->
  109.  
  110. <script type="text/javascript">
  111. WebFontConfig = {
  112. google: { families: [ 'Petit+Formal+Script::latin' ] }
  113. };
  114. (function() {
  115. var wf = document.createElement('script');
  116. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  117. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  118. wf.type = 'text/javascript';
  119. wf.async = 'true';
  120. var s = document.getElementsByTagName('script')[0];
  121. s.parentNode.insertBefore(wf, s);
  122. })(); </script>
  123.  
  124. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  125.  
  126. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  129.  
  130. <link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>
  131.  
  132. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  133. <!--- SPECIAL FONTS --->
  134.  
  135. <style type="text/css">
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {
  138. height:10px; border:2px solid {color:background}; background-color:{color:Scrollbar};}
  139.  
  140. ::-webkit-scrollbar-thumb:horizontal {
  141. background-color:{color:Accent 1};}
  142.  
  143. ::-webkit-scrollbar {
  144. width:11px; height:5px; border:5px solid {color:background}; background-color:{color:Scrollbar};}
  145.  
  146. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:7px; border-right:2px solid {color:background}; border-left:2px solid {color:background}; background-color:{color:Scrollbar};}
  147.  
  148. iframe#tumblr_controls {white-space:nowrap;-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter: invert(100%);filter:invert(100%);opacity:.4;padding:4px;}
  149.  
  150. /* --- SCROLLBAR ---*/
  151.  
  152. /* --- BODY ---*/
  153.  
  154. #s-m-t-tooltip{
  155. position:absolute;
  156. margin-top: 15px;
  157. z-index:9999999999999;
  158. color:{color:Tooltip Text};
  159. box-shadow:inset 350px 0 0 0 {color:Tooltip Accent};
  160. text-transform:uppercase;
  161. letter-spacing:0.5px;
  162. font-family:calibri;
  163. line-height:13px;
  164. max-width:300px;
  165. border:4px double {color:background};
  166. font-size:8px;
  167. padding:0.5px 3px 0.5px 3px;
  168. -webkit-transition:all 0.4s;
  169. -moz-transition:all 0.4s;
  170. -ms-transition:all 0.4s;
  171. -o-transition:all 0.4s;
  172. transition:all 0.4s;
  173. }
  174.  
  175. body {
  176. color: {color:Post Text};
  177. background-color: {color:background};
  178. font: 9px 'Trebuchet MS', sans-serif;
  179. }
  180.  
  181. b, strong {color: color:{color:Post text};word-wrap:normal;}
  182. i, em {color: color:{color:Post text};word-wrap:normal;}
  183. p {margin-top:5px;margin-bottom:5px}
  184. ol {list-style:normal;}
  185. ul {list-style:square;}
  186. small {font-size:8px;}
  187. big {font-size:10px;}
  188.  
  189. blockquote {
  190. padding-left:10px;
  191. margin-left:10px;
  192. margin-top:5px;
  193. border-left:1px solid;
  194. }
  195.  
  196. a {
  197. text-decoration:none;
  198. outline:none;
  199. font-weight:bold;
  200. word-wrap:initial;
  201. font-family: {text:Post Font};
  202. font-size: {text:Post Font Size};
  203. color:{color:Post Links};
  204. -moz-outline-style:none;
  205. -webkit-transition:all 0.5s;
  206. -moz-transition:all 0.5s;
  207. -ms-transition:all 0.5s;
  208. -o-transition:all 0.5s;
  209. transition:all 0.5s;
  210. }
  211.  
  212. a:hover {
  213. text-decoration:none;
  214. outline:none;
  215. -moz-outline-style:none;
  216. -webkit-transition:all 0.5s;
  217. -moz-transition:all 0.5s;
  218. -ms-transition:all 0.5s;
  219. -o-transition:all 0.5s;
  220. transition:all 0.5s;
  221. }
  222.  
  223. a:hover:nth-child(5n+1){color:{color:Accent 1};}
  224. a:hover:nth-child(5n+2){color:{color:Accent 2};}
  225. a:hover:nth-child(5n+3){color:{color:Accent 3};}
  226. a:hover:nth-child(5n+4){color:{color:Accent 4};}
  227. a:hover:nth-child(5n+5){color:{color:Accent 5};}
  228.  
  229. h1 {
  230. font-size:22px;
  231. text-align:left;
  232. line-height:120%;
  233. text-transform:lowercase;
  234. line-height:15px;
  235. color:{color:General Links};
  236. font-family:"wisdom script";
  237. }
  238.  
  239. h1:first-letter {
  240. text-transform:uppercase;
  241. }
  242.  
  243. pre {
  244. white-space: pre-wrap;
  245. white-space: -moz-pre-wrap;
  246. white-space: -pre-wrap;
  247. white-space: -o-pre-wrap;
  248. word-wrap: break-word;
  249. font-weight:bold;
  250. font-size:8px;
  251. font-family:"DISCO";
  252. text-transform:uppercase;
  253. }
  254.  
  255. pre a{
  256. font-size:8px;
  257. }
  258.  
  259. .caption {
  260. text-align:left;
  261. display:block;
  262. }
  263.  
  264. .caption img {
  265. max-width:350px;
  266. }
  267.  
  268. /* --- BODY ---*/
  269.  
  270. /* --- POST ENTRIES ---*/
  271.  
  272. #entries {
  273. margin-left: 340px;
  274. margin-top:20px;
  275. padding-bottom:20px;
  276. font-family: {font:Post Font};
  277. }
  278.  
  279. #post {
  280. font-family: {font:Post Font};
  281. margin-top:0px;
  282. margin-bottom:5px;
  283. width:500px;
  284. position:relative;
  285. word-wrap:normal;
  286. font-size: {text:Post Font Size};
  287. background:{color:Posts Background};
  288. padding:30px;
  289. {block:IfBlackandWhitePosts}
  290. -webkit-filter: grayscale(100%);
  291. -moz-filter: grayscale(100%);
  292. filter: grayscale(100%);
  293. -webkit-transition:all 0.5s;
  294. -moz-transition:all 0.5s;
  295. -ms-transition:all 0.5s;
  296. -o-transition:all 0.5s;
  297. transition:all 0.5s;
  298. }
  299.  
  300. #post:hover {
  301. -webkit-transition:all 0.5s;
  302. -moz-transition:all 0.5s;
  303. -ms-transition:all 0.5s;
  304. -o-transition:all 0.5s;
  305. transition:all 0.5s;
  306. -webkit-filter: grayscale(0%);
  307. -moz-filter: grayscale(0%);
  308. filter: grayscale(0%);
  309. {block:IfBlackandWhitePosts}
  310. }
  311.  
  312. /* --- POST ENTRIES ---*/
  313.  
  314. /* --- SIDEBAR ---*/
  315.  
  316. #container {
  317. width: 900px;
  318. margin: 0 auto;
  319. }
  320.  
  321. #sidebar {
  322. width:275px;
  323. top:90px;
  324. height:458px;
  325. border-bottom:5px solid {color:Description};
  326. border-top:5px solid {color:Description};
  327. margin-left:20px;
  328. position: fixed;
  329. }
  330.  
  331. #sidebar img {
  332. width:230px;
  333. height:340px;
  334. margin-top:5px;
  335. border:5px solid {color:Accent 1};
  336. margin-left:35px;
  337. display: block;
  338. }
  339.  
  340. #headerborder {
  341. width:100%;
  342. height:6px;
  343. margin-top:-1px;
  344. background:{color:background};
  345. overflow-y:hidden;
  346. }
  347.  
  348. .headercolour {
  349. width:20%;
  350. height:100%;
  351. float:left;
  352. opacity:1;
  353. }
  354.  
  355. /* --- SIDEBAR ---*/
  356.  
  357. /* --- TITLE ---*/
  358.  
  359. #title {
  360. background-color:{color:Description};
  361. font: 9px/9px 'Calibri';
  362. letter-spacing: 1px;
  363. font-weight:bold;
  364. text-align:left;
  365. margin-top:8px;
  366. padding:5px;
  367. width:265px;
  368. z-index:9999;
  369. position: absolute;
  370. color:{color:Title};
  371. text-transform: uppercase;
  372. }
  373.  
  374. /* --- TITLE ---*/
  375.  
  376. /* --- LINKS ---*/
  377.  
  378. #links {
  379. font: 8px/8px 'Calibri';
  380. letter-spacing: 1px;
  381. text-transform: uppercase;
  382. text-align: center;
  383. margin-top:-2px;
  384. padding: 5px 0;
  385. width: 35px;
  386. margin-left:-2px;
  387. height: auto;
  388. height:240px;
  389. position: absolute;
  390. }
  391.  
  392. #links a {
  393. padding:4px;
  394. margin:2px;
  395. width:8px;
  396. box-shadow:inset 50px 0 0 0 {color:Description};
  397. height:8px;
  398. border:6px double {color:Description};
  399. color:{color:Sidebar Links};
  400. display:block;
  401. -webkit-transition:all 0.5s;
  402. -moz-transition:all 0.5s;
  403. -ms-transition:all 0.5s;
  404. -o-transition:all 0.5s;
  405. transition:all 0.5s;
  406. }
  407.  
  408. #links a:hover:nth-child(4n+1){box-shadow:inset 50px 0 0 0 {color:Accent 2};}
  409. #links a:hover:nth-child(4n+2){box-shadow:inset 50px 0 0 0 {color:Accent 3};}
  410. #links a:hover:nth-child(4n+3){box-shadow:inset 50px 0 0 0 {color:Accent 4};}
  411. #links a:hover:nth-child(4n+4){box-shadow:inset 50px 0 0 0 {color:Accent 5};}
  412.  
  413. /* --- LINKS ---*/
  414.  
  415. /* --- DESCRIPTION ---*/
  416.  
  417. #description {
  418. color:{color:Description};
  419. font: 8px 'Calibri', sans-serif;
  420. letter-spacing: 1px;
  421. text-transform: uppercase;
  422. text-align: justify;
  423. height:60px;
  424. overflow:auto;
  425. margin-top: 35px;
  426. }
  427.  
  428. #description a{
  429. color:{color:Post Links};
  430. font: 8px 'Calibri', sans-serif;
  431. letter-spacing: 1px;
  432. }
  433.  
  434. #description a:hover{
  435. color:{color:Accent 1};
  436. }
  437.  
  438. /* --- DESCRIPTION ---*/
  439.  
  440. #pagination {
  441. font: 7px 'Calibri', sans-serif;
  442. letter-spacing: 1px;
  443. width:28px;
  444. height:60px;
  445. text-align:center;
  446. margin-top:-155px;
  447. }
  448.  
  449. #pagination a {
  450. padding:4px;
  451. margin-top:2px;
  452. width:8px;
  453. box-shadow:inset 50px 0 0 0 {color:Accent 1};
  454. height:8px;
  455. text-align:center;
  456. line-height:6px;
  457. border:6px double {color:Description};
  458. color:{color:Pagination};
  459. display:block;
  460. -webkit-transition:all 0.5s;
  461. -moz-transition:all 0.5s;
  462. -ms-transition:all 0.5s;
  463. -o-transition:all 0.5s;
  464. transition:all 0.5s;
  465. }
  466.  
  467. #pagination a:hover {
  468. box-shadow:inset 50px 0 0 0 {color:Description};
  469. color:{color:Pagination};
  470. -webkit-transition:all 0.5s;
  471. -moz-transition:all 0.5s;
  472. -ms-transition:all 0.5s;
  473. -o-transition:all 0.5s;
  474. transition:all 0.5s;
  475. }
  476.  
  477. /* --- POST INFO ---*/
  478.  
  479. {block:ifNotAlternativeInfo}
  480. #post:hover .perma {opacity:1;}
  481. {/block:ifNotAlternativeInfo}
  482.  
  483. .perma {
  484. height:100%;
  485. padding:1px 0px;
  486. top:0px;
  487. left:0px;
  488. position:absolute;
  489. opacity:0;
  490. z-index:999;
  491. color:{color:Info Accent};
  492. overflow:auto;
  493. font-size:20px;
  494. letter-spacing:-1px;
  495. line-height:0px;
  496. text-align:center;
  497. text-transform:lowercase;
  498. background:{color:background};
  499. -webkit-transition:all 0.5s;
  500. -moz-transition:all 0.5s;
  501. -ms-transition:all 0.5s;
  502. -o-transition:all 0.5s;
  503. transition:all 0.5s;
  504. width:100%;
  505. }
  506.  
  507. #info {
  508. position:absolute;
  509. width:550px;
  510. height:120px;
  511. opacity:1;
  512. top:5%;
  513. margin-left:0px;}
  514.  
  515. .notes {
  516. top:37%;
  517. position:relative;
  518. margin-bottom:70px;
  519. color:{color:Info Accent};
  520. font-size:20px;
  521. font-family:Helvetica;}
  522.  
  523. .notes a {
  524. font-family:Helvetica;
  525. background:none;
  526. font-size:20px;
  527. text-transform:lowercase;
  528. color:{color:Info Links};}
  529.  
  530. .notes a:hover:nth-child(3n+1){color:{color:Accent 1};}
  531. .notes a:hover:nth-child(3n+2){color:{color:Accent 2};}
  532. .notes a:hover:nth-child(3n+3){color:{color:Accent 3};}
  533.  
  534. #urls {
  535. width:400px;
  536. margin-top:85px;
  537. height:36px;
  538. margin-left:80px;
  539. }
  540.  
  541. #from a {font-family:Helvetica;background:none;font-size:15px;text-transform:lowercase;color:{color:Info Accent};background:none;}
  542. #from a:hover {color:{color:Accent 4};background:none;}
  543.  
  544. #from{
  545. display:block;
  546. width:165px;
  547. margin-top:-7px;
  548. padding:none;
  549. height:15px;
  550. margin-left:-2px;
  551. line-height:18px;
  552. text-align:right;
  553. background:none;
  554. }
  555.  
  556. #from img {
  557. display:block;
  558. width:20px;
  559. margin-top:-21px;
  560. padding:none;
  561. margin-left:172px;
  562. padding:2px;
  563. border:1px solid {color:Info Accent};
  564. background:none;
  565. -webkit-transition:all 0.5s;
  566. -moz-transition:all 0.5s;
  567. -ms-transition:all 0.5s;
  568. -o-transition:all 0.5s;
  569. transition:all 0.5s;
  570. }
  571.  
  572. #from img:hover {
  573. transform:rotate(360deg);
  574. -ms-transform:rotate(360deg);
  575. -webkit-transform:rotate(360deg);
  576. -webkit-transition:all 0.5s;
  577. -moz-transition:all 0.5s;
  578. -ms-transition:all 0.5s;
  579. -o-transition:all 0.5s;
  580. transition:all 0.5s;
  581. }
  582.  
  583. #by{
  584. display:block;
  585. width:158px;
  586. margin-top:-16px;
  587. padding:none;
  588. height:15px;
  589. margin-left:235px;
  590. line-height:19px;
  591. text-align:left;
  592. background:none;
  593. }
  594.  
  595. #by img {
  596. display:block;
  597. width:20px;
  598. margin-top:-21px;
  599. padding:none;
  600. margin-left:-31px;
  601. padding:2px;
  602. border:1px solid {color:Info Accent};
  603. background:none;
  604. -webkit-transition:all 0.5s;
  605. -moz-transition:all 0.5s;
  606. -ms-transition:all 0.5s;
  607. -o-transition:all 0.5s;
  608. transition:all 0.5s;
  609. }
  610.  
  611. #by img:hover {
  612. transform:rotate(-360deg);
  613. -ms-transform:rotate(-360deg);
  614. -webkit-transform:rotate(-360deg);
  615. -webkit-transition:all 0.5s;
  616. -moz-transition:all 0.5s;
  617. -ms-transition:all 0.5s;
  618. -o-transition:all 0.5s;
  619. transition:all 0.5s;
  620. }
  621.  
  622. #by a {font-family:Helvetica;background:none;font-size:15px;text-transform:lowercase;color:{color:Info Accent};background:none;}
  623. #by a:hover {color:{color:Accent 5};background:none;}
  624.  
  625. .reblog a:hover {color:{color:Accent 3};}
  626.  
  627. #info2 {
  628. background:{color:Info Accent};
  629. color:#fff;
  630. opacity:1;
  631. letter-spacing:1px;
  632. margin:auto;
  633. width:175px;
  634. height:10px;
  635. font-size:8px;
  636. font-family:calibri;
  637. text-align:center;
  638. margin-top:10px;
  639. text-transform:uppercase;
  640. padding:3px;
  641. }
  642.  
  643. #info2 a{
  644. color:#ffffff;
  645. font-size:8px;
  646. font-family:calibri;
  647. text-align:center;
  648. text-transform:uppercase;
  649. -webkit-transition:all 0.5s;
  650. -moz-transition:all 0.5s;
  651. -ms-transition:all 0.5s;
  652. -o-transition:all 0.5s;
  653. transition:all 0.5s;
  654. }
  655.  
  656. #info2 a:hover:nth-child(3n+1){color:{color:Accent 1};}
  657. #info2 a:hover:nth-child(3n+2){color:{color:Accent 2};}
  658. #info2 a:hover:nth-child(3n+3){color:{color:Accent 3};}
  659.  
  660. #via{
  661. width:200px;
  662. height:15px;
  663. margin-left:-20px;
  664. margin-top:-12px;
  665. }
  666.  
  667. #org1 img{
  668. width:14px;
  669. height:14px;
  670. border:1px solid {color:Info Accent};
  671. margin-left:-192px;
  672. margin-top:-1px;
  673. display:inline-block;
  674. }
  675.  
  676. #org2{
  677. margin-top:-17px;
  678. }
  679.  
  680. #org2 img{
  681. width:14px;
  682. height:14px;
  683. border:1px solid {color:Info Accent};
  684. margin-left:203px;
  685. margin-top:0px;
  686. display:inline-block;
  687. }
  688.  
  689. /* --- POST INFO ---*/
  690.  
  691. /* --- POST TAGS ---*/
  692.  
  693. #tags {
  694. width:480px;
  695. padding: 2px;
  696. background:{color:background};
  697. margin-left:30px;
  698. font-size: {text:Tags Font Size};
  699. margin-top:-2px;
  700. overflow:hidden;
  701. word-wrap: break-word;
  702. font-family: {font:Tags Font};
  703. text-align: center;
  704. -webkit-transition: all 0.4s ease-in-out;
  705. -moz-transition: all 0.4s ease-in-out;
  706. -o-transition: all 0.4s ease-in-out;
  707. transition: all 0.4s ease-in-out;
  708. }
  709.  
  710. {block:ifColourTags}
  711. #tags a:nth-child(5n+1)
  712. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  713. #tags a:nth-child(5n+2)
  714. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  715. #tags a:nth-child(5n+3)
  716. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  717. #tags a:nth-child(5n+4)
  718. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  719. #tags a:nth-child(5n+5)
  720. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  721.  
  722. #tags a:hover {
  723. background:none;
  724. border:1px solid {color:Tags};
  725. color:{color:Tags};}
  726. {/block:ifColourTags}
  727.  
  728. {block:ifNotColourTags}
  729. #tags a:hover:nth-child(5n+1)
  730. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  731. #tags a:hover:nth-child(5n+2)
  732. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  733. #tags a:hover:nth-child(5n+3)
  734. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  735. #tags a:hover:nth-child(5n+4)
  736. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  737. #tags a:hover:nth-child(5n+5)
  738. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  739. {/block:ifNotColourTags}
  740.  
  741. #tags a {
  742. margin:2.5px 1.5px;
  743. border-radius:1px;
  744. padding:0px 4px;
  745. line-height:17px;
  746. text-transform: uppercase;
  747. font-size: {text:Tags Font Size};
  748. font-weight:bold;
  749. border:1px solid transparent;
  750. letter-spacing:0.5px;
  751. {block:ifNotColourTags}
  752. color:{color:Tags};
  753. {/block:ifNotColourTags}
  754. font-family: {font:Tags Font};
  755. -webkit-transition: all 0.4s ease-in-out;
  756. -moz-transition: all 0.4s ease-in-out;
  757. -o-transition: all 0.4s ease-in-out;
  758. transition: all 0.4s ease-in-out;
  759. }
  760.  
  761. #tags2 {
  762. width:498px;
  763. padding: 2px;
  764. margin-left:0px;
  765. font-size: {text:Tags Font Size};
  766. margin-top:3px;
  767. {block:ifTagsUponHover}
  768. opacity:0;
  769. {block:ifTagsUponHover}
  770. overflow:hidden;
  771. word-break:break-word;
  772. font-family: {font:Tags Font};
  773. text-align: center;
  774. -webkit-transition: all 0.4s ease-in-out;
  775. -moz-transition: all 0.4s ease-in-out;
  776. -o-transition: all 0.4s ease-in-out;
  777. transition: all 0.4s ease-in-out;
  778. }
  779.  
  780. {block:ifTagsUponHover}
  781. #post:hover #tags2{
  782. opacity:1;
  783. -webkit-transition: all 0.4s ease-in-out;
  784. -moz-transition: all 0.4s ease-in-out;
  785. -o-transition: all 0.4s ease-in-out;
  786. transition: all 0.4s ease-in-out;
  787. }
  788. {/block:ifTagsUponHover}
  789.  
  790. {block:ifColourTags}
  791. #tags2 a:nth-child(5n+1)
  792. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  793. #tags2 a:nth-child(5n+2)
  794. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  795. #tags2 a:nth-child(5n+3)
  796. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  797. #tags2 a:nth-child(5n+4)
  798. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  799. #tags2 a:nth-child(5n+5)
  800. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  801. {/block:ifColourTags}
  802.  
  803. {block:ifNotColourTags}
  804. #tags2 a:hover:nth-child(5n+1)
  805. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  806. #tags2 a:hover:nth-child(5n+2)
  807. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  808. #tags2 a:hover:nth-child(5n+3)
  809. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  810. #tags2 a:hover:nth-child(5n+4)
  811. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  812. #tags2 a:hover:nth-child(5n+5)
  813. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  814. {/block:ifNotColourTags}
  815.  
  816. #tags2 a {
  817. margin:2.5px 1px;
  818. border-radius:1px;
  819. padding:0px 2.5px;
  820. line-height:16px;
  821. text-transform: uppercase;
  822. font-size: {text:Tags Font Size};
  823. font-weight:normal;
  824. letter-spacing:0.5px;
  825. color:{color:Tags};
  826. {block:ifColourTags}
  827. border:1px solid transparent;
  828. {/block:ifColourTags}
  829. {block:ifNotColourTags}
  830. border:1px solid {color:Tags};
  831. {/block:ifNotColourTags}
  832. font-family: {font:Tags Font};
  833. -webkit-transition: all 0.4s ease-in-out;
  834. -moz-transition: all 0.4s ease-in-out;
  835. -o-transition: all 0.4s ease-in-out;
  836. transition: all 0.4s ease-in-out;
  837. }
  838.  
  839. #tags2 a:hover {
  840. background:none;
  841. color:{color:Tags};
  842. {block:ifColourTags}
  843. border:1px solid {color:Tags};
  844. {/block:ifColourTags}
  845. {block:ifNotColourTags}
  846. border:1px solid transparent;
  847. {/block:ifNotColourTags}
  848. -webkit-transition: all 0.4s ease-in-out;
  849. -moz-transition: all 0.4s ease-in-out;
  850. -o-transition: all 0.4s ease-in-out;
  851. transition: all 0.4s ease-in-out;
  852. }
  853.  
  854. /* --- POST TAGS ---*/
  855.  
  856. /* --- QUOTES ---*/
  857.  
  858. #mark {
  859. font: bold 40px georgia;
  860. margin-top:-38px;
  861. margin-left:-30px;
  862. position: absolute;
  863. float:left;
  864. z-index:99;
  865. color:{color:Accent 1};
  866. transform:rotate(180deg);
  867. -ms-transform:rotate(180deg);
  868. -webkit-transform:rotate(180deg);
  869. }
  870.  
  871. #quote {
  872. background-color:transparent;
  873. padding:15px;
  874. width:460px;
  875. font-family:'lato', helvetica, arial;
  876. text-align:left;
  877. font-weight:bold;
  878. font-size:11px;
  879. border:2px solid {color:Post Text};
  880. color:{color:Post Text};
  881. }
  882.  
  883. #quote:first-letter {
  884. font-weight:bold;
  885. font-size:14px;
  886. text-align:center;
  887. font-family:'lato', helvetica, arial;
  888. text-transform:uppercase;
  889. color:{color:Accent 2};
  890. }
  891.  
  892. #source {
  893. padding-top:5px;
  894. margin-top:4px;
  895. padding-left:40px;
  896. padding-bottom:5px;
  897. text-align:left;
  898. width:450px;
  899. text-transform:uppercase;
  900. border:2px solid transparent;
  901. background-color:none;
  902. color:{color:Post Text};
  903. -webkit-transition: all 0.6s;
  904. -moz-transition: all 0.6s;
  905. -ms-transition:all 0.6s;
  906. -o-transition: all 0.6s;
  907. transition: all 0.6s;
  908. }
  909.  
  910. #source:hover {
  911. border:2px solid {color:Accent 1};
  912. -webkit-transition: all 0.6s;
  913. -moz-transition: all 0.6s;
  914. -ms-transition:all 0.6s;
  915. -o-transition: all 0.6s;
  916. transition: all 0.6s;
  917. }
  918.  
  919. /* --- QUOTES ---*/
  920.  
  921. /* --- AUDIO PLAYER ---*/
  922.  
  923. #audio {
  924. position:relative;
  925. min-height:60px;}
  926.  
  927. #audioimage {
  928. width:60px;
  929. height:60px;
  930. position:absolute;
  931. z-index:2;}
  932.  
  933. #audioimage img {
  934. margin-left:0px;
  935. }
  936.  
  937. #audiobackground {
  938. margin-top:5px;
  939. margin-left:5px;
  940. width:50px;
  941. height:50px;
  942. z-index:3;
  943. position:absolute;
  944. opacity:0.2;
  945. background-color:white;
  946. -webkit-transition:all 0.6s ease-out;
  947. -moz-transition:all 0.6s ease-out;
  948. transition:all 0.6s ease-out;}
  949.  
  950. #audiobackground:hover {
  951. opacity:0.8;
  952. transform:rotate(360deg);
  953. -ms-transform:rotate(360deg);
  954. -webkit-transform:rotate(360deg);
  955. background-color:#ffffff;
  956. -webkit-transition:all 0.6s ease-out;
  957. -moz-transition:all 0.6s ease-out;
  958. transition:all 0.6s ease-out;}
  959.  
  960. #audioplayer {
  961. width:20px;
  962. height:20px;
  963. margin-top:11px;
  964. margin-left:11px;
  965. overflow:hidden;}
  966.  
  967. #audiobig {
  968. width:490px;
  969. height:70px;
  970. overflow:hidden;}
  971.  
  972. #audioinfo {
  973. background-color:transparent;
  974. font-size:8px;
  975. font-family: {text:Post Font};
  976. color:#b6b6b6;
  977. text-transform:uppercase;
  978. height:6px;
  979. width:405px;
  980. padding:4px;
  981. line-height:90%;
  982. margin-bottom:1px;
  983. margin-top:1.5px;
  984. margin-left:68px;
  985. text-align:left;
  986. }
  987.  
  988. #audioinfo b{
  989. color:{color:post text};
  990. padding:0.5px 2px;
  991. -webkit-transition: all 0.6s;
  992. -moz-transition: all 0.6s;
  993. -ms-transition:all 0.6s;
  994. -o-transition: all 0.6s;
  995. transition: all 0.6s;
  996. }
  997.  
  998. #audioinfo:hover b{
  999. margin-left:40px;
  1000. color:{color:Background};
  1001. margin-right:4px;
  1002. background:{color:Accent 1};
  1003. -webkit-transition: all 0.6s;
  1004. -moz-transition: all 0.6s;
  1005. -ms-transition:all 0.6s;
  1006. -o-transition: all 0.6s;
  1007. transition: all 0.6s;}
  1008.  
  1009. /* --- AUDIO PLAYER ---*/
  1010.  
  1011. /* --- CHATS ---*/
  1012.  
  1013. ul.chat {
  1014. margin:0px;
  1015. padding:0px;
  1016. }
  1017.  
  1018. .chat li {
  1019. list-style-type:none;
  1020. margin-left:0px;
  1021. padding:4px;
  1022. }
  1023.  
  1024. .odd .label {
  1025. color:{color:Accent 1};
  1026. }
  1027.  
  1028. .even .label {
  1029. color:{color:Accent 2};
  1030. }
  1031.  
  1032. .label {
  1033. font-weight:bold;
  1034. text-transform:uppercase;
  1035. font-family: {text:Post Font};
  1036. letter-spacing:1px;
  1037. font-size:8px;
  1038. }
  1039.  
  1040. .chat li.odd {
  1041. background-color:{color:Chat Background 1};
  1042. margin-bottom:1px;
  1043. width:460px;
  1044. }
  1045.  
  1046. .chat li.even {
  1047. background-color:{color:Chat Background 2};
  1048. opacity:1;
  1049. margin-bottom:1px;
  1050. width:460px;
  1051. }
  1052.  
  1053. #ll {
  1054. padding:1.5px;
  1055. font-size:10px;
  1056. text-transform:uppercase;
  1057. text-align:center;
  1058. letter-spacing:2px;
  1059. font-family:Sofia Pro;
  1060. background:{color:Accent 2};
  1061. -webkit-transition: all 0.6s;
  1062. -moz-transition: all 0.6s;
  1063. -ms-transition:all 0.6s;
  1064. -o-transition: all 0.6s;
  1065. transition: all 0.6s;
  1066. }
  1067.  
  1068. #ll a{
  1069. font-size:10px;
  1070. text-transform:uppercase;
  1071. text-align:center;
  1072. letter-spacing:2px;
  1073. font-family:Sofia Pro;
  1074. background:none;
  1075. color:#ffffff;
  1076. color:{color:Info Text};
  1077. -webkit-transition: all 0.6s;
  1078. -moz-transition: all 0.6s;
  1079. -ms-transition:all 0.6s;
  1080. -o-transition: all 0.6s;
  1081. transition: all 0.6s;
  1082. }
  1083.  
  1084. #ll a:hover{
  1085. background:none;
  1086. color:{color:Info Text};
  1087. -webkit-transition: all 0.6s;
  1088. -moz-transition: all 0.6s;
  1089. -ms-transition:all 0.6s;
  1090. -o-transition: all 0.6s;
  1091. transition: all 0.6s;
  1092. }
  1093.  
  1094. #ll:hover {
  1095. background:{color:Accent 3};
  1096. -webkit-transition: all 0.6s;
  1097. -moz-transition: all 0.6s;
  1098. -ms-transition:all 0.6s;
  1099. -o-transition: all 0.6s;
  1100. transition: all 0.6s;
  1101. }
  1102.  
  1103. /* --- CHATS ---*/
  1104.  
  1105. /* --- QUESTIONS ---*/
  1106.  
  1107. #question {
  1108. padding:15px;
  1109. font-family: {text:Post Font};
  1110. letter-spacing:1px;
  1111. font-weight:bold;
  1112. color:{color:post text};
  1113. border:2px solid {color:post text};
  1114. -webkit-transition: all 0.6s;
  1115. -moz-transition: all 0.6s;
  1116. -ms-transition:all 0.6s;
  1117. -o-transition: all 0.6s;
  1118. transition: all 0.6s;
  1119. }
  1120.  
  1121. #post:hover #question {
  1122. border:2px solid {color:Accent 1};
  1123. -webkit-transition: all 0.6s;
  1124. -moz-transition: all 0.6s;
  1125. -ms-transition:all 0.6s;
  1126. -o-transition: all 0.6s;
  1127. transition: all 0.6s;
  1128. }
  1129.  
  1130. #post:hover #question:hover {
  1131. border:2px solid {color:Accent 2};
  1132. -webkit-transition: all 0.6s;
  1133. -moz-transition: all 0.6s;
  1134. -ms-transition:all 0.6s;
  1135. -o-transition: all 0.6s;
  1136. transition: all 0.6s;
  1137. }
  1138.  
  1139. #ask {
  1140. float:right;
  1141. text-align:right;
  1142. }
  1143.  
  1144. #asker {
  1145. margin-top:-8px;
  1146. margin-right:-3px;
  1147. padding:0px 4px 0px 8px;
  1148. text-align:right;
  1149. text-transform:uppercase;
  1150. letter-spacing:0px;
  1151. background:{color:Posts Background};
  1152. color:{color:General Links};
  1153. }
  1154.  
  1155. #asker a {
  1156. color:{color:Post Links};
  1157. font-size:10px;
  1158. font-weight:normal;
  1159. font-family: {text:Post Font};
  1160. -webkit-transition: all 0.6s;
  1161. -moz-transition: all 0.6s;
  1162. -ms-transition:all 0.6s;
  1163. -o-transition: all 0.6s;
  1164. transition: all 0.6s;
  1165. }
  1166.  
  1167. #asker a:hover {
  1168. color:{color:post text};
  1169. background:none;
  1170. -webkit-transition: all 0.6s;
  1171. -moz-transition: all 0.6s;
  1172. -ms-transition:all 0.6s;
  1173. -o-transition: all 0.6s;
  1174. transition: all 0.6s;
  1175. }
  1176.  
  1177. #portrait {
  1178. height:16px;
  1179. opacity:1;
  1180. width:16px;
  1181. background:transparent;
  1182. float:right;
  1183. margin-right:8px;
  1184. margin-top:-6px;
  1185. border:1px solid {color:post text};
  1186. padding:2px;
  1187. }
  1188.  
  1189. #replies {
  1190. margin-top:18px;
  1191. padding:15px;
  1192. font-family: {text:Post Font};
  1193. letter-spacing:1px;
  1194. border:2px solid {color:post text};
  1195. -webkit-transition: all 0.6s;
  1196. -moz-transition: all 0.6s;
  1197. -ms-transition:all 0.6s;
  1198. -o-transition: all 0.6s;
  1199. transition: all 0.6s;
  1200. }
  1201.  
  1202. #replies img{
  1203. max-width:460px;
  1204. }
  1205.  
  1206. #me {
  1207. margin-top:-22px;
  1208. margin-left:-12px;
  1209. width:155px;
  1210. text-transform:uppercase;
  1211. padding:0px 4px 0px 4px;
  1212. font-family: {text:Post Font};
  1213. font-size:10px;
  1214. text-align:left;
  1215. letter-spacing:0px;
  1216. background:{color:Posts Background};
  1217. color:{color:General Links};
  1218. }
  1219.  
  1220. #meportrait {
  1221. height:16px;
  1222. opacity:1;
  1223. width:16px;
  1224. background:transparent;
  1225. float:left;
  1226. margin-right:5px;
  1227. margin-top:-6px;
  1228. border:1px solid {color:post text};
  1229. padding:2px;
  1230. }
  1231.  
  1232. #meportrait img {
  1233. margin-left:0px;
  1234. }
  1235.  
  1236. #post:hover #replies {
  1237. border:2px solid {color:Accent 1};
  1238. -webkit-transition: all 0.6s;
  1239. -moz-transition: all 0.6s;
  1240. -ms-transition:all 0.6s;
  1241. -o-transition: all 0.6s;
  1242. transition: all 0.6s;
  1243. }
  1244.  
  1245. #post:hover #replies:hover {
  1246. border:2px solid {color:Accent 2};
  1247. -webkit-transition: all 0.6s;
  1248. -moz-transition: all 0.6s;
  1249. -ms-transition:all 0.6s;
  1250. -o-transition: all 0.6s;
  1251. transition: all 0.6s;
  1252. }
  1253.  
  1254. /* --- QUESTIONS ---*/
  1255.  
  1256. /* --- NOTES ---*/
  1257.  
  1258. .pagenotes a {text-decoration:none;font-family:{text:Post Font};background:none;color:{color:Post Links};}
  1259.  
  1260. ol.notes {
  1261. font-weight:none;
  1262. background:none;
  1263. text-align:left;
  1264. font-family:{text:Post Font};
  1265. font-size:8px;
  1266. height:150px;
  1267. width:523px;
  1268. overflow:auto;
  1269. margin-top:30px;
  1270. list-style-type:upper-roman;
  1271. }
  1272.  
  1273. ol.notes li.note {
  1274. padding:5px;
  1275. color:{color:Post Text};
  1276. background:{color:Posts Background};
  1277. margin:2px 0;
  1278. width:498px;
  1279. list-style-type:upper-roman;
  1280. -webkit-transition: all 0.6s;
  1281. -moz-transition: all 0.6s;
  1282. -ms-transition:all 0.6s;
  1283. -o-transition: all 0.6s;
  1284. transition: all 0.6s;
  1285. }
  1286.  
  1287. ol.notes li.note a{
  1288. font-size:8px;
  1289. }
  1290.  
  1291. ol.notes li.note:hover {
  1292. background:transparent;
  1293. -webkit-transition: all 0.6s;
  1294. -moz-transition: all 0.6s;
  1295. -ms-transition:all 0.6s;
  1296. -o-transition: all 0.6s;
  1297. transition: all 0.6s;
  1298. }
  1299.  
  1300. ol.notes li.note img.avatar {
  1301. width:0px;
  1302. height:0px;
  1303. }
  1304.  
  1305. /* --- NOTES ---*/
  1306.  
  1307. /* --- PAGE PAGINATION ---*/
  1308.  
  1309. .pagepagination{
  1310. position:absolute;
  1311. width:560px;
  1312. margin-top:2px;
  1313. margin-left:auto;
  1314. margin-right:auto;
  1315. }
  1316.  
  1317. .pagepagination a{
  1318. display:inline-block;
  1319. color:#ffffff;
  1320. text-transform:uppercase;
  1321. font-family:{text:Post Font};
  1322. font-size:7px;
  1323. padding:0 2% 0 2%;
  1324. background:{color:Info Accent};
  1325. }
  1326.  
  1327. .pagepagination a:hover{
  1328. background:{color:Accent 4};
  1329. color:#ffffff;
  1330. }
  1331.  
  1332. /* --- PAGE PAGINATION ---*/
  1333.  
  1334. /* --- SELECTION ---*/
  1335.  
  1336. ::selection {
  1337. background-color:none;
  1338. color:{color:Selection};
  1339. }
  1340.  
  1341. ::-moz-selection {
  1342. background-color:none;
  1343. color:{color:Selection};
  1344. }
  1345.  
  1346. /* --- SELECTION ---*/
  1347.  
  1348. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1349.  
  1350. .credit, .credit a {
  1351. width:15px;
  1352. height:15px;
  1353. bottom:10px;
  1354. right:10px;
  1355. padding:4px;
  1356. font-size:9px;
  1357. letter-spacing:2px;
  1358. color:#ffffff;
  1359. line-height:15px;
  1360. position:fixed;
  1361. text-align:center;
  1362. color:{color:background};
  1363. font-family:calibri;
  1364. text-transform:uppercase;
  1365. background-color:{color:Accent 1};
  1366. border:1px solid #cccccc;
  1367. -webkit-transition: all 0.5s ease-in-out;
  1368. -moz-transition: all 0.5s ease-in-out;
  1369. -o-transition: all 0.5s ease-in-out;
  1370. transition: all 0.5s ease-in-out;
  1371. }
  1372.  
  1373. .credit a:hover {
  1374. -webkit-transition: all 0.5s ease-in-out;
  1375. -moz-transition: all 0.5s ease-in-out;
  1376. -o-transition: all 0.5s ease-in-out;
  1377. transition: all 0.5s ease-in-out;
  1378. transform:rotate(360deg);
  1379. -ms-transform:rotate(360deg);
  1380. -webkit-transform:rotate(360deg);
  1381. background-color:#000000;}
  1382.  
  1383. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1384.  
  1385. /* UPDATES TAB */
  1386.  
  1387. #tab16 {
  1388. position:fixed;
  1389. left:10px;
  1390. top:10px;
  1391. width:130px;
  1392. font-size:11px;
  1393. padding:10px;
  1394. }
  1395.  
  1396. #tab16 a{
  1397. text-decoration:none;
  1398. background:none;
  1399. padding:0.5px 2px;
  1400. color:{color:Tab Links};
  1401. font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1402. -webkit-transition: all 0.5s ease-in-out;
  1403. -moz-transition: all 0.5s ease-in-out;
  1404. -o-transition: all 0.5s ease-in-out;
  1405. transition: all 0.5s ease-in-out;
  1406. }
  1407.  
  1408. #tab16 a:hover{
  1409. background:none;
  1410. color:{color:Tab Links Hover};
  1411. font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1412. -webkit-transition: all 0.5s ease-in-out;
  1413. -moz-transition: all 0.5s ease-in-out;
  1414. -o-transition: all 0.5s ease-in-out;
  1415. transition: all 0.5s ease-in-out;
  1416. }
  1417.  
  1418. /* UPDATES TAB */
  1419.  
  1420. /* --- UPDATES TAB BOX 1 ---*/
  1421.  
  1422. #tab16line1 {
  1423. height:10px;
  1424. width:10px;
  1425. display: inline-block;
  1426. position:fixed;
  1427. opacity:1;
  1428. background-color:{color:Accent 1};
  1429. }
  1430.  
  1431. #tab16line1:hover #tab16textbox1{
  1432. width:80px;
  1433. height:120px;
  1434. padding-left:15px;
  1435. opacity:1;
  1436. -webkit-transition:0.7s;
  1437. -moz-transition:0.7s;
  1438. -ms-transition:0.7s;
  1439. -o-transition:0.7s;
  1440. transition:0.7s;
  1441. }
  1442.  
  1443. #tab16textbox1 {
  1444. width:0px;
  1445. height:0px;
  1446. color:{color:Tab Text};
  1447. font-family:calibri; /* CHANGE FONT HERE */
  1448. font-size:8px; /* CHANGE FONT SIZE HERE */
  1449. line-height:110%;
  1450. border-top:2px solid {color:Accent 1};
  1451. padding-top:5px;
  1452. margin-top:4px;
  1453. margin-left:0px;
  1454. text-transform:uppercase;
  1455. overflow:hidden;
  1456. opacity:1;
  1457. text-align:left;
  1458. -webkit-transition:0.7s;
  1459. -moz-transition:0.7s;
  1460. -ms-transition:0.7s;
  1461. -o-transition:0.7s;
  1462. transition:0.7s;
  1463. }
  1464.  
  1465. /* --- UPDATES TAB BOX 1 ---*/
  1466.  
  1467. /* --- UPDATES TAB BOX 2 ---*/
  1468.  
  1469. #tab16line2 {
  1470. height:10px;
  1471. width:10px;
  1472. display: inline-block;
  1473. position:fixed;
  1474. margin-top:14px;
  1475. opacity:1;
  1476. background-color: {color:Accent 2};
  1477. }
  1478.  
  1479. #tab16line2:hover #tab16textbox2{
  1480. width:80px;
  1481. height:120px;
  1482. padding-left:15px;
  1483. opacity:1;
  1484. -webkit-transition:0.7s;
  1485. -moz-transition:0.7s;
  1486. -ms-transition:0.7s;
  1487. -o-transition:0.7s;
  1488. transition:0.7s;
  1489. }
  1490.  
  1491. #tab16textbox2 {
  1492. width:0px;
  1493. height:0px;
  1494. color:{color:Tab Text};
  1495. font-family:calibri; /* CHANGE FONT HERE */
  1496. font-size:8px; /* CHANGE FONT SIZE HERE */
  1497. line-height:110%;
  1498. border-top:2px solid {color:Accent 2};
  1499. padding-top:5px;
  1500. margin-top:4px;
  1501. margin-left:0px;
  1502. text-transform:uppercase;
  1503. overflow:hidden;
  1504. opacity:1;
  1505. text-align:left;
  1506. -webkit-transition:0.7s;
  1507. -moz-transition:0.7s;
  1508. -ms-transition:0.7s;
  1509. -o-transition:0.7s;
  1510. transition:0.7s;
  1511. }
  1512.  
  1513. /* --- UPDATES TAB BOX 2 ---*/
  1514.  
  1515. /* --- UPDATES TAB BOX 3 ---*/
  1516.  
  1517. #tab16line3 {
  1518. height:10px;
  1519. width:10px;
  1520. display: inline-block;
  1521. position:fixed;
  1522. margin-top:28px;
  1523. background-color: {color:Accent 3};
  1524. }
  1525.  
  1526. #tab16line3:hover #tab16textbox3{
  1527. width:80px;
  1528. height:120px;
  1529. padding-left:15px;
  1530. opacity:1;
  1531. -webkit-transition:0.7s;
  1532. -moz-transition:0.7s;
  1533. -ms-transition:0.7s;
  1534. -o-transition:0.7s;
  1535. transition:0.7s;
  1536. }
  1537.  
  1538. #tab16textbox3 {
  1539. width:0px;
  1540. height:0px;
  1541. color:{color:Tab Text};
  1542. font-family:calibri; /* CHANGE FONT HERE */
  1543. font-size:8px; /* CHANGE FONT SIZE HERE */
  1544. line-height:110%;
  1545. border-top:2px solid {color:Accent 3};
  1546. padding-top:5px;
  1547. margin-top:4px;
  1548. margin-left:0px;
  1549. text-transform:uppercase;
  1550. overflow:hidden;
  1551. opacity:1;
  1552. text-align:left;
  1553. -webkit-transition:0.7s;
  1554. -moz-transition:0.7s;
  1555. -ms-transition:0.7s;
  1556. -o-transition:0.7s;
  1557. transition:0.7s;
  1558. }
  1559.  
  1560. /* --- UPDATES TAB BOX 3 ---*/
  1561.  
  1562. /* --- UPDATES TAB BOX 4 ---*/
  1563.  
  1564. #tab16line4 {
  1565. height:10px;
  1566. width:10px;
  1567. display: inline-block;
  1568. position:fixed;
  1569. margin-top:42px;
  1570. background-color: {color:Accent 4};
  1571. }
  1572.  
  1573. #tab16line4:hover #tab16textbox4{
  1574. width:80px;
  1575. height:120px;
  1576. padding-left:15px;
  1577. opacity:1;
  1578. -webkit-transition:0.7s;
  1579. -moz-transition:0.7s;
  1580. -ms-transition:0.7s;
  1581. -o-transition:0.7s;
  1582. transition:0.7s;
  1583. }
  1584.  
  1585. #tab16textbox4 {
  1586. width:0px;
  1587. height:0px;
  1588. color:{color:Tab Text};
  1589. font-family:calibri; /* CHANGE FONT HERE */
  1590. font-size:8px; /* CHANGE FONT SIZE HERE */
  1591. line-height:110%;
  1592. border-top:2px solid {color:Accent 4};
  1593. padding-top:5px;
  1594. margin-top:4px;
  1595. margin-left:0px;
  1596. text-transform:uppercase;
  1597. overflow:hidden;
  1598. opacity:1;
  1599. text-align:left;
  1600. -webkit-transition:0.7s;
  1601. -moz-transition:0.7s;
  1602. -ms-transition:0.7s;
  1603. -o-transition:0.7s;
  1604. transition:0.7s;
  1605. }
  1606.  
  1607. /* --- UPDATES TAB BOX 4 ---*/
  1608.  
  1609. /* --- UPDATES TAB BOX 5 ---*/
  1610.  
  1611. #tab16line5 {
  1612. height:10px;
  1613. width:10px;
  1614. display: inline-block;
  1615. position:fixed;
  1616. margin-top:56px;
  1617. background-color: {color:Accent 5};
  1618. }
  1619.  
  1620. #tab16line5:hover #tab16textbox5{
  1621. width:80px;
  1622. height:120px;
  1623. padding-left:15px;
  1624. opacity:1;
  1625. -webkit-transition:0.7s;
  1626. -moz-transition:0.7s;
  1627. -ms-transition:0.7s;
  1628. -o-transition:0.7s;
  1629. transition:0.7s;
  1630. }
  1631.  
  1632. #tab16textbox5 {
  1633. width:0px;
  1634. height:0px;
  1635. color:{color:Tab Text};
  1636. font-family:calibri; /* CHANGE FONT HERE */
  1637. font-size:8px; /* CHANGE FONT SIZE HERE */
  1638. line-height:110%;
  1639. border-top:2px solid {color:Accent 5};
  1640. padding-top:5px;
  1641. margin-top:4px;
  1642. margin-left:0px;
  1643. text-transform:uppercase;
  1644. overflow:hidden;
  1645. opacity:1;
  1646. text-align:left;
  1647. -webkit-transition:0.7s;
  1648. -moz-transition:0.7s;
  1649. -ms-transition:0.7s;
  1650. -o-transition:0.7s;
  1651. transition:0.7s;
  1652. }
  1653.  
  1654. /* --- UPDATES TAB BOX 5 ---*/
  1655.  
  1656. /* UPDATES TAB */
  1657.  
  1658.  
  1659. </style></head>
  1660.  
  1661. {block:ifPostImagesUponScroll}
  1662.  
  1663. <!-- PICTURE FADE IN CODE -->
  1664.  
  1665. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1666. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1667. <script type="text/javascript" charset="utf-8">
  1668. var $j = jQuery.noConflict();
  1669. $j(function() {
  1670. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1671. $j("img").lazyload({
  1672. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1673. effect: "fadeIn",
  1674. });
  1675. });
  1676. </script>
  1677.  
  1678. <!-- PICTURE FADE IN CODE -->
  1679.  
  1680. {/block:ifPostImagesUponScroll}
  1681.  
  1682. <body>
  1683.  
  1684. {block:IfUpdatesTab}
  1685.  
  1686. <div id="tab16">
  1687.  
  1688. <!-- UPDATES TAB BOX 1 START -->
  1689.  
  1690. <div id="tab16line1">
  1691. <div id="tab16textbox1">
  1692. <div style="width:80px; height:8px; margin-left: 0px;
  1693. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 1}";>
  1694. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1695. This is where your text belongs. </p>
  1696. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1697. New paragraph with < p > < / p > and
  1698. </br>New line with < br > without the spaces</p>
  1699. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1700. </div>
  1701. </div>
  1702.  
  1703. <!-- UPDATES TAB BOX 1 END -->
  1704.  
  1705. <!-- UPDATES TAB BOX 2 START -->
  1706.  
  1707. <div id="tab16line2">
  1708. <div id="tab16textbox2">
  1709. <div style="width:80px; height:8px; margin-left: 0px;
  1710. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 2}";>
  1711. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1712. This is where your text belongs. </p>
  1713. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1714. New paragraph with < p > < / p > and
  1715. </br>New line with < br > without the spaces</p>
  1716. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1717. </div>
  1718. </div>
  1719.  
  1720. <!-- UPDATES TAB BOX 2 END -->
  1721.  
  1722. <!-- UPDATES TAB BOX 3 START -->
  1723.  
  1724. <div id="tab16line3">
  1725. <div id="tab16textbox3">
  1726. <div style="width:80px; height:8px; margin-left: 0px;
  1727. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 3}";>
  1728. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1729. This is where your text belongs. </p>
  1730. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1731. New paragraph with < p > < / p > and
  1732. </br>New line with < br > without the spaces</p>
  1733. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1734. </div>
  1735. </div>
  1736.  
  1737. <!-- UPDATES TAB BOX 3 END -->
  1738.  
  1739. <!-- UPDATES TAB BOX 4 START -->
  1740.  
  1741. <div id="tab16line4">
  1742. <div id="tab16textbox4">
  1743. <div style="width:80px; height:8px; margin-left: 0px;
  1744. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 4}";>
  1745. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1746. This is where your text belongs. </p>
  1747. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1748. New paragraph with < p > < / p > and
  1749. </br>New line with < br > without the spaces</p>
  1750. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1751. </div>
  1752. </div>
  1753.  
  1754. <!-- UPDATES TAB BOX 4 END -->
  1755.  
  1756. <!-- UPDATES TAB BOX 5 START -->
  1757.  
  1758. <div id="tab16line5">
  1759. <div id="tab16textbox5">
  1760. <div style="width:80px; height:8px; margin-left: 0px;
  1761. border:1px #ffffff; line-height:8px;padding:1px; background-color:{color:Accent 5}";>
  1762. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1763. This is where your text belongs. </p>
  1764. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1765. New paragraph with < p > < / p > and
  1766. </br>New line with < br > without the spaces</p>
  1767.  
  1768. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a>
  1769. </div>
  1770. </div>
  1771.  
  1772. <!-- UPDATES TAB BOX 5 END -->
  1773.  
  1774. </div>
  1775.  
  1776. {/block:IfUpdatesTab}
  1777.  
  1778. {block:ifTinyCursor}
  1779. <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  1780. {/block:ifTinyCursor}
  1781.  
  1782. <div id="container">
  1783.  
  1784. <div id="sidebar">
  1785.  
  1786. <div id="links">
  1787. <a href="/" title="{text:Home Link Title}">1</a>
  1788. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">2</a>
  1789. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">3</a>
  1790. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">4</a>
  1791. <a href="{text:Link 5 URL}" title="{text:Link 5 Title}">5</a>
  1792. <a href="{text:Link 6 URL}" title="{text:Link 6 Title}">6</a>
  1793. <a href="{text:Link 7 URL}" title="{text:Link 7 Title}">7</a>
  1794. <a href="{text:Link 8 URL}" title="{text:Link 8 Title}">8</a>
  1795. </div>
  1796.  
  1797. <img src="{image:Sidebar Image}"/>
  1798.  
  1799. <div id="title">{text:Title}</div>
  1800. <div id="description">{Description}</div>
  1801.  
  1802. <div id="pagination">
  1803. {block:IfNotInfiniteScroll}
  1804. {block:Pagination}
  1805. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:JumpPagination length="0"}
  1806. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1807. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1808. {/block:JumpPagination}
  1809. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1810. {/block:Pagination}
  1811. {block:IfNotInfiniteScroll}
  1812. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  1813. </div>
  1814.  
  1815. </div>
  1816.  
  1817. <span class="credit">
  1818. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a></span>
  1819.  
  1820. <div id="entries">
  1821. <div class = "autopagerize_page_element" >
  1822. {block:Posts}
  1823. <div id="post">
  1824.  
  1825. <!----- TEXT / PHOTO POSTS ----->
  1826.  
  1827. {block:ContentSource}
  1828. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1829. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1830. {/block:SourceLogo}
  1831. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1832. {/block:ContentSource}
  1833.  
  1834. {block:IndexPage}{block:ifNotAlternativeInfo}
  1835. <a href="{Permalink}"><div class="perma">
  1836.  
  1837. <div id="headerborder">
  1838. <div class="headercolour" style="background-color:{color:Accent 1};"></div>
  1839. <div class="headercolour" style="background-color:{color:Accent 2};"></div>
  1840. <div class="headercolour" style="background-color:{color:Accent 3};"></div>
  1841. <div class="headercolour" style="background-color:{color:Accent 4};"></div> <div class="headercolour" style="background-color:{color:Accent 5};"></div>
  1842. </div>
  1843.  
  1844. <!----- INFO SECTION ----->
  1845.  
  1846. <div id="info">
  1847.  
  1848. <div class="notes"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{TimeAgo}">{month}</span> {dayofmonthwithZero} <sup style="text-transform:none;">{dayofmonthsuffix}</sup></a>&nbsp;with&nbsp;<a href="{Permalink}" title="permalink">{NoteCountwithLabel}</a> ✾ <a href="{ReblogURL}" target="blank">reblog</a></div>
  1849.  
  1850. {block:RebloggedFrom}
  1851. <div id="urls"><div id="from"><a href="{ReblogParentURL}" title="{ReblogParentName}" target="blank">reblogged from&nbsp;&nbsp;</a><img src="{ReblogParentPortraitURL-48}"></div>
  1852. <div id="by"><a href="{ReblogRootURL}" target="blank" title="{ReblogRootName}">&nbsp;&nbsp;originally by</a><img src="{ReblogRootPortraitURL-48}"></div></div>
  1853. {/block:RebloggedFrom}
  1854.  
  1855. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1856.  
  1857. </div></div></a>{/block:ifNotAlternativeInfo}
  1858.  
  1859. {/block:IndexPage}
  1860.  
  1861. <!----- INFO SECTION ----->
  1862.  
  1863. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1864.  
  1865. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="min-width:100%;" alt="{PhotoAlt}" target="_blank">{LinkCloseTag}
  1866. {block:Caption}{block:ifShowCaptions}
  1867. <span class="caption">{Caption}</span>
  1868. {/block:ifShowCaptions}{/block:Caption}
  1869. {/block:Photo}
  1870.  
  1871. {block:Photoset}{Photoset-500}
  1872. {block:Caption}{block:ifShowCaptions}
  1873. <span class="caption">{Caption}</span>
  1874. {/block:ifShowCaptions}{/block:Caption}{/block:Photoset}
  1875.  
  1876. <!----- TEXT / PHOTO POSTS ----->
  1877.  
  1878. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1879.  
  1880. {block:Quote}<div id="quote">{Quote}</div>
  1881. <div id="source">{block:Source}{Source}{/block:Source}<div id="mark">“</div></div>{/block:Quote}
  1882.  
  1883. {block:Video}{Video-500}
  1884. {block:Caption}{block:ifShowCaptions}
  1885. <span class="caption">{Caption}</span>
  1886. {/block:ifShowCaptions}{/block:Caption}{/block:Video}
  1887.  
  1888. {block:Link}<h1><div id="ll"><a href="{URL}" target="_blank" {Target}>{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1889.  
  1890. {block:Chat}
  1891. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  1892. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1893. {Line}</li>{/block:Lines}</ul>
  1894. {/block:Chat}
  1895.  
  1896. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1897.  
  1898. <!----- AUDIO POSTS ----->
  1899.  
  1900. {block:Audio}
  1901. <div id="audio">
  1902. <div id="audiobackground"><div id="audioplayer">
  1903. {AudioPlayerWhite}
  1904. </div></div>
  1905. <img id="audioimage" style="max-width:60px;"img src="https://38.media.tumblr.com/27c7e2c0db27e7c0573b9a098873f6c5/tumblr_nfeb2dRHoU1trnu46o1_400.jpg"/>
  1906. {block:AlbumArt}
  1907. <img id="audioimage" style="max-width:60px;" src="{AlbumArtURL}"/>
  1908. {/block:AlbumArt}
  1909. <div id="audiobig">
  1910. {block:TrackName}
  1911. <div id="audioinfo"><b>Track: </b>{TrackName}</div>
  1912. {/block:TrackName}
  1913. {block:Artist}
  1914. <div id="audioinfo"><b>Artist: </b> {Artist}</div>
  1915. {/block:Artist}{block:Album}
  1916. <div id="audioinfo"><b>Album: </b>{Album}</div>
  1917. {/block:Album}
  1918. <div id="audioinfo"><b>Played: </b>{PlayCountWithLabel}</div>
  1919. </div></div>{block:ifshowcaptions}
  1920. <span class="caption">{Caption}</span>
  1921. {/block:ifshowcaptions}
  1922. {/block:Audio}
  1923.  
  1924. <!----- AUDIO POSTS ----->
  1925.  
  1926. <!----- ASKS POSTS ----->
  1927.  
  1928. {block:Answer}
  1929. <div id="question">{Question}</div>
  1930. <div id="ask"><div id="asker">{Asker}&nbsp;&nbsp;<div id="portrait"><img src="{AskerPortraitURL-16}"></div></div></div>
  1931. <div id="replies"><div id="me">The Blogger replied:&nbsp;&nbsp;<div id="meportrait"><img src="{PortraitURL-16}"/></div>
  1932. </div></br>{Replies}</div>
  1933. {/block:Answer}
  1934.  
  1935. <!----- ASKS POSTS ----->
  1936.  
  1937. <!----- TAGS SECTION ----->
  1938. {block:IndexPage}
  1939. {block:ifAlternativeInfo}
  1940.  
  1941. <div id="info2">
  1942.  
  1943. {block:Date} <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{ReblogURL}" target="blank">reblog</a>
  1944.  
  1945. {block:RebloggedFrom}
  1946. <div id="via">
  1947. <div id="org1"><a href="{ReblogParentURL}" target="blank" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-48}"></a>
  1948. <div id="org2"><a href="{ReblogRootURL}" target="blank" title="org: {ReblogRootName}"><img src="{ReblogRootPortraitURL-48}"></a></div></div></div>
  1949. {/block:RebloggedFrom}
  1950.  
  1951. </div>
  1952.  
  1953. <div id="tags2">
  1954. {block:HasTags}
  1955. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a> {/block:Tags}
  1956. {/block:HasTags}
  1957. </div>
  1958.  
  1959. {/block:ifAlternativeInfo}{/block:IndexPage}
  1960.  
  1961. {block:PermalinkPage}
  1962. {block:ifNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifNotShowCaptions}
  1963.  
  1964. <div id="info2">
  1965.  
  1966. {block:Date} <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}">{TimeAgo}</a>{/block:Date}&nbsp;-&nbsp;<a href="{Permalink}">{NoteCount}</a>&nbsp;-&nbsp;<a href="{ReblogURL}" target="blank">reblog</a>
  1967.  
  1968. {block:RebloggedFrom}
  1969. <div id="via">
  1970. <div id="org1"><a href="{ReblogParentURL}" target="blank" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-48}"></a>
  1971. <div id="org2"><a href="{ReblogRootURL}" target="blank" title="org: {ReblogRootName}"><img src="{ReblogRootPortraitURL-48}"></a></div></div></div>
  1972. {/block:RebloggedFrom}
  1973.  
  1974. </div>
  1975.  
  1976. <div id="tags2">
  1977. {block:HasTags}
  1978. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a> {/block:Tags}
  1979. {/block:HasTags}
  1980. </div></div>
  1981.  
  1982. {/block:PermalinkPage}
  1983. </div>
  1984.  
  1985. <!----- TAGS SECTION ----->
  1986.  
  1987. <!----- PAGE PAGINATION ----->
  1988.  
  1989. <div class="pagepagination">
  1990. {block:PermalinkPagination}
  1991. {block:PreviousPost}
  1992. <a href="{PreviousPost}">⇚&nbsp;&nbsp;go to Previous Post</a>
  1993. {/block:PreviousPost}
  1994. {block:NextPost}
  1995. <a href="{NextPost}" style="position:absolute; right:0;">go to Next Post&nbsp;&nbsp;⇛</a>
  1996. {/block:NextPost}
  1997. {/block:PermalinkPagination}
  1998. </div>
  1999.  
  2000. <!----- PAGE PAGINATION ----->
  2001.  
  2002. {block:PostNotes}
  2003. <div class="pagenotes">{PostNotes}</div>
  2004. {/block:PostNotes}
  2005.  
  2006. {/block:Posts}
  2007. </div>
  2008.  
  2009. </body>
  2010. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement