API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #104 - D for Detective

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