Advertisement
iamthemelocked

Iamthemelocked #90 - High functioning

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