Advertisement
iamthemelocked

Iamthemelocked #93 - Hostage

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