API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #138 - Aristos Achaion

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