API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #113 - M for Moon

iamthemelocked
Nov 30th, 2014
1,656
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.32 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. <script type="text/javascript"
  23. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24.  
  25. <!--- POP UP STUFF --->
  26.  
  27. <script>
  28. $(document).ready(function() {
  29. //
  30. //When you click on a link with class of poplight and the href starts with a #
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel'); //Get Popup Name
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34. //Pull Query & Variables from href URL
  35. var query= popURL.split('?');
  36. var dim= query[1].split('&');
  37. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  38. //Fade in the Popup and add close button
  39. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><class="btn_close" title="Close Window" alt="Close" /></a>');
  40. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  41. var popMargTop = ($('#' + popID).height() + 80) / 2;
  42. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  43. //Apply Margin to Popup
  44. $('#' + popID).css({
  45. 'margin-top' : -popMargTop,
  46. 'margin-left' : -popMargLeft
  47. });
  48. //Fade in Background
  49. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  50. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  51. return false;
  52. });
  53. //Close Popups and Fade Layer
  54. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  55. $('#fade , .popup_block').fadeOut(function() {
  56. $('#fade, a.close').remove(); //fade them both out
  57. });
  58. return false;
  59. });
  60. });
  61. </script>
  62.  
  63. <!--- POP UP STUFF --->
  64.  
  65. <!--- OPTIONS --->
  66.  
  67. <meta name="if:Black and White Posts" content="0"/>
  68. <meta name="if:Infinite Scroll" content="0">
  69. <meta name="if:Tags Upon Hover" content="1">
  70. <meta name="if:Tiny Cursor" content="1">
  71. <meta name="if:Show Captions" content="1"/>
  72. <meta name="if:Pop Up Links" content="1"/>
  73. <!--- OPTIONS --->
  74.  
  75. <!--- IMAGES --->
  76.  
  77. <meta name="image:Header Big Image" content="http://static.tumblr.com/f85ab46086b895a4246ae26c3a4f8481/xasysa0/Jehnfuxdj/tumblr_static_dp3utxoqvig4k0wkk8kkos8wo.jpg"/>
  78. <meta name="image:Header Icon 1" content=""/>
  79. <meta name="image:Header Icon 2" content=""/>
  80. <meta name="image:About Image" content="http://static.tumblr.com/9ebc5e6db293667f5c26fd1918a0be5c/xasysa0/qhXnfuuob/tumblr_static_dwmifyq8l748gwk4oggw0wkcg.jpg"/>
  81. <meta name="image:FAQ Image" content="http://static.tumblr.com/4aec38136a688e40ffa34fb727fe5aa7/xasysa0/Kc9nfv02k/tumblr_static_cnw6gfeaoa8s8ck0ok40g8coc.jpg"/>
  82.  
  83. <!--- IMAGES --->
  84.  
  85. <!--- FONTS --->
  86.  
  87. <meta name="font:Post Font" content="calibri" />
  88. <meta name="font:Tags Font" content="calibri" />
  89.  
  90. <!--- FONTS --->
  91.  
  92. <!--- FONT SIZES --->
  93.  
  94. <meta name="text:Post Font Size" content="10px"/>
  95. <meta name="text:General Links Font Size" content="10px"/>
  96. <meta name="text:Tags Font Size" content="8px"/>
  97.  
  98. <!--- FONTS SIZES--->
  99.  
  100. <!--- GENERAL COLOURS --->
  101.  
  102. <meta name="color:Background" content="#ffffff"/>
  103. <meta name="color:Posts Background" content="#f6f6f6"/>
  104. <meta name="color:Post Text" content="#222222"/>
  105. <meta name="color:General Links" content="#cb2f66"/>
  106. <meta name="color:General Links Hover" content="#ffffff"/>
  107.  
  108. <!--- GENERAL COLOURS --->
  109.  
  110. <!--- HEADER / SIDEBAR --->
  111.  
  112. <meta name="color:Header Background" content="#000000"/>
  113. <meta name="color:Header Fade" content="#ffffff"/>
  114. <meta name="color:Header Links" content="#ffffff"/>
  115.  
  116. <meta name="color:Title" content="#ffffff"/>
  117. <meta name="color:Description Text" content="#000000"/>
  118.  
  119. <meta name="color:Pagination Button" content="#000000"/>
  120. <meta name="color:Pagination Text" content="#ffffff"/>
  121. <meta name="color:Pagination Button Hover" content="#cb2f66"/>
  122. <meta name="color:Pagination Text Hover" content="#ffffff"/>
  123.  
  124. <!--- HEADER / SIDEBAR --->
  125.  
  126. <meta name="color:Pop Up Background" content="#000000"/>
  127. <meta name="color:Pop Up Text" content="#ffffff"/>
  128.  
  129. <meta name="color:Pop Up Accent 1" content="#cb2f66"/>
  130. <meta name="color:Pop Up Accent 2" content="#FFFC5E"/>
  131. <meta name="color:Pop Up Accent 3" content="#00D118"/>
  132. <meta name="color:Pop Up Accent 4" content="#FAA716"/>
  133. <meta name="color:Pop Up Accent 5" content="#C413E8"/>
  134. <meta name="color:Pop Up Accent 6" content="#00D0FF"/>
  135.  
  136. <meta name="text:Pop Up Ask" content="Put your URL here, just the URL without http:// etc."/>
  137.  
  138. <!--- INFO SECTION --->
  139.  
  140. <meta name="color:Post Accent 1" content="#cb2f66"/>
  141. <meta name="color:Post Accent 2" content="#56bc8a"/>
  142.  
  143. <meta name="color:Info Background" content="#000000"/>
  144. <meta name="color:Info Text" content="#ffffff"/>
  145. <meta name="color:Info Text Hover" content="#000000"/>
  146.  
  147. <!--- INFO SECTION --->
  148.  
  149. <!--- TAGS --->
  150.  
  151. <meta name="color:Tags Text" content="#000000"/>
  152. <meta name="color:Tags Text Hover" content="#ffffff"/>
  153. <meta name="color:Tags Background" content="#661833"/>
  154.  
  155. <!--- TAGS --->
  156.  
  157. <!--- POSTS --->
  158.  
  159. <meta name="color:Chat Background 1" content="#f6f6f6"/>
  160. <meta name="color:Chat Background 2" content="#f0eeee"/>
  161.  
  162. <meta name="color:Music Player Text" content="#b6b6b6"/>
  163. <meta name="color:Music Player Titles" content="#000000"/>
  164.  
  165. <!--- POSTS --->
  166.  
  167. <!--- OTHER --->
  168.  
  169. <meta name="color:Tooltip Background" content="#000000"/>
  170. <meta name="color:Tooltip Text" content="#ffffff"/>
  171. <meta name="color:Selection" content="#000000"/>
  172. <meta name="color:Selection Hover" content="#ffffff"/>
  173. <meta name="color:Scrollbar" content="#000000"/>
  174.  
  175. <!--- OTHER --->
  176.  
  177. <!--- TITLE --->
  178.  
  179. <meta name="text:Title" content="M for Moon"/>
  180. <meta name="text:Scroll To Top Button" content="Scroll back up"/>
  181.  
  182. <!--- TITLE --->
  183.  
  184. <!--- LINKS --->
  185.  
  186. <meta name="text:Link1 Name" content="Index"/>
  187. <meta name="text:Link2 Name" content="Message"/>
  188. <meta name="text:Link3 Name" content="Navigation"/>
  189. <meta name="text:Link4 Name" content="Blogroll"/>
  190. <meta name="text:Link5 Name" content="About"/>
  191.  
  192. <meta name="text:Link3 Url" content="http://"/>
  193. <meta name="text:Link4 Url" content="http://"/>
  194. <meta name="text:Link5 Url" content="http://"/>
  195.  
  196. <!--- LINKS --->
  197.  
  198. <!--- UPDATES TAB COLOURS --->
  199.  
  200. <meta name="color:Tab Text" content="#dddddd"/>
  201. <meta name="color:Tab Links" content="#b6b6b6"/>
  202.  
  203. <meta name="color:Tab Line 1 Colour" content="#fe89b3"/>
  204. <meta name="color:Tab Line 2 Colour" content="#fe6299"/>
  205. <meta name="color:Tab Line 3 Colour" content="#fe3b80"/>
  206. <meta name="color:Tab Line 4 Colour" content="#cb2f66"/>
  207. <meta name="color:Tab Line 5 Colour" content="#98234d"/>
  208.  
  209. <!--- UPDATES TAB COLOURS --->
  210.  
  211. <!---UPDATES TAB ON/OFF --->
  212.  
  213. <meta name="if:Updates Tab" content="1"/>
  214.  
  215. <!---UPDATES TAB ON/OFF --->
  216.  
  217.  
  218. <!---INFINTE SCROLL --->
  219.  
  220. {block:IfInfiniteScroll}
  221. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  222. {/block:IfInfiniteScroll}
  223. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  224.  
  225. <!---INFINTE SCROLL --->
  226.  
  227. <!--- SPECIAL FONTS --->
  228.  
  229. <script type="text/javascript">
  230. WebFontConfig = {
  231. google: { families: [ 'Petit+Formal+Script::latin' ] }
  232. };
  233. (function() {
  234. var wf = document.createElement('script');
  235. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  236. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  237. wf.type = 'text/javascript';
  238. wf.async = 'true';
  239. var s = document.getElementsByTagName('script')[0];
  240. s.parentNode.insertBefore(wf, s);
  241. })(); </script>
  242.  
  243. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  244.  
  245. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  246.  
  247. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  248.  
  249. <link href='http://fonts.googleapis.com/css?family=Wisdom Script' rel='stylesheet' type='text/css'>
  250.  
  251. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  252. <!--- SPECIAL FONTS --->
  253.  
  254. <style type="text/css">
  255.  
  256. /* --- SCROLLBAR ---*/
  257.  
  258. ::-webkit-scrollbar-thumb:vertical {
  259. height:10px; border:2px solid {color:background}; background-color:{color:Scrollbar};}
  260.  
  261. ::-webkit-scrollbar-thumb:horizontal {
  262. background-color:{color:background};border:2px solid {color:Scrollbar};}
  263.  
  264. ::-webkit-scrollbar {
  265. width:11px; height:5px; border:5px solid {color:background}; background-color:{color:Scrollbar};}
  266.  
  267. ::-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};}
  268.  
  269. 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;}
  270.  
  271. /* --- SCROLLBAR ---*/
  272.  
  273. /* --- BODY ---*/
  274.  
  275. #s-m-t-tooltip{
  276. position:absolute;
  277. margin-top: 15px;
  278. letter-spacing:1px;
  279. z-index:9999999999999;
  280. background:{color:Tooltip Background};
  281. color:{color:Tooltip Text};
  282. text-transform:uppercase;
  283. letter-spacing:2px;
  284. max-width:320px;
  285. border:4px double {color:background};
  286. font-size:8px;
  287. padding:1px 2px 1px 2px;
  288. -webkit-transition:all 0.4s;
  289. -moz-transition:all 0.4s;
  290. -ms-transition:all 0.4s;
  291. -o-transition:all 0.4s;
  292. transition:all 0.4s;
  293. }
  294.  
  295. body {
  296. background:{color:background};
  297. margin:0px;
  298. font-size: {text:Post Font Size};
  299. color:{color:Post text};
  300. font-family: {font:Post Font};
  301. line-height:120%;
  302. }
  303.  
  304. b, strong {color: color:{color:Post text};}
  305. i, em {color: color:{color:Post text};}
  306. p {margin-top:5px;margin-bottom:5px}
  307. ol {list-style:normal;}
  308. ul {list-style:square;}
  309. small {font-size:8px;}
  310. big {font-size:10px;}
  311.  
  312. a {
  313. text-decoration:none;
  314. outline:none;
  315. padding:1px 2px;
  316. font-size:{text:General Links Font Size};
  317. text-transform:uppercase;
  318. -moz-outline-style:none;
  319. color:{color:General Links};
  320. -webkit-transition:all 0.5s;
  321. -moz-transition:all 0.5s;
  322. -ms-transition:all 0.5s;
  323. -o-transition:all 0.5s;
  324. transition:all 0.5s;
  325. }
  326.  
  327. a:hover {
  328. text-decoration:none;
  329. outline:none;
  330. -moz-outline-style:none;
  331. background:{color:General Links};
  332. color:{color:General Links Hover};
  333. -webkit-transition:all 0.5s;
  334. -moz-transition:all 0.5s;
  335. -ms-transition:all 0.5s;
  336. -o-transition:all 0.5s;
  337. transition:all 0.5s;
  338. }
  339.  
  340. blockquote {
  341. padding-left:10px;
  342. margin-left:10px;
  343. margin-top:5px;
  344. border-left:1px solid;
  345. }
  346.  
  347. h1 {
  348. font-size:22px;
  349. text-align:left;
  350. line-height:120%;
  351. text-transform:lowercase;
  352. line-height:15px;
  353. color:{color:General Links};
  354. font-family:"wisdom script";
  355. }
  356.  
  357. h1:first-letter {
  358. text-transform:uppercase;
  359. }
  360.  
  361. pre {
  362. white-space: pre-wrap;
  363. white-space: -moz-pre-wrap;
  364. white-space: -pre-wrap;
  365. white-space: -o-pre-wrap;
  366. word-wrap: break-word;
  367. font-weight:bold;
  368. font-size:8px;
  369. font-family:"DISCO";
  370. text-transform:uppercase;
  371. }
  372.  
  373. pre a{
  374. font-size:8px;
  375. }
  376.  
  377. .caption {
  378. text-align:left;
  379. display:block;
  380. }
  381.  
  382. .caption img {
  383. max-width:490px;
  384. }
  385.  
  386. /* --- BODY ---*/
  387.  
  388. /* --- POST ENTRIES ---*/
  389.  
  390. #entries {
  391. width:580px;
  392. margin-left:auto;
  393. margin-right:auto;
  394. left:40%;
  395. text-align:justify;
  396. margin-top:290px;
  397. margin-bottom:50px;
  398. font-family: {font:Post Font};
  399. }
  400.  
  401. #post {
  402. font-family: {font:Post Font};
  403. margin-top:-15px;
  404. margin-bottom:20px;
  405. width:500px;
  406. font-size: {text:Post Font Size};
  407. background:{color:Posts Background};
  408. padding:40px 40px 30px 40px;
  409. {block:IfBlackandWhitePosts}
  410. -webkit-filter: grayscale(100%);
  411. -moz-filter: grayscale(100%);
  412. filter: grayscale(100%);
  413. -webkit-transition:all 0.5s;
  414. -moz-transition:all 0.5s;
  415. -ms-transition:all 0.5s;
  416. -o-transition:all 0.5s;
  417. transition:all 0.5s;
  418. }
  419.  
  420. #post:hover {
  421. -webkit-transition:all 0.5s;
  422. -moz-transition:all 0.5s;
  423. -ms-transition:all 0.5s;
  424. -o-transition:all 0.5s;
  425. transition:all 0.5s;
  426. -webkit-filter: grayscale(0%);
  427. -moz-filter: grayscale(0%);
  428. filter: grayscale(0%);
  429. {block:IfBlackandWhitePosts}
  430. }
  431.  
  432. #post img {
  433. margin-left:-2px;
  434. }
  435.  
  436. /* --- POST ENTRIES ---*/
  437.  
  438. /* --- HEADER / SIDEBAR ---*/
  439.  
  440. #header{
  441. background: {color:Header Background};
  442. height:255px;
  443. top:0px;
  444. left:0px;
  445. text-align:center;
  446. width:100%;
  447. position:fixed;
  448. z-index:99;
  449. -webkit-transition: all 0.5s;
  450. -moz-transition: all 0.5s;
  451. -ms-transition:all 0.5s;
  452. -o-transition: all 0.5s;
  453. transition: all 0.5s;
  454. }
  455.  
  456. #header.sticky {
  457. position:fixed;
  458. top:-200px;
  459. left:0px;
  460. z-index:999;
  461. -webkit-transition: all 0.5s;
  462. -moz-transition: all 0.5s;
  463. -ms-transition:all 0.5s;
  464. -o-transition: all 0.5s;
  465. transition: all 0.5s;
  466. }
  467.  
  468. #header2{
  469. height:200px;
  470. top:0px;
  471. left:0px;
  472. width:100%;
  473. position:absolute;
  474. background-image:url({image:Header Big Image});
  475. background-position:center top;
  476. background-repeat:no-repeat;
  477. background-color:{color:Header Background};
  478. z-index:99;
  479. -webkit-transition: all 0.5s;
  480. -moz-transition: all 0.5s;
  481. -ms-transition:all 0.5s;
  482. -o-transition: all 0.5s;
  483. transition: all 0.5s;
  484. }
  485.  
  486. #header3{
  487. height:200px;
  488. top:0px;
  489. left:0px;
  490. width:100%;
  491. position:absolute;
  492. opacity:0;
  493. background:{color:Header Fade};
  494. z-index:99;
  495. -webkit-transition: all 0.5s;
  496. -moz-transition: all 0.5s;
  497. -ms-transition:all 0.5s;
  498. -o-transition: all 0.5s;
  499. transition: all 0.5s;
  500. }
  501.  
  502. #bottomheader{
  503. background: {color:background};
  504. height:15px;
  505. bottom:0px;
  506. left:-10px;
  507. padding:10px;
  508. text-align:center;
  509. width:100%;
  510. position:fixed;
  511. z-index:99;
  512. }
  513.  
  514. /* --- HEADER / SIDEBAR ---*/
  515.  
  516. /* --- IMAGES ---*/
  517.  
  518. #images {
  519. width:100%;
  520. opacity:1;
  521. position:fixed;
  522. height:auto;
  523. margin-top:10px;
  524. }
  525.  
  526. #image img{
  527. width:85px;
  528. height:85px;
  529. margin-top:50px;
  530. margin-left:-250px;
  531. margin-right:auto;
  532. position:fixed;
  533. }
  534.  
  535. #image2 img{
  536. width:85px;
  537. height:85px;
  538. margin-top:50px;
  539. margin-left:165px;
  540. margin-right:auto;
  541. position:fixed;
  542. }
  543.  
  544. /* --- IMAGES ---*/
  545.  
  546. /* --- DESCRIPTION ---*/
  547.  
  548. #description {
  549. font-family:arial;
  550. line-height:120%;
  551. font-size:7px;
  552. width:250px;
  553. height:78px;
  554. border:1px solid {color:Description Text};
  555. text-transform:uppercase;
  556. margin-top:40px;
  557. padding:20px;
  558. opacity:0;
  559. left:36%;
  560. right:36%;
  561. overflow:hidden;
  562. margin-left:auto;
  563. margin-right:auto;
  564. background:{color:Header Fade};
  565. text-align:center;
  566. text-shadow:3px 3px 1px transparent;
  567. color:{color:Description Text};
  568. position:fixed;
  569. -webkit-transition: all 0.7s;
  570. -moz-transition: all 0.7s;
  571. -ms-transition:all 0.7s;
  572. -o-transition: all 0.7s;
  573. transition: all 0.7s;
  574. }
  575.  
  576. /* --- DESCRIPTION ---*/
  577.  
  578. /* --- TITLE ---*/
  579.  
  580. #title {
  581. font-family:"DISCO";
  582. font-size:20px;
  583. text-transform:uppercase;
  584. width:100%;
  585. opacity:1;
  586. text-shadow:3px 3px 1px #000000;
  587. height:auto;
  588. margin-top:100px;
  589. text-align:center;
  590. color:{color:Title};
  591. -webkit-transition: all 0.7s;
  592. -moz-transition: all 0.7s;
  593. -ms-transition:all 0.7s;
  594. -o-transition: all 0.7s;
  595. transition: all 0.7s;
  596. }
  597.  
  598. #title:hover{
  599. font-size:0px;
  600. -webkit-transition: all 0.7s;
  601. -moz-transition: all 0.7s;
  602. -ms-transition:all 0.7s;
  603. -o-transition: all 0.7s;
  604. transition: all 0.7s;
  605. }
  606.  
  607. #title:hover #header3{
  608. opacity:0.9;
  609. -webkit-transition: all 0.7s;
  610. -moz-transition: all 0.7s;
  611. -ms-transition:all 0.7s;
  612. -o-transition: all 0.7s;
  613. transition: all 0.7s;
  614. }
  615.  
  616. #title:hover #description{
  617. opacity:0.8;
  618. -webkit-transition: all 0.7s;
  619. -moz-transition: all 0.7s;
  620. -ms-transition:all 0.7s;
  621. -o-transition: all 0.7s;
  622. transition: all 0.7s;
  623. }
  624.  
  625. /* --- TITLE ---*/
  626.  
  627. /* --- LINKS ---*/
  628.  
  629. #links{
  630. margin-top:210px;
  631. }
  632.  
  633. #links a {
  634. display:inline-block;
  635. margin:14px;
  636. color:{color:Header Links};
  637. height:auto;
  638. padding:0px;
  639. width:auto;
  640. text-align:center;
  641. overflow:hidden;
  642. font-family:calibri;
  643. letter-spacing:0.5px;
  644. font-size:8px;
  645. padding-bottom:6px;
  646. border-bottom:1px solid transparent;
  647. -webkit-transition: all 0.5s;
  648. -moz-transition: all 0.5s;
  649. -ms-transition:all 0.5s;
  650. -o-transition: all 0.5s;
  651. transition: all 0.5s;
  652. }
  653.  
  654. #links a:first-letter {
  655. font-weight:bold;
  656. color:{color:General Links};
  657. -webkit-transition: all 0.5s;
  658. -moz-transition: all 0.5s;
  659. -ms-transition:all 0.5s;
  660. -o-transition: all 0.5s;
  661. transition: all 0.5s;
  662. }
  663.  
  664. #links a:hover {
  665. border-bottom:1px solid {color:General Links};
  666. background:none;
  667. padding-bottom:0px;
  668. -webkit-transition: all 0.5s;
  669. -moz-transition: all 0.5s;
  670. -ms-transition:all 0.5s;
  671. -o-transition: all 0.5s;
  672. transition: all 0.5s;
  673. }
  674.  
  675. /* --- LINKS ---*/
  676.  
  677. /* --- PAGINATION ---*/
  678.  
  679. #pagination {
  680. width:100%;
  681. height:27px;
  682. text-transform:uppercase;
  683. font-family:calibri;
  684. opacity:1;
  685. bottom:0px;
  686. position:fixed;
  687. line-height:25px;
  688. margin-left:auto;
  689. margin-right:auto;
  690. float:left;
  691. padding:1px;
  692. text-align:center;
  693. }
  694.  
  695. #pagination a, .current {
  696. color:{color:Pagination Text};
  697. background:{color:Pagination Button};
  698. padding: 1px 5px;
  699. text-transform:uppercase;
  700. margin: 0px 1px;
  701. border:1px solid {color:Pagination Button};
  702. width:auto;
  703. font-size:9px;
  704. -webkit-transition: all 0.8s;
  705. -moz-transition: all 0.8s;
  706. -ms-transition:all 0.8s;
  707. -o-transition: all 0.8s;
  708. transition: all 0.8s;
  709. }
  710.  
  711. #pagination a:hover {
  712. color:{color:Pagination Text Hover};
  713. background:{color:Pagination Button Hover};
  714. -webkit-transition: all 0.8s;
  715. -moz-transition: all 0.8s;
  716. -ms-transition:all 0.8s;
  717. -o-transition: all 0.8s;
  718. transition: all 0.8s;
  719. }
  720.  
  721. /* --- PAGINATION ---*/
  722.  
  723. /* --- POST INFO ---*/
  724.  
  725. #info {
  726. background:{color:Info Background};
  727. color:{color:Info Text};
  728. opacity:1;
  729. letter-spacing:1px;
  730. margin:auto;
  731. font-family:calibri;
  732. font-size:7.5px;
  733. padding:1.5px;
  734. text-align:center;
  735. margin-top:6px;
  736. text-transform:uppercase;
  737. -webkit-transition: all 0.6s;
  738. -moz-transition: all 0.6s;
  739. -ms-transition:all 0.6s;
  740. -o-transition: all 0.6s;
  741. transition: all 0.6s;
  742. }
  743.  
  744. #info a {
  745. font-size:7.5px;,
  746. font-family:calibri;
  747. margin:2px;
  748. color:{color:Info Text};
  749. -webkit-transition: all 0.4s ease-in-out;
  750. -moz-transition: all 0.4s ease-in-out;
  751. -o-transition: all 0.4s ease-in-out;
  752. transition: all 0.4s ease-in-out;
  753. }
  754.  
  755. #info a:hover {
  756. color:{color:Info Text Hover};
  757. background-color:{color:background};
  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. #post:hover #info {
  765. box-shadow:inset 500px 0 0 0 {color:Post Accent 1};
  766. -webkit-transition: all 0.6s;
  767. -moz-transition: all 0.6s;
  768. -ms-transition:all 0.6s;
  769. -o-transition: all 0.6s;
  770. transition: all 0.6s;
  771. }
  772.  
  773. #post:hover #info:hover {
  774. box-shadow:inset 500px 0 0 0 {color:Post Accent 2};
  775. -webkit-transition: all 0.6s;
  776. -moz-transition: all 0.6s;
  777. -ms-transition:all 0.6s;
  778. -o-transition: all 0.6s;
  779. transition: all 0.6s;
  780. }
  781.  
  782. /* --- POST INFO ---*/
  783.  
  784. /* --- POST TAGS ---*/
  785.  
  786. #tags {
  787. {block:IfTagsUponHover}
  788. opacity:0;
  789. {/block:IfTagsUponHover}
  790. padding: 4px;
  791. text-align: center;
  792. -webkit-transition: all 0.4s ease-in-out;
  793. -moz-transition: all 0.4s ease-in-out;
  794. -o-transition: all 0.4s ease-in-out;
  795. transition: all 0.4s ease-in-out;
  796. }
  797.  
  798. #tags a {
  799. margin: 0px 5px;
  800. color:{color:Tags Text};
  801. text-transform: uppercase;
  802. font-size:{text:Tags Font Size};
  803. font-family:calibri;
  804. -webkit-transition: all 0.4s ease-in-out;
  805. -moz-transition: all 0.4s ease-in-out;
  806. -o-transition: all 0.4s ease-in-out;
  807. transition: all 0.4s ease-in-out;
  808. }
  809.  
  810. #tags a:hover {
  811. color:{color:Tags Text Hover};
  812. background-color:{color:Tags Background};
  813. -webkit-transition: all 0.4s ease-in-out;
  814. -moz-transition: all 0.4s ease-in-out;
  815. -o-transition: all 0.4s ease-in-out;
  816. transition: all 0.4s ease-in-out;
  817. }
  818.  
  819. {block:IfTagsUponHover}
  820. #post:hover #tags{
  821. opacity:1;
  822. -webkit-transition: all 0.4s ease-in-out;
  823. -moz-transition: all 0.4s ease-in-out;
  824. -o-transition: all 0.4s ease-in-out;
  825. transition: all 0.4s ease-in-out;
  826. }
  827. {/block:IfTagsUponHover}
  828.  
  829. /* --- POST TAGS ---*/
  830.  
  831. /* --- QUOTES ---*/
  832.  
  833. #mark {
  834. font: bold 40px georgia;
  835. margin-top:-38px;
  836. margin-left:-30px;
  837. position: absolute;
  838. float:left;
  839. color:#ffffff;
  840. transform:rotate(180deg);
  841. -ms-transform:rotate(180deg);
  842. -webkit-transform:rotate(180deg);
  843. }
  844.  
  845. #quote {
  846. background-color:transparent;
  847. padding:15px;
  848. font-family:'lato', helvetica, arial;
  849. text-align:left;
  850. font-weight:bold;
  851. font-size:11px;
  852. border:2px solid {color:Post Text};
  853. color:{color:Post Text};
  854. }
  855.  
  856. #quote:first-letter {
  857. font-weight:bold;
  858. font-size:14px;
  859. text-align:center;
  860. font-family:'lato', helvetica, arial;
  861. text-transform:uppercase;
  862. color:{color:Post Accent 1};
  863. }
  864.  
  865. #source {
  866. padding-top:5px;
  867. margin-top:4px;
  868. padding-left:40px;
  869. padding-bottom:5px;
  870. text-align:left;
  871. text-transform:uppercase;
  872. background-color:{color:Post Accent 1};
  873. color:#ffffff;
  874. -webkit-transition: all 0.6s;
  875. -moz-transition: all 0.6s;
  876. -ms-transition:all 0.6s;
  877. -o-transition: all 0.6s;
  878. transition: all 0.6s;
  879. }
  880.  
  881. #source:hover {
  882. box-shadow:inset 500px 0 0 0 {color:Post Accent 2};
  883. -webkit-transition: all 0.6s;
  884. -moz-transition: all 0.6s;
  885. -ms-transition:all 0.6s;
  886. -o-transition: all 0.6s;
  887. transition: all 0.6s;
  888. }
  889.  
  890. /* --- QUOTES ---*/
  891.  
  892. /* --- AUDIO PLAYER ---*/
  893.  
  894. #audio {
  895. position:relative;
  896. min-height:60px;}
  897.  
  898. #audioimage {
  899. width:60px;
  900. height:60px;
  901. position:absolute;
  902. z-index:2;}
  903.  
  904. #audiobackground {
  905. margin-top:5px;
  906. margin-left:3px;
  907. width:50px;
  908. height:50px;
  909. z-index:3;
  910. position:absolute;
  911. opacity:0.2;
  912. background-color:white;
  913. -webkit-transition:all 0.6s ease-out;
  914. -moz-transition:all 0.6s ease-out;
  915. transition:all 0.6s ease-out;}
  916.  
  917. #audiobackground:hover {
  918. opacity:0.8;
  919. transform:rotate(360deg);
  920. -ms-transform:rotate(360deg);
  921. -webkit-transform:rotate(360deg);
  922. background-color:#ffffff;
  923. -webkit-transition:all 0.6s ease-out;
  924. -moz-transition:all 0.6s ease-out;
  925. transition:all 0.6s ease-out;}
  926.  
  927. #audioplayer {
  928. width:20px;
  929. height:20px;
  930. margin-top:11px;
  931. margin-left:11px;
  932. overflow:hidden;}
  933.  
  934. #audiobig {
  935. width:500px;
  936. height:70px;
  937. overflow:hidden;}
  938.  
  939. #audioinfo {
  940. background-color:transparent;
  941. font-size:8px;
  942. font-family:calibri;
  943. color:{color:Music Player Text};
  944. text-transform:uppercase;
  945. height:6px;
  946. width:425px;
  947. padding:4px;
  948. line-height:80%;
  949. margin-bottom:1px;
  950. margin-top:1.5px;
  951. margin-left:68px;
  952. text-align:left;
  953. -webkit-transition: all 0.6s;
  954. -moz-transition: all 0.6s;
  955. -ms-transition:all 0.6s;
  956. -o-transition: all 0.6s;
  957. transition: all 0.6s;
  958. }
  959.  
  960. #audioinfo b{
  961. color:{color:Music Player Titles};
  962. padding:2px;
  963. -webkit-transition: all 0.6s;
  964. -moz-transition: all 0.6s;
  965. -ms-transition:all 0.6s;
  966. -o-transition: all 0.6s;
  967. transition: all 0.6s;
  968. }
  969.  
  970. #audioinfo:hover b{
  971. margin-left:40px;
  972. color:{color:Background};
  973. margin-right:4px;
  974. background:{color:General Links};
  975. -webkit-transition: all 0.6s;
  976. -moz-transition: all 0.6s;
  977. -ms-transition:all 0.6s;
  978. -o-transition: all 0.6s;
  979. transition: all 0.6s;}
  980.  
  981. /* --- AUDIO PLAYER ---*/
  982.  
  983. /* --- CHATS ---*/
  984.  
  985. ul.chat {
  986. margin:0px;
  987. padding:0px;
  988. }
  989.  
  990. .chat li {
  991. list-style-type:none;
  992. margin-left:0px;
  993. padding:4px;
  994. }
  995.  
  996. .odd .label {
  997. color:{color:General Links};
  998. }
  999.  
  1000. .even .label {
  1001. color:{color:General Links};
  1002. }
  1003.  
  1004. .label {
  1005. font-weight:bold;
  1006. text-transform:uppercase;
  1007. font-family:calibri;
  1008. letter-spacing:2px;
  1009. font-size:8px;
  1010. }
  1011.  
  1012. .chat li.odd {
  1013. background-color:{color:Chat Background 1};
  1014. margin-bottom:1px;
  1015. }
  1016.  
  1017. .chat li.even {
  1018. background-color:{color:Chat Background 2};
  1019. opacity:1;
  1020. margin-bottom:1px;
  1021. }
  1022.  
  1023. #ll {
  1024. font-size:12px;
  1025. text-transform:uppercase;
  1026. text-align:center;
  1027. color:{color:General Links};
  1028. letter-spacing:3px;
  1029. font-family:calibri;
  1030. border:4px double #cccccc;
  1031. }
  1032.  
  1033. /* --- CHATS ---*/
  1034.  
  1035. /* --- QUESTIONS ---*/
  1036.  
  1037. #question {
  1038. padding:15px;
  1039. font-family:calibri;
  1040. letter-spacing:1px;
  1041. font-weight:bold;
  1042. color:{color:post text};
  1043. border:2px solid {color:post text};
  1044. -webkit-transition: all 0.6s;
  1045. -moz-transition: all 0.6s;
  1046. -ms-transition:all 0.6s;
  1047. -o-transition: all 0.6s;
  1048. transition: all 0.6s;
  1049. }
  1050.  
  1051. #post:hover #question {
  1052. border:2px solid {color:Post Accent 1};
  1053. -webkit-transition: all 0.6s;
  1054. -moz-transition: all 0.6s;
  1055. -ms-transition:all 0.6s;
  1056. -o-transition: all 0.6s;
  1057. transition: all 0.6s;
  1058. }
  1059.  
  1060. #post:hover #question:hover {
  1061. border:2px solid {color:Post Accent 2};
  1062. -webkit-transition: all 0.6s;
  1063. -moz-transition: all 0.6s;
  1064. -ms-transition:all 0.6s;
  1065. -o-transition: all 0.6s;
  1066. transition: all 0.6s;
  1067. }
  1068.  
  1069. #ask {
  1070. float:right;
  1071. text-align:right;
  1072. }
  1073.  
  1074. #asker {
  1075. margin-top:-8px;
  1076. margin-right:-3px;
  1077. padding:0px 4px 0px 8px;
  1078. font-family:calibri;
  1079. font-size:10px;
  1080. text-align:right;
  1081. text-transform:uppercase;
  1082. letter-spacing:0px;
  1083. background:{color:Posts Background};
  1084. color:{color:General Links};
  1085. }
  1086.  
  1087. #asker a {
  1088. color:{color:General Links};
  1089. -webkit-transition: all 0.6s;
  1090. -moz-transition: all 0.6s;
  1091. -ms-transition:all 0.6s;
  1092. -o-transition: all 0.6s;
  1093. transition: all 0.6s;
  1094. }
  1095.  
  1096. #asker a:hover {
  1097. color:{color:post text};
  1098. background:none;
  1099. -webkit-transition: all 0.6s;
  1100. -moz-transition: all 0.6s;
  1101. -ms-transition:all 0.6s;
  1102. -o-transition: all 0.6s;
  1103. transition: all 0.6s;
  1104. }
  1105.  
  1106. #portrait {
  1107. height:16px;
  1108. opacity:1;
  1109. width:16px;
  1110. background:transparent;
  1111. float:right;
  1112. margin-right:8px;
  1113. margin-top:-6px;
  1114. border:1px solid {color:post text};
  1115. padding:2px;
  1116. }
  1117.  
  1118. #replies {
  1119. margin-top:18px;
  1120. padding:15px;
  1121. font-family:calibri;
  1122. letter-spacing:1px;
  1123. border:2px solid {color:post text};
  1124. -webkit-transition: all 0.6s;
  1125. -moz-transition: all 0.6s;
  1126. -ms-transition:all 0.6s;
  1127. -o-transition: all 0.6s;
  1128. transition: all 0.6s;
  1129. }
  1130.  
  1131. #replies img{
  1132. max-width:460px;
  1133. }
  1134.  
  1135. #me {
  1136. margin-top:-22px;
  1137. margin-left:-12px;
  1138. width:128px;
  1139. text-transform:uppercase;
  1140. padding:0px 4px 0px 6px;
  1141. font-family:calibri;
  1142. font-size:10px;
  1143. text-align:left;
  1144. letter-spacing:0px;
  1145. background:{color:Posts Background};
  1146. color:{color:General Links};
  1147. }
  1148.  
  1149. #meportrait {
  1150. height:16px;
  1151. opacity:1;
  1152. width:16px;
  1153. background:transparent;
  1154. float:left;
  1155. margin-right:5px;
  1156. margin-top:-6px;
  1157. border:1px solid {color:post text};
  1158. padding:2px;
  1159. }
  1160.  
  1161. #post:hover #replies {
  1162. border:2px solid {color:Post Accent 1};
  1163. -webkit-transition: all 0.6s;
  1164. -moz-transition: all 0.6s;
  1165. -ms-transition:all 0.6s;
  1166. -o-transition: all 0.6s;
  1167. transition: all 0.6s;
  1168. }
  1169.  
  1170. #post:hover #replies:hover {
  1171. border:2px solid {color:Post Accent 2};
  1172. -webkit-transition: all 0.6s;
  1173. -moz-transition: all 0.6s;
  1174. -ms-transition:all 0.6s;
  1175. -o-transition: all 0.6s;
  1176. transition: all 0.6s;
  1177. }
  1178.  
  1179. /* --- QUESTIONS ---*/
  1180.  
  1181. /* --- NOTES ---*/
  1182.  
  1183. ol.pagenotes {
  1184. display: none!important;
  1185. font-weight:none;
  1186. text-align:left;
  1187. margin-top:-30px;
  1188. padding-bottom:2%;
  1189. font-size:8px;
  1190. list-style-type:upper-roman;
  1191. }
  1192.  
  1193. ol.notes li.note{
  1194. margin-left:20px;
  1195. letter-spacing:2px;
  1196. width:420px;
  1197. padding:4px;
  1198. font-size:8px;
  1199. text-transform:uppercase;
  1200. list-style-type:upper-roman;
  1201. }
  1202.  
  1203. ol.notes li.note a{
  1204. font-size:8px;
  1205. }
  1206.  
  1207. ol.notes li.note img.avatar {
  1208. width:0px;
  1209. height:0px;
  1210. }
  1211.  
  1212. /* --- NOTES ---*/
  1213.  
  1214. /* --- SELECTION ---*/
  1215.  
  1216. ::selection {
  1217. background-color:{color:Selection};
  1218. color:{color:Selection Hover};
  1219. }
  1220.  
  1221. ::-moz-selection {
  1222. background-color:{color:Selection};
  1223. color:{color:Selection Hover};
  1224. }
  1225.  
  1226. /* --- SELECTION ---*/
  1227.  
  1228. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1229.  
  1230. .credit, .credit a {
  1231. width:15px;
  1232. height:15px;
  1233. bottom:10px;
  1234. right:10px;
  1235. padding:4px;
  1236. font-size:9px;
  1237. letter-spacing:2px;
  1238. color:#ffffff;
  1239. line-height:15px;
  1240. position:fixed;
  1241. text-align:center;
  1242. color:{color:background};
  1243. font-family:calibri;
  1244. text-transform:uppercase;
  1245. background-color:{color:General Links};
  1246. border:1px solid #cccccc;
  1247. -webkit-transition: all 0.5s ease-in-out;
  1248. -moz-transition: all 0.5s ease-in-out;
  1249. -o-transition: all 0.5s ease-in-out;
  1250. transition: all 0.5s ease-in-out;
  1251. }
  1252.  
  1253. .credit a:hover {
  1254. -webkit-transition: all 0.5s ease-in-out;
  1255. -moz-transition: all 0.5s ease-in-out;
  1256. -o-transition: all 0.5s ease-in-out;
  1257. transition: all 0.5s ease-in-out;
  1258. transform:rotate(360deg);
  1259. -ms-transform:rotate(360deg);
  1260. -webkit-transform:rotate(360deg);
  1261. background-color:#000000;}
  1262.  
  1263. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1264.  
  1265. /* --- POP UP STUFF ---*/
  1266.  
  1267. #fade {
  1268. display: none;
  1269. background:{color:Pop Up Background};
  1270. position: fixed;
  1271. left:0px;
  1272. top:0px;
  1273. width: 100%;
  1274. height: 100%;
  1275. opacity:1;
  1276. z-index: 9999;
  1277. }
  1278.  
  1279. .popup_block{
  1280. display: none;
  1281. padding: 20px;
  1282. float: left;
  1283. position: fixed;
  1284. top: 53%;
  1285. left: 50%;
  1286. z-index: 99999;
  1287. }
  1288.  
  1289. *html #fade {
  1290. position: absolute;
  1291. }
  1292.  
  1293. *html .popup_block {
  1294. position: absolute;
  1295. }
  1296.  
  1297. /* --- POP UP ASK ---*/
  1298.  
  1299. .puask {
  1300. overflow:hidden;
  1301. width:1200px;
  1302. height:1000px;
  1303. margin-top:500px;
  1304. margin-left:-300px;
  1305. transition: all 0.5s ease-out;
  1306. -webkit-transition: all 0.5s ease-out;
  1307. -moz-transition: all 0.5s ease-out;
  1308. -o-transition: all 0.5s ease-out;
  1309. }
  1310.  
  1311. #faqimage img{
  1312. height:110px;
  1313. width:500px;
  1314. border-radius:5px;
  1315. float:right;
  1316. margin-top:380px;
  1317. position:fixed;
  1318. margin-left:600px;
  1319. }
  1320.  
  1321. #faq {
  1322. font-family:arial;
  1323. font-size:7px;
  1324. text-transform:uppercase;
  1325. padding:5px;
  1326. margin-top:0px;
  1327. overflow:auto;
  1328. width:490px;
  1329. height:270px;
  1330. margin-left:75px;
  1331. margin-top:-500px;
  1332. line-height:10px;
  1333. text-decoration:none;
  1334. text-align:left;
  1335. color:{color:Pop Up Text};
  1336. transition: all 0.5s ease-out;
  1337. -webkit-transition: all 0.5s ease-out;
  1338. -moz-transition: all 0.5s ease-out;
  1339. -o-transition: all 0.5s ease-out;
  1340. }
  1341.  
  1342. #faq a {
  1343. display:inline-block;
  1344. margin:1px;
  1345. padding:2px 3px 2px 3px;
  1346. color:{color:Pop Up Text};
  1347. height:8px;
  1348. background-color:transparent;
  1349. width:auto;
  1350. font-family:arial;
  1351. letter-spacing:1px;
  1352. font-size:7px;
  1353. line-height:10px;
  1354. -webkit-transition: all 0.5s;
  1355. -moz-transition: all 0.5s;
  1356. -ms-transition:all 0.5s;
  1357. -o-transition: all 0.5s;
  1358. transition: all 0.5s;
  1359. }
  1360.  
  1361. #faq a:hover {
  1362. color:{color:Pop Up Background};
  1363. background-color:{color:Pop Up Text};
  1364. transition: all 0.5s ease-out;
  1365. -webkit-transition: all 0.5s ease-out;
  1366. -moz-transition: all 0.5s ease-out;
  1367. -o-transition: all 0.5s ease-out;
  1368. }
  1369.  
  1370.  
  1371. /* --- POP UP ASK ---*/
  1372.  
  1373. /* --- POP UP NAVIGATION ---*/
  1374.  
  1375. .navi {
  1376. height:490px;
  1377. width:930px;
  1378. margin-left:-190px;
  1379. padding:5px;
  1380. margin-top:-15px;
  1381. overflow:auto;
  1382. float:left;
  1383. }
  1384.  
  1385. #navilinks {
  1386. margin-top:-20px;
  1387. width:260px;
  1388. display:inline-block;
  1389. height:auto;
  1390. padding:6px;
  1391. background:transparent;
  1392. margin-left:25px;
  1393. margin-top:25px;
  1394. float:left;
  1395. }
  1396.  
  1397. #navilinks a {
  1398. display:inline-block;
  1399. margin:3px;
  1400. padding:2px 3px 2px 3px;
  1401. color:{color:Pop Up Text};
  1402. height:8px;
  1403. background-color:transparent;
  1404. width:116px;
  1405. text-align:left;
  1406. font-family:arial;
  1407. letter-spacing:1px;
  1408. font-size:7px;
  1409. line-height:10px;
  1410. -webkit-transition: all 0.5s;
  1411. -moz-transition: all 0.5s;
  1412. -ms-transition:all 0.5s;
  1413. -o-transition: all 0.5s;
  1414. transition: all 0.5s;
  1415. }
  1416.  
  1417. #navilinks a:hover {
  1418. color:#ffffff;
  1419. box-shadow:inset 120px 0 0 0 {color:Pop Up Accent 1};
  1420. transition: all 0.5s ease-out;
  1421. -webkit-transition: all 0.5s ease-out;
  1422. -moz-transition: all 0.5s ease-out;
  1423. -o-transition: all 0.5s ease-out;
  1424. }
  1425.  
  1426. #navilinks2 a:hover {
  1427. color:#ffffff;
  1428. box-shadow:inset 120px 0 0 0 {color:Pop Up Accent 2};
  1429. transition: all 0.5s ease-out;
  1430. -webkit-transition: all 0.5s ease-out;
  1431. -moz-transition: all 0.5s ease-out;
  1432. -o-transition: all 0.5s ease-out;
  1433. }
  1434.  
  1435. #navilinks3 a:hover {
  1436. color:#ffffff;
  1437. box-shadow:inset 120px 0 0 0 {color:Pop Up Accent 3};
  1438. transition: all 0.5s ease-out;
  1439. -webkit-transition: all 0.5s ease-out;
  1440. -moz-transition: all 0.5s ease-out;
  1441. -o-transition: all 0.5s ease-out;
  1442. }
  1443.  
  1444. #navilinks4 a:hover {
  1445. color:#ffffff;
  1446. box-shadow:inset 120px 0 0 0 {color:Pop Up Accent 4};
  1447. transition: all 0.5s ease-out;
  1448. -webkit-transition: all 0.5s ease-out;
  1449. -moz-transition: all 0.5s ease-out;
  1450. -o-transition: all 0.5s ease-out;
  1451. }
  1452.  
  1453. #navilinks5 a:hover {
  1454. color:#ffffff;
  1455. box-shadow:inset 120px 0 0 0 {color:Pop Up Accent 5};
  1456. transition: all 0.5s ease-out;
  1457. -webkit-transition: all 0.5s ease-out;
  1458. -moz-transition: all 0.5s ease-out;
  1459. -o-transition: all 0.5s ease-out;
  1460. }
  1461.  
  1462. #navilinks6 a:hover {
  1463. color:#ffffff;
  1464. box-shadow:inset 120px 0 0 0 {color:Pop Up Accent 6};
  1465. transition: all 0.5s ease-out;
  1466. -webkit-transition: all 0.5s ease-out;
  1467. -moz-transition: all 0.5s ease-out;
  1468. -o-transition: all 0.5s ease-out;
  1469. }
  1470.  
  1471.  
  1472. /* --- TAGS SECTION ---*/
  1473.  
  1474. /* --- TAGS SECTION TITLE ---*/
  1475.  
  1476. .navititle {
  1477. font-family:"DISCO";
  1478. font-size:25px;
  1479. text-transform:uppercase;
  1480. padding:50px;
  1481. margin-left:-155px;
  1482. width:756px;
  1483. margin-top:130px;
  1484. font-weight:bold;
  1485. border-bottom:1px solid {color:Pop Up Text};
  1486. text-decoration:none;
  1487. text-align:center;
  1488. color:{color:Pop Up Text};
  1489. background:transparent;
  1490. letter-spacing:20px;
  1491. transition: all 0.5s ease-out;
  1492. -webkit-transition: all 0.5s ease-out;
  1493. -moz-transition: all 0.5s ease-out;
  1494. -o-transition: all 0.5s ease-out;
  1495. }
  1496.  
  1497. #navititle1 {
  1498. width:230px;
  1499. font-family:arial;
  1500. font-size:11px;
  1501. text-transform:uppercase;
  1502. padding:15px;
  1503. text-decoration:none;
  1504. text-align:center;
  1505. color:{color:Pop Up Text};
  1506. background:transparent;
  1507. border-bottom:1px solid {color:Pop Up Accent 1};
  1508. letter-spacing:0.5px;
  1509. transition: all 0.5s ease-out;
  1510. -webkit-transition: all 0.5s ease-out;
  1511. -moz-transition: all 0.5s ease-out;
  1512. -o-transition: all 0.5s ease-out;
  1513. }
  1514.  
  1515. #navititle1:first-letter {
  1516. color:{color:Pop Up Accent 1};
  1517. font-size:14px;
  1518. font-weight:bold;
  1519. text-transform:uppercase;
  1520. }
  1521.  
  1522. #navititle1:hover{
  1523. box-shadow:inset 260px 0 0 0 {color:Pop Up Accent 1};
  1524. letter-spacing:2px;
  1525. }
  1526.  
  1527. #navititle2 {
  1528. width:230px;
  1529. font-family:arial;
  1530. font-size:11px;
  1531. text-transform:uppercase;
  1532. padding:15px;
  1533. text-decoration:none;
  1534. text-align:center;
  1535. color:{color:Pop Up Text};
  1536. background:transparent;
  1537. border-bottom:1px solid {color:Pop Up Accent 2};
  1538. letter-spacing:0.5px;
  1539. transition: all 0.5s ease-out;
  1540. -webkit-transition: all 0.5s ease-out;
  1541. -moz-transition: all 0.5s ease-out;
  1542. -o-transition: all 0.5s ease-out;
  1543. }
  1544.  
  1545. #navititle2:first-letter {
  1546. color:{color:Pop Up Accent 2};
  1547. font-size:14px;
  1548. font-weight:bold;
  1549. text-transform:uppercase;
  1550. }
  1551.  
  1552. #navititle2:hover{
  1553. box-shadow:inset 260px 0 0 0 {color:Pop Up Accent 2};
  1554. letter-spacing:2px;
  1555. }
  1556.  
  1557. #navititle3 {
  1558. width:230px;
  1559. font-family:arial;
  1560. font-size:11px;
  1561. text-transform:uppercase;
  1562. padding:15px;
  1563. text-decoration:none;
  1564. text-align:center;
  1565. color:{color:Pop Up Text};
  1566. background:transparent;
  1567. border-bottom:1px solid {color:Pop Up Accent 3};
  1568. letter-spacing:0.5px;
  1569. transition: all 0.5s ease-out;
  1570. -webkit-transition: all 0.5s ease-out;
  1571. -moz-transition: all 0.5s ease-out;
  1572. -o-transition: all 0.5s ease-out;
  1573. }
  1574.  
  1575. #navititle3:first-letter {
  1576. color:{color:Pop Up Accent 3};
  1577. font-size:14px;
  1578. font-weight:bold;
  1579. text-transform:uppercase;
  1580. }
  1581.  
  1582. #navititle3:hover{
  1583. letter-spacing:2px;
  1584. box-shadow:inset 260px 0 0 0 {color:Pop Up Accent 3};
  1585. }
  1586.  
  1587. #navititle4 {
  1588. width:230px;
  1589. font-family:arial;
  1590. font-size:11px;
  1591. text-transform:uppercase;
  1592. padding:15px;
  1593. text-decoration:none;
  1594. text-align:center;
  1595. color:{color:Pop Up Text};
  1596. background:transparent;
  1597. border-bottom:1px solid {color:Pop Up Accent 4};
  1598. letter-spacing:0.5px;
  1599. transition: all 0.5s ease-out;
  1600. -webkit-transition: all 0.5s ease-out;
  1601. -moz-transition: all 0.5s ease-out;
  1602. -o-transition: all 0.5s ease-out;
  1603. }
  1604.  
  1605. #navititle4:first-letter {
  1606. color:{color:Pop Up Accent 4};
  1607. font-size:14px;
  1608. font-weight:bold;
  1609. text-transform:uppercase;
  1610. }
  1611.  
  1612. #navititle4:hover{
  1613. box-shadow:inset 260px 0 0 0 {color:Pop Up Accent 4};
  1614. letter-spacing:2px;
  1615. }
  1616.  
  1617. #navititle5 {
  1618. width:230px;
  1619. font-family:arial;
  1620. font-size:11px;
  1621. text-transform:uppercase;
  1622. padding:15px;
  1623. text-decoration:none;
  1624. text-align:center;
  1625. border-bottom:1px solid {color:Pop Up Accent 5};
  1626. color:{color:Pop Up Text};
  1627. background:transparent;
  1628. letter-spacing:0.5px;
  1629. transition: all 0.5s ease-out;
  1630. -webkit-transition: all 0.5s ease-out;
  1631. -moz-transition: all 0.5s ease-out;
  1632. -o-transition: all 0.5s ease-out;
  1633. }
  1634.  
  1635. #navititle5:first-letter {
  1636. color:{color:Pop Up Accent 5};
  1637. font-size:14px;
  1638. font-weight:bold;
  1639. text-transform:uppercase;
  1640. }
  1641.  
  1642. #navititle5:hover{
  1643. box-shadow:inset 260px 0 0 0 {color:Pop Up Accent 5};
  1644. letter-spacing:2px;
  1645. }
  1646.  
  1647. #navititle6 {
  1648. width:230px;
  1649. font-family:arial;
  1650. font-size:11px;
  1651. text-transform:uppercase;
  1652. padding:15px;
  1653. text-decoration:none;
  1654. text-align:center;
  1655. color:{color:Pop Up Text};
  1656. background:transparent;
  1657. border-bottom:1px solid {color:Pop Up Accent 6};
  1658. letter-spacing:0.5px;
  1659. transition: all 0.5s ease-out;
  1660. -webkit-transition: all 0.5s ease-out;
  1661. -moz-transition: all 0.5s ease-out;
  1662. -o-transition: all 0.5s ease-out;
  1663. }
  1664.  
  1665. #navititle6:first-letter {
  1666. color:{color:Pop Up Accent 6};
  1667. font-size:14px;
  1668. font-weight:bold;
  1669. text-transform:uppercase;
  1670. }
  1671.  
  1672. #navititle6:hover{
  1673. box-shadow:inset 260px 0 0 0 {color:Pop Up Accent 6};
  1674. letter-spacing:2px;
  1675. }
  1676.  
  1677. /* --- POP UP NAVIGATION ---*/
  1678.  
  1679. /* --- POP UP BLOGROLL ---*/
  1680.  
  1681. .blogroll {
  1682. width:1000px;
  1683. height:350px;
  1684. margin-top:0px;
  1685. overflow:auto;
  1686. margin-left:-210px;
  1687. float:left;
  1688. }
  1689.  
  1690. .blogroll img{
  1691. padding:4px;
  1692. width:35px;
  1693. height:35px;
  1694. margin:5px;
  1695. border:1px solid {color:Pop Up Text};
  1696. background-color:{color:Pop Up Background};
  1697. -webkit-transition: all 0.3s linear;
  1698. -moz-transition: all 0.3s linear;
  1699. transition: all 0.3s linear;
  1700. }
  1701.  
  1702. .blogroll img:hover{
  1703. border-radius:50px;
  1704. -webkit-transition: all 0.3s linear;
  1705. -moz-transition: all 0.3s linear;
  1706. transition: all 0.3s linear;
  1707. }
  1708.  
  1709. .blogroll a:hover{
  1710. background:none;
  1711. -webkit-transition: all 0.3s linear;
  1712. -moz-transition: all 0.3s linear;
  1713. transition: all 0.3s linear;
  1714. }
  1715.  
  1716. .blogrolltitle {
  1717. font-family:"DISCO";
  1718. font-size:25px;
  1719. text-transform:uppercase;
  1720. padding:50px;
  1721. margin-left:-200px;
  1722. width:860px;
  1723. margin-top:-80px;
  1724. border-bottom:1px solid {color:Pop Up Text};
  1725. font-weight:bold;
  1726. text-decoration:none;
  1727. text-align:center;
  1728. color:{color:Pop Up Text};
  1729. background:transparent;
  1730. letter-spacing:20px;
  1731. transition: all 0.5s ease-out;
  1732. -webkit-transition: all 0.5s ease-out;
  1733. -moz-transition: all 0.5s ease-out;
  1734. -o-transition: all 0.5s ease-out;
  1735. }
  1736.  
  1737. /* --- POP UP BLOGROLL ---*/
  1738.  
  1739. /* --- ABOUT SECTION ---*/
  1740.  
  1741. #about {
  1742. top:320px;
  1743. height:auto;
  1744. width:1000px;
  1745. margin-top:auto;
  1746. margin-left:-220px;
  1747. margin-right:auto;
  1748. margin-bottom:500px;
  1749. left:55%;
  1750. z-index:4;
  1751. }
  1752.  
  1753. #aboutimage img{
  1754. height:250px;
  1755. width:250px;
  1756. border:5px solid {color:Pop Up Text};
  1757. float:right;
  1758. padding:25px;
  1759. margin-top:40px;
  1760. position:fixed;
  1761. margin-left:-120px;
  1762. }
  1763.  
  1764. .aboutbigtitle {
  1765. font-family:"DISCO";
  1766. font-size:25px;
  1767. text-transform:uppercase;
  1768. padding:50px;
  1769. border-bottom:1px solid {color:Pop Up Text};
  1770. margin-left:-122px;
  1771. width:728px;
  1772. margin-top:60px;
  1773. font-weight:bold;
  1774. text-decoration:none;
  1775. text-align:center;
  1776. color:{color:Pop Up Text};
  1777. background:transparent;
  1778. letter-spacing:20px;
  1779. transition: all 0.5s ease-out;
  1780. -webkit-transition: all 0.5s ease-out;
  1781. -moz-transition: all 0.5s ease-out;
  1782. -o-transition: all 0.5s ease-out;
  1783. }
  1784.  
  1785. #aboutbox {
  1786. margin-top:195px;
  1787. width:500px;
  1788. display:inline-block;
  1789. height:310px;
  1790. padding:5px;
  1791. font-family:arial;
  1792. overflow:auto;
  1793. text-transform:uppercase;
  1794. text-align:left;
  1795. color:{color:Pop Up Text};
  1796. font-size:7px;
  1797. letter-spacing:0.5px;
  1798. margin-left:430px;
  1799. margin-top:37px;
  1800. float:left;
  1801. }
  1802.  
  1803. #aboutbox a {
  1804. display:inline-block;
  1805. margin:1px;
  1806. padding:2px 3px 2px 3px;
  1807. color:{color:Pop Up Text};
  1808. height:8px;
  1809. background-color:transparent;
  1810. width:auto;
  1811. font-family:arial;
  1812. letter-spacing:1px;
  1813. font-size:7px;
  1814. line-height:10px;
  1815. -webkit-transition: all 0.5s;
  1816. -moz-transition: all 0.5s;
  1817. -ms-transition:all 0.5s;
  1818. -o-transition: all 0.5s;
  1819. transition: all 0.5s;
  1820. }
  1821.  
  1822. #aboutbox a:hover {
  1823. color:{color:Pop Up Background};
  1824. background-color:{color:Pop Up Text};
  1825. transition: all 0.5s ease-out;
  1826. -webkit-transition: all 0.5s ease-out;
  1827. -moz-transition: all 0.5s ease-out;
  1828. -o-transition: all 0.5s ease-out;
  1829. }
  1830.  
  1831. /* --- ABOUT SECTION ---*/
  1832.  
  1833. /* --- UPDATES TAB ---*/
  1834.  
  1835. #tab11boxes {
  1836. width: 100px;
  1837. height: 500px;
  1838. position:fixed;
  1839. float:right;
  1840. display:inline-block;
  1841. color:{color:Tab Text};
  1842. top:15px; /* --- MOVE THE TAB UP OR DOWN HERE ---*/
  1843. right: -40px; /* --- MOVE THE TAB TO THE LEFT OR TO THE RIGHT HERE ---*/
  1844. }
  1845.  
  1846. #tab11boxes a{
  1847. color:{color:General Links};
  1848. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1849. text-decoration:none;
  1850. line-height:130%;
  1851. color:{color:Tab Links};
  1852. -webkit-transition: all 0.5s ease-in-out;
  1853. -moz-transition: all 0.5s ease-in-out;
  1854. -o-transition: all 0.5s ease-in-out;
  1855. transition: all 0.5s ease-in-out;
  1856. }
  1857.  
  1858. #tab11boxes a:hover{
  1859. background:none;
  1860. font-size:9px; /* --- CHANGE THE LINK FONT SIZE HERE ---*/
  1861. -webkit-transition: all 0.5s ease-in-out;
  1862. -moz-transition: all 0.5s ease-in-out;
  1863. -o-transition: all 0.5s ease-in-out;
  1864. transition: all 0.5s ease-in-out;
  1865. }
  1866.  
  1867. /* --- UPDATES TAB BOX 1 START ---*/
  1868.  
  1869. #tab11line1 {
  1870. height:85px;
  1871. width: 6px;
  1872. margin-top:0px;
  1873. display: inline-block;
  1874. float:left;
  1875. margin-left:5px;
  1876. opacity:1;
  1877. background-color: {color:Tab Line 1 Colour};
  1878. -webkit-transition: all 0.5s ease-in-out;
  1879. -moz-transition: all 0.5s ease-in-out;
  1880. -o-transition: all 0.5s ease-in-out;
  1881. transition: all 0.5s ease-in-out;
  1882. }
  1883.  
  1884. #tab11box1 {
  1885. width: 0px;
  1886. height: 5px;
  1887. display: inline-block;
  1888. float:right;
  1889. opacity:1;
  1890. padding-bottom:4px;
  1891. margin-top:55px;
  1892. padding-top:4px;
  1893. letter-spacing:1px;
  1894. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  1895. line-height:110%;
  1896. overflow:hidden;
  1897. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  1898. border-right:6px solid {color:Tab Line 1 Colour};
  1899. text-transform:uppercase;
  1900. text-align:right;
  1901. -webkit-transition: all 0.5s ease-in-out;
  1902. -moz-transition: all 0.5s ease-in-out;
  1903. -o-transition: all 0.5s ease-in-out;
  1904. transition: all 0.5s ease-in-out;
  1905. }
  1906.  
  1907. #tab11line1:hover #tab11box1 {
  1908. opacity:1;
  1909. padding-right:10px;
  1910. padding-left:4px;
  1911. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  1912. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  1913. -webkit-transition: all 0.5s ease-in-out;
  1914. -moz-transition: all 0.5s ease-in-out;
  1915. -o-transition: all 0.5s ease-in-out;
  1916. transition: all 0.5s ease-in-out;
  1917. }
  1918.  
  1919. /* --- UPDATES TAB BOX 1 END ---*/
  1920.  
  1921. /* --- UPDATES TAB BOX 2 START ---*/
  1922.  
  1923. #tab11line2 {
  1924. height:100px;
  1925. width: 6px;
  1926. display: inline-block;
  1927. float:left;
  1928. margin-left:5px;
  1929. opacity:1;
  1930. background-color: {color:Tab Line 2 Colour};
  1931. -webkit-transition: all 0.5s ease-in-out;
  1932. -moz-transition: all 0.5s ease-in-out;
  1933. -o-transition: all 0.5s ease-in-out;
  1934. transition: all 0.5s ease-in-out;
  1935. }
  1936.  
  1937. #tab11box2 {
  1938. width: 0px;
  1939. height: 15px;
  1940. display: inline-block;
  1941. float:right;
  1942. opacity:1;
  1943. margin-top:95px;
  1944. padding-bottom:4px;
  1945. padding-top:4px;
  1946. letter-spacing:1px;
  1947. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  1948. line-height:110%;
  1949. overflow:hidden;
  1950. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  1951. border-right:6px solid {color:Tab Line 2 Colour};
  1952. text-transform:uppercase;
  1953. text-align:right;
  1954. -webkit-transition: all 0.5s ease-in-out;
  1955. -moz-transition: all 0.5s ease-in-out;
  1956. -o-transition: all 0.5s ease-in-out;
  1957. transition: all 0.5s ease-in-out;
  1958. }
  1959.  
  1960. #tab11line2:hover #tab11box2 {
  1961. opacity:1;
  1962. padding-right:10px;
  1963. padding-left:4px;
  1964. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  1965. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  1966. -webkit-transition: all 0.5s ease-in-out;
  1967. -moz-transition: all 0.5s ease-in-out;
  1968. -o-transition: all 0.5s ease-in-out;
  1969. transition: all 0.5s ease-in-out;
  1970. }
  1971.  
  1972. /* --- UPDATES TAB BOX 2 END ---*/
  1973.  
  1974. /* --- UPDATES TAB BOX 3 START ---*/
  1975.  
  1976. #tab11line3 {
  1977. height:145px;
  1978. width: 6px;
  1979. display: inline-block;
  1980. float:left;
  1981. margin-left:5px;
  1982. opacity:1;
  1983. background-color: {color:Tab Line 3 Colour};
  1984. -webkit-transition: all 0.5s ease-in-out;
  1985. -moz-transition: all 0.5s ease-in-out;
  1986. -o-transition: all 0.5s ease-in-out;
  1987. transition: all 0.5s ease-in-out;
  1988. }
  1989.  
  1990. #tab11box3 {
  1991. width: 0px;
  1992. height: 15px;
  1993. display: inline-block;
  1994. float:right;
  1995. opacity:1;
  1996. margin-top:125px;
  1997. padding-bottom:4px;
  1998. padding-top:4px;
  1999. letter-spacing:1px;
  2000. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  2001. line-height:110%;
  2002. overflow:hidden;
  2003. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  2004. border-right:6px solid {color:Tab Line 3 Colour};
  2005. text-transform:uppercase;
  2006. text-align:right;
  2007. -webkit-transition: all 0.5s ease-in-out;
  2008. -moz-transition: all 0.5s ease-in-out;
  2009. -o-transition: all 0.5s ease-in-out;
  2010. transition: all 0.5s ease-in-out;
  2011. }
  2012.  
  2013. #tab11line3:hover #tab11box3 {
  2014. opacity:1;
  2015. padding-right:10px;
  2016. padding-left:4px;
  2017. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  2018. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  2019. -webkit-transition: all 0.5s ease-in-out;
  2020. -moz-transition: all 0.5s ease-in-out;
  2021. -o-transition: all 0.5s ease-in-out;
  2022. transition: all 0.5s ease-in-out;
  2023. }
  2024.  
  2025. /* --- UPDATES TAB BOX 3 END ---*/
  2026.  
  2027. #tab11line4 {
  2028. height:180px;
  2029. width: 6px;
  2030. display: inline-block;
  2031. float:left;
  2032. margin-left:5px;
  2033. opacity:1;
  2034. background-color: {color:Tab Line 4 Colour};
  2035. -webkit-transition: all 0.5s ease-in-out;
  2036. -moz-transition: all 0.5s ease-in-out;
  2037. -o-transition: all 0.5s ease-in-out;
  2038. transition: all 0.5s ease-in-out;
  2039. }
  2040.  
  2041. #tab11box4 {
  2042. width: 0px;
  2043. height: 15px;
  2044. display: inline-block;
  2045. float:right;
  2046. opacity:1;
  2047. margin-top:155px;
  2048. padding-bottom:4px;
  2049. padding-top:4px;
  2050. letter-spacing:1px;
  2051. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  2052. line-height:110%;
  2053. overflow:hidden;
  2054. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  2055. border-right:6px solid {color:Tab Line 4 Colour};
  2056. text-transform:uppercase;
  2057. text-align:right;
  2058. -webkit-transition: all 0.5s ease-in-out;
  2059. -moz-transition: all 0.5s ease-in-out;
  2060. -o-transition: all 0.5s ease-in-out;
  2061. transition: all 0.5s ease-in-out;
  2062. }
  2063.  
  2064. #tab11line4:hover #tab11box4 {
  2065. opacity:1;
  2066. padding-right:10px;
  2067. padding-left:4px;
  2068. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  2069. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  2070. -webkit-transition: all 0.5s ease-in-out;
  2071. -moz-transition: all 0.5s ease-in-out;
  2072. -o-transition: all 0.5s ease-in-out;
  2073. transition: all 0.5s ease-in-out;
  2074. }
  2075.  
  2076. #tab11line5 {
  2077. height:210px;
  2078. width: 6px;
  2079. display: inline-block;
  2080. float:left;
  2081. margin-left:5px;
  2082. opacity:1;
  2083. background-color: {color:Tab Line 5 Colour};
  2084. -webkit-transition: all 0.5s ease-in-out;
  2085. -moz-transition: all 0.5s ease-in-out;
  2086. -o-transition: all 0.5s ease-in-out;
  2087. transition: all 0.5s ease-in-out;
  2088. }
  2089.  
  2090. #tab11box5 {
  2091. width: 0px;
  2092. height: 15px;
  2093. display: inline-block;
  2094. float:right;
  2095. opacity:1;
  2096. margin-top:185px;
  2097. padding-bottom:4px;
  2098. padding-top:4px;
  2099. letter-spacing:1px;
  2100. font-size:9px; /* --- CHANGE THE CONTENT´S FONT SIZE HERE ---*/
  2101. line-height:110%;
  2102. overflow:hidden;
  2103. font-family:calibri; /* --- CHANGE THE CONTENT´S FONT HERE ---*/
  2104. border-right:6px solid {color:Tab Line 5 Colour};
  2105. text-transform:uppercase;
  2106. text-align:right;
  2107. -webkit-transition: all 0.5s ease-in-out;
  2108. -moz-transition: all 0.5s ease-in-out;
  2109. -o-transition: all 0.5s ease-in-out;
  2110. transition: all 0.5s ease-in-out;
  2111. }
  2112.  
  2113. #tab11line5:hover #tab11box5 {
  2114. opacity:1;
  2115. padding-right:10px;
  2116. padding-left:4px;
  2117. height:200px; /* --- CHANGE THE CONTENT´S HEIGHT HERE ---*/
  2118. width: 100px; /* --- CHANGE THE CONTENT´S WIDTH HERE ---*/
  2119. -webkit-transition: all 0.5s ease-in-out;
  2120. -moz-transition: all 0.5s ease-in-out;
  2121. -o-transition: all 0.5s ease-in-out;
  2122. transition: all 0.5s ease-in-out;
  2123. }
  2124.  
  2125. /* --- 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)---*/
  2126.  
  2127. /* --- UPDATES TAB ---*/
  2128.  
  2129. #scrollToTop:link,
  2130. #scrollToTop:visited {
  2131. display: none;
  2132. position: fixed;
  2133. bottom: 14px;
  2134. right: 45px;
  2135. }
  2136.  
  2137. #scrollToTop:link:hover {
  2138. background:none;
  2139. }
  2140.  
  2141. {CustomCSS}</style>
  2142.  
  2143. <!-- SCROLL CODES -->
  2144.  
  2145. <script type="text/javascript">
  2146. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  2147.  
  2148. <script>
  2149. $(function(){
  2150. var header = $('#header').offset().top;
  2151. $(window).scroll(function(){
  2152. if( $(window).scrollTop() > header ) {
  2153. $('#header').addClass("sticky");
  2154. } else {
  2155. $('#header').removeClass("sticky");
  2156. }
  2157. });
  2158. });
  2159. </script>
  2160.  
  2161. <!-- SCROLL CODES -->
  2162.  
  2163. </head><body>
  2164.  
  2165. {block:IfUpdatesTab}
  2166.  
  2167. <div id="tab11boxes">
  2168.  
  2169. <div id="tab11line1">
  2170. <div id="tab11box1">
  2171. <div style="width:100px; height:12px; margin-left: 0px;
  2172. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 1 Colour}";>
  2173. <FONT COLOR=#FFFFFF><FONT size=1>YOUR TITLE</FONT></FONT></div></p>
  2174. This is where your text belongs. </p>
  2175. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  2176. New paragraph with < p > < / p > and
  2177. </br>New line with < br > without the spaces</p>
  2178. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  2179. </div></div>
  2180.  
  2181. <div id="tab11line2">
  2182. <div id="tab11box2">
  2183. <div style="width:100px; height:12px; margin-left: 0px;
  2184. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 2 Colour}";>
  2185. <FONT COLOR=#FFFFFF><FONT size=1>YOUR TITLE</FONT></FONT></div></p>
  2186. This is where your text belongs. </p>
  2187. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  2188. New paragraph with < p > < / p > and
  2189. </br>New line with < br > without the spaces</p>
  2190. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  2191. </div></div>
  2192.  
  2193. <div id="tab11line3">
  2194. <div id="tab11box3">
  2195. <div style="width:100px; height:12px; margin-left: 0px;
  2196. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 3 Colour}";>
  2197. <FONT COLOR=#FFFFFF><FONT size=1>YOUR TITLE</FONT></FONT></div></p>
  2198. This is where your text belongs. </p>
  2199. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  2200. New paragraph with < p > < / p > and
  2201. </br>New line with < br > without the spaces</p>
  2202. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  2203. </div></div>
  2204.  
  2205. <div id="tab11line4">
  2206. <div id="tab11box4">
  2207. <div style="width:100px; height:12px; margin-left: 0px;
  2208. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 4 Colour}";>
  2209. <FONT COLOR=#FFFFFF><FONT size=1>YOUR TITLE</FONT></FONT></div></p>
  2210. This is where your text belongs. </p>
  2211. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  2212. New paragraph with < p > < / p > and
  2213. </br>New line with < br > without the spaces</p>
  2214. links: <a href="http://yoururl.tumblr.com/">Link title</a> </p>
  2215. </div></div>
  2216.  
  2217. <div id="tab11line5">
  2218. <div id="tab11box5">
  2219. <div style="width:100px; height:12px; margin-left: 0px;
  2220. border:1px #ffffff; line-height:12px;padding:1px; background-color:{color:Tab Line 5 Colour}";>
  2221. <FONT COLOR=#FFFFFF><FONT size=1>YOUR TITLE</FONT></FONT></div></p>
  2222. This is where your text belongs. </p>
  2223. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  2224. New paragraph with < p > < / p > and
  2225. </br>New line with < br > without the spaces</p>
  2226. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a></p>
  2227. </div></div>
  2228. </div>
  2229.  
  2230. {/block:IfUpdatesTab}
  2231.  
  2232. {block:ifTinyCursor}
  2233. <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  2234. {/block:ifTinyCursor}
  2235.  
  2236. <div id="header"><div id="header2">
  2237.  
  2238. <div id="title">{text:Title}
  2239. <div id="header3">
  2240.  
  2241. <div id="description">{Description}</div>
  2242. <div id="images">
  2243. <div id="image"><img src="{image:Header Icon 1}"></div>
  2244. <div id="image2"><img src="{image:Header Icon 2}"></div></div>
  2245.  
  2246. </div></div>
  2247.  
  2248. </div>
  2249.  
  2250. <div id="links">
  2251. {/block:IfLink1Name}<a href="/">{text:Link1 Name}</a>{/block:IfLink1Name}
  2252. {block:IfPopUpLinks}
  2253. <a href="#?w=500" rel="popup_name1" class="poplight">{text:Link2 Name}</a>
  2254. <a href="#?w=500" rel="popup_name2" class="poplight">{text:Link3 Name}</a>
  2255. <a href="#?w=500" rel="popup_name3" class="poplight">{text:Link4 Name}</a>
  2256. <a href="#?w=500" rel="popup_name4" class="poplight">{text:Link5 Name}</a>
  2257. {/block:IfPopUpLinks}
  2258.  
  2259. {block:IfNotPopUpLinks}
  2260. {/block:IfLink3Name}<a href="{text:Link3 URL}">{text:Link3 Name}</a>{/block:IfLink3Name}
  2261. {/block:IfLink4Name}<a href="{text:Link4 URL}">{text:Link4 Name}</a>{/block:IfLink4Name}{/block:IfUseLink4}
  2262. {/block:IfLink5Name}<a href="{text:Link5 URL}">{text:Link5 Name}</a>{/block:IfLink5Name}{/block:IfNotPopUpLinks}
  2263.  
  2264. </div>
  2265. </div>
  2266.  
  2267. <div id="bottomheader"><div id="pagination">
  2268. {block:IfNotInfiniteScroll}
  2269. {block:Pagination}
  2270. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  2271. {block:JumpPagination length="10"}
  2272. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  2273. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  2274. {/block:JumpPagination}
  2275. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  2276. {/block:Pagination}
  2277. {block:IfNotInfiniteScroll}
  2278. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  2279.  
  2280. </div>
  2281. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  2282. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  2283. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go back to Top"><b> <big>{text:Scroll To Top Button}</big></b></a>
  2284. <span class="credit">
  2285. <a href="http://iamthemelocked.tumblr.com/" title="theme by iamthemelocked">TL</a></span></div>
  2286.  
  2287. <div id="entries">
  2288. <div class = "autopagerize_page_element" >
  2289. {block:Posts}
  2290. <div id="post">
  2291.  
  2292. <!----- TEXT / PHOTO POSTS ----->
  2293.  
  2294. {block:ContentSource}
  2295. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2296. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2297. {/block:SourceLogo}
  2298. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2299. {/block:ContentSource}
  2300.  
  2301. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  2302.  
  2303. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" target="_blank">{LinkCloseTag}
  2304. {block:Caption}{block:ifShowCaptions}
  2305. <span class="caption">{Caption}</span>
  2306. {/block:ifShowCaptions}{/block:Caption}
  2307. {/block:Photo}
  2308.  
  2309. {block:Photoset}{Photoset-500}
  2310. {block:Caption}{block:ifShowCaptions}
  2311. <span class="caption">{Caption}</span>
  2312. {/block:ifShowCaptions}{/block:Caption}{/block:Photoset}
  2313.  
  2314. {block:PermalinkPage}
  2315. {block:ifNotShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifNotShowCaptions}
  2316. {/block:PermalinkPage}
  2317.  
  2318. <!----- TEXT / PHOTO POSTS ----->
  2319.  
  2320. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  2321.  
  2322. {block:Quote}<div id="quote">{Quote}</div>
  2323. <div id="source">{block:Source}{Source}{/block:Source}<div id="mark">“</div></div>{/block:Quote}
  2324.  
  2325. {block:Video}{Video-500}
  2326. {block:Caption}{block:ifShowCaptions}
  2327. <span class="caption">{Caption}</span>
  2328. {/block:ifShowCaptions}{/block:Caption}{/block:Video}
  2329.  
  2330. {block:Link}<h1><div id="ll"><a href="{URL}" target="_blank" {Target}>{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  2331.  
  2332. {block:Chat}
  2333. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  2334. {block:Label}<span class="label">{Label}</span>{/block:Label}
  2335. {Line}</li>{/block:Lines}</ul>
  2336. {/block:Chat}
  2337.  
  2338. <!----- QUOTES / CHAT / VIDEOS / LINKS POSTS ----->
  2339.  
  2340. <!----- AUDIO POSTS ----->
  2341.  
  2342. {block:Audio}
  2343. <div id="audio">
  2344. <div id="audiobackground"><div id="audioplayer">
  2345. {AudioPlayerWhite}
  2346. </div></div>
  2347. <img id="audioimage" img src="https://38.media.tumblr.com/27c7e2c0db27e7c0573b9a098873f6c5/tumblr_nfeb2dRHoU1trnu46o1_400.jpg"/>
  2348. {block:AlbumArt}
  2349. <img id="audioimage" src="{AlbumArtURL}" />
  2350. {/block:AlbumArt}
  2351. <div id="audiobig">
  2352. {block:TrackName}
  2353. <div id="audioinfo"><b>Track: </b>{TrackName}</div>
  2354. {/block:TrackName}
  2355. {block:Artist}
  2356. <div id="audioinfo"><b>Artist: </b> {Artist}</div>
  2357. {/block:Artist}{block:Album}
  2358. <div id="audioinfo"><b>Album: </b>{Album}</div>
  2359. {/block:Album}
  2360. <div id="audioinfo"><b>Played: </b>{PlayCountWithLabel}</div>
  2361. </div></div>{block:ifshowcaptions}
  2362. <span class="caption">{Caption}</span>
  2363. {/block:ifshowcaptions}
  2364. {/block:Audio}
  2365.  
  2366. <!----- AUDIO POSTS ----->
  2367.  
  2368. <!----- ASKS POSTS ----->
  2369.  
  2370. {block:Answer}
  2371. <div id="question">{Question}</div>
  2372. <div id="ask"><div id="asker">{Asker}&nbsp;&nbsp;<div id="portrait"><img src="{AskerPortraitURL-16}"></div></div></div>
  2373. <div id="replies"><div id="me">The Blogger replied:&nbsp;&nbsp;<div id="meportrait"><img src="{PortraitURL-16}"/></div>
  2374. </div></br>{Replies}</div>
  2375. {/block:Answer}
  2376.  
  2377. <!----- ASKS POSTS ----->
  2378.  
  2379. <!----- INFO SECTION ----->
  2380.  
  2381. {block:Date}<div id="info">
  2382. <a href="{Permalink}">{TimeAgo} | {DayOfMonthWithZero} {ShortMonth}</a> -
  2383. {block:NoteCount}<a href="{Permalink}">with&nbsp;{NoteCountWithLabel}</a>{/block:NoteCount} -
  2384. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a> -
  2385. <a href="{ReblogRootURL}" title="orginally by">{ReblogRootName}</a>{/block:RebloggedFrom} -
  2386. <a href="{ReblogURL}" target="blank">reblog</a>
  2387. </div>
  2388.  
  2389. <!----- INFO SECTION ----->
  2390.  
  2391. <!----- TAGS SECTION ----->
  2392.  
  2393. {block:HasTags}
  2394. <div id="tags">
  2395. {block:Tags}<a href="{TagURL}">●&nbsp;{Tag}</a>{/block:Tags}</div>
  2396. {/block:HasTags}{/block:Date}</div>
  2397.  
  2398. <!----- TAGS SECTION ----->
  2399.  
  2400. <!----- POST NOTES ----->
  2401.  
  2402. {block:PostNotes}
  2403. <div class="pagenotes">
  2404. {PostNotes}
  2405. </div>
  2406. {/block:PostNotes}
  2407. {/block:Posts}
  2408.  
  2409. <!----- POST NOTES ----->
  2410. </body>
  2411.  
  2412. <div id="popup_name4" class="popup_block">
  2413. <div class="aboutbigtitle">About</div>
  2414.  
  2415. <div id="aboutimage"><img src="{image:About Image}"></div>
  2416.  
  2417. <div id="about">
  2418.  
  2419. <!--IF YOU WANT MORE PARAGRAPHS THEN COPY THIS PART-->
  2420.  
  2421. <div id="aboutbox">
  2422. <!--change your text here-->
  2423.  
  2424. <div style="width:490px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 1}";>
  2425. <FONT COLOR=#FFFFFF><FONT size=1><center>your about title</center></FONT></FONT></div></p>
  2426.  
  2427. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. </br></br>
  2428.  
  2429. <div style="width:490px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 3}";>
  2430. <FONT COLOR=#FFFFFF><FONT size=1><center>your about title</center></FONT></FONT></div></p>
  2431.  
  2432. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</br></p>
  2433.  
  2434. <a href="/">Your Link</a>
  2435. <a href="/">Your Link</a>
  2436. <a href="/">Your Link</a>
  2437. <a href="/">Your Link</a>
  2438. <a href="/">Your Link</a>
  2439. <a href="/">Your Link</a>
  2440. <a href="/">Your Link</a>
  2441. <a href="/">Your Link</a>
  2442. </br></br>
  2443.  
  2444. <div style="width:490px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 4}";>
  2445. <FONT COLOR=#FFFFFF><FONT size=1><center>your about title</center></FONT></FONT></div></p>
  2446.  
  2447. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</br></br>
  2448.  
  2449. <div style="width:490px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 5}";>
  2450. <FONT COLOR=#FFFFFF><FONT size=1><center>your about title</center></FONT></FONT></div></p>
  2451.  
  2452. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</br>
  2453.  
  2454. <a href="/">Your Link</a>
  2455. <a href="/">Your Link</a>
  2456. <a href="/">Your Link</a>
  2457. <a href="/">Your Link</a>
  2458. <a href="/">Your Link</a>
  2459. <a href="/">Your Link</a>
  2460. <a href="/">Your Link</a>
  2461. <a href="/">Your Link</a></br>
  2462. <a href="/">Your Link</a>
  2463. <a href="/">Your Link</a>
  2464. <a href="/">Your Link</a>
  2465. <a href="/">Your Link</a>
  2466. <a href="/">Your Link</a>
  2467. <a href="/">Your Link</a>
  2468. <a href="/">Your Link</a>
  2469. <a href="/">Your Link</a>
  2470.  
  2471. <!--change your text here-->
  2472. </div>
  2473.  
  2474. </div>
  2475. </div>
  2476.  
  2477. <div id="popup_name3" class="popup_block">
  2478. <div class="blogrolltitle">Blogroll</div></br></br>
  2479. <div class="blogroll">
  2480. {block:Following}{block:Followed}<a target="_blank" title="{FollowedName} - {FollowedTitle}" href='{FollowedURL}'><img src='{FollowedPortraitURL-40}'/></a>{/block:Followed}{/block:Following}</div>
  2481.  
  2482. </div>
  2483.  
  2484.  
  2485. <div id="popup_name2" class="popup_block">
  2486. <div class="navititle">Navigation</br></div></br>
  2487. <div class="navi">
  2488.  
  2489. <!--- ROW 1 --->
  2490.  
  2491. <div id="navilinks">
  2492. <div id="navititle1">Navi Title 1</div></p>
  2493. <a href="/">Your Navi Link</a>
  2494. <a href="/">Your Navi Link</a>
  2495. <a href="/">Your Navi Link</a>
  2496. <a href="/">Your Navi Link</a>
  2497. <a href="/">Your Navi Link</a>
  2498. <a href="/">Your Navi Link</a>
  2499. <a href="/">Your Navi Link</a>
  2500. <a href="/">Your Navi Link</a>
  2501. </div>
  2502.  
  2503. <!--- ROW 1 --->
  2504.  
  2505. <!--- ROW 2 --->
  2506.  
  2507. <div id="navilinks">
  2508. <div id="navititle2">Navi Title 2</div></p>
  2509. <div id="navilinks2">
  2510. <a href="/">Your Navi Link</a>
  2511. <a href="/">Your Navi Link</a>
  2512. <a href="/">Your Navi Link</a>
  2513. <a href="/">Your Navi Link</a>
  2514. <a href="/">Your Navi Link</a>
  2515. <a href="/">Your Navi Link</a>
  2516. <a href="/">Your Navi Link</a>
  2517. <a href="/">Your Navi Link</a>
  2518. </div></div>
  2519.  
  2520. <!--- ROW 2 --->
  2521.  
  2522. <!--- ROW 3 --->
  2523.  
  2524. <div id="navilinks">
  2525. <div id="navititle3">Navi Title 3</div></p>
  2526. <div id="navilinks3">
  2527. <a href="/">Your Navi Link</a>
  2528. <a href="/">Your Navi Link</a>
  2529. <a href="/">Your Navi Link</a>
  2530. <a href="/">Your Navi Link</a>
  2531. <a href="/">Your Navi Link</a>
  2532. <a href="/">Your Navi Link</a>
  2533. <a href="/">Your Navi Link</a>
  2534. <a href="/">Your Navi Link</a>
  2535. </div></div>
  2536.  
  2537. <!--- ROW 3 --->
  2538.  
  2539. <!--- ROW 4 --->
  2540.  
  2541. <div id="navilinks">
  2542. <div id="navititle4">Navi Title 4</div></p>
  2543. <div id="navilinks4">
  2544. <a href="/">Your Navi Link</a>
  2545. <a href="/">Your Navi Link</a>
  2546. <a href="/">Your Navi Link</a>
  2547. <a href="/">Your Navi Link</a>
  2548. <a href="/">Your Navi Link</a>
  2549. <a href="/">Your Navi Link</a>
  2550. <a href="/">Your Navi Link</a>
  2551. <a href="/">Your Navi Link</a>
  2552. </div></div>
  2553.  
  2554. <!--- ROW 4 --->
  2555.  
  2556. <!--- ROW 5 --->
  2557.  
  2558. <div id="navilinks">
  2559. <div id="navititle5">Navi Title 5</div></p>
  2560. <div id="navilinks5">
  2561. <a href="/">Your Navi Link</a>
  2562. <a href="/">Your Navi Link</a>
  2563. <a href="/">Your Navi Link</a>
  2564. <a href="/">Your Navi Link</a>
  2565. <a href="/">Your Navi Link</a>
  2566. <a href="/">Your Navi Link</a>
  2567. <a href="/">Your Navi Link</a>
  2568. <a href="/">Your Navi Link</a>
  2569. </div></div>
  2570.  
  2571. <!--- ROW 5 --->
  2572.  
  2573. <!--- ROW 6 --->
  2574.  
  2575. <div id="navilinks">
  2576. <div id="navititle6">Navi Title 6</div></p>
  2577. <div id="navilinks6">
  2578. <a href="/">Your Navi Link</a>
  2579. <a href="/">Your Navi Link</a>
  2580. <a href="/">Your Navi Link</a>
  2581. <a href="/">Your Navi Link</a>
  2582. <a href="/">Your Navi Link</a>
  2583. <a href="/">Your Navi Link</a>
  2584. <a href="/">Your Navi Link</a>
  2585. <a href="/">Your Navi Link</a>
  2586. </div></div>
  2587.  
  2588. <!--- ROW 6 --->
  2589.  
  2590. </div>
  2591. </div>
  2592.  
  2593. <div id="popup_name1" class="popup_block">
  2594. <div class="puask">
  2595.  
  2596. <div id="faqimage"><img src="{image:Faq Image}"></div>
  2597.  
  2598. <iframe frameborder="0" scrolling="no" width="500px" height="480" id="submit_form" src="http://www.tumblr.com/submit_form/{text:Pop Up Ask}.tumblr.com" style="background-color:transparent;margin-left:600px; margin-top:0px; "></iframe>
  2599.  
  2600. <iframe frameborder="0" scrolling="yes" width="500px" height="200" src="http://www.tumblr.com/ask_form/{text:Pop Up Ask}.tumblr.com" style="background-color:transparent; overflow:hidden;margin-left:70px;margin-top:-200px" id="ask_form"></iframe>
  2601.  
  2602. <div id="faq">
  2603.  
  2604. <div style="width:480px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 1}";>
  2605. <FONT COLOR=#FFFFFF><FONT size=1><center>your faq title</center></FONT></FONT></div></p>
  2606.  
  2607. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. </br></br>
  2608.  
  2609. <div style="width:480px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 2}";>
  2610. <FONT COLOR=#FFFFFF><FONT size=1><center>your faq title</center></FONT></FONT></div></p>
  2611.  
  2612. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.</br></p>
  2613.  
  2614. <a href="/">Your Link</a>
  2615. <a href="/">Your Link</a>
  2616. <a href="/">Your Link</a>
  2617. <a href="/">Your Link</a>
  2618. <a href="/">Your Link</a>
  2619. <a href="/">Your Link</a>
  2620. <a href="/">Your Link</a>
  2621. <a href="/">Your Link</a></br></br>
  2622.  
  2623. <div style="width:480px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 3}";>
  2624. <FONT COLOR=#FFFFFF><FONT size=1><center>your faq title</center></FONT></FONT></div></p>
  2625.  
  2626. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. </br></br>
  2627.  
  2628. <div style="width:480px; margin-left: -5px;line-height:7px;padding:4px; background-color:{color:Pop Up Accent 4}";>
  2629. <FONT COLOR=#FFFFFF><FONT size=1><center>your faq title</center></FONT></FONT></div></p>
  2630.  
  2631. <a href="/">Your Link</a>
  2632. <a href="/">Your Link</a>
  2633. <a href="/">Your Link</a>
  2634. <a href="/">Your Link</a>
  2635. <a href="/">Your Link</a>
  2636. <a href="/">Your Link</a>
  2637. <a href="/">Your Link</a>
  2638. <a href="/">Your Link</a>
  2639.  
  2640. <a href="/">Your Link</a>
  2641. <a href="/">Your Link</a>
  2642. <a href="/">Your Link</a>
  2643. <a href="/">Your Link</a>
  2644. <a href="/">Your Link</a>
  2645. <a href="/">Your Link</a>
  2646. <a href="/">Your Link</a>
  2647. <a href="/">Your Link</a></br></br>
  2648.  
  2649. </div>
  2650.  
  2651. </div></div>
  2652.  
  2653. </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!