iamthemelocked

Iamthemelocked #101 - A for Adler

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