Advertisement
iamthemelocked

Iamthemelocked #120 - T for Trust

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