API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #121 - U for Ultima

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