API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #105 - E for Enigmatic

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