API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #110 - J for John Christopher

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