Advertisement
iamthemelocked

Iamthemelocked #133 - House of Cards

Mar 3rd, 2015
553
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.37 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 rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <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>
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23. <meta name="if:Black And White Posts" content="0"/>
  24. <meta name="if:Post Images Upon Scroll" content="1">
  25. <meta name="if:Show Captions" content="1"/>
  26. <meta name="if:Alternative Info" content="0">
  27. <meta name="if:Colour Tags" content="1">
  28. <meta name="if:Tags Upon Hover" content="0">
  29. <meta name="if:Infinite Scroll" content="0">
  30. <meta name="if:Tiny Cursor" content="1">
  31.  
  32. <meta name="font:Post Font" content="Sofia Pro" />
  33. <meta name="font:Description Font" content="Sofia Pro" />
  34. <meta name="font:Tags Font" content="Sofia Pro" />
  35.  
  36. <meta name="text:Post Font Size" content="10px"/>
  37. <meta name="text:Description Font Size" content="8px"/>
  38. <meta name="text:Tags Font Size" content="7px"/>
  39.  
  40. <meta name="color:Background" content="#eeeeee"/>
  41. <meta name="color:Post Background" content="#ffffff"/>
  42. <meta name="color:Post Text" content="#222222"/>
  43. <meta name="color:Post Links" content="#b6b6b6"/>
  44.  
  45. <meta name="color:Header" content="#ffffff"/>
  46. <meta name="color:Links" content="#222222"/>
  47. <meta name="color:Title" content="#222222"/>
  48. <meta name="color:Description" content="#222222"/>
  49. <meta name="color:Pagination" content="#222222"/>
  50.  
  51. <meta name="color:Accent 1" content="#df6c7a" />
  52. <meta name="color:Accent 2" content="#df9a6c" />
  53. <meta name="color:Accent 3" content="#e5de71" />
  54. <meta name="color:Accent 4" content="#8bea71" />
  55. <meta name="color:Accent 5" content="#70e7d3" />
  56.  
  57. <meta name="color:Info Accent" content="#000000"/>
  58. <meta name="color:Info Links" content="#b6b6b6"/>
  59.  
  60. <meta name="color:Tags" content="#000000"/>
  61. <meta name="color:Tags Hover" content="#ffffff"/>
  62.  
  63. <meta name="color:Chat Background 1" content="#f6f6f6"/>
  64. <meta name="color:Chat Background 2" content="#ffffff"/>
  65.  
  66. <meta name="color:Tooltip Accent" content="#000000"/>
  67. <meta name="color:Tooltip Text" content="#ffffff"/>
  68. <meta name="color:Selection" content="#df6c7a"/>
  69. <meta name="color:Scrollbar" content="#000000"/>
  70.  
  71. <meta name="text:Title" content="House of Cards"/>
  72.  
  73. <meta name="text:Home Link Title" content="Go Back"/>
  74. <meta name="text:Link 2 Title" content="Leave a message"/>
  75. <meta name="text:Link 2 Url" content="/ask"/>
  76. <meta name="text:Link 3 Title" content="Submissions"/>
  77. <meta name="text:Link 3 Url" content="/submit"/>
  78. <meta name="text:Link 4 Title" content="Your 4th Link"/>
  79. <meta name="text:Link 4 Url" content="http://"/>
  80. <meta name="text:Link 5 Title" content="Your 5th Link"/>
  81.  
  82. <meta name="color:Tab Text" content="#222222"/>
  83. <meta name="color:Tab Links" content="#b6b6b6"/>
  84. <meta name="color:Tab Links Hover" content="#000000"/>
  85.  
  86. <meta name="if:Updates Tab" content="1"/>
  87.  
  88. <!---INFINTE SCROLL --->
  89.  
  90. {block:IfInfiniteScroll}
  91. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  92. {/block:IfInfiniteScroll}
  93. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  94.  
  95. <!---INFINTE SCROLL --->
  96.  
  97. <!--- SPECIAL FONTS --->
  98.  
  99. <script type="text/javascript">
  100. WebFontConfig = {
  101. google: { families: [ 'Petit+Formal+Script::latin' ] }
  102. };
  103. (function() {
  104. var wf = document.createElement('script');
  105. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  106. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  107. wf.type = 'text/javascript';
  108. wf.async = 'true';
  109. var s = document.getElementsByTagName('script')[0];
  110. s.parentNode.insertBefore(wf, s);
  111. })(); </script>
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  114.  
  115. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  116.  
  117. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  118.  
  119. <link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>
  120.  
  121. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  122.  
  123. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  124.  
  125. <!--- SPECIAL FONTS --->
  126.  
  127. <style type="text/css">
  128.  
  129. ::-webkit-scrollbar-thumb:vertical {
  130. height:10px; border:2px solid {color:background}; background-color:{color:Scrollbar};}
  131.  
  132. ::-webkit-scrollbar-thumb:horizontal {
  133. background-color:{color:Accent 1};}
  134.  
  135. ::-webkit-scrollbar {
  136. width:11px; height:5px; border:5px solid {color:background}; background-color:{color:Scrollbar};}
  137.  
  138. ::-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};}
  139.  
  140. 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;}
  141.  
  142. /* --- SCROLLBAR ---*/
  143.  
  144. /* --- BODY ---*/
  145.  
  146. #s-m-t-tooltip{
  147. position:absolute;
  148. margin-top: 15px;
  149. z-index:99999999999999999999999999999999999999999999999999999;
  150. color:{color:Tooltip Text};
  151. box-shadow:inset 350px 0 0 0 {color:Tooltip Accent};
  152. text-transform:uppercase;
  153. letter-spacing:0.5px;
  154. font-family:calibri;
  155. line-height:13px;
  156. max-width:300px;
  157. border:4px double {color:background};
  158. font-size:8px;
  159. padding:0.5px 3px 0.5px 3px;
  160. -webkit-transition:all 0.4s;
  161. -moz-transition:all 0.4s;
  162. -ms-transition:all 0.4s;
  163. -o-transition:all 0.4s;
  164. transition:all 0.4s;
  165. }
  166.  
  167. body {
  168. color: {color:Post Text};
  169. background-color: {color:background};
  170. font: 9px 'Trebuchet MS', sans-serif;
  171. }
  172.  
  173. b, strong {color: color:{color:Post text};word-wrap:normal;}
  174. i, em {color: color:{color:Post text};word-wrap:normal;}
  175. p {margin-top:5px;margin-bottom:5px}
  176. ol {list-style:normal;}
  177. ul {list-style:square;}
  178. small {font-size:8px;}
  179. big {font-size:10px;}
  180.  
  181. blockquote {
  182. padding-left:10px;
  183. margin-left:10px;
  184. margin-top:5px;
  185. border-left:1px solid;
  186. }
  187.  
  188. a {
  189. text-decoration:none;
  190. outline:none;
  191. font-weight:bold;
  192. word-wrap:initial;
  193. font-family: {text:Post Font};
  194. font-size: {text:Post Font Size};
  195. color:{color:Post Links};
  196. -moz-outline-style:none;
  197. -webkit-transition:all 0.5s;
  198. -moz-transition:all 0.5s;
  199. -ms-transition:all 0.5s;
  200. -o-transition:all 0.5s;
  201. transition:all 0.5s;
  202. }
  203.  
  204. a:hover {
  205. text-decoration:none;
  206. outline:none;
  207. -moz-outline-style:none;
  208. -webkit-transition:all 0.5s;
  209. -moz-transition:all 0.5s;
  210. -ms-transition:all 0.5s;
  211. -o-transition:all 0.5s;
  212. transition:all 0.5s;
  213. }
  214.  
  215. a:hover:nth-child(5n+1){color:{color:Accent 1};}
  216. a:hover:nth-child(5n+2){color:{color:Accent 2};}
  217. a:hover:nth-child(5n+3){color:{color:Accent 3};}
  218. a:hover:nth-child(5n+4){color:{color:Accent 4};}
  219. a:hover:nth-child(5n+5){color:{color:Accent 5};}
  220.  
  221. h1 {
  222. font-size:22px;
  223. text-align:left;
  224. line-height:120%;
  225. margin-left:5px;
  226. text-transform:lowercase;
  227. line-height:15px;
  228. color:{color:Post Text};
  229. font-family:"wisdom script";
  230. }
  231.  
  232. h1:first-letter {
  233. text-transform:uppercase;
  234. }
  235.  
  236. pre {
  237. white-space: pre-wrap;
  238. white-space: -moz-pre-wrap;
  239. white-space: -pre-wrap;
  240. white-space: -o-pre-wrap;
  241. word-wrap: break-word;
  242. font-weight:bold;
  243. font-size:8px;
  244. font-family:"DISCO";
  245. text-transform:uppercase;
  246. }
  247.  
  248. pre a{
  249. font-size:8px;
  250. }
  251.  
  252. .caption {
  253. text-align:left;
  254. display:block;
  255. }
  256.  
  257. .caption img {
  258. max-width:450px;
  259. }
  260.  
  261. /* --- BODY ---*/
  262.  
  263. /* --- POST ENTRIES ---*/
  264.  
  265. #entries {
  266. margin-left: 200px;
  267. margin-top:110px;
  268. padding-bottom:20px;
  269. width:450px;
  270. font-family: {font:Post Font};
  271. {block:IfStaticHeader}
  272. -webkit-filter: grayscale(100%);
  273. -moz-filter: grayscale(100%);
  274. filter: grayscale(100%);
  275. {block:IfStaticHeader}
  276. {block:IfNotStaticHeader}
  277. -webkit-filter: grayscale(0%);
  278. -moz-filter: grayscale(0%);
  279. filter: grayscale(0%);
  280. {block:IfNotStaticHeader}
  281. -webkit-transition:all 0.5s;
  282. -moz-transition:all 0.5s;
  283. -ms-transition:all 0.5s;
  284. -o-transition:all 0.5s;
  285. transition:all 0.5s;
  286. }
  287.  
  288. #post {
  289. margin-top:0px;
  290. margin-bottom:5px;
  291. width:400px;
  292. position:relative;
  293. word-wrap:normal;
  294. background:{color:Post Background};
  295. font-family: {font:Post Font};
  296. font-size: {text:Post Font Size};
  297. padding:30px;
  298. {block:IfBlackandWhitePosts}
  299. -webkit-filter: grayscale(100%);
  300. -moz-filter: grayscale(100%);
  301. filter: grayscale(100%);
  302. -webkit-transition:all 0.5s;
  303. -moz-transition:all 0.5s;
  304. -ms-transition:all 0.5s;
  305. -o-transition:all 0.5s;
  306. transition:all 0.5s;
  307. }
  308.  
  309. #post:hover {
  310. -webkit-transition:all 0.5s;
  311. -moz-transition:all 0.5s;
  312. -ms-transition:all 0.5s;
  313. -o-transition:all 0.5s;
  314. transition:all 0.5s;
  315. -webkit-filter: grayscale(0%);
  316. -moz-filter: grayscale(0%);
  317. filter: grayscale(0%);
  318. {block:IfBlackandWhitePosts}
  319. }
  320.  
  321. #post img {
  322. width:100%;
  323. }
  324.  
  325. /* --- POST ENTRIES ---*/
  326.  
  327. /* --- SIDEBAR ---*/
  328.  
  329. #container {
  330. width:900px;
  331. margin: 0 auto;
  332. }
  333.  
  334. #header {
  335. width:460px;
  336. top:0px;
  337. z-index:9999999999999999999999;
  338. height:100px;
  339. background:{color:background};
  340. border-bottom:5px solid {color:Header};
  341. margin-left:200px;
  342. position: fixed;
  343. -webkit-transition: all 0.6s;
  344. -moz-transition: all 0.6s;
  345. -ms-transition:all 0.6s;
  346. -o-transition: all 0.6s;
  347. transition: all 0.6s;
  348. }
  349.  
  350. #headerborder {
  351. width:100%;
  352. height:6px;
  353. margin-top:-1px;
  354. background:{color:background};
  355. overflow-y:hidden;
  356. }
  357.  
  358. .headercolour {
  359. width:20%;
  360. height:100%;
  361. float:left;
  362. opacity:1;
  363. }
  364.  
  365. /* --- SIDEBAR ---*/
  366.  
  367. /* --- LINKS ---*/
  368.  
  369. #links {
  370. margin-top:74px;
  371. width:auto;
  372. position:fixed;
  373. opacity:1;
  374. display:inline-block;
  375. margin-left:275px;
  376. height:auto;
  377. z-index:99999999999;
  378. position: absolute;
  379. -webkit-transition:all 0.5s;
  380. -moz-transition:all 0.5s;
  381. -ms-transition:all 0.5s;
  382. -o-transition:all 0.5s;
  383. transition:all 0.5s;
  384. }
  385.  
  386. #links a {
  387. height:0px;
  388. width:0px;
  389. border-left: 12px solid transparent;
  390. border-top: 12px solid transparent;
  391. border-bottom: 12px solid {color:Header};
  392. border-right:12px solid transparent;
  393. display:inline-block;
  394. color:transparent;
  395. -webkit-transition:all 0.5s;
  396. -moz-transition:all 0.5s;
  397. -ms-transition:all 0.5s;
  398. -o-transition:all 0.5s;
  399. transition:all 0.5s;
  400. }
  401.  
  402. #links a:hover:nth-child(5n+1){border-bottom: 12px solid {color:Accent 1};}
  403. #links a:hover:nth-child(5n+2){border-bottom: 12px solid {color:Accent 2};}
  404. #links a:hover:nth-child(5n+3){border-bottom: 12px solid {color:Accent 3};}
  405. #links a:hover:nth-child(5n+4){border-bottom: 12px solid {color:Accent 4};}
  406. #links a:hover:nth-child(5n+5){border-bottom: 12px solid {color:Accent 5};}
  407.  
  408. /* --- LINKS ---*/
  409.  
  410. /* --- TITLE ---*/
  411.  
  412. #title {
  413. width:260px;
  414. margin-left:0px;
  415. margin-top:87px;
  416. height:12px;
  417. z-index:999999999999999;
  418. position:fixed;
  419. font-size:12px;
  420. line-height:110%;
  421. text-align:left;
  422. color:{color:Title};
  423. font-weight:bold;
  424. font-family:DISCO, verdana, sans-serif;
  425. text-transform:uppercase;
  426. -webkit-transition:all 0.5s;
  427. -moz-transition:all 0.5s;
  428. -ms-transition:all 0.5s;
  429. -o-transition:all 0.5s;
  430. transition:all 0.5s;
  431. }
  432.  
  433. #title:first-letter {
  434. color:{color:Accent 1};
  435. }
  436.  
  437. #title:hover #description{
  438. opacity:1;
  439. background:{color:Header};
  440. -webkit-transition:all 0.5s;
  441. -moz-transition:all 0.5s;
  442. -ms-transition:all 0.5s;
  443. -o-transition:all 0.5s;
  444. transition:all 0.5s;
  445. }
  446. /* --- TITLE ---*/
  447.  
  448. /* --- DESCRIPTION ---*/
  449.  
  450. #description {
  451. color:{color:Description};
  452. font: 8px 'Calibri', sans-serif;
  453. letter-spacing: 1px;
  454. text-transform: uppercase;
  455. text-align: center;
  456. height:auto;
  457. z-index:0;
  458. width:440px;
  459. padding:10px 10px 10px 10px;
  460. margin-left:0px;
  461. opacity:0.2;
  462. position:absolute;
  463. overflow:hidden;
  464. margin-top:5px;
  465. -webkit-transition:all 0.5s;
  466. -moz-transition:all 0.5s;
  467. -ms-transition:all 0.5s;
  468. -o-transition:all 0.5s;
  469. transition:all 0.5s;
  470. }
  471.  
  472. #description a{
  473. color:{color:Accent 1};
  474. font: 8px 'Calibri', sans-serif;
  475. letter-spacing: 1px;
  476. }
  477.  
  478. #description a:hover{
  479. color:{color:Description};
  480. }
  481.  
  482. /* --- DESCRIPTION ---*/
  483.  
  484. #pagination {
  485. width:auto;
  486. position:fixed;
  487. margin-left:409px;
  488. height:auto;
  489. margin-top:75px;
  490. }
  491.  
  492. #pagination a {
  493. border-left: 12px solid transparent;
  494. border-top: 12px solid transparent;
  495. border-bottom: 12px solid {color:Pagination};
  496. border-right:12px solid transparent;
  497. margin-left:1px;
  498. -webkit-transition:all 0.5s;
  499. -moz-transition:all 0.5s;
  500. -ms-transition:all 0.5s;
  501. -o-transition:all 0.5s;
  502. transition:all 0.5s;
  503. }
  504.  
  505. .current {
  506. padding: 1px 3.5px;
  507. margin: 0px 0.5px;
  508. font-size:8px;
  509. color:{color:Post Background};
  510. }
  511.  
  512. #pagination a:hover {
  513. border-bottom:12px solid {color:Header};
  514. -webkit-transition:all 0.5s;
  515. -moz-transition:all 0.5s;
  516. -ms-transition:all 0.5s;
  517. -o-transition:all 0.5s;
  518. transition:all 0.5s;
  519. }
  520.  
  521. /* --- POST INFO ---*/
  522.  
  523. {block:ifNotAlternativeInfo}
  524. #post:hover .perma {opacity:1;}
  525. {/block:ifNotAlternativeInfo}
  526.  
  527. .perma {
  528. height:100%;
  529. padding:1px 0px;
  530. top:30px;
  531. margin-top:-30px;
  532. margin-left:-30px;
  533. left:30px;
  534. position:absolute;
  535. opacity:0;
  536. z-index:99999;
  537. color:{color:Info Accent};
  538. font-size:20px;
  539. letter-spacing:-1px;
  540. line-height:0px;
  541. text-align:center;
  542. text-transform:lowercase;
  543. background:{color:Background};
  544. -webkit-transition:all 0.5s;
  545. -moz-transition:all 0.5s;
  546. -ms-transition:all 0.5s;
  547. -o-transition:all 0.5s;
  548. transition:all 0.5s;
  549. width:460px;
  550. }
  551.  
  552. #info {
  553. position:absolute;
  554. width:460px;
  555. height:120px;
  556. opacity:1;
  557. margin-top:0px;
  558. margin-left:0px;}
  559.  
  560. .notes {
  561. margin-top:30px;
  562. position:relative;
  563. margin-bottom:70px;
  564. color:{color:Info Accent};
  565. font-size:20px;
  566. font-family:Helvetica;}
  567.  
  568. .notes a {
  569. font-family:Helvetica;
  570. background:none;
  571. font-size:20px;
  572. text-transform:lowercase;
  573. color:{color:Info Links};}
  574.  
  575. .notes a:hover:nth-child(3n+1){color:{color:Accent 2};}
  576. .notes a:hover:nth-child(3n+2){color:{color:Accent 3};}
  577. .notes a:hover:nth-child(3n+3){color:{color:Accent 4};}
  578.  
  579. #urls {
  580. width:460px;
  581. margin-top:5px;
  582. height:auto;
  583. display:inline-block;
  584. margin-left:0px;
  585. }
  586.  
  587. #from a {font-family:calibri;padding:2px 3px 2px 1px;background:none;font-size:9px;text-transform:uppercase;color:white;letter-spacing:0.5px;background:{color:Accent 1};font-weight:normal;}
  588.  
  589. #from a:hover {padding-left:50px;}
  590.  
  591. #from{
  592. width:230px;
  593. height:auto;
  594. margin-top:-6px;
  595. margin-left:0px;
  596. line-height:18px;
  597. text-align:left;
  598. }
  599.  
  600. #by{
  601. max-width:230px;
  602. height:auto;
  603. margin-top:-21px;
  604. display:block;
  605. margin-left:270px;
  606. line-height:18px;
  607. text-align:right;
  608. }
  609.  
  610. #by a {font-family:calibri;padding:2px 2px 2px 3px;background:none;font-size:9px;text-transform:uppercase;color:white;letter-spacing:0.5px;background:{color:Accent 5};font-weight:normal;}
  611.  
  612. #by a:hover {padding-right:50px;}
  613.  
  614. .reblog a:hover {color:{color:Accent 3};}
  615.  
  616. #info2 {
  617. background:{color:Info Accent};
  618. color:#fff;
  619. opacity:1;
  620. letter-spacing:1px;
  621. margin:auto;
  622. width:175px;
  623. height:10px;
  624. font-size:8px;
  625. font-family:calibri;
  626. text-align:center;
  627. margin-top:10px;
  628. text-transform:uppercase;
  629. padding:3px;
  630. }
  631.  
  632. #info2 a{
  633. color:#ffffff;
  634. font-size:8px;
  635. font-family:calibri;
  636. text-align:center;
  637. text-transform:uppercase;
  638. -webkit-transition:all 0.5s;
  639. -moz-transition:all 0.5s;
  640. -ms-transition:all 0.5s;
  641. -o-transition:all 0.5s;
  642. transition:all 0.5s;
  643. }
  644.  
  645. #info2 a:hover:nth-child(3n+1){color:{color:Accent 1};}
  646. #info2 a:hover:nth-child(3n+2){color:{color:Accent 2};}
  647. #info2 a:hover:nth-child(3n+3){color:{color:Accent 3};}
  648.  
  649. #via{
  650. width:200px;
  651. height:15px;
  652. margin-left:-20px;
  653. margin-top:-12px;
  654. }
  655.  
  656. #org1 img{
  657. width:14px;
  658. height:14px;
  659. border:1px solid {color:Info Accent};
  660. margin-left:-192px;
  661. margin-top:-1px;
  662. display:inline-block;
  663. }
  664.  
  665. #org2{
  666. margin-top:-17px;
  667. }
  668.  
  669. #org2 img{
  670. width:14px;
  671. height:14px;
  672. border:1px solid {color:Info Accent};
  673. margin-left:203px;
  674. margin-top:-1px;
  675. display:inline-block;
  676. }
  677.  
  678. /* --- POST INFO ---*/
  679.  
  680. /* --- POST TAGS ---*/
  681.  
  682. #tags {
  683. width:396px;
  684. padding: 2px;
  685. background:{color:background};
  686. margin-left:30px;
  687. font-size: {text:Tags Font Size};
  688. margin-top:16px;
  689. overflow:hidden;
  690. height:auto;
  691. word-wrap: break-word;
  692. font-family: {font:Tags Font};
  693. text-align: center;
  694. -webkit-transition: all 0.4s ease-in-out;
  695. -moz-transition: all 0.4s ease-in-out;
  696. -o-transition: all 0.4s ease-in-out;
  697. transition: all 0.4s ease-in-out;
  698. }
  699.  
  700. {block:ifColourTags}
  701. #tags a:nth-child(5n+1)
  702. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  703. #tags a:nth-child(5n+2)
  704. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  705. #tags a:nth-child(5n+3)
  706. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  707. #tags a:nth-child(5n+4)
  708. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  709. #tags a:nth-child(5n+5)
  710. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  711.  
  712. #tags a:hover {
  713. background:none;
  714. border:1px solid {color:Tags};
  715. color:{color:Tags};}
  716. {/block:ifColourTags}
  717.  
  718. {block:ifNotColourTags}
  719. #tags a:hover:nth-child(5n+1)
  720. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  721. #tags a:hover:nth-child(5n+2)
  722. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  723. #tags a:hover:nth-child(5n+3)
  724. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  725. #tags a:hover:nth-child(5n+4)
  726. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  727. #tags a:hover:nth-child(5n+5)
  728. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  729. {/block:ifNotColourTags}
  730.  
  731. #tags a {
  732. margin:2px;
  733. border-radius:1px;
  734. padding:0px 4px;
  735. line-height:16px;
  736. text-transform: uppercase;
  737. font-size: {text:Tags Font Size};
  738. font-weight:bold;
  739. border:1px solid transparent;
  740. letter-spacing:0.5px;
  741. {block:ifNotColourTags}
  742. color:{color:Tags};
  743. {/block:ifNotColourTags}
  744. font-family: {font:Tags Font};
  745. -webkit-transition: all 0.4s ease-in-out;
  746. -moz-transition: all 0.4s ease-in-out;
  747. -o-transition: all 0.4s ease-in-out;
  748. transition: all 0.4s ease-in-out;
  749. }
  750.  
  751. #tags2 {
  752. width:398px;
  753. padding: 2px;
  754. margin-left:0px;
  755. font-size: {text:Tags Font Size};
  756. margin-top:3px;
  757. {block:ifTagsUponHover}
  758. opacity:0;
  759. {block:ifTagsUponHover}
  760. overflow:hidden;
  761. font-weight:bold;
  762. word-break:break-word;
  763. font-family: {font:Tags Font};
  764. text-align: center;
  765. -webkit-transition: all 0.4s ease-in-out;
  766. -moz-transition: all 0.4s ease-in-out;
  767. -o-transition: all 0.4s ease-in-out;
  768. transition: all 0.4s ease-in-out;
  769. }
  770.  
  771. {block:ifTagsUponHover}
  772. #post:hover #tags2{
  773. opacity:1;
  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. {/block:ifTagsUponHover}
  780.  
  781. {block:ifColourTags}
  782. #tags2 a:nth-child(5n+1)
  783. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  784. #tags2 a:nth-child(5n+2)
  785. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  786. #tags2 a:nth-child(5n+3)
  787. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  788. #tags2 a:nth-child(5n+4)
  789. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  790. #tags2 a:nth-child(5n+5)
  791. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  792. {/block:ifColourTags}
  793.  
  794. {block:ifNotColourTags}
  795. #tags2 a:hover:nth-child(5n+1)
  796. {background-color:{color:Accent 1};color:{color:Tags Hover};}
  797. #tags2 a:hover:nth-child(5n+2)
  798. {background-color:{color:Accent 2};color:{color:Tags Hover};}
  799. #tags2 a:hover:nth-child(5n+3)
  800. {background-color:{color:Accent 3};color:{color:Tags Hover};}
  801. #tags2 a:hover:nth-child(5n+4)
  802. {background-color:{color:Accent 4};color:{color:Tags Hover};}
  803. #tags2 a:hover:nth-child(5n+5)
  804. {background-color:{color:Accent 5};color:{color:Tags Hover};}
  805. {/block:ifNotColourTags}
  806.  
  807. #tags2 a {
  808. margin:2.5px 1px;
  809. border-radius:1px;
  810. padding:0px 2.5px;
  811. line-height:16px;
  812. text-transform: uppercase;
  813. font-size: {text:Tags Font Size};
  814. font-weight:bold;
  815. letter-spacing:0.5px;
  816. color:{color:Tags};
  817. {block:ifColourTags}
  818. border:1px solid transparent;
  819. {/block:ifColourTags}
  820. {block:ifNotColourTags}
  821. border:1px solid {color:Tags};
  822. {/block:ifNotColourTags}
  823. font-family: {font:Tags Font};
  824. -webkit-transition: all 0.4s ease-in-out;
  825. -moz-transition: all 0.4s ease-in-out;
  826. -o-transition: all 0.4s ease-in-out;
  827. transition: all 0.4s ease-in-out;
  828. }
  829.  
  830. #tags2 a:hover {
  831. background:none;
  832. color:{color:Tags};
  833. {block:ifColourTags}
  834. border:1px solid {color:Tags};
  835. {/block:ifColourTags}
  836. {block:ifNotColourTags}
  837. border:1px solid transparent;
  838. {/block:ifNotColourTags}
  839. -webkit-transition: all 0.4s ease-in-out;
  840. -moz-transition: all 0.4s ease-in-out;
  841. -o-transition: all 0.4s ease-in-out;
  842. transition: all 0.4s ease-in-out;
  843. }
  844.  
  845. /* --- POST TAGS ---*/
  846.  
  847. /* --- QUOTES ---*/
  848.  
  849. #mark {
  850. font: bold 40px georgia;
  851. margin-top:-38px;
  852. margin-left:-30px;
  853. position: absolute;
  854. float:left;
  855. z-index:99;
  856. color:{color:Accent 1};
  857. transform:rotate(180deg);
  858. -ms-transform:rotate(180deg);
  859. -webkit-transform:rotate(180deg);
  860. }
  861.  
  862. #quote {
  863. background-color:transparent;
  864. padding:15px;
  865. width:360px;
  866. font-family:'lato', helvetica, arial;
  867. text-align:left;
  868. font-weight:bold;
  869. font-size:11px;
  870. border:2px solid {color:Post Text};
  871. color:{color:Post Text};
  872. }
  873.  
  874. #quote:first-letter {
  875. font-weight:bold;
  876. font-size:14px;
  877. text-align:center;
  878. font-family:'lato', helvetica, arial;
  879. text-transform:uppercase;
  880. color:{color:Accent 2};
  881. }
  882.  
  883. #source {
  884. padding-top:5px;
  885. margin-top:4px;
  886. padding-left:40px;
  887. padding-bottom:5px;
  888. text-align:left;
  889. width:350px;
  890. text-transform:uppercase;
  891. border:2px solid transparent;
  892. background-color:none;
  893. color:{color:Post Text};
  894. -webkit-transition: all 0.6s;
  895. -moz-transition: all 0.6s;
  896. -ms-transition:all 0.6s;
  897. -o-transition: all 0.6s;
  898. transition: all 0.6s;
  899. }
  900.  
  901. #source:hover {
  902. border:2px solid {color:Accent 1};
  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. /* --- QUOTES ---*/
  911.  
  912. /* --- AUDIO PLAYER ---*/
  913.  
  914. #audio {
  915. position:relative;
  916. min-height:60px;}
  917.  
  918. #audioimage {
  919. width:60px;
  920. height:60px;
  921. position:absolute;
  922. z-index:2;}
  923.  
  924. #audioimage img {
  925. margin-left:0px;
  926. }
  927.  
  928. #audiobackground {
  929. margin-top:5px;
  930. margin-left:5px;
  931. width:50px;
  932. height:50px;
  933. z-index:3;
  934. position:absolute;
  935. opacity:0.2;
  936. background-color:white;
  937. -webkit-transition:all 0.6s ease-out;
  938. -moz-transition:all 0.6s ease-out;
  939. transition:all 0.6s ease-out;}
  940.  
  941. #audiobackground:hover {
  942. opacity:0.8;
  943. transform:rotate(360deg);
  944. -ms-transform:rotate(360deg);
  945. -webkit-transform:rotate(360deg);
  946. background-color:#ffffff;
  947. -webkit-transition:all 0.6s ease-out;
  948. -moz-transition:all 0.6s ease-out;
  949. transition:all 0.6s ease-out;}
  950.  
  951. #audioplayer {
  952. width:20px;
  953. height:20px;
  954. margin-top:11px;
  955. margin-left:11px;
  956. overflow:hidden;}
  957.  
  958. #audiobig {
  959. width:300px;
  960. height:70px;
  961. overflow:hidden;}
  962.  
  963. #audioinfo {
  964. background-color:transparent;
  965. font-size:8px;
  966. font-family: {text:Post Font};
  967. color:#b6b6b6;
  968. text-transform:uppercase;
  969. height:6px;
  970. width:305px;
  971. padding:4px;
  972. line-height:90%;
  973. margin-bottom:1.5px;
  974. margin-top:1px;
  975. margin-left:68px;
  976. text-align:left;
  977. }
  978.  
  979. #audioinfo b{
  980. color:{color:post text};
  981. padding:0.5px 2px;
  982. -webkit-transition: all 0.6s;
  983. -moz-transition: all 0.6s;
  984. -ms-transition:all 0.6s;
  985. -o-transition: all 0.6s;
  986. transition: all 0.6s;
  987. }
  988.  
  989. #audioinfo:hover b{
  990. margin-left:40px;
  991. color:{color:Background};
  992. margin-right:4px;
  993. background:{color:Accent 1};
  994. -webkit-transition: all 0.6s;
  995. -moz-transition: all 0.6s;
  996. -ms-transition:all 0.6s;
  997. -o-transition: all 0.6s;
  998. transition: all 0.6s;}
  999.  
  1000. /* --- AUDIO PLAYER ---*/
  1001.  
  1002. /* --- CHATS ---*/
  1003.  
  1004. ul.chat {
  1005. margin:0px;
  1006. padding:0px;
  1007. }
  1008.  
  1009. .chat li {
  1010. list-style-type:none;
  1011. margin-left:0px;
  1012. padding:4px;
  1013. }
  1014.  
  1015. .odd .label {
  1016. color:{color:Accent 1};
  1017. }
  1018.  
  1019. .even .label {
  1020. color:{color:Accent 2};
  1021. }
  1022.  
  1023. .label {
  1024. font-weight:bold;
  1025. text-transform:uppercase;
  1026. font-family: {text:Post Font};
  1027. letter-spacing:1px;
  1028. font-size:8px;
  1029. }
  1030.  
  1031. .chat li.odd {
  1032. background-color:{color:Chat Background 1};
  1033. margin-bottom:1px;
  1034. }
  1035.  
  1036. .chat li.even {
  1037. background-color:{color:Chat Background 2};
  1038. opacity:1;
  1039. margin-bottom:1px;
  1040. }
  1041.  
  1042. #ll {
  1043. padding:10px;
  1044. font-size:9px;
  1045. text-transform:uppercase;
  1046. text-align:left;
  1047. letter-spacing:2px;
  1048. border:10px double {color:background};
  1049. font-family:calibri;
  1050. background:{color:Accent 2};
  1051. -webkit-transition: all 0.6s;
  1052. -moz-transition: all 0.6s;
  1053. -ms-transition:all 0.6s;
  1054. -o-transition: all 0.6s;
  1055. transition: all 0.6s;
  1056. }
  1057.  
  1058. #ll a{
  1059. font-size:9px;
  1060. text-transform:uppercase;
  1061. font-weight:normal;
  1062. letter-spacing:2px;
  1063. font-family:calibri;
  1064. background:none;
  1065. color:#ffffff;
  1066. color:{color:Info Text};
  1067. -webkit-transition: all 0.6s;
  1068. -moz-transition: all 0.6s;
  1069. -ms-transition:all 0.6s;
  1070. -o-transition: all 0.6s;
  1071. transition: all 0.6s;
  1072. }
  1073.  
  1074. #ll a:hover{
  1075. background:none;
  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. #post:hover #ll {
  1085. background:{color:Accent 3};
  1086. -webkit-transition: all 0.6s;
  1087. -moz-transition: all 0.6s;
  1088. -ms-transition:all 0.6s;
  1089. -o-transition: all 0.6s;
  1090. transition: all 0.6s;
  1091. }
  1092.  
  1093. #post:hover #ll:hover {
  1094. background:{color:Accent 4};
  1095. -webkit-transition: all 0.6s;
  1096. -moz-transition: all 0.6s;
  1097. -ms-transition:all 0.6s;
  1098. -o-transition: all 0.6s;
  1099. transition: all 0.6s;
  1100. }
  1101.  
  1102. /* --- CHATS ---*/
  1103.  
  1104. /* --- QUESTIONS ---*/
  1105.  
  1106. #question {
  1107. padding:15px;
  1108. font-family: {text:Post Font};
  1109. letter-spacing:1px;
  1110. font-weight:bold;
  1111. color:{color:post text};
  1112. border:2px solid {color:post text};
  1113. -webkit-transition: all 0.6s;
  1114. -moz-transition: all 0.6s;
  1115. -ms-transition:all 0.6s;
  1116. -o-transition: all 0.6s;
  1117. transition: all 0.6s;
  1118. }
  1119.  
  1120. #post:hover #question {
  1121. border:2px solid {color:Accent 1};
  1122. -webkit-transition: all 0.6s;
  1123. -moz-transition: all 0.6s;
  1124. -ms-transition:all 0.6s;
  1125. -o-transition: all 0.6s;
  1126. transition: all 0.6s;
  1127. }
  1128.  
  1129. #post:hover #question:hover {
  1130. border:2px solid {color:Accent 2};
  1131. -webkit-transition: all 0.6s;
  1132. -moz-transition: all 0.6s;
  1133. -ms-transition:all 0.6s;
  1134. -o-transition: all 0.6s;
  1135. transition: all 0.6s;
  1136. }
  1137.  
  1138. #ask {
  1139. float:right;
  1140. text-align:right;
  1141. }
  1142.  
  1143. #asker {
  1144. margin-top:-8px;
  1145. margin-right:-3px;
  1146. padding:0px 4px 0px 8px;
  1147. text-align:right;
  1148. text-transform:uppercase;
  1149. letter-spacing:0px;
  1150. background:{color:Post background};
  1151. color:{color:General Links};
  1152. }
  1153.  
  1154. #asker a {
  1155. color:{color:Post Links};
  1156. font-size:10px;
  1157. font-weight:normal;
  1158. font-family: {text:Post Font};
  1159. -webkit-transition: all 0.6s;
  1160. -moz-transition: all 0.6s;
  1161. -ms-transition:all 0.6s;
  1162. -o-transition: all 0.6s;
  1163. transition: all 0.6s;
  1164. }
  1165.  
  1166. #asker a:hover {
  1167. color:{color:post text};
  1168. background:none;
  1169. -webkit-transition: all 0.6s;
  1170. -moz-transition: all 0.6s;
  1171. -ms-transition:all 0.6s;
  1172. -o-transition: all 0.6s;
  1173. transition: all 0.6s;
  1174. }
  1175.  
  1176. #portrait {
  1177. height:16px;
  1178. opacity:1;
  1179. width:16px;
  1180. background:transparent;
  1181. float:right;
  1182. margin-right:8px;
  1183. margin-top:-6px;
  1184. border:1px solid {color:post text};
  1185. padding:2px;
  1186. }
  1187.  
  1188. #replies {
  1189. margin-top:18px;
  1190. padding:15px;
  1191. font-family: {text:Post Font};
  1192. letter-spacing:1px;
  1193. border:2px solid {color:post text};
  1194. -webkit-transition: all 0.6s;
  1195. -moz-transition: all 0.6s;
  1196. -ms-transition:all 0.6s;
  1197. -o-transition: all 0.6s;
  1198. transition: all 0.6s;
  1199. }
  1200.  
  1201. #replies img{
  1202. max-width:460px;
  1203. }
  1204.  
  1205. #me {
  1206. margin-top:-22px;
  1207. margin-left:-12px;
  1208. width:155px;
  1209. text-transform:uppercase;
  1210. padding:0px 4px 0px 4px;
  1211. font-family: {text:Post Font};
  1212. font-size:10px;
  1213. text-align:left;
  1214. letter-spacing:0px;
  1215. background:{color:Post background};
  1216. color:{color:General Links};
  1217. }
  1218.  
  1219. #meportrait {
  1220. height:16px;
  1221. opacity:1;
  1222. width:16px;
  1223. background:transparent;
  1224. float:left;
  1225. margin-right:5px;
  1226. margin-top:-6px;
  1227. border:1px solid {color:post text};
  1228. padding:2px;
  1229. }
  1230.  
  1231. #meportrait img {
  1232. margin-left:0px;
  1233. }
  1234.  
  1235. #post:hover #replies {
  1236. border:2px solid {color:Accent 1};
  1237. -webkit-transition: all 0.6s;
  1238. -moz-transition: all 0.6s;
  1239. -ms-transition:all 0.6s;
  1240. -o-transition: all 0.6s;
  1241. transition: all 0.6s;
  1242. }
  1243.  
  1244. #post:hover #replies:hover {
  1245. border:2px solid {color:Accent 2};
  1246. -webkit-transition: all 0.6s;
  1247. -moz-transition: all 0.6s;
  1248. -ms-transition:all 0.6s;
  1249. -o-transition: all 0.6s;
  1250. transition: all 0.6s;
  1251. }
  1252.  
  1253. /* --- QUESTIONS ---*/
  1254.  
  1255. /* --- NOTES ---*/
  1256.  
  1257. .pagenotes a {text-decoration:none;font-family:{text:Post Font};background:none;color:{color:Post Links};}
  1258.  
  1259. ol.notes {
  1260. font-weight:none;
  1261. background:none;
  1262. text-align:left;
  1263. font-family:{text:Post Font};
  1264. font-size:8px;
  1265. margin-left:0px;
  1266. height:150px;
  1267. width:422px;
  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:Post Background};
  1277. margin:2px 0;
  1278. width:400px;
  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:460px;
  1312. margin-top:2px;
  1313. margin-left:0px;
  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:nth-child(2n+1)
  1328. {background:{color:Accent 4};color:#ffffff;}
  1329. .pagepagination a:hover:nth-child(2n+2)
  1330. {background:{color:Accent 5};color:#ffffff;}
  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. <script type="text/javascript">
  1683. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1684.  
  1685. <script>
  1686. $(function(){
  1687. var header = $('#header').offset().top;
  1688. $(window).scroll(function(){
  1689. if( $(window).scrollTop() > header ) {
  1690. $('#entries').addClass("sticky");
  1691. } else {
  1692. $('#entries').removeClass("sticky");
  1693. }
  1694. });
  1695. });
  1696. </script>
  1697.  
  1698. <body>
  1699.  
  1700. {block:IfUpdatesTab}
  1701.  
  1702. <div id="tab16">
  1703.  
  1704. <!-- UPDATES TAB BOX 1 START -->
  1705.  
  1706. <div id="tab16line1">
  1707. <div id="tab16textbox1">
  1708. <div style="width:80px; height:8px; margin-left: 0px;
  1709. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 1}";>
  1710. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1711. This is where your text belongs. </p>
  1712. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1713. New paragraph with < p > < / p > and
  1714. </br>New line with < br > without the spaces</p>
  1715. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1716. </div>
  1717. </div>
  1718.  
  1719. <!-- UPDATES TAB BOX 1 END -->
  1720.  
  1721. <!-- UPDATES TAB BOX 2 START -->
  1722.  
  1723. <div id="tab16line2">
  1724. <div id="tab16textbox2">
  1725. <div style="width:80px; height:8px; margin-left: 0px;
  1726. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 2}";>
  1727. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1728. This is where your text belongs. </p>
  1729. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1730. New paragraph with < p > < / p > and
  1731. </br>New line with < br > without the spaces</p>
  1732. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1733. </div>
  1734. </div>
  1735.  
  1736. <!-- UPDATES TAB BOX 2 END -->
  1737.  
  1738. <!-- UPDATES TAB BOX 3 START -->
  1739.  
  1740. <div id="tab16line3">
  1741. <div id="tab16textbox3">
  1742. <div style="width:80px; height:8px; margin-left: 0px;
  1743. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 3}";>
  1744. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1745. This is where your text belongs. </p>
  1746. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1747. New paragraph with < p > < / p > and
  1748. </br>New line with < br > without the spaces</p>
  1749. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1750. </div>
  1751. </div>
  1752.  
  1753. <!-- UPDATES TAB BOX 3 END -->
  1754.  
  1755. <!-- UPDATES TAB BOX 4 START -->
  1756.  
  1757. <div id="tab16line4">
  1758. <div id="tab16textbox4">
  1759. <div style="width:80px; height:8px; margin-left: 0px;
  1760. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 4}";>
  1761. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1762. This is where your text belongs. </p>
  1763. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1764. New paragraph with < p > < / p > and
  1765. </br>New line with < br > without the spaces</p>
  1766. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1767. </div>
  1768. </div>
  1769.  
  1770. <!-- UPDATES TAB BOX 4 END -->
  1771.  
  1772. <!-- UPDATES TAB BOX 5 START -->
  1773.  
  1774. <div id="tab16line5">
  1775. <div id="tab16textbox5">
  1776. <div style="width:80px; height:8px; margin-left: 0px;
  1777. border:1px #ffffff; line-height:8px;padding:1px; background-color:{color:Accent 5}";>
  1778. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1779. This is where your text belongs. </p>
  1780. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1781. New paragraph with < p > < / p > and
  1782. </br>New line with < br > without the spaces</p>
  1783.  
  1784. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a>
  1785. </div>
  1786. </div>
  1787.  
  1788. <!-- UPDATES TAB BOX 5 END -->
  1789.  
  1790. </div>
  1791.  
  1792. {/block:IfUpdatesTab}
  1793.  
  1794. {block:ifTinyCursor}
  1795. <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  1796. {/block:ifTinyCursor}
  1797.  
  1798. <div id="container">
  1799.  
  1800. <div id="header">
  1801.  
  1802. <div id="title">{text:Title}<div id="description">{Description}</div></div>
  1803.  
  1804. <div id="links">
  1805. <a href="/" title="{text:Home Link Title}"></a>
  1806. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}"></a>
  1807. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}"></a>
  1808. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}"></a>
  1809. <a href="{text:Link 5 URL}" title="{text:Link 5 Title}"></a>
  1810. </div>
  1811.  
  1812. <div id="pagination">
  1813. {block:IfNotInfiniteScroll}
  1814. {block:Pagination}
  1815. {block:PreviousPage}<a href="{PreviousPage}" title="previous"></a>{/block:PreviousPage}{block:JumpPagination length="0"}
  1816. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1817. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1818. {/block:JumpPagination}
  1819. {block:NextPage}<a href="{NextPage}" title="next"></a>{/block:NextPage}
  1820. {/block:Pagination}
  1821. {block:IfNotInfiniteScroll}
  1822. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  1823. </div>
  1824.  
  1825. </div>
  1826.  
  1827. <span class="credit">
  1828. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a></span>
  1829.  
  1830. <div id="entries">
  1831. <div class = "autopagerize_page_element" >
  1832. {block:Posts}
  1833. <div id="post">
  1834.  
  1835. <!----- TEXT / PHOTO POSTS ----->
  1836.  
  1837. {block:ContentSource}
  1838. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1839. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1840. {/block:SourceLogo}
  1841. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1842. {/block:ContentSource}
  1843.  
  1844. {block:IndexPage}{block:ifNotAlternativeInfo}
  1845. <a href="{Permalink}"><div class="perma">
  1846.  
  1847. <div id="headerborder">
  1848. <div class="headercolour" style="background-color:{color:Accent 1};"></div>
  1849. <div class="headercolour" style="background-color:{color:Accent 2};"></div>
  1850. <div class="headercolour" style="background-color:{color:Accent 3};"></div>
  1851. <div class="headercolour" style="background-color:{color:Accent 4};"></div> <div class="headercolour" style="background-color:{color:Accent 5};"></div>
  1852. </div>
  1853.  
  1854. <!----- INFO SECTION ----->
  1855.  
  1856. <div id="info">
  1857.  
  1858. {block:RebloggedFrom}<div id="urls"><div id="from"><a href="{ReblogParentURL}" target="blank">via:{ReblogParentName}</a></div>
  1859. <div id="by"><a href="{ReblogRootURL}" target="blank">org:{ReblogRootName}</a></div></div>{/block:RebloggedFrom}
  1860.  
  1861. <div class="notes">
  1862.  
  1863. <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>
  1864.  
  1865. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  1866.  
  1867. </div></div></a>{/block:ifNotAlternativeInfo}
  1868.  
  1869. {/block:IndexPage}
  1870.  
  1871. <!----- INFO SECTION ----->
  1872.  
  1873. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1874.  
  1875. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="min-width:100%;" alt="{PhotoAlt}" target="_blank">{LinkCloseTag}
  1876. {block:Caption}{block:ifShowCaptions}
  1877. <span class="caption">{Caption}</span>
  1878. {/block:ifShowCaptions}{/block:Caption}
  1879. {/block:Photo}
  1880.  
  1881. {block:Photoset}{Photoset-400}
  1882. {block:Caption}{block:ifShowCaptions}
  1883. <span class="caption">{Caption}</span>
  1884. {/block:ifShowCaptions}{/block:Caption}{/block:Photoset}
  1885.  
  1886. <!----- TEXT / PHOTO POSTS ----->
  1887.  
  1888. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1889.  
  1890. {block:Quote}<div id="quote">{Quote}</div>
  1891. <div id="source">{block:Source}{Source}{/block:Source}<div id="mark">“</div></div>{/block:Quote}
  1892.  
  1893. {block:Video}{Video-400}
  1894. {block:Caption}{block:ifShowCaptions}
  1895. <span class="caption">{Caption}</span>
  1896. {/block:ifShowCaptions}{/block:Caption}{/block:Video}
  1897.  
  1898. {block:Link}<h1><div id="ll"><a href="{URL}" target="_blank" {Target}>{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1899.  
  1900. {block:Chat}
  1901. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  1902. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1903. {Line}</li>{/block:Lines}</ul>
  1904. {/block:Chat}
  1905.  
  1906. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1907.  
  1908. <!----- AUDIO POSTS ----->
  1909.  
  1910. {block:Audio}
  1911. <div id="audio">
  1912. <div id="audiobackground"><div id="audioplayer">
  1913. {AudioPlayerWhite}
  1914. </div></div>
  1915. <img id="audioimage" style="max-width:60px;"img src="https://38.media.tumblr.com/27c7e2c0db27e7c0573b9a098873f6c5/tumblr_nfeb2dRHoU1trnu46o1_400.jpg"/>
  1916. {block:AlbumArt}
  1917. <img id="audioimage" style="max-width:60px;" src="{AlbumArtURL}"/>
  1918. {/block:AlbumArt}
  1919. <div id="audiobig">
  1920. {block:TrackName}
  1921. <div id="audioinfo"><b>Track: </b>{TrackName}</div>
  1922. {/block:TrackName}
  1923. {block:Artist}
  1924. <div id="audioinfo"><b>Artist: </b> {Artist}</div>
  1925. {/block:Artist}{block:Album}
  1926. <div id="audioinfo"><b>Album: </b>{Album}</div>
  1927. {/block:Album}
  1928. <div id="audioinfo"><b>Played: </b>{PlayCountWithLabel}</div>
  1929. </div></div>{block:ifshowcaptions}
  1930. <span class="caption">{Caption}</span>
  1931. {/block:ifshowcaptions}
  1932. {/block:Audio}
  1933.  
  1934. <!----- AUDIO POSTS ----->
  1935.  
  1936. <!----- ASKS POSTS ----->
  1937.  
  1938. {block:Answer}
  1939. <div id="question">{Question}</div>
  1940. <div id="ask"><div id="asker">{Asker}&nbsp;&nbsp;<div id="portrait"><img src="{AskerPortraitURL-16}"></div></div></div>
  1941. <div id="replies"><div id="me">The Blogger replied:&nbsp;&nbsp;<div id="meportrait"><img src="{PortraitURL-16}"/></div>
  1942. </div></br>{Replies}</div>
  1943. {/block:Answer}
  1944.  
  1945. <!----- ASKS POSTS ----->
  1946.  
  1947. <!----- TAGS SECTION ----->
  1948. {block:IndexPage}
  1949. {block:ifAlternativeInfo}
  1950.  
  1951. <div id="info2">
  1952.  
  1953. {block:Date} <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{NoteCount} notes</a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{ReblogURL}" target="blank">reblog</a>
  1954.  
  1955. {block:RebloggedFrom}
  1956. <div id="via">
  1957. <div id="org1"><a href="{ReblogParentURL}" target="blank" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-48}"></a>
  1958. <div id="org2"><a href="{ReblogRootURL}" target="blank" title="org: {ReblogRootName}"><img src="{ReblogRootPortraitURL-48}"></a></div></div></div>
  1959. {/block:RebloggedFrom}
  1960.  
  1961. </div>
  1962.  
  1963. <div id="tags2">
  1964. {block:HasTags}
  1965. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a> {/block:Tags}
  1966. {/block:HasTags}
  1967. </div>
  1968.  
  1969. {/block:ifAlternativeInfo}{/block:IndexPage}
  1970.  
  1971. {block:PermalinkPage}
  1972. {block:ifNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifNotShowCaptions}
  1973.  
  1974. <div id="info2">
  1975.  
  1976. {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>
  1977.  
  1978. {block:RebloggedFrom}
  1979. <div id="via">
  1980. <div id="org1"><a href="{ReblogParentURL}" target="blank" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-48}"></a>
  1981. <div id="org2"><a href="{ReblogRootURL}" target="blank" title="org: {ReblogRootName}"><img src="{ReblogRootPortraitURL-48}"></a></div></div></div>
  1982. {/block:RebloggedFrom}
  1983.  
  1984. </div>
  1985.  
  1986. <div id="tags2">
  1987. {block:HasTags}
  1988. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a> {/block:Tags}
  1989. {/block:HasTags}
  1990. </div></div>
  1991.  
  1992. {/block:PermalinkPage}
  1993. </div>
  1994.  
  1995. <!----- TAGS SECTION ----->
  1996.  
  1997. <!----- PAGE PAGINATION ----->
  1998.  
  1999. <div class="pagepagination">
  2000. {block:PermalinkPagination}
  2001. {block:PreviousPost}
  2002. <a href="{PreviousPost}">⇚&nbsp;&nbsp;go to Previous Post</a>
  2003. {/block:PreviousPost}
  2004. {block:NextPost}
  2005. <a href="{NextPost}" style="position:absolute; right:0;">go to Next Post&nbsp;&nbsp;⇛</a>
  2006. {/block:NextPost}
  2007. {/block:PermalinkPagination}
  2008. </div>
  2009.  
  2010. <!----- PAGE PAGINATION ----->
  2011.  
  2012. {block:PostNotes}
  2013. <div class="pagenotes">{PostNotes}</div>
  2014. {/block:PostNotes}
  2015.  
  2016. {/block:Posts}
  2017. </div>
  2018.  
  2019. </body>
  2020. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement