API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #131 - Beauty

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