Advertisement
iamthemelocked

Iamthemelocked #117 - Q for Queen

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