API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #125 - Y for Yearning

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