API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #107 - G for Goodbye

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