API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #90 - High functioning

iamthemelocked
Sep 12th, 2014
2,065
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--- Theme by iamthemelocked
  4. DO NOT REMOVE THE CREDIT
  5. DO NOT COPY
  6. DO NOT CLAIM AS YOUR OWN
  7. IF YOU DO THEN I´LL MAKE YOU INTO SHOES
  8. BIT NOT GOOD, ISN´T IT?--->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Advent+Pro:400,300' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Belleza' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!