Advertisement
iamthemelocked

Iamthemelocked #102 - B for Benedict

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