API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #128 - 1895

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