API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #139 - Achilles

iamthemelocked
Apr 16th, 2015
1,623
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.69 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>
  13.  
  14. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  15.  
  16. <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>
  17.  
  18. <link rel="shortcut icon" href="{favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <!--Default Variables-->
  23.  
  24. <meta name="if:Show Captions" content="1"/>
  25. <meta name="if:Black And White Posts" content="0"/>
  26. <meta name="if:Zooming Post Images" content="1"/>
  27. <meta name="if:Post Images Upon Scroll" content="1">
  28. <meta name="if:Infinite Scroll" content="0">
  29. <meta name="if:Tiny Cursor" content="1">
  30. <meta name="if:Tags Upon Hover" content="0">
  31.  
  32. <meta name="font:Post Font" content="Sofia Pro" />
  33. <meta name="font:Description Font" content="Sofia Pro" />
  34. <meta name="font:Tags Font" content="Sofia Pro" />
  35.  
  36. <meta name="text:Post Font Size" content="10px"/>
  37. <meta name="text:Description Font Size" content="8px"/>
  38. <meta name="text:Tags Font Size" content="7px"/>
  39.  
  40. <meta name="color:Background" content="#fafafa"/>
  41. <meta name="color:Post Background" content="#ffffff"/>
  42. <meta name="color:Post Border" content="#f1f1f1"/>
  43. <meta name="color:Post Text" content="#222222"/>
  44. <meta name="color:Post Links" content="#8f8f8f"/>
  45.  
  46. <meta name="color:Titles" content="#000000"/>
  47. <meta name="color:Links" content="#ffffff"/>
  48. <meta name="color:Description" content="#ffffff"/>
  49.  
  50. <meta name="color:Accent 1" content="#df6c7a" />
  51. <meta name="color:Accent 2" content="#df9a6c" />
  52. <meta name="color:Accent 3" content="#e5de71" />
  53. <meta name="color:Accent 4" content="#8bea71" />
  54. <meta name="color:Accent 5" content="#70e7d3" />
  55.  
  56. <meta name="color:Info Squares" content="#000000"/>
  57. <meta name="color:Tags" content="#000000"/>
  58.  
  59. <meta name="color:Tooltip Accent" content="#000000"/>
  60. <meta name="color:Tooltip Text" content="#ffffff"/>
  61. <meta name="color:Selection" content="#df6c7a"/>
  62. <meta name="color:Scrollbar" content="#000000"/>
  63.  
  64. <meta name="image:Header Image" content="http://static.tumblr.com/680099a6a8f571e519f5dbc444202cb4/xasysa0/h9vnmuyf0/tumblr_static_1erto17fu5b4cwc4k8444wc4g.jpg"/>
  65.  
  66. <meta name="text:Title" content="Aristos Achaion"/>
  67. <meta name="text:Subtitle" content="I would know him in death, at the end of the world"/>
  68.  
  69. <meta name="text:Home Link Title" content="Index Page"/>
  70. <meta name="text:Link 2 Title" content="Message"/>
  71. <meta name="text:Link 2 Url" content="/ask"/>
  72. <meta name="text:Link 3 Title" content="Submissions"/>
  73. <meta name="text:Link 3 Url" content="/submit"/>
  74. <meta name="text:Link 4 Title" content="Navigation"/>
  75. <meta name="text:Link 4 Url" content="http://"/>
  76. <meta name="text:Link 5 Title" content="5th Link"/>
  77. <meta name="text:Link 5 Url" content="http://"/>
  78.  
  79. <meta name="color:Tab Text" content="#222222"/>
  80. <meta name="color:Tab Links" content="#b6b6b6"/>
  81. <meta name="color:Tab Links Hover" content="#000000"/>
  82.  
  83. <meta name="if:Updates Tab" content="1"/>
  84.  
  85. <!-- jquery for tooltips-->
  86.  
  87. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  88. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  89.  
  90. <script>
  91. $(document).ready(function() {
  92. var stickyNavTop = $('#nav, #sidebar, #entries, #sidebar2').offset().top;
  93. var stickyNav = function(){
  94. var scrollTop = $(window).scrollTop();
  95. if (scrollTop > stickyNavTop) {
  96. $('#nav, #sidebar, #entries, #sidebar2').addClass('sticky');
  97. }
  98. else {
  99. $('#nav, #sidebar, #entries, #sidebar2').removeClass('sticky');
  100. }
  101. };
  102. stickyNav();
  103. $(window).scroll(function() {
  104. stickyNav();
  105. });
  106. });
  107. </script>
  108.  
  109. <!---INFINTE SCROLL --->
  110.  
  111. {block:IfInfiniteScroll}
  112. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  113. {/block:IfInfiniteScroll}
  114. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  115.  
  116. <!---INFINTE SCROLL --->
  117.  
  118. <!--- SPECIAL FONTS --->
  119.  
  120. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  121.  
  122. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  123.  
  124. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  125.  
  126. <link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  129.  
  130. <link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic,700italic|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  131.  
  132. <!--- SPECIAL FONTS --->
  133.  
  134. <style type="text/css">
  135.  
  136. /* --- SCROLLBAR ---*/
  137.  
  138. ::-webkit-scrollbar-thumb:vertical {
  139. height:3px; border-left:3px solid {color:background}; border-right:3px solid {color:background}; background-color:{color:Scrollbar};}
  140.  
  141. ::-webkit-scrollbar-thumb:horizontal {
  142. background-color:{color:Scrollbar};height:4px; border-top:3px solid {color:background}; border-bottom:3px solid {color:background};}
  143.  
  144. ::-webkit-scrollbar {
  145. width:10px; height:10px; border:5px solid {color:background}; background-color:{color:Scrollbar};}
  146.  
  147. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:5px; width:3px; border-right:3px solid {color:background}; border-left:3px solid {color:background}; background-color:{color:Scrollbar};}
  148.  
  149. 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;}
  150.  
  151. /* --- SCROLLBAR ---*/
  152.  
  153. /* --- IMAGE EFFECT ---*/
  154.  
  155. .imgp {
  156. background:{color:Background};
  157. overflow:hidden;
  158. }
  159.  
  160. .imgp img {
  161. width: 500px;
  162. -webkit-transition: all 1s ease;
  163. -moz-transition: all 1s ease;
  164. -o-transition: all 1s ease;
  165. -ms-transition: all 1s ease;
  166. transition: all 1s ease;
  167. }
  168.  
  169. {block:IfZoomingPostImages}
  170. .po:hover .imgp img {
  171. -webkit-transform: scale(1.08);
  172. }{/block:IfZoomingPostImages}
  173.  
  174. .pset {
  175. width: 500px;
  176. -webkit-transition: all 1s ease;
  177. -moz-transition: all 1s ease;
  178. -o-transition: all 1s ease;
  179. -ms-transition: all 1s ease;
  180. transition: all 1s ease;
  181. }
  182.  
  183. {block:IfZoomingPostImages}
  184. .po:hover .pset {
  185. -webkit-transform: scale(1.08);
  186. }{/block:IfZoomingPostImages}
  187.  
  188. /* --- IMAGE EFFECT ---*/
  189.  
  190. /* --- BODY ---*/
  191.  
  192. #s-m-t-tooltip{
  193. position:absolute;
  194. margin-top: 15px;
  195. margin-left:15px;
  196. z-index:9999999999999;
  197. background:{color:Post Text};
  198. color:{color:Post Background};
  199. text-transform:uppercase;
  200. letter-spacing:0.5px;
  201. font-family:calibri;
  202. line-height:13px;
  203. max-width:300px;
  204. font-size:8px;
  205. padding:2px 6px;
  206. -webkit-transition:all 0.4s;
  207. -moz-transition:all 0.4s;
  208. -ms-transition:all 0.4s;
  209. -o-transition:all 0.4s;
  210. transition:all 0.4s;
  211. }
  212.  
  213. body {
  214. color: {color:Post Text};
  215. background-color:{color:background};
  216. font: 9px 'Trebuchet MS', sans-serif;
  217. font-family:'open sans', 'helvetica neue', arial, sans-serif;
  218. }
  219.  
  220. b, strong {color: color:{color:Post text};word-wrap:normal;}
  221. i, em {color: color:{color:Post text};word-wrap:normal;}
  222. p {margin-top:5px;margin-bottom:5px}
  223. ol {list-style:normal;}
  224. ul {list-style:square;}
  225. small {font-size:8px;}
  226. big {font-size:10px;}
  227.  
  228. blockquote {
  229. padding-left:10px;
  230. margin-left:10px;
  231. margin-top:5px;
  232. border-left:1px solid;
  233. }
  234.  
  235. a {
  236. font-weight:normal;
  237. word-wrap:initial;
  238. text-decoration:none;
  239. text-transform:lowercase;
  240. font-family: {text:Post Font};
  241. font-size: {text:Post Font Size};
  242. color:{color:Post Links};
  243. -moz-outline-style:none;
  244. -webkit-transition:all 0.5s;
  245. -moz-transition:all 0.5s;
  246. -ms-transition:all 0.5s;
  247. -o-transition:all 0.5s;
  248. transition:all 0.5s;
  249. }
  250.  
  251.  
  252. a:hover {
  253. -moz-outline-style:none;
  254. -webkit-transition:all 0.5s;
  255. -moz-transition:all 0.5s;
  256. -ms-transition:all 0.5s;
  257. -o-transition:all 0.5s;
  258. transition:all 0.5s;
  259. }
  260.  
  261. a:hover:nth-child(5n+1){color:{color:Accent 1};}
  262. a:hover:nth-child(5n+2){color:{color:Accent 2};}
  263. a:hover:nth-child(5n+3){color:{color:Accent 3};}
  264. a:hover:nth-child(5n+4){color:{color:Accent 4};}
  265. a:hover:nth-child(5n+5){color:{color:Accent 5};}
  266.  
  267. h1 {
  268. font-size:15px;
  269. text-transform:uppercase;
  270. font-weight:bold;
  271. line-height:1.2em;
  272. font-family:{font:Post Font};
  273. color:{color:Post Text};
  274. }
  275.  
  276. h1 a{
  277. font-size:15px;
  278. text-transform:uppercase;
  279. font-weight:bold;
  280. line-height:1.2em;
  281. text-decoration:none;
  282. font-family:{font:Post Font};
  283. color:{color:Post Text};
  284. }
  285.  
  286. pre {
  287. white-space: pre-wrap;
  288. white-space: -moz-pre-wrap;
  289. white-space: -pre-wrap;
  290. white-space: -o-pre-wrap;
  291. word-wrap: break-word;
  292. font-family:inconsolata, consolas, monospace;
  293. }
  294.  
  295. pre a{
  296. font-size:8px;
  297. }
  298.  
  299. .caption {
  300. text-align:left;
  301. display:block;
  302. }
  303.  
  304. .caption img {
  305. max-width:450px;
  306. }
  307.  
  308. /* --- BODY ---*/
  309.  
  310. /* --- POST ENTRIES ---*/
  311.  
  312. #entries {
  313. padding-top:20px;
  314. {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  315. {block:IndexPage}opacity:0;{/block:IndexPage}
  316. margin-left:auto;
  317. margin-right:auto;
  318. z-index:99;
  319. width:544px;
  320. overflow:hidden;
  321. padding-bottom:30px;
  322. {block:PermalinkPage}margin-top:46px;{/block:PermalinkPage}
  323. {block:IndexPage}margin-top:60px;{/block:IndexPage}
  324. font-family: {font:Post Font};
  325. -webkit-transition:all 0.5s;
  326. -moz-transition:all 0.5s;
  327. -ms-transition:all 0.5s;
  328. -o-transition:all 0.5s;
  329. transition:all 0.5s;
  330. }
  331.  
  332. #entries.sticky {
  333. opacity:1;
  334. -webkit-transition:all 0.5s;
  335. -moz-transition:all 0.5s;
  336. -ms-transition:all 0.5s;
  337. -o-transition:all 0.5s;
  338. transition:all 0.5s;
  339. }
  340.  
  341. #post {
  342. margin-top:0px;
  343. margin-bottom:5px;
  344. width:500px;
  345. position:relative;
  346. z-index:999;
  347. word-wrap:normal;
  348. font-family: {font:Post Font};
  349. font-size: {text:Post Font Size};
  350. padding:20px 20px 14px 20px;
  351. background-color:{color:Post Background};
  352. border:1px solid {color:Post Border};
  353. {block:IfBlackandWhitePosts}
  354. -webkit-filter: grayscale(100%);
  355. -moz-filter: grayscale(100%);
  356. filter: grayscale(100%);
  357. -webkit-transition:all 0.5s;
  358. -moz-transition:all 0.5s;
  359. -ms-transition:all 0.5s;
  360. -o-transition:all 0.5s;
  361. transition:all 0.5s;
  362. }
  363.  
  364. #post:hover {
  365. -webkit-transition:all 0.5s;
  366. -moz-transition:all 0.5s;
  367. -ms-transition:all 0.5s;
  368. -o-transition:all 0.5s;
  369. transition:all 0.5s;
  370. -webkit-filter: grayscale(0%);
  371. -moz-filter: grayscale(0%);
  372. filter: grayscale(0%);
  373. {block:IfBlackandWhitePosts}
  374. }
  375.  
  376. #post img{
  377. width:100%;
  378. }
  379.  
  380. #container {
  381. width:900px;
  382. margin: 0 auto;
  383. }
  384.  
  385. #headerborder {
  386. width:100%;
  387. height:6px;
  388. margin-top:-1px;
  389. background:{color:background};
  390. overflow-y:hidden;
  391. }
  392.  
  393. .headercolour {
  394. width:20%;
  395. height:100%;
  396. float:left;
  397. opacity:1;
  398. }
  399.  
  400. /* --- POST ENTRIES ---*/
  401.  
  402. /* --- HEADER / SIDEBAR ---*/
  403.  
  404. #header {
  405. -webkit-animation-name: fade-in;
  406. -webkit-animation-duration: 2s;
  407. position:absolute;
  408. top:0px;
  409. left:0;
  410. background:{color:Background};
  411. width:100%;
  412. height:100%;
  413. }
  414.  
  415. #sidebar {
  416. -webkit-animation-name: fade-in;
  417. -webkit-animation-duration: 2s;
  418. text-align:right!important;
  419. position:relative;
  420. width:500px;
  421. border:15px double {color:Description};
  422. opacity:1;
  423. padding:150px 120px;
  424. margin-top:5%;
  425. margin-left:auto;
  426. margin-right:auto;
  427. background:{color:background} url('{image:Header Image}') bottom left fixed repeat;
  428. height:auto;
  429. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  430. z-index:99999999999999999999999999999999;
  431. -webkit-transition:all 0.5s;
  432. -moz-transition:all 0.5s;
  433. -ms-transition:all 0.5s;
  434. -o-transition:all 0.5s;
  435. transition:all 0.5s;
  436. }
  437.  
  438. #sidebar2 {
  439. width:130px;
  440. z-index:9;
  441. top:50px;
  442. height:10px;
  443. display:none;
  444. margin-left:30px;
  445. position: fixed;
  446. -webkit-animation-name: fade-in;
  447. -webkit-animation-duration: 1s;
  448. }
  449.  
  450. #sidebar2.sticky{
  451. display:block;
  452. -webkit-animation-name: fade-in;
  453. -webkit-animation-duration: 1s;
  454. }
  455.  
  456. #nav {
  457. -webkit-animation-name: fade-in;
  458. -webkit-animation-duration:1s;
  459. display:none;
  460. position:fixed;
  461. z-index:99999999999999999;
  462. opacity:1;
  463. left:0px;
  464. {block:PermalinkPage}margin-top:-40px;display:block;{/block:PermalinkPage}
  465. {block:IndexPage}margin-top:300px;{/block:IndexPage}
  466. text-align:center;
  467. width:100%;
  468. text-transform:uppercase;
  469. font-size:25px;
  470. height:50px;
  471. }
  472.  
  473. #nav a{
  474. font-family:calibri;
  475. margin:8px 0px 6px -5px;
  476. font-size:8px;
  477. padding:1px 3px;
  478. width:90px;
  479. display:inline-block;
  480. font-weight:bold;
  481. border:1px solid transparent;
  482. letter-spacing:0.5px;
  483. text-decoration:none;
  484. text-transform:uppercase;
  485. }
  486.  
  487. #nav a:nth-child(5n+1)
  488. {background-color:{color:Accent 1};color:{color:Description};}
  489. #nav a:nth-child(5n+2)
  490. {background-color:{color:Accent 2};color:{color:Description};}
  491. #nav a:nth-child(5n+3)
  492. {background-color:{color:Accent 3};color:{color:Description};}
  493. #nav a:nth-child(5n+4)
  494. {background-color:{color:Accent 4};color:{color:Description};}
  495. #nav a:nth-child(5n+5)
  496. {background-color:{color:Accent 5};color:{color:Description};}
  497.  
  498. #nav a:hover:nth-child(5n+1){background-color:transparent;color:{color:Titles};border:1px solid {color:Titles};}
  499. #nav a:hover:nth-child(5n+2){background-color:transparent;color:{color:Titles};border:1px solid {color:Titles};}
  500. #nav a:hover:nth-child(5n+3){background-color:transparent;color:{color:Titles};border:1px solid {color:Titles};}
  501. #nav a:hover:nth-child(5n+4){background-color:transparent;color:{color:Titles};border:1px solid {color:Titles};}
  502. #nav a:hover:nth-child(5n+5){background-color:transparent;color:{color:Titles};border:1px solid {color:Titles};}
  503.  
  504. #nav.sticky{
  505. top:-300px;
  506. display:block;
  507. background:{color:Background};
  508. -webkit-animation-name: fade-in;
  509. -webkit-animation-duration:1s;
  510. }
  511.  
  512. /* --- HEADER / SIDEBAR ---*/
  513.  
  514. /* --- TITLES ---*/
  515.  
  516. #title {
  517. font-family:'source sans pro', 'trebuchet ms', sans-serif;
  518. width:496px;
  519. padding:5px 2px;
  520. height:auto;
  521. color:{color:Description};
  522. border-bottom:3px solid {color:Description};
  523. text-align:center;
  524. margin-top:0px;
  525. margin-left:0px;
  526. overflow:hidden;
  527. font-size:22px;
  528. letter-spacing:2px;
  529. text-transform:uppercase;
  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. #title:first-letter{
  538. color:{color:Titles};
  539. }
  540.  
  541. #sidebar:hover #title{
  542. letter-spacing:6px;
  543. margin-bottom:40px;
  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. #subtitle {
  552. font-family:calibri;
  553. width:470px;
  554. padding:3px 15px 5px 15px;
  555. background:{color:Titles};
  556. height:15px;
  557. color:{color:Description};
  558. z-index:99;
  559. opacity:0;
  560. text-align:center;
  561. margin-top:-30px;
  562. margin-left:0px;
  563. line-height:18px;
  564. font-size:10px;
  565. text-transform:uppercase;
  566. -webkit-transition:all 0.5s;
  567. -moz-transition:all 0.5s;
  568. -ms-transition:all 0.5s;
  569. -o-transition:all 0.5s;
  570. transition:all 0.5s;
  571. }
  572.  
  573. #sidebar:hover #subtitle{
  574. opacity:1;
  575. -webkit-transition:all 0.5s;
  576. -moz-transition:all 0.5s;
  577. -ms-transition:all 0.5s;
  578. -o-transition:all 0.5s;
  579. transition:all 0.5s;
  580. }
  581.  
  582. #title2 {
  583. font-family:'open sans', 'helvetica neue', arial, sans-serif;
  584. height:auto;
  585. overflow:hidden;
  586. font-weight:bold;
  587. width:540px;
  588. {block:PermalinkPage}margin-top:0px;padding-top:2px;font-size:9px;letter-spacing:2px;{/block:PermalinkPage}
  589. {block:IndexPage}border-top:3px solid {color:Titles};padding-top:3px;font-size:14px;margin-top:13px;letter-spacing:5px;{/block:IndexPage}
  590. color:{color:Titles};
  591. text-align:center;
  592. margin-right:auto;
  593. margin-left:auto;
  594. text-shadow:3px 1px 1px {color:Description};
  595. text-transform:uppercase;
  596. -webkit-transition:all 0.5s;
  597. -moz-transition:all 0.5s;
  598. -ms-transition:all 0.5s;
  599. -o-transition:all 0.5s;
  600. transition:all 0.5s;
  601. }
  602.  
  603. /* --- TITLES ---*/
  604.  
  605. /* --- LINKS ---*/
  606.  
  607. #links{
  608. padding:10px 10px 5px 5px;
  609. height:auto;
  610. text-align:center;
  611. border-top:3px solid {color:Description};
  612. }
  613.  
  614. #links a{
  615. background:{color:Titles};
  616. padding:4px;
  617. opacity:0.6;
  618. color:{color:Description};
  619. text-decoration:none;
  620. height:11px;
  621. overflow:hidden;
  622. width:87px;
  623. letter-spacing:0.5px;
  624. text-align:center;
  625. display:inline-block;
  626. font-family:calibri;
  627. font-size:8px;
  628. text-transform:uppercase;
  629. }
  630.  
  631. #links a:hover:nth-child(5n+1){background-color:{color:Accent 1};opacity:1;}
  632. #links a:hover:nth-child(5n+2){background-color:{color:Accent 2};opacity:1;}
  633. #links a:hover:nth-child(5n+3){background-color:{color:Accent 3};opacity:1;}
  634. #links a:hover:nth-child(5n+4){background-color:{color:Accent 4};opacity:1;}
  635. #links a:hover:nth-child(5n+5){background-color:{color:Accent 5};opacity:1;}
  636.  
  637. #sidebar:hover #links a{
  638. opacity:1;
  639. -webkit-transition:all 0.5s;
  640. -moz-transition:all 0.5s;
  641. -ms-transition:all 0.5s;
  642. -o-transition:all 0.5s;
  643. transition:all 0.5s;
  644. }
  645.  
  646. /* --- LINKS ---*/
  647.  
  648. /* --- DESCRIPTION ---*/
  649.  
  650. #description {
  651. z-index:5;
  652. display:block;
  653. text-align:justify;
  654. text-transform:uppercase;
  655. margin-top:0px;
  656. padding:10px;
  657. color:{color:Description};
  658. font-family:{font:Description Font};
  659. font-size:{text:Description Font Size};
  660. }
  661.  
  662. #description a
  663. {color:{color:Post Links};text-transform:uppercase;font-size:9px;
  664. }
  665.  
  666. /* --- DESCRIPTION ---*/
  667.  
  668. /* --- PAGINATION ---*/
  669.  
  670. #pagination {
  671. -webkit-animation-name: fade-in;
  672. -webkit-animation-duration: 2s;
  673. font-size:8px;
  674. {block:ifinfinitescroll}
  675. display:none;
  676. {/block:ifinfinitescroll}
  677. letter-spacing:1px;
  678. padding-bottom:10px;
  679. margin-top:-10px;
  680. text-align:center;
  681. margin-left:-20px;
  682. text-transform:uppercase;
  683. }
  684.  
  685. #pagination a {
  686. display:inline-block;
  687. margin:0 5px;
  688. text-decoration:none;
  689. outline:none;
  690. font-weight:bold;
  691. padding:0 5px;
  692. color:{color:Post Links};
  693. border-radius:3px;
  694. -moz-border-radius:3px;
  695. -webkit-border-radius:3px;
  696. }
  697.  
  698. #pagination a:hover{
  699. color:{color:Accent 1};
  700. }
  701.  
  702. #prev{
  703. margin-left:-11px;
  704. width:20px;
  705. height:20px;
  706. font-size:12px;
  707. text-align:left;
  708. margin-top:-18px;
  709. z-index:9999999999999999999999999999999999999999;
  710. }
  711.  
  712. #prev a{
  713. font-size:12px;
  714. background:{color:Description};
  715. color:{color:Titles};
  716. text-decoration:none;
  717. outline:none;
  718. padding:1px 5px;
  719. }
  720.  
  721. #prev a:hover{
  722. background:{color:Accent 1};
  723. color:{color:Description};
  724. }
  725.  
  726. #next{
  727. margin-left:465px;
  728. width:20px;
  729. height:20px;
  730. font-size:12px;
  731. margin-top:-20px;
  732. z-index:9999999999999999999999999999999999999999;
  733. text-align:left;
  734. }
  735.  
  736. #next a{
  737. font-size:12px;
  738. background:{color:Description};
  739. text-decoration:none;
  740. outline:none;
  741. color:{color:Titles};
  742. padding:1px 5px;
  743. }
  744.  
  745. #next a:hover{
  746. background:{color:Accent 1};
  747. color:{color:Description};
  748. }
  749.  
  750. /* --- PAGINATION ---*/
  751.  
  752. /* --- POST INFO ---*/
  753.  
  754. #info {
  755. position:relative;
  756. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  757. {block:IndexPage}width:calc({select:post width}px);{/block:IndexPage}
  758. height:auto;
  759. z-index:99;
  760. opacity:1;
  761. margin-top:8px;
  762. margin-left:0px;}
  763.  
  764. .notes {
  765. margin-top:6px;
  766. position:relative;
  767. {block:IndexPage}margin-left:auto;margin-right:auto;{/block:IndexPage}
  768. {block:PermalinkPage}margin-left:-2px;{/block:PermalinkPage}
  769. z-index:9999999999999999999999999999999999999999999999;
  770. width:57px;
  771. margin-bottom:0px;}
  772.  
  773. .notes a {
  774. display:inline-block;
  775. background:{color:Info Squares};
  776. text-decoration:none;
  777. margin:0px 2px;
  778. height:6px;
  779. width:6px;
  780. }
  781.  
  782. #date {
  783. width:10px;
  784. height:10px;
  785. position:relative;
  786. text-decoration:none;
  787. }
  788.  
  789. #date a:hover {background:{color:Accent 1};}
  790.  
  791. #date:hover .date2 {
  792. opacity:1;
  793. -webkit-transition:all 0.5s;
  794. -moz-transition:all 0.5s;
  795. -ms-transition:all 0.5s;
  796. -o-transition:all 0.5s;
  797. transition:all 0.5s;
  798. }
  799.  
  800. .date2 {
  801. text-transform:uppercase;
  802. color:{color:Post Text};
  803. opacity:0;
  804. padding:2px;
  805. margin-top:-12px;
  806. margin-left:92px;
  807. width:408px;
  808. position:relative;
  809. text-align:right;
  810. letter-spacing:1.5px;
  811. font-weight:bold;
  812. font-family: {font:Tags Font};
  813. font-size: {text:Tags Font Size};
  814. -webkit-transition:all 0.5s;
  815. -moz-transition:all 0.5s;
  816. -ms-transition:all 0.5s;
  817. -o-transition:all 0.5s;
  818. transition:all 0.5s;
  819. }
  820.  
  821. #notes {
  822. width:10px;
  823. margin-top:-10px;
  824. margin-left:12px;
  825. height:10px;
  826. position:relative;
  827. }
  828.  
  829. #notes a:hover {background:{color:Accent 2};}
  830.  
  831. #notes:hover .notes2 {
  832. opacity:1;
  833. -webkit-transition:all 0.5s;
  834. -moz-transition:all 0.5s;
  835. -ms-transition:all 0.5s;
  836. -o-transition:all 0.5s;
  837. transition:all 0.5s;
  838. }
  839.  
  840. .notes2 {
  841. text-transform:uppercase;
  842. color:{color:Post Text};
  843. opacity:0;
  844. padding:2px;
  845. margin-top:-12px;
  846. margin-left:80px;
  847. position:relative;
  848. text-align:right;
  849. width:408px;
  850. letter-spacing:1.5px;
  851. font-weight:bold;
  852. font-family: {font:Tags Font};
  853. font-size: {text:Tags Font Size};
  854. -webkit-transition:all 0.5s;
  855. -moz-transition:all 0.5s;
  856. -ms-transition:all 0.5s;
  857. -o-transition:all 0.5s;
  858. transition:all 0.5s;
  859. }
  860.  
  861. #reblog {
  862. width:10px;
  863. margin-top:-10px;
  864. margin-left:24px;
  865. height:10px;
  866. position:relative;
  867. }
  868.  
  869. #reblog a:hover {background:{color:Accent 3};}
  870.  
  871. #reblog:hover .reblog2 {
  872. opacity:1;
  873. -webkit-transition:all 0.5s;
  874. -moz-transition:all 0.5s;
  875. -ms-transition:all 0.5s;
  876. -o-transition:all 0.5s;
  877. transition:all 0.5s;
  878. }
  879.  
  880. .reblog2 {
  881. text-transform:uppercase;
  882. color:{color:Post Text};
  883. opacity:0;
  884. padding:2px;
  885. margin-top:-12px;
  886. margin-left:67px;
  887. position:relative;
  888. text-align:right;
  889. width:408px;
  890. letter-spacing:1.5px;
  891. font-weight:bold;
  892. font-family: {font:Tags Font};
  893. font-size: {text:Tags Font Size};
  894. -webkit-transition:all 0.5s;
  895. -moz-transition:all 0.5s;
  896. -ms-transition:all 0.5s;
  897. -o-transition:all 0.5s;
  898. transition:all 0.5s;
  899. }
  900.  
  901. #from {
  902. width:10px;
  903. margin-top:-10px;
  904. margin-left:36px;
  905. height:10px;
  906. position:relative;
  907. }
  908.  
  909. #from a:hover {background:{color:Accent 4};}
  910.  
  911. #from:hover .from2 {
  912. opacity:1;
  913. -webkit-transition:all 0.5s;
  914. -moz-transition:all 0.5s;
  915. -ms-transition:all 0.5s;
  916. -o-transition:all 0.5s;
  917. transition:all 0.5s;
  918. }
  919.  
  920. .from2 {
  921. text-transform:uppercase;
  922. color:{color:Post Text};
  923. opacity:0;
  924. padding:2px;
  925. margin-top:-12px;
  926. margin-left:56px;
  927. position:relative;
  928. text-align:right;
  929. width:408px;
  930. letter-spacing:1.5px;
  931. font-weight:bold;
  932. font-family: {font:Tags Font};
  933. font-size: {text:Tags Font Size};
  934. -webkit-transition:all 0.5s;
  935. -moz-transition:all 0.5s;
  936. -ms-transition:all 0.5s;
  937. -o-transition:all 0.5s;
  938. transition:all 0.5s;
  939. }
  940.  
  941. #by {
  942. width:10px;
  943. margin-top:-10px;
  944. margin-left:48px;
  945. height:10px;
  946. position:relative;
  947. }
  948.  
  949. #by a:hover {background:{color:Accent 5};}
  950.  
  951. #by:hover .by2 {
  952. opacity:1;
  953. -webkit-transition:all 0.5s;
  954. -moz-transition:all 0.5s;
  955. -ms-transition:all 0.5s;
  956. -o-transition:all 0.5s;
  957. transition:all 0.5s;
  958. }
  959.  
  960. .by2 {
  961. text-transform:uppercase;
  962. color:{color:Post Text};
  963. opacity:0;
  964. padding:2px;
  965. margin-top:-12px;
  966. margin-left:45px;
  967. position:relative;
  968. text-align:right;
  969. width:408px;
  970. letter-spacing:1.5px;
  971. font-weight:bold;
  972. font-family: {font:Tags Font};
  973. font-size: {text:Tags Font Size};
  974. -webkit-transition:all 0.5s;
  975. -moz-transition:all 0.5s;
  976. -ms-transition:all 0.5s;
  977. -o-transition:all 0.5s;
  978. transition:all 0.5s;
  979. }
  980.  
  981. /* --- POST INFO ---*/
  982.  
  983. /* --- POST TAGS ---*/
  984.  
  985. #tags {
  986. width:500px;
  987. margin-left:0px;
  988. font-family: {font:Tags Font};
  989. font-size: {text:Tags Font Size};
  990. margin-top:-60px;
  991. position:relative;
  992. overflow:hidden;
  993. height:auto;
  994. {block:ifNotTagsUponHover}
  995. opacity:1;
  996. {/block:ifNotTagsUponHover}
  997. {block:ifTagsUponHover}
  998. opacity:0;
  999. {/block:ifTagsUponHover}
  1000. word-wrap: break-word;
  1001. text-indent:-2px;
  1002. text-align:center;
  1003. -webkit-transition: all 0.4s ease-in-out;
  1004. -moz-transition: all 0.4s ease-in-out;
  1005. -o-transition: all 0.4s ease-in-out;
  1006. transition: all 0.4s ease-in-out;
  1007. }
  1008.  
  1009. {block:ifTagsUponHover}
  1010. #post:hover #tags{
  1011. opacity:1;
  1012. -webkit-transition: all 0.4s ease-in-out;
  1013. -moz-transition: all 0.4s ease-in-out;
  1014. -o-transition: all 0.4s ease-in-out;
  1015. transition: all 0.4s ease-in-out;
  1016. }
  1017. {/block:ifTagsUponHover}
  1018.  
  1019. #tags a:hover:nth-child(5n+1){background-color:{color:Accent 1};color:white;}
  1020. #tags a:hover:nth-child(5n+2){background-color:{color:Accent 2};color:white;}
  1021. #tags a:hover:nth-child(5n+3){background-color:{color:Accent 3};color:white;}
  1022. #tags a:hover:nth-child(5n+4){background-color:{color:Accent 4};color:white;}
  1023. #tags a:hover:nth-child(5n+5){background-color:{color:Accent 5};color:white;}
  1024.  
  1025. #tags a {
  1026. margin:2px;
  1027. border-radius:1px;
  1028. padding:0px 4px;
  1029. line-height:16px;
  1030. text-transform: uppercase;
  1031. font-size: {text:Tags Font Size};
  1032. font-weight:bold;
  1033. text-decoration:none;
  1034. outline:none;
  1035. text-align:left;
  1036. border:1px solid transparent;
  1037. letter-spacing:0.5px;
  1038. color:{color:Tags};
  1039. font-family: {font:Tags Font};
  1040. -webkit-transition: all 0.4s ease-in-out;
  1041. -moz-transition: all 0.4s ease-in-out;
  1042. -o-transition: all 0.4s ease-in-out;
  1043. transition: all 0.4s ease-in-out;
  1044. }
  1045.  
  1046. /* --- POST TAGS ---*/
  1047.  
  1048. /* --- QUOTES ---*/
  1049.  
  1050. #mark {
  1051. font: bold 40px georgia;
  1052. margin-top:-38px;
  1053. margin-left:-30px;
  1054. position: absolute;
  1055. float:left;
  1056. z-index:99;
  1057. color:{color:Accent 1};
  1058. transform:rotate(180deg);
  1059. -ms-transform:rotate(180deg);
  1060. -webkit-transform:rotate(180deg);
  1061. }
  1062.  
  1063. #quote {
  1064. background-color:transparent;
  1065. padding:15px;
  1066. font-family:'lato', helvetica, arial;
  1067. text-align:left;
  1068. font-weight:bold;
  1069. font-size:11px;
  1070. border:2px solid {color:Post Text};
  1071. color:{color:Post Text};
  1072. }
  1073.  
  1074. #quote:first-letter {
  1075. font-weight:bold;
  1076. font-size:14px;
  1077. text-align:center;
  1078. font-family:'lato', helvetica, arial;
  1079. text-transform:uppercase;
  1080. color:{color:Accent 2};
  1081. }
  1082.  
  1083. #source {
  1084. padding-top:5px;
  1085. margin-top:4px;
  1086. padding-left:40px;
  1087. padding-bottom:5px;
  1088. text-align:left;
  1089. text-transform:uppercase;
  1090. border:2px solid transparent;
  1091. background-color:none;
  1092. color:{color:Post Text};
  1093. -webkit-transition: all 0.6s;
  1094. -moz-transition: all 0.6s;
  1095. -ms-transition:all 0.6s;
  1096. -o-transition: all 0.6s;
  1097. transition: all 0.6s;
  1098. }
  1099.  
  1100. #source a {
  1101. text-transform:uppercase;
  1102. text-decoration:none;
  1103. }
  1104.  
  1105. /* --- QUOTES ---*/
  1106.  
  1107. /* --- AUDIO PLAYER ---*/
  1108.  
  1109. #audio {
  1110. position:relative;
  1111. min-height:60px;}
  1112.  
  1113. #audioimage {
  1114. width:60px;
  1115. height:60px;
  1116. position:absolute;
  1117. z-index:2;}
  1118.  
  1119. #audioimage img {
  1120. margin-left:0px;
  1121. }
  1122.  
  1123. #audiobackground {
  1124. margin-top:5px;
  1125. margin-left:5px;
  1126. width:50px;
  1127. height:50px;
  1128. z-index:3;
  1129. position:absolute;
  1130. opacity:0.2;
  1131. background-color:white;
  1132. -webkit-transition:all 0.6s ease-out;
  1133. -moz-transition:all 0.6s ease-out;
  1134. transition:all 0.6s ease-out;}
  1135.  
  1136. #audiobackground:hover {
  1137. opacity:0.8;
  1138. transform:rotate(360deg);
  1139. -ms-transform:rotate(360deg);
  1140. -webkit-transform:rotate(360deg);
  1141. background-color:#ffffff;
  1142. -webkit-transition:all 0.6s ease-out;
  1143. -moz-transition:all 0.6s ease-out;
  1144. transition:all 0.6s ease-out;}
  1145.  
  1146. #audioplayer {
  1147. width:20px;
  1148. height:20px;
  1149. margin-top:11px;
  1150. margin-left:11px;
  1151. overflow:hidden;}
  1152.  
  1153. #audiobig {
  1154. width:400px;
  1155. height:70px;
  1156. overflow:hidden;}
  1157.  
  1158. #audioinfo {
  1159. background-color:transparent;
  1160. font-size:8px;
  1161. font-family: {text:Post Font};
  1162. color:#b6b6b6;
  1163. text-transform:uppercase;
  1164. height:6px;
  1165. width:405px;
  1166. padding:4px;
  1167. line-height:90%;
  1168. margin-bottom:1.5px;
  1169. margin-top:1px;
  1170. margin-left:68px;
  1171. text-align:left;
  1172. }
  1173.  
  1174. #audioinfo b{
  1175. color:{color:post text};
  1176. padding:0.5px 2px;
  1177. -webkit-transition: all 0.6s;
  1178. -moz-transition: all 0.6s;
  1179. -ms-transition:all 0.6s;
  1180. -o-transition: all 0.6s;
  1181. transition: all 0.6s;
  1182. }
  1183.  
  1184. #audioinfo:hover b{
  1185. margin-left:40px;
  1186. color:{color:Background};
  1187. margin-right:4px;
  1188. background:{color:Accent 1};
  1189. -webkit-transition: all 0.6s;
  1190. -moz-transition: all 0.6s;
  1191. -ms-transition:all 0.6s;
  1192. -o-transition: all 0.6s;
  1193. transition: all 0.6s;}
  1194.  
  1195. /* --- AUDIO PLAYER ---*/
  1196.  
  1197. /* --- CHATS ---*/
  1198.  
  1199. ul.chat {
  1200. margin:0px;
  1201. padding:0px;
  1202. }
  1203.  
  1204. .chat li {
  1205. list-style-type:none;
  1206. margin-left:0px;
  1207. padding:4px;
  1208. }
  1209.  
  1210. .odd .label {
  1211. color:{color:Accent 1};
  1212. }
  1213.  
  1214. .even .label {
  1215. color:{color:Accent 2};
  1216. }
  1217.  
  1218. .label {
  1219. font-weight:bold;
  1220. text-transform:uppercase;
  1221. font-family: {text:Post Font};
  1222. letter-spacing:1px;
  1223. font-size:8px;
  1224. }
  1225.  
  1226. .chat li.odd {
  1227. background-color:{color:Background};
  1228. margin-bottom:1px;
  1229. }
  1230.  
  1231. .chat li.even {
  1232. background-color:{color:Post Background};
  1233. opacity:1;
  1234. margin-bottom:1px;
  1235. }
  1236.  
  1237. /* --- CHATS ---*/
  1238.  
  1239. /* --- QUESTIONS ---*/
  1240.  
  1241. .ask {
  1242. padding:20px;
  1243. overflow-y:auto;
  1244. background-color:{color:Background};
  1245. }
  1246.  
  1247. .ask i {
  1248. float:right;
  1249. font-style:inherit;
  1250. }
  1251.  
  1252. .ask a {
  1253. text-decoration:none;
  1254. }
  1255.  
  1256. /* --- QUESTIONS ---*/
  1257.  
  1258. /* --- NOTES ---*/
  1259.  
  1260. .posties *{
  1261. margin:0;
  1262. padding-top:0px;
  1263. padding-right:0px;
  1264. padding-left:0px;
  1265. width:535px;
  1266. }
  1267.  
  1268. .posties {
  1269. clear:both;
  1270. margin-top:30px;
  1271. padding-bottom:0px;
  1272. text-align:right;
  1273. font-size:0px;
  1274. height:151px;
  1275. margin-top:40px;
  1276. overflow:auto;
  1277. margin-left:10px;
  1278. width:545px;
  1279. }
  1280.  
  1281. .posties a{
  1282. font-size:0px;
  1283. width:30px;
  1284. opacity:0.5;
  1285. z-index:9;
  1286. height:30px;
  1287. background:{color:Background};
  1288. -webkit-transition: all 0.6s;
  1289. -moz-transition: all 0.6s;
  1290. -ms-transition:all 0.6s;
  1291. -o-transition: all 0.6s;
  1292. transition: all 0.6s;
  1293. }
  1294.  
  1295. .posties a:hover{
  1296. opacity:1;
  1297. -webkit-transition: all 0.6s;
  1298. -moz-transition: all 0.6s;
  1299. -ms-transition:all 0.6s;
  1300. -o-transition: all 0.6s;
  1301. transition: all 0.6s;
  1302. }
  1303.  
  1304. .posties li{
  1305. padding:0;
  1306. list-style-type:none;
  1307. display:inline-block;
  1308. width:35px;
  1309. height:40px;
  1310. margin:0px;
  1311. overflow:hidden;
  1312. }
  1313.  
  1314. .posties img{
  1315. width:21px;
  1316. display:inline-block;
  1317. text-align:right;
  1318. float:left;
  1319. z-index:999999;
  1320. background-color:{color:Post Background};
  1321. border:1px solid {color:Post Border};
  1322. height:21px;
  1323. padding:4px;
  1324. }
  1325.  
  1326. .more_notes_link {background:{color:Accent 1};width:10px; height:10px;}
  1327.  
  1328. /* --- NOTES ---*/
  1329.  
  1330. /* --- PAGE PAGINATION ---*/
  1331.  
  1332. .pagepagination{
  1333. position:absolute;
  1334. width:510px;
  1335. margin-top:25px;
  1336. margin-left:0px;
  1337. margin-right:auto;
  1338. }
  1339.  
  1340. .pagepagination a{
  1341. display:inline-block;
  1342. color:#ffffff;
  1343. text-transform:uppercase;
  1344. font-family:{text:Post Font};
  1345. font-size:8px;
  1346. text-decoration:none;
  1347. padding:0 2% 0 2%;
  1348. background:{color:Post Text};
  1349. }
  1350.  
  1351. .pagepagination a:hover:nth-child(2n+1)
  1352. {background:{color:Accent 1};color:white;}
  1353. .pagepagination a:hover:nth-child(2n+2)
  1354. {background:{color:Accent 1};color:white;}
  1355.  
  1356. /* --- PAGE PAGINATION ---*/
  1357.  
  1358. /* --- SELECTION ---*/
  1359.  
  1360. ::selection {
  1361. background-color:none;
  1362. color:{color:Selection};
  1363. }
  1364.  
  1365. ::-moz-selection {
  1366. background-color:none;
  1367. color:{color:Selection};
  1368. }
  1369.  
  1370. /* --- SELECTION ---*/
  1371.  
  1372. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1373.  
  1374. .credit, .credit a {
  1375. width:15px;
  1376. height:15px;
  1377. bottom:7px;
  1378. right:10px;
  1379. padding:4px;
  1380. font-size:9px;
  1381. letter-spacing:2px;
  1382. color:#ffffff;
  1383. z-index:1;
  1384. line-height:15px;
  1385. position:fixed;
  1386. text-align:center;
  1387. font-family:calibri;
  1388. text-decoration:none;
  1389. text-transform:uppercase;
  1390. background-color:{color:Accent 1};
  1391. border:1px solid #cccccc;
  1392. -webkit-transition: all 0.5s ease-in-out;
  1393. -moz-transition: all 0.5s ease-in-out;
  1394. -o-transition: all 0.5s ease-in-out;
  1395. transition: all 0.5s ease-in-out;
  1396. }
  1397.  
  1398. .credit a:hover {
  1399. -webkit-transition: all 0.5s ease-in-out;
  1400. -moz-transition: all 0.5s ease-in-out;
  1401. -o-transition: all 0.5s ease-in-out;
  1402. transition: all 0.5s ease-in-out;
  1403. background-color:{color:Header};
  1404. color:{color:Links};
  1405. transform:rotate(360deg);
  1406. -ms-transform:rotate(360deg);
  1407. -webkit-transform:rotate(360deg);}
  1408.  
  1409. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1410.  
  1411. #infscr-loading {display:none!important;}
  1412.  
  1413. /* UPDATES TAB */
  1414.  
  1415. #tab16 {
  1416. position:fixed;
  1417. right:-115px;
  1418. top:45px;
  1419. width:130px;
  1420. z-index:0;
  1421. font-size:11px;
  1422. padding:10px;
  1423. }
  1424.  
  1425. #tab16 a{
  1426. text-decoration:none;
  1427. background:none;
  1428. padding:0.5px 2px;
  1429. color:{color:Tab Links};
  1430. font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1431. -webkit-transition: all 0.5s ease-in-out;
  1432. -moz-transition: all 0.5s ease-in-out;
  1433. -o-transition: all 0.5s ease-in-out;
  1434. transition: all 0.5s ease-in-out;
  1435. }
  1436.  
  1437. #tab16 a:hover{
  1438. background:none;
  1439. color:{color:Tab Links Hover};
  1440. font-size:8px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1441. -webkit-transition: all 0.5s ease-in-out;
  1442. -moz-transition: all 0.5s ease-in-out;
  1443. -o-transition: all 0.5s ease-in-out;
  1444. transition: all 0.5s ease-in-out;
  1445. }
  1446.  
  1447. /* UPDATES TAB */
  1448.  
  1449. /* --- UPDATES TAB BOX 1 ---*/
  1450.  
  1451. #tab16line1 {
  1452. height:10px;
  1453. width:10px;
  1454. display: inline-block;
  1455. position:fixed;
  1456. opacity:1;
  1457. background-color:{color:Accent 1};
  1458. }
  1459.  
  1460. #tab16line1:hover #tab16textbox1{
  1461. width:80px;
  1462. height:120px;
  1463. padding-right:20px;
  1464. opacity:1;
  1465. -webkit-transition:0.7s;
  1466. -moz-transition:0.7s;
  1467. -ms-transition:0.7s;
  1468. -o-transition:0.7s;
  1469. transition:0.7s;
  1470. }
  1471.  
  1472. #tab16textbox1 {
  1473. width:0px;
  1474. height:0px;
  1475. color:{color:Tab Text};
  1476. font-family:calibri; /* CHANGE FONT HERE */
  1477. font-size:8px; /* CHANGE FONT SIZE HERE */
  1478. line-height:110%;
  1479. border-top:2px solid {color:Accent 1};
  1480. padding-top:5px;
  1481. margin-top:4px;
  1482. margin-right:0px;
  1483. float:right;
  1484. text-transform:uppercase;
  1485. overflow:hidden;
  1486. opacity:1;
  1487. text-align:right;
  1488. -webkit-transition:0.7s;
  1489. -moz-transition:0.7s;
  1490. -ms-transition:0.7s;
  1491. -o-transition:0.7s;
  1492. transition:0.7s;
  1493. }
  1494.  
  1495. /* --- UPDATES TAB BOX 1 ---*/
  1496.  
  1497. /* --- UPDATES TAB BOX 2 ---*/
  1498.  
  1499. #tab16line2 {
  1500. height:10px;
  1501. width:10px;
  1502. display: inline-block;
  1503. position:fixed;
  1504. margin-top:14px;
  1505. opacity:1;
  1506. background-color: {color:Accent 2};
  1507. }
  1508.  
  1509. #tab16line2:hover #tab16textbox2{
  1510. width:80px;
  1511. height:120px;
  1512. padding-right:20px;
  1513. opacity:1;
  1514. -webkit-transition:0.7s;
  1515. -moz-transition:0.7s;
  1516. -ms-transition:0.7s;
  1517. -o-transition:0.7s;
  1518. transition:0.7s;
  1519. }
  1520.  
  1521. #tab16textbox2 {
  1522. width:0px;
  1523. height:0px;
  1524. color:{color:Tab Text};
  1525. font-family:calibri; /* CHANGE FONT HERE */
  1526. font-size:8px; /* CHANGE FONT SIZE HERE */
  1527. line-height:110%;
  1528. border-top:2px solid {color:Accent 2};
  1529. padding-top:5px;
  1530. margin-top:4px;
  1531. margin-right:0px;
  1532. float:right;
  1533. text-transform:uppercase;
  1534. overflow:hidden;
  1535. opacity:1;
  1536. text-align:right;
  1537. -webkit-transition:0.7s;
  1538. -moz-transition:0.7s;
  1539. -ms-transition:0.7s;
  1540. -o-transition:0.7s;
  1541. transition:0.7s;
  1542. }
  1543.  
  1544. /* --- UPDATES TAB BOX 2 ---*/
  1545.  
  1546. /* --- UPDATES TAB BOX 3 ---*/
  1547.  
  1548. #tab16line3 {
  1549. height:10px;
  1550. width:10px;
  1551. display: inline-block;
  1552. position:fixed;
  1553. margin-top:28px;
  1554. background-color: {color:Accent 3};
  1555. }
  1556.  
  1557. #tab16line3:hover #tab16textbox3{
  1558. width:80px;
  1559. height:120px;
  1560. padding-right:20px;
  1561. opacity:1;
  1562. -webkit-transition:0.7s;
  1563. -moz-transition:0.7s;
  1564. -ms-transition:0.7s;
  1565. -o-transition:0.7s;
  1566. transition:0.7s;
  1567. }
  1568.  
  1569. #tab16textbox3 {
  1570. width:0px;
  1571. height:0px;
  1572. color:{color:Tab Text};
  1573. font-family:calibri; /* CHANGE FONT HERE */
  1574. font-size:8px; /* CHANGE FONT SIZE HERE */
  1575. line-height:110%;
  1576. border-top:2px solid {color:Accent 3};
  1577. padding-top:5px;
  1578. margin-top:4px;
  1579. margin-right:0px;
  1580. text-transform:uppercase;
  1581. overflow:hidden;
  1582. opacity:1;
  1583. float:right;
  1584. text-align:right;
  1585. -webkit-transition:0.7s;
  1586. -moz-transition:0.7s;
  1587. -ms-transition:0.7s;
  1588. -o-transition:0.7s;
  1589. transition:0.7s;
  1590. }
  1591.  
  1592. /* --- UPDATES TAB BOX 3 ---*/
  1593.  
  1594. /* --- UPDATES TAB BOX 4 ---*/
  1595.  
  1596. #tab16line4 {
  1597. height:10px;
  1598. width:10px;
  1599. display: inline-block;
  1600. position:fixed;
  1601. margin-top:42px;
  1602. background-color: {color:Accent 4};
  1603. }
  1604.  
  1605. #tab16line4:hover #tab16textbox4{
  1606. width:80px;
  1607. height:120px;
  1608. padding-right:20px;
  1609. opacity:1;
  1610. -webkit-transition:0.7s;
  1611. -moz-transition:0.7s;
  1612. -ms-transition:0.7s;
  1613. -o-transition:0.7s;
  1614. transition:0.7s;
  1615. }
  1616.  
  1617. #tab16textbox4 {
  1618. width:0px;
  1619. height:0px;
  1620. color:{color:Tab Text};
  1621. font-family:calibri; /* CHANGE FONT HERE */
  1622. font-size:8px; /* CHANGE FONT SIZE HERE */
  1623. line-height:110%;
  1624. border-top:2px solid {color:Accent 4};
  1625. padding-top:5px;
  1626. margin-top:4px;
  1627. margin-right:0px;
  1628. text-transform:uppercase;
  1629. overflow:hidden;
  1630. opacity:1;
  1631. float:right;
  1632. text-align:right;
  1633. -webkit-transition:0.7s;
  1634. -moz-transition:0.7s;
  1635. -ms-transition:0.7s;
  1636. -o-transition:0.7s;
  1637. transition:0.7s;
  1638. }
  1639.  
  1640. /* --- UPDATES TAB BOX 4 ---*/
  1641.  
  1642. /* --- UPDATES TAB BOX 5 ---*/
  1643.  
  1644. #tab16line5 {
  1645. height:10px;
  1646. width:10px;
  1647. display: inline-block;
  1648. position:fixed;
  1649. margin-top:56px;
  1650. background-color: {color:Accent 5};
  1651. }
  1652.  
  1653. #tab16line5:hover #tab16textbox5{
  1654. width:80px;
  1655. height:120px;
  1656. padding-right:20px;
  1657. opacity:1;
  1658. -webkit-transition:0.7s;
  1659. -moz-transition:0.7s;
  1660. -ms-transition:0.7s;
  1661. -o-transition:0.7s;
  1662. transition:0.7s;
  1663. }
  1664.  
  1665. #tab16textbox5 {
  1666. width:0px;
  1667. height:0px;
  1668. color:{color:Tab Text};
  1669. font-family:calibri; /* CHANGE FONT HERE */
  1670. font-size:8px; /* CHANGE FONT SIZE HERE */
  1671. line-height:110%;
  1672. border-top:2px solid {color:Accent 5};
  1673. padding-top:5px;
  1674. margin-top:4px;
  1675. margin-right:0px;
  1676. text-transform:uppercase;
  1677. overflow:hidden;
  1678. opacity:1;
  1679. float:right;
  1680. text-align:right;
  1681. -webkit-transition:0.7s;
  1682. -moz-transition:0.7s;
  1683. -ms-transition:0.7s;
  1684. -o-transition:0.7s;
  1685. transition:0.7s;
  1686. }
  1687.  
  1688. /* --- UPDATES TAB BOX 5 ---*/
  1689.  
  1690. /* UPDATES TAB */
  1691.  
  1692. {CustomCSS}
  1693.  
  1694. @-webkit-keyframes fade-in {
  1695. 0% { opacity: 0; }
  1696. 50% { opacity: 0; }
  1697. 100% { opacity: 1; }
  1698.  
  1699. </style>
  1700.  
  1701. {block:IfUpdatesTab}
  1702.  
  1703. <div id="tab16">
  1704.  
  1705. <!-- UPDATES TAB BOX 1 START -->
  1706.  
  1707. <div id="tab16line1">
  1708. <div id="tab16textbox1">
  1709. <div style="width:80px; height:8px; margin-left: 0px;
  1710. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 1}";>
  1711. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1712. This is where your text belongs. </p>
  1713. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1714. New paragraph with < p > < / p > and
  1715. </br>New line with < br > without the spaces</p>
  1716. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1717. </div>
  1718. </div>
  1719.  
  1720. <!-- UPDATES TAB BOX 1 END -->
  1721.  
  1722. <!-- UPDATES TAB BOX 2 START -->
  1723.  
  1724. <div id="tab16line2">
  1725. <div id="tab16textbox2">
  1726. <div style="width:80px; height:8px; margin-left: 0px;
  1727. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 2}";>
  1728. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1729. This is where your text belongs. </p>
  1730. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1731. New paragraph with < p > < / p > and
  1732. </br>New line with < br > without the spaces</p>
  1733. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1734. </div>
  1735. </div>
  1736.  
  1737. <!-- UPDATES TAB BOX 2 END -->
  1738.  
  1739. <!-- UPDATES TAB BOX 3 START -->
  1740.  
  1741. <div id="tab16line3">
  1742. <div id="tab16textbox3">
  1743. <div style="width:80px; height:8px; margin-left: 0px;
  1744. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 3}";>
  1745. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1746. This is where your text belongs. </p>
  1747. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1748. New paragraph with < p > < / p > and
  1749. </br>New line with < br > without the spaces</p>
  1750. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1751. </div>
  1752. </div>
  1753.  
  1754. <!-- UPDATES TAB BOX 3 END -->
  1755.  
  1756. <!-- UPDATES TAB BOX 4 START -->
  1757.  
  1758. <div id="tab16line4">
  1759. <div id="tab16textbox4">
  1760. <div style="width:80px; height:8px; margin-left: 0px;
  1761. border:1px #ffffff; line-height:7px;padding:1px; background-color:{color:Accent 4}";>
  1762. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1763. This is where your text belongs. </p>
  1764. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1765. New paragraph with < p > < / p > and
  1766. </br>New line with < br > without the spaces</p>
  1767. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  1768. </div>
  1769. </div>
  1770.  
  1771. <!-- UPDATES TAB BOX 4 END -->
  1772.  
  1773. <!-- UPDATES TAB BOX 5 START -->
  1774.  
  1775. <div id="tab16line5">
  1776. <div id="tab16textbox5">
  1777. <div style="width:80px; height:8px; margin-left: 0px;
  1778. border:1px #ffffff; line-height:8px;padding:1px; background-color:{color:Accent 5}";>
  1779. <FONT COLOR=#FFFFFF><FONT size=1><center>YOUR TITLE</center></FONT></FONT></div></p>
  1780. This is where your text belongs. </p>
  1781. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1782. New paragraph with < p > < / p > and
  1783. </br>New line with < br > without the spaces</p>
  1784.  
  1785. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a>
  1786. </div>
  1787. </div>
  1788.  
  1789. <!-- UPDATES TAB BOX 5 END -->
  1790.  
  1791. </div>
  1792.  
  1793. {/block:IfUpdatesTab}
  1794.  
  1795. </head><body>
  1796.  
  1797. <div id="container">
  1798.  
  1799. <div id="sidebar2">
  1800. </div>
  1801.  
  1802. <div id="nav">
  1803.  
  1804. <a href="/">{text:Home Link Title}</a>
  1805. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  1806. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  1807. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  1808. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
  1809.  
  1810. <div id="title2">{block:IndexPage}{text:Title}{/block:IndexPage}{block:PermalinkPage}{text:Subtitle}{/block:PermalinkPage}</div>
  1811.  
  1812. </div>
  1813.  
  1814. <div id="sidebar">
  1815. <div id="title">{text:Title}</div>
  1816. <div id="subtitle">{Text:Subtitle}
  1817. {block:IfNotInfiniteScroll}
  1818. {block:Pagination}
  1819. {block:PreviousPage}<div id="prev"><a href="{PreviousPage}" title="previous page">«</a></div>{/block:PreviousPage}
  1820. {block:NextPage}<div id="next"><a href="{NextPage}" title="next page">»</a></div>{/block:NextPage}
  1821. {/block:Pagination}
  1822. {block:IfNotInfiniteScroll}
  1823. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}</div>
  1824. <div id="description">{Description}</P> <CENTER><B>!!! HOVER FOR MORE !!! SCROLL DOWN FOR MORE !!!</B></CENTER></div>
  1825. <div id="links">
  1826. <a href="/">{text:Home Link Title}</a>
  1827. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  1828. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  1829. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  1830. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a>
  1831. </div>
  1832. </div>
  1833.  
  1834. <div id="header"></div>
  1835.  
  1836. <span class="credit">
  1837. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a></span>
  1838.  
  1839. <div id="entries">
  1840. <div class = "autopagerize_page_element" >
  1841. {block:Posts}
  1842. <div id="post">
  1843.  
  1844. <div class="po">
  1845.  
  1846. <!----- TEXT / PHOTO POSTS ----->
  1847.  
  1848. {block:ContentSource}
  1849. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1850. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1851. {/block:SourceLogo}
  1852. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1853. {/block:ContentSource}
  1854.  
  1855. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1856.  
  1857. {block:Photo}{LinkOpenTag}<div class="imgp"><img src="{PhotoURL-500}" target="_blank"></div>{LinkCloseTag}
  1858. {block:Caption}{block:ifShowCaptions}
  1859. <span class="caption">{Caption}</span>
  1860. {/block:ifShowCaptions}{/block:Caption}
  1861. {/block:Photo}
  1862.  
  1863. {block:Photoset}
  1864. <div class="imgp"><div class="pset">{Photoset-500}</div></div>
  1865. {block:Caption}{block:ifShowCaptions}
  1866. <span class="caption">{Caption}</span>
  1867. {/block:ifShowCaptions}{/block:Caption}
  1868. {/block:Photoset}
  1869.  
  1870. <!----- TEXT / PHOTO POSTS ----->
  1871.  
  1872. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1873.  
  1874. {block:Quote}<div id="quote">{Quote}</div>
  1875. <div id="source">{block:Source}{Source}{/block:Source}<div id="mark">“</div></div>{/block:Quote}
  1876.  
  1877. {block:Video}<div class="imgp"><div class="pset">{Video-500}</div></div>
  1878. {block:Caption}{block:ifShowCaptions}
  1879. <span class="caption">{Caption}</span>
  1880. {/block:ifShowCaptions}{/block:Caption}{/block:Video}
  1881.  
  1882. {block:Link}<h1><a href="{URL}" target="_blank" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1883.  
  1884. {block:Chat}
  1885. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  1886. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1887. {Line}</li>{/block:Lines}</ul>
  1888. {/block:Chat}
  1889.  
  1890. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  1891.  
  1892. <!----- AUDIO POSTS ----->
  1893.  
  1894. {block:Audio}
  1895. <div id="audio">
  1896. <div id="audiobackground"><div id="audioplayer">
  1897. {AudioPlayerWhite}
  1898. </div></div>
  1899. <img id="audioimage" style="max-width:60px;" img src="https://38.media.tumblr.com/27c7e2c0db27e7c0573b9a098873f6c5/tumblr_nfeb2dRHoU1trnu46o1_400.jpg"/>
  1900. {block:AlbumArt}
  1901. <img id="audioimage" style="max-width:60px;" src="{AlbumArtURL}" />
  1902. {/block:AlbumArt}
  1903. <div id="audiobig">
  1904. {block:TrackName}
  1905. <div id="audioinfo"><b>Track: </b>{TrackName}</div>
  1906. {/block:TrackName}
  1907. {block:Artist}
  1908. <div id="audioinfo"><b>Artist: </b> {Artist}</div>
  1909. {/block:Artist}{block:Album}
  1910. <div id="audioinfo"><b>Album: </b>{Album}</div>
  1911. {/block:Album}
  1912. <div id="audioinfo"><b>Played: </b>{PlayCountWithLabel}</div>
  1913. </div></div>{block:ifshowcaptions}
  1914. <span class="caption">{Caption}</span>
  1915. {/block:ifshowcaptions}
  1916. {/block:Audio}
  1917.  
  1918. <!----- AUDIO POSTS ----->
  1919.  
  1920. <!----- ASKS POSTS ----->
  1921.  
  1922. {block:Answer}<!-- answer --><div class="ask accent">{Question}<i>&mdash; {Asker}</i></div><div class="reply text">{Answer}</div>{/block:Answer}
  1923.  
  1924. <!----- ASKS POSTS ----->
  1925.  
  1926. <!----- INFO SECTION ----->
  1927.  
  1928. <div id="info">
  1929.  
  1930. <div class="notes">
  1931.  
  1932. <div id="date"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"></a><div class="date2">{24HourWithZero}:{Minutes} - {dayofmonthwithZero} {month} {year}</div></div>
  1933.  
  1934. <div id="notes"><a href="{Permalink}"></a><div class="notes2">{NoteCountwithLabel}</div></div>
  1935.  
  1936. <div id="reblog"><a href="{ReblogURL}" target="blank"></a><div class="reblog2">reblog this post</div></div>
  1937.  
  1938. {block:RebloggedFrom}
  1939. <div id="from"><a href="{ReblogParentURL}" target="blank"></a><div class="from2">reblogged from {ReblogParentName}</div></div>
  1940. <div id="by"><a href="{ReblogRootURL}" target="blank"></a><div class="by2">originally by {ReblogRootName}</div></div>
  1941. {/block:RebloggedFrom}
  1942. </div>
  1943.  
  1944. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1945.  
  1946. </div></div>
  1947.  
  1948. <!----- INFO SECTION ----->
  1949.  
  1950. <!----- PAGE PAGINATION ----->
  1951.  
  1952. <div class="pagepagination">
  1953. {block:PermalinkPagination}
  1954. {block:PreviousPost}
  1955. <a href="{PreviousPost}">⇚&nbsp;&nbsp;go to Previous Post</a>
  1956. {/block:PreviousPost}
  1957. {block:NextPost}
  1958. <a href="{NextPost}" style="position:absolute; right:0;">go to Next Post&nbsp;&nbsp;⇛</a>
  1959. {/block:NextPost}
  1960. {/block:PermalinkPagination}
  1961. </div>
  1962.  
  1963. <!----- PAGE PAGINATION ----->
  1964.  
  1965. </div>
  1966.  
  1967. {block:PostNotes}
  1968. <div class="posties">{PostNotes-64}</div>
  1969. {/block:PostNotes}
  1970.  
  1971. {/block:Posts}
  1972.  
  1973. </div></div>
  1974.  
  1975. {block:Pagination}<div id="pagination">
  1976. {block:PreviousPage}<a href="{PreviousPage}">previous</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>
  1977. {/block:NextPage}</div>{/block:Pagination}
  1978.  
  1979. </div>
  1980.  
  1981. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!