Advertisement
iamthemelocked

Iamthemelocked #87 - End of the world

Aug 3rd, 2014
765
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.16 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. <!--- OPTIONS --->
  23.  
  24. <meta name="if:Black and White Posts" content="0"/>
  25. <meta name="if:Infinite Scroll" content="0">
  26. <meta name="if:Tiny Cursor" content="1">
  27.  
  28. <!--- FONTS --->
  29.  
  30. <meta name="font:Post Font" content="calibri" />
  31. <meta name="font:Description Font" content="calibri" />
  32. <meta name="font:Links Font" content="calibri" />
  33. <meta name="font:Pagination Font" content="calibri" />
  34. <meta name="font:Info Font" content="calibri" />
  35. <meta name="font:Tags Font" content="calibri" />
  36.  
  37. <!--- FONT SIZES --->
  38.  
  39. <meta name="text:Post Font Size" content="10px"/>
  40. <meta name="text:Title 1 Font Size" content="40px"/>
  41. <meta name="text:Title 2 Font Size" content="12px"/>
  42. <meta name="text:Description Font Size" content="10px"/>
  43. <meta name="text:Links Font Size" content="10px"/>
  44. <meta name="text:Pagination Font Size" content="12px"/>
  45. <meta name="text:Info Font Size" content="9px"/>
  46. <meta name="text:Tags Font Size" content="8px"/>
  47.  
  48. <!--- LETTER SPACING --->
  49.  
  50. <meta name="text:Post Letter Spacing" content="0px"/>
  51. <meta name="text:Title 1 Letter Spacing" content="0px"/>
  52. <meta name="text:Title 2 Letter Spacing" content="0px"/>
  53. <meta name="text:Description Letter Spacing" content="0px"/>
  54. <meta name="text:Links Letter Spacing" content="2px"/>
  55. <meta name="text:Tags Letter Spacing" content="1px"/>
  56. <meta name="text:Info Letter Spacing" content="3px"/>
  57.  
  58. <!--- IMAGES --->
  59.  
  60. <meta name="image:Header Image" content=""/>
  61.  
  62. <meta name="image:Square Image" content=""/>
  63. <meta name="image:Square Image 2" content=""/>
  64.  
  65. <meta name="color:Square Images Border" content="#ffffff"/>
  66.  
  67. <!--- GENERAL COLOURS --->
  68.  
  69. <meta name="color:Background" content="#ffffff"/>
  70. <meta name="color:Post Text" content="#b8b8b8"/>
  71. <meta name="color:General Links Colour" content="#991012"/>
  72. <meta name="color:General Links Hover Colour" content="#000000"/>
  73.  
  74. <!--- SIDEBAR --->
  75.  
  76. <meta name="color:Title Background" content="#ffffff"/>
  77. <meta name="color:Title Text Colour" content="#000000"/>
  78.  
  79. <meta name="color:Header Links Big Background" content="#000000"/>
  80. <meta name="color:Header Links Text" content="#ffffff"/>
  81. <meta name="color:Header Links Text Hover" content="#000000"/>
  82. <meta name="color:Header Links Background" content="#991012"/>
  83. <meta name="color:Header Links Background Hover" content="#ffffff"/>
  84. <meta name="color:Header Links Border" content="#b8b8b8"/>
  85.  
  86. <meta name="color:Description Text" content="#b8b8b8"/>
  87. <meta name="color:Description Big Background" content="#ffffff"/>
  88.  
  89. <meta name="color:Pagination Text" content="#ffffff"/>
  90. <meta name="color:Pagination Text Hover" content="#ffffff"/>
  91. <meta name="color:Pagination Background" content="#000000"/>
  92. <meta name="color:Pagination Background Hover" content="#991012"/>
  93. <meta name="color:Pagination Border" content="#ffffff"/>
  94.  
  95. <meta name="color:Border" content="#dddddd"/>
  96.  
  97. <!--- INFO SECTION --->
  98.  
  99. <meta name="color:Date Button Colour" content="#000000"/>
  100. <meta name="color:Date Button Hover" content="#fdd017"/>
  101. <meta name="color:Notes Button Colour" content="#000000"/>
  102. <meta name="color:Notes Button Hover" content="#98234d"/>
  103. <meta name="color:Via Button Colour" content="#000000"/>
  104. <meta name="color:Via Button Hover" content="#18ae08"/>
  105. <meta name="color:Origin Button Colour" content="#000000"/>
  106. <meta name="color:Origin Button Hover" content="#394acb"/>
  107. <meta name="color:Reblog Button Colour" content="#000000"/>
  108. <meta name="color:Reblog Button Hover" content="#991012"/>
  109.  
  110. <meta name="color:Info Border" content="#dddddd"/>
  111. <meta name="color:Info Text Colour" content="#ffffff"/>
  112.  
  113. <!--- TAGS --->
  114.  
  115. <meta name="color:Tags Text Colour" content="#ffffff"/>
  116. <meta name="color:Tags Text Colour Hover" content="#ffffff"/>
  117. <meta name="color:Tags Background Colour" content="#000000"/>
  118. <meta name="color:Tags Background Colour Hover" content="#991012"/>
  119.  
  120. <!--- POSTS --->
  121.  
  122. <meta name="color:Quote Mark Colour" content="#991012"/>
  123. <meta name="color:Chat Label Colour" content="#991012"/>
  124. <meta name="color:Chat Background 1 Colour" content="#f6f6f6"/>
  125. <meta name="color:Chat Background 2 Colour" content="#f0eeeeee"/>
  126. <meta name="color:Questions Background" content="#000000"/>
  127. <meta name="color:Questions Text" content="#ffffff"/>
  128. <meta name="color:Audio Player Background" content="#000000"/>
  129. <meta name="color:Audio Player Text" content="#ffffff"/>
  130.  
  131. <!--- OTHER --->
  132.  
  133. <meta name="color:Tooltip Background Colour" content="#000000"/>
  134. <meta name="color:Tooltip Text Colour" content="#ffffff"/>
  135. <meta name="color:Selection Colour" content="#000000"/>
  136. <meta name="color:Selection Colour Hover" content="#ffffff"/>
  137. <meta name="color:Scrollbar Colour" content="#000000"/>
  138.  
  139. <meta name="text:Title 1" content="I wanted to end the world"/>
  140. <meta name="text:Title 2" content="but I´ll settle for ending yours"/>
  141.  
  142. <!--- LINKS --->
  143.  
  144. <meta name="text:Link1 Url" content="/"/>
  145. <meta name="text:Link1 Title" content="Home"/>
  146. <meta name="text:Link1 Name" content="Home"/>
  147.  
  148. <meta name="text:Link2 Url" content="/ask"/>
  149. <meta name="text:Link2 Title" content="Ask"/>
  150. <meta name="text:Link2 Name" content="Ask box"/>
  151.  
  152. <meta name="text:Link3 Url" content="http://"/>
  153. <meta name="text:Link3 Title" content="Link 3 Title"/>
  154. <meta name="text:Link3 Name" content="Link 3"/>
  155.  
  156. <meta name="text:Link4 Url" content="http://"/>
  157. <meta name="text:Link4 Title" content="Link 4 Title"/>
  158. <meta name="text:Link4 Name" content="Link 4"/>
  159.  
  160. <meta name="text:Link5 Url" content="http://"/>
  161. <meta name="text:Link5 Title" content="Link 5 Title"/>
  162.  
  163. <meta name="text:Link6 Url" content="http://"/>
  164. <meta name="text:Link6 Title" content="Link 6 Title"/>
  165.  
  166. <meta name="text:Link7 Url" content="http://"/>
  167. <meta name="text:Link7 Title" content="Link 7 Title"/>
  168.  
  169. <meta name="text:Link8 Url" content="http://"/>
  170. <meta name="text:Link8 Title" content="Link 8 Title"/>
  171.  
  172. <meta name="text:Link9 Url" content="http://"/>
  173. <meta name="text:Link9 Title" content="Link 9 Title"/>
  174.  
  175. <meta name="text:Link10 Url" content="http://"/>
  176. <meta name="text:Link10 Title" content="Link 10 Title"/>
  177.  
  178. <meta name="text:Link11 Url" content="http://"/>
  179. <meta name="text:Link11 Title" content="Link 11 Title"/>
  180.  
  181. <meta name="text:Link12 Url" content="http://"/>
  182. <meta name="text:Link12 Title" content="Link 12 Title"/>
  183.  
  184. <!---INFINTE SCROLL --->
  185.  
  186. {block:IfInfiniteScroll}
  187. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  188. {/block:IfInfiniteScroll}
  189. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  190.  
  191. <!--- SPECIAL FONTS --->
  192.  
  193. <script type="text/javascript">
  194. WebFontConfig = {
  195. google: { families: [ 'Petit+Formal+Script::latin' ] }
  196. };
  197. (function() {
  198. var wf = document.createElement('script');
  199. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  200. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  201. wf.type = 'text/javascript';
  202. wf.async = 'true';
  203. var s = document.getElementsByTagName('script')[0];
  204. s.parentNode.insertBefore(wf, s);
  205. })(); </script>
  206.  
  207. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  208.  
  209. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  210.  
  211. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  212. <style type="text/css">
  213.  
  214. /* --- SCROLLBAR ---*/
  215.  
  216. ::-webkit-scrollbar-thumb:vertical {
  217. height:10px; border:2px solid {color:background}; background-color:{color:Scrollbar colour};}
  218.  
  219. ::-webkit-scrollbar-thumb:horizontal {
  220. background-color:{color:background};}
  221.  
  222. ::-webkit-scrollbar {
  223. width:11px; height:5px; border:5px solid {color:background}; background-color:{color:Scrollbar colour};}
  224.  
  225. ::-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};}
  226.  
  227. 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;}
  228.  
  229. /* --- BODY ---*/
  230.  
  231. #s-m-t-tooltip{
  232. position:absolute;
  233. margin-top: 15px;
  234. letter-spacing:1px;
  235. z-index:9999999999999;
  236. background:{color:Tooltip Background Colour};
  237. color:{color:Tooltip Text Colour};
  238. text-transform:uppercase;
  239. letter-spacing:2px;
  240. max-width:320px;
  241. font-size:8px;
  242. padding:4px 5px 4px 5px;
  243. -webkit-transition:all 0.4s;
  244. -moz-transition:all 0.4s;
  245. -ms-transition:all 0.4s;
  246. -o-transition:all 0.4s;
  247. transition:all 0.4s;
  248. }
  249.  
  250. body {
  251. background:{color:background};
  252. margin:0px;
  253. font-size: {text:Post Font Size};
  254. color:{color:Post text};
  255. font-family: {font:Post Font};
  256. line-height:100%;
  257. }
  258.  
  259. b, strong {color: {color:General Links Colour};}
  260. i, em {color: {color:General Links Colour};}
  261. p {margin-top:5px;margin-bottom:5px}
  262. ol {list-style:normal;}
  263. ul {list-style:square;}
  264. small {font-size:8px;}
  265. big {font-size:10px;}
  266.  
  267. a {
  268. text-decoration:none;
  269. outline:none;
  270. font-size:8px;
  271. text-transform:uppercase;
  272. -moz-outline-style:none;
  273. color:{color:General Links Colour};
  274. -webkit-transition:all 0.5s;
  275. -moz-transition:all 0.5s;
  276. -ms-transition:all 0.5s;
  277. -o-transition:all 0.5s;
  278. transition:all 0.5s;
  279. }
  280.  
  281. a:hover {
  282. text-decoration:none;
  283. outline:none;
  284. -moz-outline-style:none;
  285. color:{color:General Links Hover Colour};
  286. -webkit-transition:all 0.5s;
  287. -moz-transition:all 0.5s;
  288. -ms-transition:all 0.5s;
  289. -o-transition:all 0.5s;
  290. transition:all 0.5s;
  291. }
  292.  
  293. img {
  294. border:none;
  295. }
  296.  
  297. blockquote {
  298. padding-left:5px;
  299. border-left:2px solid;
  300. }
  301.  
  302. blockquote blockquote {
  303. padding-left:5px;
  304. border-left:2px solid;
  305. }
  306.  
  307.  
  308. h1 {
  309. font-size:12px;
  310. text-transform:uppercase;
  311. text-align:center;
  312. padding:2px;
  313. color:{color:General Links Colour};
  314. letter-spacing:3px;
  315. font-family:calibri;
  316. }
  317.  
  318. /* --- POST ENTRIES ---*/
  319.  
  320. #entries {
  321. padding:10px;
  322. width:400px;
  323. margin-left:auto;
  324. margin-right:auto;
  325. left:40%;
  326. text-align:justify;
  327. margin-top:140px;
  328. margin-right:auto;
  329. font-family: {font:Post Font};
  330. }
  331.  
  332. #post {
  333. margin-bottom:20px;
  334. font-family: {font:Post Font};
  335. width:400px;
  336. font-size: {text:Post Font Size};
  337. background-color: transparent;
  338. {block:IfBlackandWhitePosts}
  339. -webkit-filter: grayscale(100%);
  340. -moz-filter: grayscale(100%);
  341. filter: grayscale(100%);
  342. -webkit-transition:all 0.5s;
  343. -moz-transition:all 0.5s;
  344. -ms-transition:all 0.5s;
  345. -o-transition:all 0.5s;
  346. transition:all 0.5s;
  347. }
  348.  
  349. #post:hover {
  350. background-color:transparent;
  351. -webkit-transition:all 0.5s;
  352. -moz-transition:all 0.5s;
  353. -ms-transition:all 0.5s;
  354. -o-transition:all 0.5s;
  355. transition:all 0.5s;
  356. -webkit-filter: grayscale(0%);
  357. -moz-filter: grayscale(0%);
  358. filter: grayscale(0%);
  359. {block:IfBlackandWhitePosts}
  360. }
  361.  
  362. /* --- HEADER ---*/
  363.  
  364. #header {
  365. opacity:1;
  366. width:400px;
  367. text-align:center;
  368. height:45px;
  369. background:{color:background};
  370. left:50%;
  371. margin-left:-200px;
  372. margin-top:-60px;
  373. position:fixed;
  374. z-index:4;
  375. -webkit-transition: all 0.6s ease-in-out;
  376. -moz-transition: all 0.6s ease-in-out;
  377. -o-transition: all 0.6s ease-in-out;
  378. transition: all 0.6s ease-in-out;
  379. }
  380.  
  381. #header2 {
  382. opacity:1;
  383. top:0px;
  384. width:100%;
  385. text-align:center;
  386. margin:auto;
  387. height:80px;
  388. margin-left:0px;
  389. position:fixed;
  390. background:transparent;
  391. z-index:4;
  392. -webkit-transition: all 0.6s ease-in-out;
  393. -moz-transition: all 0.6s ease-in-out;
  394. -o-transition: all 0.6s ease-in-out;
  395. transition: all 0.6s ease-in-out;
  396. }
  397.  
  398. /* --- HEADER IMAGES ---*/
  399.  
  400. #headerimage img {
  401. height:80px;
  402. width:100%;
  403. margin-top:0px;
  404. margin-left:0px;
  405. opacity:1;
  406. background-color:transparent;
  407. -webkit-transition: all 0.6s ease-in-out;
  408. -moz-transition: all 0.6s ease-in-out;
  409. -o-transition: all 0.6s ease-in-out;
  410. transition: all 0.6s ease-in-out;
  411. }
  412.  
  413. #squareimage img {
  414. height:60px;
  415. width:60px;
  416. margin-top:-45px;
  417. margin-left:-500px;
  418. opacity:1;
  419. padding:2px;
  420. border:4px solid {color:Square Images Border};
  421. background:{color:Square Images Border};
  422. -webkit-transition: all 0.6s ease-in-out;
  423. -moz-transition: all 0.6s ease-in-out;
  424. -o-transition: all 0.6s ease-in-out;
  425. transition: all 0.6s ease-in-out;
  426. }
  427.  
  428. #squareimage2 img {
  429. height:60px;
  430. width:60px;
  431. margin-top:-75px;
  432. margin-left:500px;
  433. opacity:1;
  434. padding:2px;
  435. border:4px solid {color:Square Images Border};
  436. background:{color:Square Images Border};
  437. -webkit-transition: all 0.6s ease-in-out;
  438. -moz-transition: all 0.6s ease-in-out;
  439. -o-transition: all 0.6s ease-in-out;
  440. transition: all 0.6s ease-in-out;
  441. }
  442.  
  443. /* --- TITLES ---*/
  444.  
  445. #t {
  446. opacity:0.7;
  447. top:5px;
  448. width:380px;
  449. height:50px;
  450. left:50%;
  451. padding:10px;
  452. margin-left:-200px;
  453. position:fixed;
  454. background:{color:Title Background};
  455. z-index:4;
  456. -webkit-transition: all 0.6s ease-in-out;
  457. -moz-transition: all 0.6s ease-in-out;
  458. -o-transition: all 0.6s ease-in-out;
  459. transition: all 0.6s ease-in-out;
  460. }
  461.  
  462. #t:hover{
  463. opacity:0.7;
  464. -webkit-transition: all 0.6s ease-in-out;
  465. -moz-transition: all 0.6s ease-in-out;
  466. -o-transition: all 0.6s ease-in-out;
  467. transition: all 0.6s ease-in-out;
  468. }
  469.  
  470. #title1 {
  471. position:fixed;
  472. font-family:Aguafina Script; verdana, sans-serif;
  473. line-height:100%;
  474. font-size:{text:Title 1 Font Size};
  475. text-transform:normal;
  476. width:380px;
  477. font-style:bold;
  478. letter-spacing:{text:Title 1 Letter Spacing};
  479. height:auto;
  480. margin-left:0px;
  481. margin-top:5px;
  482. padding:4px;
  483. opacity:1;
  484. text-align:center;
  485. background:transparent;
  486. color:{color:Title Text Colour};
  487. -webkit-transition: all 0.6s;
  488. -moz-transition: all 0.6s;
  489. -ms-transition:all 0.6s;
  490. -o-transition: all 0.6s;
  491. transition: all 0.6s;
  492. }
  493.  
  494. #t:hover #title1 {
  495. opacity:0;
  496. margin-left:-200px;
  497. -webkit-transition: all 0.6s;
  498. -moz-transition: all 0.6s;
  499. -ms-transition:all 0.6s;
  500. -o-transition: all 0.6s;
  501. transition: all 0.6s;
  502. }
  503.  
  504. #title2 {
  505. position:fixed;
  506. font-family:'Petit Formal Script', cursive;
  507. line-height:100%;
  508. font-size:{text:Title 2 Font Size};
  509. text-transform:normal;
  510. width:300px;
  511. height:22px;
  512. margin-left:40px;
  513. margin-top:42px;
  514. padding-top:2px;
  515. opacity:1;
  516. letter-spacing:{text:Title 2 Letter Spacing};
  517. text-align:right;
  518. border-top:1px solid {color:Border};
  519. background:transparent;
  520. color:{color:Title Text Colour};
  521. -webkit-transition: all 0.6s;
  522. -moz-transition: all 0.6s;
  523. -ms-transition:all 0.6s;
  524. -o-transition: all 0.6s;
  525. transition: all 0.6s;
  526. }
  527.  
  528. #t:hover #title2 {
  529. opacity:0;
  530. margin-left:350px;
  531. -webkit-transition: all 0.6s;
  532. -moz-transition: all 0.6s;
  533. -ms-transition:all 0.6s;
  534. -o-transition: all 0.6s;
  535. transition: all 0.6s;
  536. }
  537.  
  538. /* --- LINKS ---*/
  539.  
  540. #links {
  541. text-align:center;
  542. text-transform:uppercase;
  543. height:auto;
  544. background-color:{color:Header Links Big Background};
  545. width:388px;
  546. position:fixed;
  547. line-height:6px;
  548. font-family:{text:Links Font};
  549. font-size:{text:Links Font Size};
  550. letter-spacing:{text:Links Letter Spacing};
  551. margin-left:-200px;
  552. margin-top:6px;
  553. padding:6px;
  554. left:50%;
  555. display:inline-block;
  556. opacity:1;
  557. -webkit-transition: all 0.6s ease-in-out;
  558. -moz-transition: all 0.6s ease-in-out;
  559. -o-transition: all 0.6s ease-in-out;
  560. transition: all 0.6s ease-in-out;
  561. }
  562.  
  563. #links a {
  564. display:inline-block;
  565. margin:3px;
  566. padding:4px;
  567. border:1px solid {color:Header Links Border};
  568. color:{color:Header Links Text};
  569. background-color:{color:Header Links Background};
  570. height:6px;
  571. width:70px;
  572. }
  573.  
  574. #links a:hover {
  575. color:{color:Header Links Text Hover};
  576. background-color:{color:Header Links Background Hover};
  577. }
  578.  
  579. #links2 {
  580. height:auto;
  581. width:auto;
  582. position:fixed;
  583. margin-left:-205px;
  584. margin-top:5px;
  585. padding:4px;
  586. left:50%;
  587. opacity:0;
  588. -webkit-transition: all 0.6s ease-in-out;
  589. -moz-transition: all 0.6s ease-in-out;
  590. -o-transition: all 0.6s ease-in-out;
  591. transition: all 0.6s ease-in-out;
  592. }
  593.  
  594. #links2 a {
  595. border:1px solid {color:Header Links Border};
  596. background-color:{color:Header Links Background};
  597. height:2px;
  598. margin:1px;
  599. width:2px;
  600. }
  601.  
  602. #links2 a:hover {
  603. background-color:{color:Header Links Background Hover};
  604. }
  605.  
  606. #links:hover #links2{
  607. opacity:1;
  608. -webkit-transition: all 0.6s ease-in-out;
  609. -moz-transition: all 0.6s ease-in-out;
  610. -o-transition: all 0.6s ease-in-out;
  611. transition: all 0.6s ease-in-out;
  612. }
  613.  
  614. #links3 {
  615. height:auto;
  616. width:auto;
  617. position:fixed;
  618. line-height:6px;
  619. margin-left:128px;
  620. margin-top:5px;
  621. padding:4px;
  622. left:50%;
  623. opacity:0;
  624. -webkit-transition: all 0.6s ease-in-out;
  625. -moz-transition: all 0.6s ease-in-out;
  626. -o-transition: all 0.6s ease-in-out;
  627. transition: all 0.6s ease-in-out;
  628. }
  629.  
  630. #links3 a {
  631. border:1px solid {color:Header Links Border};
  632. background-color:{color:Header Links Background};
  633. height:2px;
  634. margin:1px;
  635. width:2px;
  636. }
  637.  
  638. #links3 a:hover {
  639. background-color:{color:Header Links Background Hover};
  640. }
  641.  
  642. #links:hover #links3{
  643. opacity:1;
  644. -webkit-transition: all 0.6s ease-in-out;
  645. -moz-transition: all 0.6s ease-in-out;
  646. -o-transition: all 0.6s ease-in-out;
  647. transition: all 0.6s ease-in-out;
  648. }
  649.  
  650. /* --- DESCRIPTION ---*/
  651.  
  652. #description {
  653. font-family:{text:Description Font};
  654. line-height:100%;
  655. font-size:{text:Description Font Size};
  656. text-transform:normal;
  657. width:380px;
  658. height:40px;
  659. left:50%;
  660. top:3px;
  661. padding:10px;
  662. margin-left:-200px;
  663. position:fixed;
  664. opacity:0;
  665. letter-spacing:{text:Description Letter Spacing};
  666. text-align:center;
  667. color:{color:Description Text};
  668. -webkit-transition: all 0.6s ease-in-out;
  669. -moz-transition: all 0.6s ease-in-out;
  670. -o-transition: all 0.6s ease-in-out;
  671. transition: all 0.6s ease-in-out;
  672. }
  673.  
  674. #t:hover #description {
  675. opacity:1;
  676. -webkit-transition: all 0.6s ease-in-out;
  677. -moz-transition: all 0.6s ease-in-out;
  678. -o-transition: all 0.6s ease-in-out;
  679. transition: all 0.6s ease-in-out;
  680. }
  681.  
  682. /* --- PAGINATION ---*/
  683.  
  684. #pagination {
  685. width:400px;
  686. background:{color:background};
  687. height:auto;
  688. left:800px;
  689. text-transform:uppercase;
  690. font-size: 9px;
  691. font-family:calibri;
  692. opacity:1;
  693. line-height:20px;
  694. text-align:center;
  695. -webkit-transition: all 0.8s;
  696. -moz-transition: all 0.8s;
  697. -ms-transition:all 0.8s;
  698. -o-transition: all 0.8s;
  699. transition: all 0.8s;
  700. }
  701.  
  702. #pagination a, .current {
  703. color:{color:Pagination Text};
  704. background:{color:Pagination Background};
  705. padding:1px 5px;
  706. width:60px;
  707. margin-bottom:2px;
  708. border:1px solid {color:Pagination Border};
  709. }
  710.  
  711. #pagination a:hover {
  712. color:{color:Pagination Text Hover};
  713. background:{color:Pagination Background Hover};
  714. }
  715.  
  716. /* --- POST INFO ---*/
  717.  
  718. #sec {
  719. width:400px;
  720. height: 16px;
  721. margin-left: 0px;
  722. display:block;
  723. position:justify;
  724. border-top:1px solid {color:Info Border};
  725. border-bottom:1px solid {color:Info Border};
  726. margin-top:5px;
  727. -webkit-transition: all 0.4s ease-in-out;
  728. -moz-transition: all 0.4s ease-in-out;
  729. -o-transition: all 0.4s ease-in-out;
  730. transition: all 0.4s ease-in-out;
  731. }
  732.  
  733. #info {
  734. width:20px;
  735. height: 16px;
  736. background-color:transparent;
  737. margin-left: 0px;
  738. margin-top:0px;
  739. position:absolute;
  740. -webkit-transition: all 0.4s ease-in-out;
  741. -moz-transition: all 0.4s ease-in-out;
  742. -o-transition: all 0.4s ease-in-out;
  743. transition: all 0.4s ease-in-out;
  744. }
  745.  
  746. #info2 {
  747. width:20px;
  748. height: 16px;
  749. background-color:transparent;
  750. margin-left: -2px;
  751. margin-top:13px;
  752. position:absolute;
  753. -webkit-transition: all 0.4s ease-in-out;
  754. -moz-transition: all 0.4s ease-in-out;
  755. -o-transition: all 0.4s ease-in-out;
  756. transition: all 0.4s ease-in-out;
  757. }
  758.  
  759. #info3 {
  760. width:20px;
  761. height: 16px;
  762. background-color:transparent;
  763. margin-left: -1px;
  764. margin-top:13px;
  765. position:absolute;
  766. -webkit-transition: all 0.4s ease-in-out;
  767. -moz-transition: all 0.4s ease-in-out;
  768. -o-transition: all 0.4s ease-in-out;
  769. transition: all 0.4s ease-in-out;
  770. }
  771.  
  772. #info4 {
  773. width:20px;
  774. height: 16px;
  775. background-color:transparent;
  776. margin-left: 48px;
  777. margin-top:0px;
  778. position:absolute;
  779. -webkit-transition: all 0.4s ease-in-out;
  780. -moz-transition: all 0.4s ease-in-out;
  781. -o-transition: all 0.4s ease-in-out;
  782. transition: all 0.4s ease-in-out;
  783. }
  784.  
  785. #info5 {
  786. width:12px;
  787. height: 16px;
  788. background-color:transparent;
  789. position:absolute;
  790. margin-left: 388px;
  791. margin-top:-1px;
  792. -webkit-transition: all 0.4s ease-in-out;
  793. -moz-transition: all 0.4s ease-in-out;
  794. -o-transition: all 0.4s ease-in-out;
  795. transition: all 0.4s ease-in-out;
  796. }
  797.  
  798. #date a {
  799. width: 10px;
  800. height: 10px;
  801. margin-top:3px;
  802. font-size:0px;
  803. margin-left:2px;
  804. display:block;
  805. letter-spacing:{text:Info Letter Spacing};
  806. background-color: {color:Date Button Colour};
  807. -webkit-transition: all 0.4s ease-in-out;
  808. -moz-transition: all 0.4s ease-in-out;
  809. -o-transition: all 0.4s ease-in-out;
  810. transition: all 0.4s ease-in-out;
  811. }
  812.  
  813. #date a:hover {
  814. width: 380px;
  815. font-size:{text:Info Font Size};
  816. color:{color:Info Text Colour};
  817. text-align:center;
  818. line-height:10px;
  819. padding-right:10px;
  820. text-transform:normal;
  821. background-color: {color:Date Button Hover};
  822. -webkit-transition: all 0.4s ease-in-out;
  823. -moz-transition: all 0.4s ease-in-out;
  824. -o-transition: all 0.4s ease-in-out;
  825. transition: all 0.4s ease-in-out;
  826. }
  827.  
  828. #number a {
  829. width: 10px;
  830. height: 10px;
  831. margin-top:-10px;
  832. font-size:0px;
  833. margin-left:20px;
  834. letter-spacing:{text:Info Letter Spacing};
  835. display: block;
  836. background-color: {color:Notes Button Colour};
  837. -webkit-transition: all 0.4s ease-in-out;
  838. -moz-transition: all 0.4s ease-in-out;
  839. -o-transition: all 0.4s ease-in-out;
  840. transition: all 0.4s ease-in-out;
  841. }
  842.  
  843. #number a:hover {
  844. width: 360px;
  845. font-size:{text:Info Font Size};
  846. color:{color:Info Text Colour};
  847. text-align:center;
  848. line-height:10px;
  849. padding-right:10px;
  850. text-transform:normal;
  851. background-color: {color:Notes Button Hover};
  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. #via a {
  859. width: 10px;
  860. height: 10px;
  861. margin-top:-10px;
  862. font-size:0px;
  863. margin-left:35px;
  864. letter-spacing:{text:Info Letter Spacing};
  865. display: block;
  866. background-color: {color:Via Button Colour};
  867. -webkit-transition: all 0.4s ease-in-out;
  868. -moz-transition: all 0.4s ease-in-out;
  869. -o-transition: all 0.4s ease-in-out;
  870. transition: all 0.4s ease-in-out;
  871. }
  872.  
  873. #via a:hover {
  874. width: 350px;
  875. font-size:{text:Info Font Size};
  876. color:{color:Info Text Colour};
  877. text-align:center;
  878. line-height:10px;
  879. padding-right:10px;
  880. text-transform:normal;
  881. background-color: {color:Via Button Hover};
  882. -webkit-transition: all 0.4s ease-in-out;
  883. -moz-transition: all 0.4s ease-in-out;
  884. -o-transition: all 0.4s ease-in-out;
  885. transition: all 0.4s ease-in-out;
  886. }
  887.  
  888. #origin a {
  889. width: 10px;
  890. height: 10px;
  891. margin-left:2px;
  892. margin-top:3px;
  893. letter-spacing:{text:Info Letter Spacing};
  894. font-size:0px;
  895. display: block;
  896. background-color: {color:Origin Button Colour};
  897. -webkit-transition: all 0.4s ease-in-out;
  898. -moz-transition: all 0.4s ease-in-out;
  899. -o-transition: all 0.4s ease-in-out;
  900. transition: all 0.4s ease-in-out;
  901. }
  902.  
  903. #origin a:hover {
  904. width: 330px;
  905. font-size:{text:Info Font Size};
  906. color:{color:Info Text Colour};
  907. text-align:center;
  908. line-height:10px;
  909. padding-right:10px;
  910. text-transform:normal;
  911. background-color: {color:Origin Button Hover};
  912. -webkit-transition: all 0.4s ease-in-out;
  913. -moz-transition: all 0.4s ease-in-out;
  914. -o-transition: all 0.4s ease-in-out;
  915. transition: all 0.4s ease-in-out;
  916. }
  917.  
  918. #reblog a {
  919. width: 10px;
  920. height: 10px;
  921. letter-spacing:5px;
  922. display: block;
  923. margin-top:4px;
  924. background-color: {color:Reblog Button Colour};
  925. -webkit-transition: all 0.4s ease-in-out;
  926. -moz-transition: all 0.4s ease-in-out;
  927. -o-transition: all 0.4s ease-in-out;
  928. transition: all 0.4s ease-in-out;
  929. }
  930.  
  931. #reblog a:hover {
  932. transform:rotate(360deg);
  933. -ms-transform:rotate(360deg);
  934. -webkit-transform:rotate(360deg);
  935. background-color: {color:Reblog Button Hover};
  936. -webkit-transition: all 0.4s ease-in-out;
  937. -moz-transition: all 0.4s ease-in-out;
  938. -o-transition: all 0.4s ease-in-out;
  939. transition: all 0.4s ease-in-out;
  940. }
  941.  
  942. /* --- POST TAGS ---*/
  943.  
  944. #tags {
  945. opacity:0;
  946. font-family: {font:Tags Font};
  947. width:400px;
  948. margin-left:0px;
  949. text-transform:uppercase;
  950. letter-spacing:1px;
  951. height:auto;
  952. margin-top:2px;
  953. font-size: {text:Tags Font Size};
  954. text-align:left;
  955. -webkit-transition: all 0.4s ease-in-out;
  956. -moz-transition: all 0.4s ease-in-out;
  957. -o-transition: all 0.4s ease-in-out;
  958. transition: all 0.4s ease-in-out;
  959. }
  960.  
  961. #tags a {
  962. letter-spacing:{text:Tags Letter Spacing};
  963. width:auto;
  964. height:8px;
  965. padding:1px;
  966. margin-top:12px;
  967. margin-bottom:12px;
  968. padding-left:3px;
  969. line-height:14px;
  970. font-size:8px;
  971. padding-right:3px;
  972. color:{color:Tags Text Colour};
  973. background-color:{color:Tags Background Colour};
  974. -webkit-transition: all 0.4s ease-in-out;
  975. -moz-transition: all 0.4s ease-in-out;
  976. -o-transition: all 0.4s ease-in-out;
  977. transition: all 0.4s ease-in-out;
  978. }
  979.  
  980. #tags a:hover {
  981. color:{color:Tags Text Colour Hover};
  982. background-color:{color:Tags Background Colour Hover};
  983. -webkit-transition: all 0.4s ease-in-out;
  984. -moz-transition: all 0.4s ease-in-out;
  985. -o-transition: all 0.4s ease-in-out;
  986. transition: all 0.4s ease-in-out;
  987. }
  988.  
  989. #post:hover #tags{
  990. -webkit-transition: all 0.4s ease-in-out;
  991. -moz-transition: all 0.4s ease-in-out;
  992. -o-transition: all 0.4s ease-in-out;
  993. transition: all 0.4s ease-in-out;
  994. opacity:1;
  995. }
  996.  
  997. /* --- QUOTES ---*/
  998.  
  999. #mark {
  1000. font: bold 60px georgia;
  1001. line-height: 50px;
  1002. position: absolute;
  1003. color:{color:Quote Mark Colour};
  1004. opacity:1;
  1005. }
  1006.  
  1007. #quote {
  1008. text-indent: 35px;
  1009. font-family: calibri;
  1010. font-size:15px;
  1011. text-align: justify;
  1012. line-height:20px;
  1013. padding:6px;
  1014. border-bottom:1px solid {color:Quote Mark Colour};
  1015. }
  1016.  
  1017. #source {
  1018. text-indent: 35px;
  1019. color: {color:post text};
  1020. font-family: calibri;
  1021. font-size:10px;
  1022. text-align: right;
  1023. line-height:20px;
  1024. padding:2px;
  1025. border-top:1px solid {color:Quote Mark Colour};
  1026. }
  1027.  
  1028. /* --- VIDEOS ---*/
  1029.  
  1030. #video {
  1031. padding:1px;
  1032. background:{color:Tags Background Colour};
  1033. }
  1034.  
  1035. /* --- AUDIO PLAYER ---*/
  1036.  
  1037. #audio {
  1038. width:380px;
  1039. height:50px;
  1040. padding:10px;
  1041. background-color:{color:Audio Player Background};
  1042. }
  1043.  
  1044. #player {
  1045. float:right;
  1046. height:50px;
  1047. width:50px;
  1048. margin-top:0px;
  1049. margin-left:10px;
  1050. overflow:hidden;
  1051. background-color:{color:Tags Background Color};
  1052. opacity: 1;filter:alpha(opacity=60);
  1053. -webkit-transition: all 0.7s ease;
  1054. -moz-transition: all 0.7s ease;
  1055. -o-transition: all 0.7s ease;
  1056. }
  1057.  
  1058. #player:hover {
  1059. opacity: 1; filter:alpha(opacity=60);
  1060. }
  1061.  
  1062. #playersymbol {
  1063. width:25px;
  1064. height:25px;
  1065. margin-top:8px;
  1066. margin-left:8px;
  1067. overflow:hidden;
  1068. background-color:{color:Tags Background Color};
  1069. padding:2px;
  1070. }
  1071.  
  1072. #picture {
  1073. margin-right:10px;
  1074. float:left;
  1075. margin-left:5px;
  1076. }
  1077.  
  1078. #audiotext {
  1079. color:{color:Audio Player Text};
  1080. text-transform:uppercase;
  1081. border-left:2px solid;
  1082. border-color:{color:Border};
  1083. font-family:calibri;
  1084. float:left;
  1085. width:220px;
  1086. text-align:center;
  1087. height:35px;
  1088. line-height:-20px;
  1089. padding:8px;
  1090. font-size:6px;
  1091. margin-top:0px;
  1092. margin-bottom:5px;
  1093. margin-left:5px;
  1094. }
  1095.  
  1096. /* --- CHATS ---*/
  1097.  
  1098. ul.chat {
  1099. margin:0px;
  1100. padding:0px;
  1101. }
  1102.  
  1103. .chat li {
  1104. list-style-type:none;
  1105. margin-left:0px;
  1106. padding:4px;
  1107. }
  1108.  
  1109. .odd .label {
  1110. color:{color:Chat Label Colour};
  1111. }
  1112.  
  1113. .even .label {
  1114. color:{color:Chat Label Colour};
  1115. }
  1116.  
  1117. .label {
  1118. font-weight:bold;
  1119. text-transform:uppercase;
  1120. font-family:calibri;
  1121. letter-spacing:2px;
  1122. font-size:8px;
  1123. }
  1124.  
  1125. .chat li.odd {
  1126. background-color:{color:Chat Background 1 Colour};
  1127. margin-bottom:1px;
  1128. }
  1129.  
  1130. .chat li.even {
  1131. background-color:{color:Chat Background 2 Colour};
  1132. opacity:1;
  1133. margin-bottom:1px;
  1134. }
  1135.  
  1136. #ll {
  1137. font-size:12px;
  1138. text-transform:uppercase;
  1139. text-align:center;
  1140. padding:2px;
  1141. color:{color:General Links Colour};
  1142. letter-spacing:3px;
  1143. font-family:calibri;
  1144. border:4px double {color:Border};
  1145. }
  1146.  
  1147. /* --- QUESTIONS ---*/
  1148.  
  1149. #ask {
  1150. padding:5px;
  1151. background-color:{color:Questions Background};
  1152. padding-bottom:12px;
  1153. }
  1154.  
  1155. #ques {
  1156. background-color: none;
  1157. color:{color:Questions Text};
  1158. text-transform:none;
  1159. text-align: justify;
  1160. letter-spacing:0px;
  1161. font-style:none;
  1162. margin-left:32px;
  1163. padding:13px;
  1164. margin-top:-10px;
  1165. }
  1166.  
  1167. #portrait {
  1168. float:left;
  1169. width:30px;
  1170. height:30px;
  1171. }
  1172.  
  1173. #replies {
  1174. margin-top:5px;
  1175. margin-bottom:5px;
  1176. border: 1px solid {color:Border};
  1177. padding:4px;
  1178. color:{color:post text};
  1179. }
  1180.  
  1181. /* --- NOTES ---*/
  1182.  
  1183. ol.pagenotes {
  1184. display: none!important;
  1185. font-weight:none;
  1186. text-align:center;
  1187. padding-bottom:2%;
  1188. font-size:9px;
  1189. list-style-type:upper-roman;
  1190. width:400px;
  1191. }
  1192.  
  1193. ol.notes li.note{
  1194. border-bottom:1px solid {color:Border};
  1195. padding:2%;
  1196. list-style-type:upper-roman;
  1197. }
  1198.  
  1199. ol.notes li.note img.avatar {
  1200. width:0px;
  1201. height:0px;
  1202. }
  1203.  
  1204. /* --- SELECTION ---*/
  1205.  
  1206. ::selection {
  1207. background-color:{color:Selection Colour};
  1208. color:{color:Selection Colour Hover};
  1209. }
  1210.  
  1211. ::-moz-selection {
  1212. background-color:{color:Selection Colour};
  1213. color:{color:Selection Colour Hover};
  1214. }
  1215.  
  1216. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1217.  
  1218. .credit, .credit a {
  1219. width:15px;
  1220. height:15px;
  1221. bottom:10px;
  1222. right:10px;
  1223. padding:4px;
  1224. font-size:9px;
  1225. letter-spacing:2px;
  1226. color:#ffffff;
  1227. line-height:15px;
  1228. position:fixed;
  1229. text-align:center;
  1230. color:{color:Hastag Colour};
  1231. font-family:calibri;
  1232. text-transform:uppercase;
  1233. background-color:{color:General Links Colour};
  1234. border:1px solid {color:Border};
  1235. -webkit-transition: all 0.5s ease-in-out;
  1236. -moz-transition: all 0.5s ease-in-out;
  1237. -o-transition: all 0.5s ease-in-out;
  1238. transition: all 0.5s ease-in-out;
  1239. }
  1240.  
  1241. .credit a:hover {
  1242. -webkit-transition: all 0.5s ease-in-out;
  1243. -moz-transition: all 0.5s ease-in-out;
  1244. -o-transition: all 0.5s ease-in-out;
  1245. transition: all 0.5s ease-in-out;
  1246. transform:rotate(360deg);
  1247. -ms-transform:rotate(360deg);
  1248. -webkit-transform:rotate(360deg);
  1249. background-color:#000000;}
  1250.  
  1251. {CustomCSS}</style>
  1252.  
  1253. </head><body>
  1254.  
  1255. {block:ifTinyCursor}
  1256. <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  1257. {/block:ifTinyCursor}
  1258.  
  1259. <div id="header2">
  1260. <div id="headerimage"><img src="{image:Header Image}"></div>
  1261. <div id="squareimage"><img src="{image:Square Image}"></div>
  1262. <div id="squareimage2"><img src="{image:Square Image 2}"></div>
  1263. </div>
  1264.  
  1265. <div id="t">
  1266. <div id="title1">{text:Title 1}</div>
  1267. <div id="title2">{text:Title 2}</div>
  1268. <div id="description">{Description}</div>
  1269. </div>
  1270.  
  1271. <div id="header">
  1272.  
  1273. <div id="links">
  1274. {/block:IfLink1Name}<a href="{text:Link1 URL}" title="{text:Link1 Title}">{text:Link1 Name}</a>{/block:IfLink1Name}
  1275. {/block:IfLink2Name}<a href="{text:Link2 URL}" title="{text:Link2 Title}">{text:Link2 Name}</a>{/block:IfLink2Name}
  1276. {/block:IfLink3Name}<a href="{text:Link3 URL}" title="{text:Link3 Title}">{text:Link3 Name}</a>{/block:IfLink3Name}
  1277. {/block:IfLink4Name}<a href="{text:Link4 URL}" title="{text:Link4 Title}">{text:Link4 Name}</a>{/block:IfLink4Name}
  1278.  
  1279. <div id="links2">
  1280. <a href="{text:Link5 URL}" title="{text:Link5 Title}"></a>
  1281. <a href="{text:Link6 URL}" title="{text:Link6 Title}"></a>
  1282. <a href="{text:Link7 URL}" title="{text:Link7 Title}"></a>
  1283. <a href="{text:Link8 URL}" title="{text:Link8 Title}"></a>
  1284. </div>
  1285.  
  1286. <div id="links3">
  1287. <a href="{text:Link9 URL}" title="{text:Link9 Title}"></a>
  1288. <a href="{text:Link12 URL}" title="{text:Link12 Title}"></a>
  1289. <a href="{text:Link10 URL}" title="{text:Link10 Title}"></a>
  1290. <a href="{text:Link11 URL}" title="{text:Link11 Title}"></a>
  1291. </div>
  1292. </div>
  1293.  
  1294. {block:IfNotInfiniteScroll}
  1295. </br></br></br></br>
  1296. <div id="pagination">
  1297. {block:Pagination}
  1298. {block:PreviousPage}<a href="{PreviousPage}">««&nbsp;Watson</a>{/block:PreviousPage}
  1299. {block:NextPage}<a href="{NextPage}">Holmes&nbsp;»»</a>{/block:NextPage}
  1300. {/block:Pagination}
  1301. {block:IfNotInfiniteScroll}
  1302. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  1303. </div>
  1304.  
  1305. </div>
  1306.  
  1307. <div id="entries">
  1308. <div class = "autopagerize_page_element" >
  1309. {block:Posts}
  1310. <div id="post">
  1311.  
  1312. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1313.  
  1314. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" target="_blank">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1315.  
  1316. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1317.  
  1318. {block:Quote}
  1319. <div id="mark">“</div>
  1320. <div id="quote">{Quote}</div> </br>
  1321. {block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  1322.  
  1323. {block:Video}
  1324. <div id="video">{Video-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1325.  
  1326. {block:Link}<h1><div id="ll"><a href="{URL}" target="_blank" {Target}>{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1327.  
  1328. {block:Chat}
  1329. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  1330. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1331. {Line}</li>{/block:Lines}</ul>
  1332. {/block:Chat}
  1333.  
  1334. {block:Audio}
  1335. <div id="audio">
  1336. <div id="player">
  1337. <div id="playersymbol">{AudioPlayerBlack}</div></div>
  1338. <div id="picture">
  1339. {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
  1340. <div id="audiotext">
  1341. <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}
  1342. {block:Album}<b><font color="{color:General Links Colour}">FROM THE ALBUM:</font></b> {Album}</br>{/block:Album}
  1343. <b><font color="{color:General Links Colour}">PLAYED:</font></b> {PlayCount} TIMES.</div></div>
  1344. {block:caption}{Caption}{/block:caption}</span>
  1345. {/block:Audio}
  1346.  
  1347. {block:Answer}
  1348. <div id="ask">
  1349. <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>
  1350.  
  1351. <div id="ques"><span style="font-family:calibri;text-transform:none;font-size:9px;letter-spacing:1px">{Question}</span>
  1352. <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>
  1353.  
  1354. <div id="replies">{Replies}</div>
  1355. {/block:Answer}
  1356.  
  1357. <div id="sec">
  1358.  
  1359. <div id="info4">
  1360. <div id="origin">
  1361. {block:RebloggedFrom}<a href="{ReblogRootURL}" target="blank">♔&nbsp;source: {ReblogRootName}</a>{/block:RebloggedFrom}
  1362. </div>
  1363. </div>
  1364.  
  1365. <div id="info3">
  1366. <div id="via">
  1367. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="blank">★&nbsp;via: {ReblogParentName}</a>{/block:RebloggedFrom}
  1368. </div>
  1369. </div>
  1370.  
  1371. <div id="info2">
  1372. <div id="number">
  1373. {block:NoteCount}<a href="{Permalink}">♥&nbsp;{NoteCountWithLabel}</a>{/block:NoteCount}
  1374. </div>
  1375. </div>
  1376.  
  1377. <div id="info">
  1378. <div id="date">
  1379. {block:Date}<a href="{Permalink}">▲&nbsp;{TimeAgo} / {24HourWithZero}:{Minutes} / {DayOfMonthWithZero} {ShortMonth} {Year}</a>{/block:Date}</div>
  1380. </div>
  1381.  
  1382. <div id="info5">
  1383. <div id="reblog">
  1384. <a href="{ReblogURL}" target="blank" title="reblog"></a>
  1385. </div>
  1386. </div>
  1387.  
  1388. </div>
  1389.  
  1390. {block:HasTags}
  1391. <div id="tags">
  1392. {block:Tags}
  1393. <a href="{TagURL}">#&nbsp;{Tag}</a>
  1394. {/block:Tags}
  1395. </div>
  1396. {/block:HasTags}
  1397. </div>
  1398.  
  1399. {block:PostNotes}
  1400. <div class="pagenotes">
  1401. {PostNotes}
  1402. </div>
  1403. {/block:PostNotes}
  1404. {/block:Posts}
  1405. </div>
  1406.  
  1407. <span class="credit">
  1408. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a>
  1409. </span>
  1410.  
  1411.  
  1412. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement