API tools faq
paste
Advertisement
missdilaurentis

MissDilaurentis Theme #47

missdilaurentis
Jun 29th, 2016
11,431
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 76.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><html><head>
  2.  
  3. {block:Description}
  4. <meta name="description" content="{MetaDescription}" />
  5. {/block:Description}
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  8. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12.  
  13.  
  14. <!-----------------------------------------------------------------
  15.  
  16. THEME BY #47 EVILQUEENEDTHEMES
  17.  
  18. http://evilqueenedthemes.tumblr.com
  19.  
  20. ----------------------------
  21.  
  22. • DO NOT STEAL
  23. • DO NOT COPY
  24. • DO NOT CLAIM AS YOUR OWN
  25. • DO NOT REMOVE THE CREDIT
  26.  
  27. ----------------------------
  28.  
  29. CREDITS:
  30.  
  31. All-In-One Theme Base Code by Paige @neonbikethemes.tumblr.com
  32.  
  33. Like and reblog button tutorial by http://solitudethemes.tumblr.com/
  34.  
  35. Tumblr controls by http://shythemes.tumblr.com/
  36.  
  37. Hide stuff tutorial by http://lmthemes.tumblr.com/
  38.  
  39. ----------------------------
  40.  
  41. Before asking any questions, please look at the code carefully.
  42.  
  43. I tried to inclulde as much indications as possible to make it easier for you to customize.
  44.  
  45. Thank you.
  46.  
  47. ------------------------------------------------------------------>
  48.  
  49.  
  50.  
  51.  
  52. <!----------------------------DEFAULT VARIABLES----------------------------->
  53.  
  54.  
  55. <!--------------------------COLORS ----------------------->
  56.  
  57. <meta name="color:Ask" content="#eed6fe"/>
  58. <meta name="color:Ask2" content="#f0f0f0"/>
  59. <meta name="color:Ask borders" content="#dad8d8"/>
  60. <meta name="color:Background" content="#f5f5f5"/>
  61. <meta name="color:Blog title" content="#c99ace"/>
  62. <meta name="color:Bold" content="#c99ace"/>
  63. <meta name="color:Caption" content="#f0f0f0"/>
  64. <meta name="color:ExtraLinks Title" content="#a4c3ce"/>
  65. <meta name="color:ExtraLinks Title hover" content="#b8b8b8"/>
  66. <meta name="color:Extra Links" content="#aaaaaa"/>
  67. <meta name="color:Extra Links Hover" content="#6d6d6d"/>
  68. <meta name="color:Links" content="#a4c3ce"/>
  69. <meta name="color:Links Hover" content="#8aa4ad"/>
  70. <meta name="color:Music bg" content="#eed6fe"/>
  71. <meta name="color:Navlinks" content="#000000"/>
  72. <meta name="color:Navlinks border" content="#cab1da"/>
  73. <meta name="color:Navlinks icons" content="#a4c3ce"/>
  74. <meta name="color:Navlinks iconshover" content="#c99ace"/>
  75. <meta name="color:Navlinks subs" content="#9cd1e2"/>
  76. <meta name="color:Pagination" content="#9f9f9f"/>
  77. <meta name="color:Post bg" content="#ffffff"/>
  78. <meta name="color:Post borders" content="#eaeaea"/>
  79. <meta name="color:Post info" content="#a2a2a2"/>
  80. <meta name="color:Post title" content="#6d6d6d"/>
  81. <meta name="color:Tooltips" content="#000000"/>
  82. <meta name="color:Tooltips bg" content="#9cd1e2"/>
  83. <meta name="color:Scrollbar" content="#b8b8b8"/>
  84. <meta name="color:Scrollbar bg" content="#ffffff"/>
  85. <meta name="color:Scrollbar onclick" content="#a4c3ce"/>
  86. <meta name="color:Scroll to top" content="#a4c3ce"/>
  87. <meta name="color:Selection" content="#000000"/>
  88. <meta name="color:Selection BG" content="#bb9ec6"/>
  89. <meta name="color:Sidebar bg" content="#ffffff"/>
  90. <meta name="color:Sidebar borders" content="#eaeaea"/>
  91. <meta name="color:Sidebar text" content="#9a9a9a"/>
  92. <meta name="color:Tags" content="#a7a7a8"/>
  93. <meta name="color:Text" content="#9a9a9a"/>
  94. <meta name="color:Topbar" content="#ffffff"/>
  95.  
  96. <!-----------------TABS CONTENT COLORS------------------->
  97.  
  98. <meta name="color:Tabs main title" content="#000000"/>
  99. <meta name="color:Tabs main title bg" content="#eed6fe"/>
  100. <meta name="color:Tab3 tags hover" content="#000000"/>
  101. <meta name="color:Tab3 tags hover bg" content="#eed6fe"/>
  102. <meta name="color:Tab3 titles" content="#a4c3ce"/>
  103. <meta name="color:Tab3 titles bg" content="#f5f5f5"/>
  104. <meta name="color:Tab4 social iconsBG" content="#f5f5f5"/>
  105. <meta name="color:Tab4 titles" content="#000000"/>
  106. <meta name="color:Tab4 titles bg" content="#eed6fe"/>
  107. <meta name="color:Tab6 titles" content="#000000"/>
  108. <meta name="color:Tab6 titles bg" content="#eed6fe"/>
  109.  
  110. <!-----------------------IMAGES---------------------------->
  111.  
  112. <meta name="image:background" content=""/>
  113. <meta name="image:sidebar" content=""/>
  114. <!--TAB 4 IMAGE -->
  115. <meta name="image:aboutimg" content=""/>
  116.  
  117. <!------------------TAB 6 IMAGES--------------------------->
  118.  
  119. <meta name="image:img1" content=""/>
  120. <meta name="image:img2" content=""/>
  121. <meta name="image:img3" content=""/>
  122. <meta name="image:img4" content=""/>
  123. <meta name="image:img5" content=""/>
  124. <meta name="image:img6" content=""/>
  125. <meta name="image:img7" content=""/>
  126. <meta name="image:img8" content=""/>
  127. <meta name="image:img9" content=""/>
  128. <meta name="image:img10" content=""/>
  129.  
  130. <!----------------SHOW / DON'T SHOW STUFF------------------>
  131.  
  132. <meta name="if:Extralinks" content="1">
  133. <meta name="if:Show ExtraLink1" content="1">
  134. <meta name="if:Show ExtraLink2" content="1">
  135. <meta name="if:Show ExtraLink3" content="1">
  136. <meta name="if:Show ExtraLink4" content="1">
  137. <meta name="if:Searchbox" content="1">
  138. <meta name="if:Hover tumblr controls" content="1">
  139. <meta name="if:Small tumblr controls" content="1">
  140. <meta name="if:Navigation Subtitles" content="1">
  141. <meta name="if:Show Tab3" content="1">
  142. <meta name="if:Show Tab4" content="1">
  143. <meta name="if:Show Tab5" content="1">
  144. <meta name="if:Show Tab6" content="1">
  145.  
  146. <!------------NAVIGATION LINKS / TABS---------------------->
  147.  
  148. <meta name="text:Home Title" content="Index" />
  149. <meta name="text:Home Sub" content="home sub" />
  150. <meta name="text:Ask Title" content="Message" />
  151. <meta name="text:Ask Sub" content="ask sub" />
  152. <meta name="text:Tab 3 Title" content="tab 3" />
  153. <meta name="text:Tab 3 Sub" content="tab 3 sub" />
  154. <meta name="text:Tab 4 Title" content="tab 4" />
  155. <meta name="text:Tab 4 Sub" content="tab 4 sub" />
  156. <meta name="text:Tab 5 Title" content="tab 5" />
  157. <meta name="text:Tab 5 Sub" content="tab 5 sub" />
  158. <meta name="text:Tab 6 Title" content="tab 6" />
  159. <meta name="text:Tab 6 Sub" content="link 6 sub" />
  160.  
  161. <!-------------EXTRA LINKS / SIDEBAR LINKS----------------->
  162.  
  163. <meta name="text:ExtraLink 1 URL" content="/" />
  164. <meta name="text:ExtraLink 1 Title" content="link 1" />
  165. <meta name="text:ExtraLink 2 URL" content="/" />
  166. <meta name="text:ExtraLink 2 Title" content="link 2" />
  167. <meta name="text:ExtraLink 3 URL" content="/" />
  168. <meta name="text:ExtraLink 3 Title" content="link 3" />
  169. <meta name="text:ExtraLink 4 URL" content="/" />
  170. <meta name="text:ExtraLink 4 Title" content="link 4" />
  171.  
  172. <!-----------------ASK & SUBMIT BOXES---------------------->
  173.  
  174. <meta name="text:YourUrl" content="write your url WITHOUT http://www. and .tumblr.com"/>
  175.  
  176. <!-------------DEFAULT FONTS AND FONTS SIZE---------------->
  177.  
  178. <meta name="text:scroll to top" content="40px"/>
  179. <meta name="text:sidebar font Size" content="10px"/>
  180. <meta name="text:sidebar font" content="montserrat"/>
  181. <meta name="text:Post Font Size" content="10px"/>
  182. <meta name="text:Post Font" content="montserrat"/>
  183. <meta name="text:Small Font Size" content="10px"/>
  184. <meta name="text:Small Font" content="quicksand"/>
  185.  
  186. <!---------------------END OF DEFAULT VARIABLES----------------------------->
  187.  
  188.  
  189.  
  190. <!-----------------------------GOOGLE FONTS--------------------------------->
  191.  
  192. <link href='https://fonts.googleapis.com/css?family=Karla:400italic,400,700,700italic' rel='stylesheet' type='text/css'>
  193.  
  194. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  195.  
  196. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  197.  
  198. <!--------------------------------SCRIPTS----------------------------------->
  199.  
  200. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  201.  
  202. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  203.  
  204. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  205.  
  206. <script src="js/jquery-1.7.1.js" type="text/javascript"></script>
  207. <script src="js/jquery.adipoli.min.js" type="text/javascript"></script>
  208. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  209.  
  210. <!-----------------------------SCROLL TO TOP-------------------------------->
  211.  
  212. <script type="text/javascript">
  213.  
  214. $(document).ready(function(){
  215.  
  216. //Check to see if the window is top if not then display button
  217. $(window).scroll(function(){
  218. if ($(this).scrollTop() > 100) {
  219. $('.scrollToTop').fadeIn();
  220. } else {
  221. $('.scrollToTop').fadeOut();
  222. }
  223. });
  224.  
  225. //Click event to scroll to top
  226. $('.scrollToTop').click(function(){
  227. $('html, body').animate({scrollTop : 0},800);
  228. return false;
  229. });
  230.  
  231. });</script>
  232.  
  233. <!--------------------------------TOOLTIPS---------------------------------->
  234.  
  235. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  236. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  237. <script>
  238. (function($){
  239. $(document).ready(function(){
  240. $("a[title]").style_my_tooltips({
  241. tip_follows_cursor:true,
  242. tip_delay_time:90,
  243. tip_fade_speed:600,
  244. attribute:"title"
  245. });
  246. });
  247. })(jQuery);
  248. </script>
  249.  
  250. <!--------------------------DROP DOWN MENU SCRIPT--------------------------->
  251.  
  252. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  253.  
  254. <script type="text/javascript">
  255. function unhide(divID) {
  256. var item = document.getElementById(divID);
  257. if (item) {
  258. item.className=(item.className=='hidden')?'unhidden':'hidden';
  259. }
  260. }
  261. </script>
  262.  
  263. <!-------------------------------------------------------------------------->
  264.  
  265.  
  266. <style type="text/css">
  267.  
  268.  
  269. /*HOVER TUMBLR CONTROLS*/
  270.  
  271. {block:ifHovertumblrcontrols}
  272. .tcontrols{
  273. z-index:99999999999999!important;
  274. top:22px;
  275. right:16px;
  276. position:fixed;
  277. font-size:16px;
  278. color:{color:post borders};
  279. opacity:1;}
  280.  
  281. .tmblr-iframe {
  282. position:fixed!important;
  283. z-index:99999999999999999999999999999999!important;
  284. top:0!important;
  285. right:0!important;
  286. opacity:0!important;
  287. -webkit-filter:invert(100%);
  288. -webkit-backface-visibility:hidden;
  289. padding:10px 0px 10px 10px;
  290. {block:ifSmalltumblrcontrols}
  291. -ms-transform: scale(.9,.9);
  292. -webkit-transform: scale(.9,.9);
  293. transform: scale(.9,.9);
  294. {/block:ifSmalltumblrcontrols}
  295. transition:0.5s;
  296. -o-transition-transition:0.5s;
  297. -webkit-transition-duration:0.5s;
  298. -moz-transition-duration:0.5s;}
  299.  
  300. .tmblr-iframe:hover {
  301. opacity:.5!important;
  302. padding: 70px 0px 10px 10px; /* change the first number if you want to increase / decrease the tumblr controls margin top */
  303. transition:0.5s;
  304. -o-transition-transition:0.5s;
  305. -webkit-transition-duration:0.5s;
  306. -moz-transition-duration:0.5s;}
  307. {/block:ifHovertumblrcontrols}
  308.  
  309. /*REGULAR TUMBLR CONTROLS*/
  310.  
  311. {block:ifNotHovertumblrcontrols}
  312.  
  313. .tmblr-iframe {
  314. position:fixed!important;
  315. z-index:99999999999999999999999999999999!important;
  316. top:0!important;
  317. right:0!important;
  318. opacity:.5;
  319. -webkit-filter:invert(100%);
  320. -webkit-backface-visibility:hidden;
  321. padding:18px 0px 10px 10px; /* change the first number if you want to increase / decrease the tumblr controls margin top */
  322. {block:ifSmalltumblrcontrols}
  323. -ms-transform: scale(.9,.9);
  324. -webkit-transform: scale(.9,.9);
  325. transform: scale(.9,.9);
  326. {/block:ifSmalltumblrcontrols} }
  327.  
  328. {/block:ifNotHovertumblrcontrols}
  329.  
  330. /*-------------------------------------------------------------------------*/
  331.  
  332. body {
  333. background:{color:background};
  334. background-image: url('{image:background}');
  335. background-repeat:repeat;
  336. background-attachment:fixed;
  337. margin:0px;
  338. color:{color:text};
  339. font-family:'calibri';
  340. font-size:11px;
  341. line-height:100%;}
  342.  
  343. /*TOOLTIPS*/
  344.  
  345. #s-m-t-tooltip {
  346. max-width:400px;
  347. margin:25px 15px;
  348. text-transform:lowercase;
  349. font-size:10px;
  350. padding:5px;
  351. border-radius:3px;
  352. z-index:9999999999999999;
  353. background:{color:tooltips bg};
  354. color:{color:tooltips};
  355. font-weight:bold;
  356. letter-spacing:1px;
  357. font-family:'quicksand';}
  358.  
  359. /*SEARCH BOX*/
  360.  
  361. .sfm input {
  362. {block:ifNavigationSubtitles}
  363. margin-top:-7px;
  364. {/block:ifNavigationSubtitles}
  365. border: 0px;}
  366.  
  367. .sfm input[type="text"]:focus {
  368. outline:none;
  369. {block:ifNavigationSubtitles}
  370. color:{color:navlinks subs};
  371. {/block:ifNavigationSubtitles}
  372. {block:ifNotNavigationSubtitles}
  373. color:{color:navlinks};
  374. {/block:ifNotNavigationSubtitles}}
  375.  
  376. #sb {vertical-align:top;}
  377.  
  378. #sf {
  379. margin-top:0px;
  380. height:0px;
  381. padding:5px;
  382. {block:ifNavigationSubtitles}
  383. font-size:7px;
  384. text-align:center;
  385. width:60px;
  386. {/block:ifNavigationSubtitles}
  387. {block:ifNotNavigationSubtitles}
  388. font-size:8px;
  389. width:65px;
  390. margin-left:-5px;
  391. {/block:ifNotNavigationSubtitles}
  392. letter-spacing:3px;
  393. font-weight:bold;
  394. font-family: 'montserrat';
  395. text-transform: uppercase;
  396. background-color:transparent;}
  397.  
  398. {block:ifNavigationSubtitles}
  399. ::-webkit-input-placeholder {color:{color:navlinks subs};}
  400. :-moz-placeholder {/* Firefox 18- */ color:{color:navlinks subs};}
  401. ::-moz-placeholder {/* Firefox 19+ */ color:{color:navlinks subs};}
  402. :-ms-input-placeholder {color:{color:navlinks subs};}
  403. {/block:ifNavigationSubtitles}
  404.  
  405. {block:ifNotNavigationSubtitles}
  406. ::-webkit-input-placeholder {color:{color:navlinks};}
  407. :-moz-placeholder {/* Firefox 18- */ color:{color:navlinks};}
  408. ::-moz-placeholder {/* Firefox 19+ */ color:{color:navlinks};}
  409. :-ms-input-placeholder {color:{color:navlinks};}
  410. {/block:ifNotNavigationSubtitles}
  411.  
  412. /* SCROLLBAR */
  413.  
  414. ::-webkit-scrollbar {
  415. width: 10px;
  416. height: 6px;}
  417.  
  418. ::-webkit-scrollbar-button {
  419. width: 0px;
  420. height: 0px;}
  421.  
  422. ::-webkit-scrollbar-thumb {
  423. background:{color:scrollbar};
  424. border:3px solid {color:scrollbar bg};
  425. border-radius: 13px;}
  426.  
  427. ::-webkit-scrollbar-thumb:active {
  428. background: {color:scrollbar onclick};}
  429.  
  430. ::-webkit-scrollbar-track {
  431. background:{color:scrollbar bg};
  432. border-radius: 0px;}
  433.  
  434. /* SCROLL TO TOP*/
  435.  
  436. .scrollToTop{
  437. display:none;
  438. position:fixed;
  439. right:15px;
  440. bottom:20px;
  441. color:{color:scroll to top};
  442. font-size:{text:Scroll to top};}
  443.  
  444. /* BASICS */
  445.  
  446. a, a:active, a:visited {
  447. transition:0.8s;
  448. -o-transition-transition:0.8s;
  449. -webkit-transition-duration:0.8s;
  450. -moz-transition-duration:0.8s;
  451. text-decoration:none;
  452. color:{color:links};}
  453.  
  454. a:hover {
  455. transition:0.8s;
  456. -o-transition-transition:0.8s;
  457. -webkit-transition-duration:0.8s;
  458. -moz-transition-duration:0.8s;
  459. text-decoration:none;
  460. color:{color:links hover};
  461. background-color:{color:transparent};}
  462.  
  463. b, strong {color:{color:bold};}
  464.  
  465. p {margin-top:5px; margin-bottom:10px;}
  466.  
  467. h1 {
  468. font-size:16px;
  469. line-height: 100%;
  470. font-family:'quicksand';
  471. padding-bottom:7px;
  472. line-height:100%;
  473. font-weight:bold;
  474. margin-bottom:15px;
  475. margin-top:0px;
  476. text-align:left;
  477. color:{color:post title};}
  478.  
  479. pre {
  480. font-family:'calibri';
  481. font-size:10px;}
  482.  
  483. .post_body{
  484. padding:10px;}
  485.  
  486. small, sub, sup {
  487. font-weight:bold;
  488. font-family:{text:Small Font};
  489. font-size:{text:Small Font Size};}
  490.  
  491. big {font-size:12px;}
  492.  
  493. blockquote {
  494. padding:2px 5px;
  495. margin:3px 0px 3px 8px;
  496. border-left:1px dotted;
  497. border-color:{color:text};}
  498.  
  499. blockquote blockquote{
  500. margin-left:5px;}
  501.  
  502. blockquote img {max-width:100%;height:auto;}
  503.  
  504. /* POSTS */
  505.  
  506. #entries {
  507. padding:20px;
  508. width:520px;
  509. margin-top:0px;
  510. margin-left:auto;
  511. margin-right:auto;
  512. font-family:'arial';
  513. color:{color:Text};}
  514.  
  515. #post {
  516. border-radius:5px 5px 0px 0px;
  517. position:static;
  518. margin-top:96px;
  519. width:500px;
  520. border:1px solid;
  521. border-color:{color:post borders};
  522. padding:30px;
  523. margin-bottom:-35px;
  524. font-family:{text:Post Font};
  525. font-size:{text:Post Font Size};
  526. color:{color:text};
  527. background:{color:post bg};
  528. word-wrap: break-word;}
  529.  
  530. .tpages {
  531. width:500px;
  532. border:1px solid;
  533. border-radius:5px 5px 5px 5px;
  534. border-color:{color:post borders};
  535. padding:30px;
  536. margin-top:98px;
  537. margin-bottom:-35px;
  538. font-family:'calibri';
  539. letter-spacing:1px;
  540. word-spacing:1px;
  541. text-align:center;
  542. font-size:8px;
  543. font-weight:bold;
  544. text-transform:uppercase;
  545. color:{color:text};
  546. background:{color:post bg};
  547. word-wrap: break-word;}
  548.  
  549. /*QUOTES*/
  550.  
  551. #quote {
  552. font-size: 14px;
  553. line-height: 100%;
  554. color: {color:text};
  555. border-radius:10px;
  556. font-family:'quicksand';
  557. background-color:{color:caption};
  558. padding:10px;
  559. padding-left:10px;}
  560.  
  561. #source {
  562. text-align:right;
  563. color:{color:text};
  564. font-size:8px;
  565. margin-top:10px;
  566. padding-bottom:15px;
  567. font-weight:bold;
  568. font-family:'quicksand';
  569. text-transform:uppercase;}
  570.  
  571. #caption {
  572. width:490px;
  573. background-color:{color:caption};
  574. margin-top:10px;
  575. word-wrap: break-word;
  576. padding:5px;}
  577.  
  578. /* AUDIO */
  579.  
  580. #allaudio {
  581. margin-top:-10px;}
  582.  
  583. #audioplayer {
  584. border-radius:5px 0px 0px 5px;
  585. z-index:1;
  586. height:75px;
  587. width:75px;
  588. margin-top:10px;
  589. display:block;
  590. overflow:hidden;
  591. position:absolute;
  592. background-color:#000000;
  593. opacity: 0.5;filter:alpha(opacity=60);
  594. -webkit-transition: all 0.7s ease;
  595. -moz-transition: all 0.7s ease;
  596. -o-transition: all 0.7s ease;}
  597.  
  598. #audioplayer:hover {
  599. opacity: 0.5; filter:alpha(opacity=60);}
  600.  
  601. #audioplayerz {
  602. width:25px;
  603. height:25px;
  604. margin-top:25px;
  605. margin-left:25px;
  606. overflow:hidden;
  607. padding:3px;}
  608.  
  609. #albumart {
  610. margin-top:0px;
  611. z-index:0;
  612. float:left;}
  613.  
  614. #albumart img{
  615. border-radius:5px 0px 0px 5px;
  616. height:75px;
  617. width:75px;}
  618.  
  619. #audiostuff {
  620. border-radius:0px 5px 5px 0px;
  621. background-color:{color:music bg};
  622. color:{color:text};
  623. text-transform:lowercase;
  624. font-family:'quicksand';
  625. font-weight:bold;
  626. letter-spacing:1px;
  627. float:left;
  628. text-align:left;
  629. padding:5px;
  630. height:65px;
  631. width:410px;
  632. letter-spacing:1px;
  633. font-size:10px;
  634. margin-left:80px;
  635. position:absolute;}
  636.  
  637. /* SIDEBAR */
  638.  
  639. #sbr {
  640. margin-left:auto;
  641. width:265px;
  642. margin-right:auto;}
  643.  
  644. #sidebar {
  645. width:260px;
  646. height:auto;
  647. border-radius:5px 5px 5px 5px;
  648. z-index:999;
  649. padding:20px;
  650. border:1px solid {color:sidebar borders};
  651. background-color:{color:sidebar bg};
  652. color:{color:sidebar text};
  653. line-height:{text:sidebar font Size};
  654. margin-left:-450px;
  655. position:fixed;
  656. margin-top:116px;
  657. padding:10px;}
  658.  
  659. #title {
  660. text-align:left;
  661. height:0px;
  662. line-height:0px;
  663. margin-top:10px;
  664. margin-bottom:15px;
  665. width:245px;
  666. word-spacing:3px;
  667. margin-left:auto;
  668. margin-right:auto;
  669. font-family:'quicksand';
  670. color:{color:blog title};
  671. font-weight:bold;
  672. text-transform:uppercase;
  673. font-size:14px;}
  674.  
  675. #sidebarimage {
  676. width:245px;
  677. height:auto;
  678. margin-top:10px;
  679. margin-bottom:0px;
  680. margin-left:auto;
  681. margin-right:auto;
  682. text-align:center;}
  683.  
  684. #sidebarimage img {
  685. width:245px;
  686. height:auto;}
  687.  
  688. #nav1 {
  689. margin-top:8px;
  690. width:245px;
  691. font-family:'montserrat';
  692. text-transform:uppercase;
  693. padding-bottom:10px;
  694. letter-spacing:2px;
  695. font-size:8px;
  696. float:left;
  697. margin-top:0px;
  698. text-align:left;
  699. margin-left:10px;}
  700.  
  701. #nav1 a{
  702. display:inline-block;
  703. padding:2px 0px 2px 0px;
  704. margin-top:5px;
  705. margin-bottom:5px;
  706. color:{color:ExtraLinks Title};
  707. transition:0.3s;
  708. -o-transition-transition:0.3s;
  709. -webkit-transition-duration:0.3s;
  710. -moz-transition-duration:0.3s;}
  711.  
  712. #nav1 a:hover{
  713. color:{color:ExtraLinks Title hover};
  714. transition:0.3s;
  715. -o-transition-transition:0.3s;
  716. -webkit-transition-duration:0.3s;
  717. -moz-transition-duration:0.3s;}
  718.  
  719. #navi {
  720. display:inline-block;}
  721.  
  722. #navilinks {
  723. z-index:9999;
  724. border-radius:10px 10px 10px 10px;
  725. position:absolute;
  726. border:1px solid {color:sidebar borders};
  727. margin-top:5px;
  728. margin-left:0px;
  729. width:136px;
  730. letter-spacing:1px;
  731. text-transform:uppercase;
  732. background:{color:sidebar bg};
  733. text-align:left;
  734. padding:7px;
  735. transition:0.5s;
  736. -o-transition-transition:0.5s;
  737. -webkit-transition-duration:0.5s;
  738. -moz-transition-duration:0.5s;}
  739.  
  740. #navilinks a{
  741. display:block;
  742. font-family:'montserrat';
  743. font-size:9px;
  744. padding:5px;
  745. color:{color:Extra Links};
  746. transition:0.5s;
  747. -o-transition-transition:0.5s;
  748. -webkit-transition-duration:0.5s;
  749. -moz-transition-duration:0.5s;}
  750.  
  751. #navilinks a:hover{
  752. color:{color:Extra Links hover};
  753. border-color:transparent;
  754. padding-left:15px;}
  755.  
  756. .hidden {
  757. opacity:0;
  758. visibility:hidden;}
  759.  
  760. .unhidden {
  761. opacity:1;
  762. -moz-transition-duration: 0.3s;
  763. -o-transition-duration: 0.3s;
  764. -webkit-transition-duration: 0.3s;
  765. transition-duration: 0.3s;}
  766.  
  767. #description {
  768. width:245px;
  769. margin-top:15px;
  770. margin-left:auto;
  771. margin-right:auto;
  772. font-family:{text:sidebar font};
  773. font-size:{text:sidebar font Size};
  774. text-align:justify;
  775. color:{color:sidebar text};}
  776.  
  777. /* PAGINATION */
  778.  
  779. #pagination {
  780. width:240px;
  781. font-family:'quicksand';
  782. font-weight:bold;
  783. margin-bottom:-7px;
  784. font-size:10px;
  785. margin-top:15px;
  786. color:{color:pagination};
  787. border-top:1px solid {color:post borders};
  788. letter-spacing:1px;
  789. padding:10px;
  790. margin-left:auto;
  791. margin-right:auto;
  792. text-align:center;}
  793.  
  794. #pagination a {
  795. color:{color:pagination};}
  796.  
  797. /* TOPBAR */
  798.  
  799. .header {
  800. position:fixed;
  801. z-index:9999;
  802. width:100%;
  803. height:60px;
  804. border-bottom:1px solid {color:post borders};
  805. margin-left:auto;
  806. margin-right:auto;
  807. top:0px;
  808. background-color:{color:topbar};}
  809.  
  810. /* NAVLINKS */
  811.  
  812. #navlinks a i {
  813. font-weight:bold;
  814. font-size:10px;
  815. color:{color:navlinks icons};}
  816.  
  817. #navlinks a:hover i{
  818. color:{color:navlinks iconshover};
  819. transition:0.3s;
  820. -o-transition-transition:0.3s;
  821. -webkit-transition-duration:0.3s;
  822. -moz-transition-duration:0.3s;}
  823.  
  824. #navlinks {
  825. height:60px;
  826.  
  827. {block:ifNavigationSubtitles}
  828. margin-top:5px;
  829. {/block:ifNavigationSubtitles}
  830.  
  831. {block:ifNotNavigationSubtitles}
  832. margin-top:5px;
  833. {/block:ifNotNavigationSubtitles}
  834.  
  835. {block:ifNotNavigationSubtitles}
  836. {block:ifSearchbox}
  837. margin-top:5px;
  838. {/block:ifSearchbox}
  839. {/block:ifNotNavigationSubtitles}
  840.  
  841. letter-spacing:3px;
  842. text-transform:uppercase;
  843. text-align:center;
  844. background-color:transparent;}
  845.  
  846. #navlinks a{
  847. display:inline-block;
  848. width:auto;
  849. padding:10px;
  850. font-weight:bold;
  851. font-family:'montserrat';
  852. font-size:8px;
  853. color:{color:Navlinks};
  854. transition:0.3s;
  855. -o-transition-transition:0.3s;
  856. -webkit-transition-duration:0.3s;
  857. -moz-transition-duration:0.3s;}
  858.  
  859. #navlinks a:hover{
  860. color:{color:navlinks};}
  861.  
  862. /* NAVLINKS SUBS */
  863.  
  864. {block:ifNavigationSubtitles}
  865. nav a {
  866. position: relative;
  867. display: inline-block;
  868. font-weight:bold;
  869. font-family:'karla';
  870. font-size:8px;
  871. margin: 25px 25px;
  872. outline: none;}
  873.  
  874. nav a:hover,
  875. nav a:focus {
  876. outline: none;}
  877.  
  878. .ij-effect-9 a {
  879. margin: 0 0px;
  880. padding: 3px 0px;}
  881.  
  882. .ij-effect-9 a::after {
  883. position: absolute;
  884. top: 0;
  885. left: 0;
  886. width: 100%;
  887. height: 3px;
  888. background: {color:navlinks border};
  889. content: '';
  890. opacity: 0;
  891. -webkit-transition: opacity 0.3s, height 0.3s;
  892. -moz-transition: opacity 0.3s, height 0.3s;
  893. transition: opacity 0.3s, height 0.3s;}
  894.  
  895. .ij-effect-9 a::after {
  896. top: 100%;
  897. opacity: 0;
  898. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  899. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  900. transition: transform 0.3s, opacity 0.3s;
  901. -webkit-transform: translateY(-10px);
  902. -moz-transform: translateY(-10px);
  903. transform: translateY(-10px);}
  904.  
  905. .ij-effect-9 a span:first-child {
  906. z-index: 2;
  907. display: block;
  908. font-weight:bold;}
  909.  
  910. .ij-effect-9 a span:last-child {
  911. z-index: 1;
  912. display: block;
  913. padding: 0px 0 0 0;
  914. color: {color:navlinks subs};
  915. text-shadow: none;
  916. text-transform: uppercase;
  917. font-size: 7px;
  918. font-family: 'montserrat';
  919. font-weight:none;
  920. opacity: 0;
  921. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  922. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  923. transition: transform 0.3s, opacity 0.3s;
  924. -webkit-transform: translateY(-100%);
  925. -moz-transform: translateY(-100%);
  926. transform: translateY(-100%);}
  927.  
  928. .ij-effect-9 a:hover::before,
  929. .ij-effect-9 a:focus::before {
  930. height: 0px;}
  931.  
  932. .ij-effect-9 a:hover::before,
  933. .ij-effect-9 a:hover::after,
  934. .ij-effect-9 a:focus::before,
  935. .ij-effect-9 a:focus::after {
  936. opacity: 1;
  937. -webkit-transform: translateY(0px);
  938. -moz-transform: translateY(0px);
  939. transform: translateY(0px);}
  940.  
  941. .ij-effect-9 a:hover span:last-child,
  942. .ij-effect-9 a:focus span:last-child {
  943. opacity: 1;
  944. -webkit-transform: translateY(0%);
  945. -moz-transform: translateY(0%);
  946. transform: translateY(0%);}
  947. {/block:ifNavigationSubtitles}
  948.  
  949. /* TABS */
  950.  
  951. .tabcontent {
  952. border-radius:5px 5px 5px 5px;
  953. border:1px solid {color:post borders};
  954. position:static;
  955. margin-left:auto;
  956. margin-right:auto;
  957. width: 560px;
  958. margin-top:96px;
  959. background-color:{color:post bg};
  960. text-align:center;
  961. overflow:hidden;
  962. margin-bottom:30px;
  963. padding-bottom:20px;}
  964.  
  965. .tabs {
  966. width:100%;
  967. display:inline-block;}
  968.  
  969. /* TABS LINKS */
  970.  
  971. /* CLEARFIX */
  972.  
  973. .tab-links:after {
  974. display:block;
  975. clear:both;
  976. content:'';}
  977.  
  978. .tab-links li {
  979. display:inline-block;
  980. list-style:none;}
  981.  
  982. .tab-links a {
  983. display:inline-block;
  984. transition:all linear 0.15s;}
  985.  
  986. .tab-links a:hover {
  987. text-decoration:none;}
  988.  
  989. li.active a, li.active a:hover {
  990. -webkit-transition: all .3s;
  991. -moz-transition: all .3s;
  992. -o-transition: all .3s;
  993. -ms-transition: all .3s;
  994. transition: all .3s;}
  995.  
  996. /* CONTENT OF TABS */
  997.  
  998. .tab-content {}
  999.  
  1000. .tab {
  1001. display:none;}
  1002.  
  1003. .tab.active {
  1004. display:block;}
  1005.  
  1006. /* INFO & TAGS */
  1007.  
  1008. #postinfo {
  1009. border-radius:0px 0px 5px 5px;
  1010. position:relative;
  1011. width:560px;
  1012. margin-left:0px;
  1013. text-align:left;
  1014. color:{color:post info};
  1015. background-color:{color:post bg};
  1016. font-size:10px;
  1017. padding-top:10px;
  1018. padding-bottom:10px;
  1019. border:1px solid {color:post borders};
  1020. font-family:'quicksand';
  1021. text-transform:uppercase;
  1022. font-weight:bold;
  1023. letter-spacing:1px;
  1024. margin-top:30px;}
  1025.  
  1026. #postinfo a{
  1027. padding:5px;
  1028. color:{color:post info};}
  1029.  
  1030. #tags {
  1031. word-wrap:break-word;
  1032. width:550px;
  1033. padding:5px;
  1034. font-family:'quicksand';
  1035. text-transform:none;
  1036. text-align:left;
  1037. font-size:10px;
  1038. font-weight:bold;
  1039. margin-bottom:-20px;
  1040. margin-top:-2px;
  1041. color:{color:tags};
  1042. -webkit-transition: opacity 0.5s linear;
  1043. -webkit-transition: all 0.5s ease-in-out;
  1044. -moz-transition: all 0.5s ease-in-out;
  1045. -o-transition: all 0.5s ease-in-out; }
  1046.  
  1047. #tags a{
  1048. padding:3px;
  1049. color:{color:tags};}
  1050.  
  1051. #tags a:hover{
  1052. color:{color:tags};}
  1053.  
  1054. /* QUESTIONS */
  1055.  
  1056. #allask {
  1057. padding:10px;
  1058. border:1px solid {color:ask borders};
  1059. height:48px;
  1060. border-radius:5px 5px 0px 0px;
  1061. background-color:{color:ask};}
  1062.  
  1063. #askerportrait {
  1064. float:left;
  1065. margin-top:0px;
  1066. position:absolute;
  1067. width:48px;
  1068. height:48px;}
  1069.  
  1070. #askerportrait img{
  1071. border-radius:3px;
  1072. width:48px;
  1073. height:48px;}
  1074.  
  1075. #asker {
  1076. margin-left:54px;
  1077. font-family:'quicksand';
  1078. font-size:16px;
  1079. text-transform:uppercase;
  1080. font-weight:bold;
  1081. padding-top:16px;}
  1082.  
  1083. #question {
  1084. border:1px solid {color:ask borders};
  1085. border-radius:0px 0px 5px 5px;
  1086. background-color:{color:ask2};
  1087. margin-top:-1px;
  1088. font-size:11px;
  1089. font-family:'quicksand';
  1090. font-weight:bold;
  1091. padding:10px;
  1092. color:{color:text};
  1093. text-transform:none;
  1094. text-align: justify;}
  1095.  
  1096. #answer {
  1097. text-align: justify;
  1098. margin-top:5px;
  1099. padding:5px;
  1100. margin-left:0px;}
  1101.  
  1102. /*SOURCE*/
  1103.  
  1104. .source {display:none;}
  1105.  
  1106. /* CREDIT */
  1107.  
  1108. .credit a{z-index:99999;font-family:'calibri'; letter-spacing:0px; font-size:8px; bottom:1px; right:5px; position:fixed; padding:3px; text-align:right; font-weight:bold;opacity:1;}
  1109.  
  1110. /* CHAT POSTS */
  1111.  
  1112. .chat ol {
  1113. list-style-type:none;
  1114. list-style:none;
  1115. margin-left:-40px;
  1116. line-height:100%;
  1117. text-transform:uppercase;
  1118. font-size:7px;
  1119. font-weight:bold;
  1120. font-family:'quicksand' , sans serif;
  1121. letter-spacing:1px;}
  1122.  
  1123. .chat li{list-style:none;}
  1124.  
  1125. .label {
  1126. text-transform:uppercase;
  1127. font-size:7px;
  1128. font-family:'quicksand' , sans serif;
  1129. letter-spacing:1px;
  1130. font-weight:bold;
  1131. color:{color:links};}
  1132.  
  1133. .line.odd {
  1134. padding-top:6px;
  1135. padding-bottom:6px;}
  1136.  
  1137. .line.even {
  1138. padding-top:6px;
  1139. padding-bottom:6px;}
  1140.  
  1141. /* POST NOTES */
  1142.  
  1143. ol.notes {
  1144. padding: 0px;
  1145. width:528px;
  1146. border:1px solid {color:post borders};
  1147. padding:15px;
  1148. background-color:{color:post bg};
  1149. height:200px;
  1150. overflow-y:auto;
  1151. list-style-type:none;
  1152. font-family:'calibri';
  1153. font-weight:bold;
  1154. text-transform:uppercase;
  1155. margin-top:-20px;
  1156. margin-bottom:20px;
  1157. margin-left:0px;
  1158. font-size:8px;}
  1159.  
  1160. ol.notes li.note {
  1161. border-top: solid 0px #ccc;
  1162. margin-bottom:7px;
  1163. list-style:none;
  1164. padding: 3px;}
  1165.  
  1166. ol.notes li.note img.avatar {
  1167. display:none;}
  1168.  
  1169. ol.notes li.note blockquote {
  1170. border-color: #eee;
  1171. padding: 4px 10px;
  1172. margin: 10px 0px 0px 5px;}
  1173.  
  1174. ol.notes li.note blockquote a {
  1175. text-decoration: none;
  1176. font-family:'arial';
  1177. text-transform:uppercase;}
  1178.  
  1179. /* LIKE AND REBLOG BUTTONS */
  1180.  
  1181. #buttons{
  1182. display:inline-block;
  1183. position:absolute;}
  1184.  
  1185. .reblog_button {
  1186. position:relative;
  1187. float:left;
  1188. padding-left:7px;
  1189. width:10px;
  1190. height:10px;}
  1191.  
  1192. .reblog_button svg path{
  1193. fill:{color:post info};}
  1194.  
  1195. .custom-like-button {
  1196. position:relative;
  1197. float:left;
  1198. fill:{color:post info};
  1199. width:11px;
  1200. height:11px;
  1201. padding-left:15px;}
  1202.  
  1203. .like_button {
  1204. position:absolute;
  1205. top:0;
  1206. left:0;
  1207. right:0;
  1208. bottom:0;
  1209. width:100%;
  1210. height:100%;
  1211. opacity:0;
  1212. z-index:10;}
  1213.  
  1214. .like_button iframe {
  1215. width: 100% !important;
  1216. height: 100% !important;}
  1217.  
  1218. .like_button svg path{
  1219. position:absolute;
  1220. top:0;
  1221. left:0;
  1222. right:0;
  1223. bottom:0;
  1224. width:100%;
  1225. height:100%;}
  1226.  
  1227. .like_button:hover + svg path{
  1228. fill:{color:bold};
  1229. transition-duration: 0.3s;
  1230. -moz-transition-duration: 0.3s;
  1231. -webkit-transition-duration: 0.3s;
  1232. -o-transition-duration: 0.3s;}
  1233.  
  1234. .like_button.liked + svg path{
  1235. fill:#ff82c2;}
  1236.  
  1237. /*------------------------- TABS CONTENT --------------------------*/
  1238.  
  1239. .containertitle {
  1240. text-transform: uppercase;
  1241. font-size:14px;
  1242. letter-spacing:1px;
  1243. font-weight: bold;
  1244. padding:20px;
  1245. background-color:{color:tabs main title bg}; /*TABS BIG TITLES BG*/
  1246. color:{color:tabs main title}; /*TABS BIG TITLES COLOR*/
  1247. font-family:'quicksand';}
  1248.  
  1249. .txt2 {
  1250. text-align:justify;
  1251. font-family:'montserrat';
  1252. font-size:10px;
  1253. padding:10px;}
  1254.  
  1255. /*-------------------------- FAQ ASK / TAB 2 ----------------------*/
  1256.  
  1257. #containerask {
  1258. width:540px;
  1259. margin-left:auto;
  1260. margin-right:auto;
  1261. height:auto;}
  1262.  
  1263. #questionsc {
  1264. width:250px;}
  1265.  
  1266. #askc{
  1267. padding-left:30px;
  1268. width:250px;}
  1269.  
  1270. #questions{
  1271. width:250px;
  1272. font-size:11px;
  1273. text-align:justify;
  1274. font-weight:bold;
  1275. text-transform:uppercase;
  1276. font-family:'quicksand';
  1277. color:{color:bold};} /*QUESTIONS COLOR*/
  1278.  
  1279. #answers{
  1280. width:250px;
  1281. margin-bottom:10px;
  1282. color:{color:text}; /*ANSWERS COLOR*/
  1283. font-family:'quicksand';
  1284. font-size:11px;
  1285. line-height:14px;
  1286. font-weight:bold;
  1287. text-align:justify;
  1288. margin-top:5px;}
  1289.  
  1290. /*--------------------- NAVIGATION / TAB 3 --------------------------*/
  1291.  
  1292. .name {
  1293. width:520px;
  1294. height:10px;
  1295. font-weight:bold;
  1296. font-family: 'quicksand';
  1297. text-transform:uppercase;
  1298. letter-spacing:2px;
  1299. font-size:11px;
  1300. padding:10px;
  1301. margin-top:20px;
  1302. margin-left:auto;
  1303. margin-right:auto;
  1304. text-align:left;
  1305. color:{color:Tab3 titles}; /*NAVIGATION TITLES COLOR*/
  1306. background-color:{color:Tab3 titles bg};} /*NAVIGATION TITLES BG COLOR*/
  1307.  
  1308. .nlinks {
  1309. padding:10px;
  1310. text-align:left;
  1311. margin-top:10px;}
  1312.  
  1313. .nlinks a {
  1314. padding:5px;
  1315. line-height:25px;
  1316. white-space:nowrap;
  1317. background-color:transparent;
  1318. border-radius:5px;
  1319. letter-spacing:1px;
  1320. word-spacing:2px;
  1321. font-family:'quicksand';
  1322. text-transform:lowercase;
  1323. font-weight:bold;
  1324. font-size:10px;
  1325. margin-bottom:5px;
  1326. color:{color:text}; /*TAGS COLOR*/
  1327. transition:0.5s;
  1328. -o-transition-transition:0.5s;
  1329. -webkit-transition-duration:0.5s;
  1330. -moz-transition-duration:0.5s;}
  1331.  
  1332. .nlinks a:hover {
  1333. color:{color:Tab3 tags hover}; /*TAGS HOVER COLOR*/
  1334. background-color:{color:Tab3 tags hover bg}; /*TAGS OVER BG COLOR*/
  1335. transition:0.5s;
  1336. -o-transition-transition:0.5s;
  1337. -webkit-transition-duration:0.5s;
  1338. -moz-transition-duration:0.5s;}
  1339.  
  1340.  
  1341. /*-------------------------- ABOUT / TAB 4 -----------------------*/
  1342.  
  1343. .name2 {
  1344. width:225px;
  1345. margin-top:20px;
  1346. margin-bottom:10px;
  1347. background-color:{color:Tab4 titles bg}; /*ABOUT TITLES*/
  1348. color:{color:Tab4 titles}; /*ABOUT TITLES BG*/
  1349. height:10px;
  1350. font-weight:bold;
  1351. font-family: 'quicksand';
  1352. text-transform:uppercase;
  1353. letter-spacing:2px;
  1354. font-size:11px;
  1355. padding:10px;
  1356. margin-left:auto;
  1357. margin-right:auto;
  1358. text-align:left;}
  1359.  
  1360. #allabout{
  1361. width:540px;
  1362. margin-top:10px;
  1363. margin-left:22px;
  1364. margin-right:auto;
  1365. height:auto;}
  1366.  
  1367. .aboutimage {
  1368. width:245px; /*ABOUT IMAGE WIDTH*/
  1369. height:145px; /*ABOUT IMAGE HEIGHT*/
  1370. margin-left:0px;
  1371. margin-top:10px;}
  1372.  
  1373. .aboutimage img {
  1374. width:245px; /* ABOUT IMAGE WIDTH */
  1375. height:145px;} /* ABOUT IMAGE HEIGHT */
  1376.  
  1377. .aboutlinks {
  1378. margin-left:0px;
  1379. width:245px;
  1380. height:auto;
  1381. margin-top:10px;
  1382. margin-left:0px;}
  1383.  
  1384. .aboutlinks a{
  1385. display:inline-block;
  1386. font-family:'quicksand';
  1387. font-weight:bold;
  1388. width:37px;
  1389. height:30px;
  1390. border-radius:5px;
  1391. font-size:20px;
  1392. padding:18px 10px 10px 10px;
  1393. color:{color:bold}; /*SOCIAL ICONS COLOR*/
  1394. background-color:{color:Tab4 social iconsBG}; /*SOCIAL ICONS BG*/
  1395. text-align:center;}
  1396.  
  1397. .aboutlinks a:hover{
  1398. color:{color:links};} /*SOCIAL ICONS HOVER*/
  1399.  
  1400. .abouttextleft /*LEFT*/{
  1401. width:245px;
  1402. height:auto;
  1403. margin-top:10px;
  1404. margin-left:0px;
  1405. font-family:'quicksand';
  1406. font-weight:bold;
  1407. font-size:11px;
  1408. text-align:justify;}
  1409.  
  1410. .abouttext /*RIGHT*/{
  1411. width:245px;
  1412. height:655px;
  1413. overflow-y:auto;
  1414. margin-top:10px;
  1415. margin-left:20px;
  1416. font-family:'quicksand';
  1417. font-weight:bold;
  1418. font-size:10px;
  1419. text-align:justify;}
  1420.  
  1421. .abouttext img {max-width:223px;}
  1422.  
  1423. /*------------------- BLOGROLL / TAB 5 ---------------------*/
  1424.  
  1425. #yo {
  1426. width:540px;
  1427. margin-top:0px;
  1428. margin-left:auto;
  1429. margin-right:auto;
  1430. text-align:left;}
  1431.  
  1432. .icons img {
  1433. border-radius:10%;
  1434. -webkit-filter: saturate(0.5);
  1435. transition:0.3s;
  1436. -o-transition-transition:0.3s;
  1437. -webkit-transition-duration:0.3s;
  1438. -moz-transition-duration:0.3s;}
  1439.  
  1440. .icons img:hover {
  1441. border-radius:48px;
  1442. -webkit-filter: saturate(1.5);
  1443. transition:0.3s;
  1444. -o-transition-transition:0.3s;
  1445. -webkit-transition-duration:0.3s;
  1446. -moz-transition-duration:0.3s;}
  1447.  
  1448. /*--------------- FANDOMS / MOVIES / CHARACTERS / TAB 6 -------------*/
  1449.  
  1450. .imgcont {
  1451. margin-top:20px;
  1452. width:540px;
  1453. height:auto;
  1454. margin-left:0px;}
  1455.  
  1456. .txt {
  1457. opacity:0;
  1458. z-index:999;
  1459. text-align:justify;
  1460. font-family:'montserrat';
  1461. font-size:9px;
  1462. position:relative;
  1463. padding:5px;
  1464. width:215px;
  1465. height:125px;
  1466. margin-left:0px;
  1467. margin-top:0px;
  1468. overflow-y:auto;
  1469. background-color:{color:post bg};} /*TEXT BG COLOR*/
  1470.  
  1471. .allimg:hover .txt{
  1472. opacity:1;
  1473. transition:0.5s;
  1474. -o-transition-transition:0.5s;
  1475. -webkit-transition-duration:0.5s;
  1476. -moz-transition-duration:0.5s;}
  1477.  
  1478. .allimg {
  1479. display:inline-block;
  1480. margin-top:0px;
  1481. margin-left:20px;
  1482. margin-bottom:25px;
  1483. width:225px;
  1484. height:148px;
  1485. padding:10px;
  1486. background-color:{color:post bg};
  1487. border:1px solid {color:post borders};/*IMAGES BORDER*/
  1488. transition:0.5s;
  1489. -o-transition-transition:0.5s;
  1490. -webkit-transition-duration:0.5s;
  1491. -moz-transition-duration:0.5s;}
  1492.  
  1493. .allimg:hover{
  1494. -ms-transform: scale(1.1,1.1);
  1495. -webkit-transform: scale(1.1,1.1);
  1496. transform: scale(1.1,1.1);
  1497. -webkit-box-shadow: 1px 1px 5px #D1D1D1; /* IMAGES SHADOW*/
  1498. box-shadow: 1px 1px 5px #D1D1D1; /* IMAGES SHADOW*/
  1499. transition:0.5s;
  1500. -o-transition-transition:0.5s;
  1501. -webkit-transition-duration:0.5s;
  1502. -moz-transition-duration:0.5s;}
  1503.  
  1504. .allimg:hover .title{
  1505. -webkit-box-shadow: 1px 1px 5px #D1D1D1; /* IMAGES SHADOW*/
  1506. box-shadow: 1px 1px 5px #D1D1D1; /* IMAGES SHADOW*/
  1507. transition:0.5s;
  1508. -o-transition-transition:0.5s;
  1509. -webkit-transition-duration:0.5s;
  1510. -moz-transition-duration:0.5s;}
  1511.  
  1512. .allimg:hover .image {
  1513. opacity:0;
  1514. transition:0.5s;
  1515. -o-transition-transition:0.5s;
  1516. -webkit-transition-duration:0.5s;
  1517. -moz-transition-duration:0.5s;}
  1518.  
  1519. .image {
  1520. opacity:1;
  1521. position:relative;
  1522. width:225px; /* IMAGES WIDTH */
  1523. height:125px; /* IMAGES HEIGHT */
  1524. margin-left:0px;
  1525. margin-top:-135px;}
  1526.  
  1527. .image img {
  1528. width:225px; /* IMAGES WIDTH */
  1529. height:125px;} /* IMAGES HEIGHT */
  1530.  
  1531. .image:hover{
  1532. transition:0.5s;
  1533. -o-transition-transition:0.5s;
  1534. -webkit-transition-duration:0.5s;
  1535. -moz-transition-duration:0.5s;}
  1536.  
  1537. .title {
  1538. position:absolute;
  1539. width:227px;
  1540. height:12px;
  1541. z-index:999;
  1542. font-family:'montserrat';
  1543. text-transform:uppercase;
  1544. font-size:9px;
  1545. margin-top:10px;
  1546. font-weight:bold;
  1547. background-color:{color:Tab6 titles bg}; /*IMAGES TITLES BG*/
  1548. color:{color:Tab6 titles}; /*IMAGES TITLE COLOR*/
  1549. padding:10px;
  1550. margin-left:-11px;
  1551. margin-right:auto;
  1552. text-align:center;
  1553. transition:0.5s;
  1554. -o-transition-transition:0.5s;
  1555. -webkit-transition-duration:0.5s;
  1556. -moz-transition-duration:0.5s;}
  1557.  
  1558. /*-----------------------------------------------------------------*/
  1559.  
  1560. /* SELECTION */
  1561.  
  1562. ::selection{color:{color:selection};background:{color:selection BG};}
  1563. ::-moz-selection{color:{color:selection};background:{color:selection BG};}
  1564. ::-webkit-selection{color:{color:selection};background:{color:selection BG};}
  1565.  
  1566.  
  1567. {CustomCSS}</style></head><body>
  1568.  
  1569. <!--------------------------------------------------------------->
  1570.  
  1571. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  1572.  
  1573. <a href="#" class="scrollToTop"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
  1574.  
  1575. <!-------------------------NAVLINKS / TABS----------------------->
  1576.  
  1577. <div class="header">
  1578. <div id="navlinks">
  1579. <nav class="ij-effect-9">
  1580. <div class="tabs">
  1581. <ul class="tab-links">
  1582. <li class="active">
  1583.  
  1584. <!-- ICONS CAN BE FOUND HERE: http://fontawesome.io/icons/ -->
  1585.  
  1586.  
  1587. <li><a href="/"><span><i class="fa fa-home" aria-hidden="true" style="font-weight:bold"></i> {Text:Home Title}</span>{block:ifNavigationSubtitles}
  1588. <span><div class="navsubs">{Text:Home Sub}</div></span>{/block:ifNavigationSubtitles}</a></li>
  1589.  
  1590. <li><a href="#tab2"><span><i class="fa fa-commenting-o" aria-hidden="true" style="font-weight:bold"></i> {Text:Ask Title}</span>{block:ifNavigationSubtitles}<span><div class="navsubs">{Text:Ask Sub}</div></span>{/block:ifNavigationSubtitles}</a></li>
  1591.  
  1592. {block:IfShowTab3}
  1593. <li><a href="#tab3"><span><i class="fa fa-paint-brush" aria-hidden="true" style="font-weight:bold"></i> {Text:Tab 3 Title}</span>{block:ifNavigationSubtitles}<span><div class="navsubs">{Text:Tab 3 Sub}</div></span>{/block:ifNavigationSubtitles}</a></li>
  1594. {/block:IfShowTab3}
  1595.  
  1596. {block:IfShowTab4}
  1597. <li><a href="#tab4"><span><i class="fa fa-diamond" aria-hidden="true" style="font-weight:bold"></i> {Text:Tab 4 Title}</span>{block:ifNavigationSubtitles}<span><div class="navsubs">{Text:Tab 4 Sub}</div></span>{/block:ifNavigationSubtitles}</a></li>
  1598. {/block:IfShowTab4}
  1599.  
  1600. {block:IfShowTab5}
  1601. <li><a href="#tab5"><span><i class="fa fa-heart-o" aria-hidden="true" style="font-weight:bold"></i> {Text:Tab 5 Title}</span>{block:ifNavigationSubtitles}<span><div class="navsubs">{Text:Tab 5 Sub}</div></span>{/block:ifNavigationSubtitles}</a></li>
  1602. {/block:IfShowTab5}
  1603.  
  1604. {block:IfShowTab6}
  1605. <li><a href="#tab6"><span><i class="fa fa-folder-open-o" aria-hidden="true" style="font-weight:bold"></i> {Text:Tab 6 Title}</span>{block:ifNavigationSubtitles}<span><div class="navsubs">{Text:Tab 6 Sub}</div></span>{/block:ifNavigationSubtitles}</a></li>
  1606. {/block:IfShowTab6}
  1607.  
  1608. <!------------------------------>
  1609.  
  1610. {block:ifSearchbox}
  1611. {block:ifNavigationSubtitles}
  1612. <li><a href="#tab7"><span><i class="fa fa-search" aria-hidden="true" style="font-weight:bold;"></i> search</span>
  1613. <span><div class="navsubs">
  1614. <form action="/search" method="get" class="sfm">
  1615. <input type="text" name="q" placeholder="SEARCH..." id="sf"/>
  1616. </form>
  1617. </div></span></a></li>
  1618. {/block:ifNavigationSubtitles}
  1619. {/block:ifSearchbox}
  1620.  
  1621. <!------------------------------>
  1622.  
  1623. {block:ifNotNavigationSubtitles}
  1624. {block:ifSearchbox}
  1625. <li><a href="#tab7"><span>
  1626. <form action="/search" method="get" class="sfm"><i class="fa fa-search" aria-hidden="true" style="font-weight:bold;"></i>
  1627. <input type="text" name="q" placeholder="SEARCH..." id="sf"/> </span>
  1628. </form></a></li>
  1629. {/block:ifSearchbox}
  1630. {/block:ifNotNavigationSubtitles}
  1631.  
  1632. <!---------------------------------------------------->
  1633.  
  1634. </ul></nav></div></div></div>
  1635.  
  1636. <!---------------------------------------------------->
  1637.  
  1638. <div id="sbr">
  1639. <div id="sidebar">
  1640. <div id="title">{Title}</div>
  1641. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  1642.  
  1643. {block:IfExtralinks}
  1644. <div id="nav1">
  1645. <div id="navi">
  1646. <a href="javascript:unhide('displaybx');"><i class="fa fa-plus" aria-hidden="true"></i> more links</a>
  1647. <div id="displaybx" class="hidden">
  1648. <div id="navilinks">
  1649. {block:IfShowExtraLink1}<a href="{Text:ExtraLink 1 URL}"><i class="fa fa-star-o" aria-hidden="true"></i> {Text:ExtraLink 1 Title}</a>{/block:IfShowExtraLink1}
  1650. {block:IfShowExtraLink2}<a href="{Text:ExtraLink 2 URL}"><i class="fa fa-code" aria-hidden="true"></i> {Text:ExtraLink 2 Title}</a>{/block:IfShowExtraLink2}
  1651. {block:IfShowExtraLink3}<a href="{Text:ExtraLink 3 URL}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> {Text:ExtraLink 3 Title}</a>{/block:IfShowExtraLink3}
  1652. {block:IfShowExtraLink4}<a href="{Text:ExtraLink 4 URL}"><i class="fa fa-calendar" aria-hidden="true"></i> {Text:ExtraLink 4 Title}</a>{/block:IfShowExtraLink4}
  1653. </div></div></div></div>
  1654. {/block:IfExtralinks}
  1655.  
  1656. <div id="description">{Description}</div>
  1657.  
  1658. <!--------------------PAGINATION----------------------->
  1659.  
  1660. {block:Pagination}<div id="pagination">
  1661. <span style="float:left">
  1662. {block:PreviousPage}<a href="{PreviousPage}">prev.</i></a>{/block:PreviousPage}</span>{CurrentPage} of {TotalPages}<span style="float:right">{block:NextPage}<a href="{NextPage}"> next</a>{/block:NextPage}</span>
  1663. </div>{/block:Pagination}
  1664.  
  1665. <!-------------------------------------------------------->
  1666.  
  1667. </div></div>
  1668.  
  1669. <!-------------------------------------------------------->
  1670.  
  1671. <div id="entries">
  1672.  
  1673. <!---------------------------- TABS ---------------------------->
  1674.  
  1675. <div class="tabs">
  1676.  
  1677. <!----------------------------- TAB 1 ---------------------------->
  1678.  
  1679. <div class="tab-content">
  1680. <div id="tab1" class="tab active">
  1681.  
  1682. <!----------------------------------------------------->
  1683.  
  1684. {block:TagPage}<div class="tpages"><i class="fa fa-tag" style="color:{color:text}"></i>&nbsp;Posts tagged <span style="color:{color:links}">#{Tag}</span></div>{/block:TagPage}
  1685.  
  1686. <!-------------------------POSTS----------------------->
  1687.  
  1688. {block:Posts}
  1689. <div id="post">
  1690.  
  1691. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}</span>{/block:Text}
  1692.  
  1693. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1694.  
  1695. {block:Photoset}{Photoset-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1696.  
  1697. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  1698.  
  1699. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1700.  
  1701. <!-------------------------CHAT----------------------->
  1702.  
  1703. {block:Chat}
  1704. {block:Title}
  1705. <h1>{Title}</h1>
  1706. {/block:Title}
  1707. <div class="chat">
  1708. <ol>{block:Lines}
  1709. <li class="line {Alt}">
  1710. {block:Label}
  1711. <span class="label">
  1712. {Label}</span>
  1713. {/block:Label}{Line}</li>
  1714. {/block:Lines}
  1715. </ol></div>
  1716. {/block:Chat}
  1717.  
  1718. <!-------------------------AUDIO----------------------->
  1719.  
  1720. {block:Audio}
  1721. <div id="allaudio">
  1722. <div id="audioplayer"><div id="audioplayerz">{AudioPlayerBlack}</div></div><br>
  1723. <div id="albumart">
  1724. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:75px; height:75px;">{/block:AlbumArt} </div>
  1725. <div id="audiostuff"></br>
  1726. {block:TrackName}<b>{TrackName}</b><br>{/block:TrackName}
  1727. {block:Artist}{Artist}<br>{/block:Artist}
  1728. {block:Album}{Album}<br>{/block:Album}
  1729. {PlayCountWithLabel}</div></br></br></br></br></br></br></br>
  1730. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1731. </div>
  1732. {/block:Audio}
  1733.  
  1734. <!-------------------------VIDEOS----------------------->
  1735.  
  1736. {block:Video}{Video-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  1737.  
  1738. <!-------------------------QUESTIONS----------------------->
  1739.  
  1740. {block:Answer}
  1741. <div id="allask">
  1742. <div id="askerportrait"><img src="{AskerPortraitURL-48}"></div>
  1743. <div id="asker">{asker}</div>
  1744. </div>
  1745. <div id="question">{Question}</div>
  1746. <div id="answer">{Answer}</div>
  1747. {/block:Answer}</div>
  1748.  
  1749. <!-------------------------POST INFO----------------------->
  1750.  
  1751. {block:Date}<div id="postinfo">
  1752.  
  1753. <a href="{Permalink}" title="{12Hour}:{Minutes} {CapitalAmPm}">{ShortMonth}&nbsp;{DayOfMonth}.{Year}</a> |</span>
  1754. {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>&nbsp;| {/block:NoteCount}
  1755.  
  1756. <div id="buttons">
  1757.  
  1758. <div class="reblog_button">
  1759. <a href="{ReblogURL}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a></div>
  1760.  
  1761. <div class="custom-like-button"> {LikeButton}
  1762. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></div>
  1763.  
  1764. </div>
  1765.  
  1766.  
  1767. <span style="float:right">
  1768. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1769. {block:ContentSource}& <a href="{SourceURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}</span>
  1770.  
  1771. </div>{/block:Date}
  1772.  
  1773. <!-------------------------TAGS----------------------->
  1774.  
  1775. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1776.  
  1777. <!---------------------------------------------------->
  1778.  
  1779. {/block:Posts}</br></br></br></br></br></br>{block:PostNotes}{PostNotes}</div>{/block:PostNotes}</div>
  1780.  
  1781.  
  1782. <!------------------------- TAB 2 / ASK FAQ-------------------------->
  1783.  
  1784. <div id="tab2" class="tab">
  1785. <div class="tabcontent">
  1786.  
  1787. <div class="containertitle">
  1788.  
  1789. <!--TAB 2 TITLE-->
  1790.  
  1791. <!--YOUR TITLE HERE-->
  1792. frequently asked questions
  1793.  
  1794.  
  1795.  
  1796. <!--------------------IF YOU WANT TO ADD QUESTIONS---------------->
  1797.  
  1798. <!--
  1799.  
  1800. copy everything from <div id="questions"> to </div><p>&ensp;</p>
  1801.  
  1802. this is also what you'll have to select if you want to delete some of them.
  1803.  
  1804. i don't think there's much to explain, i think it's pretty easy to use.
  1805.  
  1806. -->
  1807.  
  1808.  
  1809.  
  1810. <!--------------->
  1811. </div></br></br>
  1812. <!--------------->
  1813.  
  1814. <div id="containerask">
  1815. <table><tr><td style="float: left;">
  1816. <div id="questionc">
  1817. <div id="questions">
  1818.  
  1819. <!--QUESTION HERE-->
  1820.  
  1821. questions here
  1822.  
  1823. <!----------------->
  1824. </div><div id="answers">
  1825.  
  1826. <!--ANSWER HERE-->
  1827.  
  1828. example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text.
  1829.  
  1830. <!----------------->
  1831. </div><p>&ensp;</p>
  1832. <!----------------->
  1833.  
  1834. <div id="questions">
  1835.  
  1836. questions here
  1837.  
  1838. </div><div id="answers">
  1839.  
  1840. and answers go here.
  1841.  
  1842. <!----------------->
  1843. </div><p>&ensp;</p>
  1844. <!----------------->
  1845.  
  1846. <div id="questions">
  1847.  
  1848. questions here
  1849.  
  1850. </div><div id="answers">
  1851.  
  1852. and answers go here.
  1853.  
  1854. <!----------------->
  1855. </div><p>&ensp;</p>
  1856. <!----------------->
  1857.  
  1858. <div id="questions">
  1859.  
  1860. questions here
  1861.  
  1862. </div><div id="answers">
  1863.  
  1864. and answers go here.
  1865.  
  1866. <!----------------->
  1867. </div><p>&ensp;</p>
  1868. <!----------------->
  1869.  
  1870. <div id="questions">
  1871.  
  1872. questions here
  1873.  
  1874. </div><div id="answers">
  1875.  
  1876. and answers go here.
  1877.  
  1878. <!----------------->
  1879. </div><p>&ensp;</p>
  1880. <!----------------->
  1881.  
  1882. <div id="questions">
  1883.  
  1884. questions here
  1885.  
  1886. </div><div id="answers">
  1887.  
  1888. and answers go here.
  1889.  
  1890. <!----------------->
  1891. </div><p>&ensp;</p>
  1892. <!----------------->
  1893.  
  1894. <div id="questions">
  1895.  
  1896. questions here
  1897.  
  1898. </div><div id="answers">
  1899.  
  1900. and answers go here.
  1901.  
  1902. <!----------------->
  1903. </div><p>&ensp;</p>
  1904. <!----------------->
  1905.  
  1906. <div id="questions">
  1907.  
  1908. questions here
  1909.  
  1910. </div><div id="answers">
  1911.  
  1912. and answers go here.
  1913.  
  1914. <!----------------->
  1915. </div>
  1916. <!----------------->
  1917.  
  1918. <!------------------------------------------------------------->
  1919. </div></td>
  1920. <!------------------------------------------------------------->
  1921.  
  1922. <td style="float: right;">
  1923.  
  1924. <div id="askc">
  1925.  
  1926. <!--ASKBOX-->
  1927.  
  1928. <iframe frameborder="0" height="250" id="ask_form"
  1929. scrolling="no" src="http://www.tumblr.com/ask_form/{text:YourUrl}.tumblr.com"
  1930. width="250px"></iframe>
  1931. <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').
  1932. allowTransparency=true;</script>
  1933. <![endif]-->
  1934.  
  1935. <p>&ensp;</p>
  1936. <p>&ensp;</p>
  1937.  
  1938. <!--SUBMITBOX-->
  1939.  
  1940. <iframe frameborder="0" height="400" id="submit_form"
  1941. scrolling="no" src="http://www.tumblr.com/submit_form/{text:YourUrl}.tumblr.com"
  1942. width="250px"></iframe>
  1943. </p>
  1944.  
  1945.  
  1946. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=8082b4b919d77a05b6accc3336dce2f1"></script>
  1947.  
  1948.  
  1949. <!----------------------------------------------------------------->
  1950.  
  1951. </div></td></tr></table>
  1952.  
  1953. <!----------------------------------------------------------------->
  1954.  
  1955. </div></div></div>
  1956.  
  1957.  
  1958. <!--------------------- TAB 3 / NAVIGATION-------------------------->
  1959.  
  1960. <div id="tab3" class="tab">
  1961. <div class="tabcontent">
  1962.  
  1963. <div class="containertitle">
  1964.  
  1965. <!--TAB 3 TITLE-->
  1966. navigation
  1967.  
  1968. <!--------------->
  1969. </div>
  1970. <!--------------->
  1971.  
  1972.  
  1973. <!--------------------IF YOU WANT TO ADD MORE BOXES---------------->
  1974.  
  1975. <!--
  1976.  
  1977. copy everything from <div class="name"> to </div>
  1978.  
  1979. this is also what you'll have to select if you want to delete some of them.
  1980.  
  1981. to add more tags, copy/paste <a href="/tagged/">your tag here</a>
  1982.  
  1983. this is also what you'll have to select if you want to delete some of them.
  1984.  
  1985. don't forget to add your tag after "/tagged/"
  1986.  
  1987. for example: <a href="/tagged/ouat">once upon a time</a>
  1988.  
  1989. -->
  1990.  
  1991.  
  1992.  
  1993. <div class="name">
  1994.  
  1995. <!--1ST BOX TITLE-->
  1996. TV SHOWS
  1997. <!-------------------->
  1998.  
  1999. </div><div class="nlinks">
  2000.  
  2001. <!--1ST BOX TAGS-->
  2002.  
  2003. <a href="/tagged/">your tag here</a>
  2004. <a href="/tagged/">your tag here</a>
  2005. <a href="/tagged/">your tag here</a>
  2006. <a href="/tagged/">your tag here</a>
  2007. <a href="/tagged/">your tag here</a>
  2008. <a href="/tagged/">your tag here</a>
  2009. <a href="/tagged/">your tag here</a>
  2010. <a href="/tagged/">your tag here</a>
  2011. <a href="/tagged/">your tag here</a>
  2012. <a href="/tagged/">your tag here</a>
  2013. <a href="/tagged/">your tag here</a>
  2014. <a href="/tagged/">your tag here</a>
  2015. <a href="/tagged/">your tag here</a>
  2016. <a href="/tagged/">your tag here</a>
  2017. <a href="/tagged/">your tag here</a>
  2018. <a href="/tagged/">your tag here</a>
  2019. <a href="/tagged/">your tag here</a>
  2020. <a href="/tagged/">your tag here</a>
  2021.  
  2022. <!---------------------------------------------------------------->
  2023. </div>
  2024. <!---------------------------------------------------------------->
  2025.  
  2026. <div class="name">
  2027.  
  2028. <!--2ND BOX TITLE-->
  2029. MOVIES
  2030. <!-------------------->
  2031.  
  2032. </div><div class="nlinks">
  2033.  
  2034. <!--2ND BOX TAGS-->
  2035.  
  2036. <a href="/tagged/">your tag here</a>
  2037. <a href="/tagged/">your tag here</a>
  2038. <a href="/tagged/">your tag here</a>
  2039.  
  2040. <!---------------------------------------------------------------->
  2041. </div>
  2042. <!---------------------------------------------------------------->
  2043.  
  2044. <div class="name">
  2045.  
  2046. <!--3RD BOX TITLE-->
  2047. CHARACTERS
  2048. <!-------------------->
  2049.  
  2050. </div><div class="nlinks">
  2051.  
  2052. <!--3RD BOX TAGS-->
  2053.  
  2054. <a href="/tagged/">your tag here</a>
  2055. <a href="/tagged/">your tag here</a>
  2056. <a href="/tagged/">your tag here</a>
  2057. <a href="/tagged/">your tag here</a>
  2058. <a href="/tagged/">your tag here</a>
  2059. <a href="/tagged/">your tag here</a>
  2060.  
  2061. <!---------------------------------------------------------------->
  2062. </div>
  2063. <!---------------------------------------------------------------->
  2064.  
  2065. <div class="name">
  2066.  
  2067. <!--4TH BOX TITLE-->
  2068. SHIPS
  2069. <!-------------------->
  2070.  
  2071. </div><div class="nlinks">
  2072.  
  2073. <!--4TH BOX TAGS-->
  2074.  
  2075. <a href="/tagged/">your tag here</a>
  2076. <a href="/tagged/">your tag here</a>
  2077. <a href="/tagged/">your tag here</a>
  2078. <a href="/tagged/">your tag here</a>
  2079. <a href="/tagged/">your tag here</a>
  2080. <a href="/tagged/">your tag here</a>
  2081. <a href="/tagged/">your tag here</a>
  2082. <a href="/tagged/">your tag here</a>
  2083. <a href="/tagged/">your tag here</a>
  2084. <a href="/tagged/">your tag here</a>
  2085. <a href="/tagged/">your tag here</a>
  2086. <a href="/tagged/">your tag here</a>
  2087.  
  2088. <!---------------------------------------------------------------->
  2089. </div>
  2090. <!---------------------------------------------------------------->
  2091.  
  2092. <div class="name">
  2093.  
  2094. <!--5TH BOX TITLE-->
  2095. CHARACTERS
  2096. <!-------------------->
  2097.  
  2098. </div><div class="nlinks">
  2099.  
  2100. <!--5TH BOX TAGS-->
  2101.  
  2102. <a href="/tagged/">your tag here</a>
  2103. <a href="/tagged/">your tag here</a>
  2104. <a href="/tagged/">your tag here</a>
  2105. <a href="/tagged/">your tag here</a>
  2106. <a href="/tagged/">your tag here</a>
  2107. <a href="/tagged/">your tag here</a>
  2108. <a href="/tagged/">your tag here</a>
  2109. <a href="/tagged/">your tag here</a>
  2110. <a href="/tagged/">your tag here</a>
  2111. <a href="/tagged/">your tag here</a>
  2112. <a href="/tagged/">your tag here</a>
  2113. <a href="/tagged/">your tag here</a>
  2114. <a href="/tagged/">your tag here</a>
  2115. <a href="/tagged/">your tag here</a>
  2116. <a href="/tagged/">your tag here</a>
  2117. <a href="/tagged/">your tag here</a>
  2118. <a href="/tagged/">your tag here</a>
  2119. <a href="/tagged/">your tag here</a>
  2120. <a href="/tagged/">your tag here</a>
  2121. <a href="/tagged/">your tag here</a>
  2122.  
  2123. <!---------------------------------------------------------------->
  2124. </div>
  2125. <!---------------------------------------------------------------->
  2126.  
  2127. <div class="name">
  2128.  
  2129. <!--6TH BOX TITLE-->
  2130. TITLE EXAMPLE
  2131. <!-------------------->
  2132.  
  2133. </div><div class="nlinks">
  2134.  
  2135. <!--6TH BOX TAGS-->
  2136.  
  2137. <a href="/tagged/">your tag here</a>
  2138. <a href="/tagged/">your tag here</a>
  2139. <a href="/tagged/">your tag here</a>
  2140. <a href="/tagged/">your tag here</a>
  2141. <a href="/tagged/">your tag here</a>
  2142.  
  2143. <!----------------------------------------------------------------->
  2144. </div>
  2145. <!----------------------------------------------------------------->
  2146.  
  2147.  
  2148. <!-- ADD MORE BOXES HERE -->
  2149.  
  2150.  
  2151. </div></div>
  2152.  
  2153. <!------------------------ TAB 4 / ABOUT--------------------------->
  2154.  
  2155. <div id="tab4" class="tab">
  2156. <div class="tabcontent">
  2157.  
  2158. <div class="containertitle">
  2159.  
  2160. <!--4TH TAB TITLE-->
  2161.  
  2162. <!--YOUR TITLE HERE-->
  2163. ABOUT ME
  2164.  
  2165. <!------------------->
  2166. </div>
  2167. <!------------------->
  2168.  
  2169.  
  2170. <!----------------- ADD/DELETE THINGS ON THE ABOUT PAGE-------------------->
  2171.  
  2172. <!--
  2173.  
  2174. i think this one is pretty easy to customize.
  2175. all you have to do is to enter your own informations.
  2176. you can of course delete/edit parts you don't like.
  2177.  
  2178. i tried to indicate everything on the code to make it easier to edit.
  2179.  
  2180.  
  2181. for the left side:
  2182.  
  2183. if you want to add something, copy everything from <div class="name2"> to </div>
  2184.  
  2185. this is also what you'll have to select if you want to delete a container.
  2186.  
  2187. for the right side:
  2188.  
  2189. if you want to add something, copy everything from <div class="name2" to </p><p>&ensp;</p>
  2190.  
  2191. this is also what you'll have to select if you want to delete a container.
  2192.  
  2193. -->
  2194.  
  2195.  
  2196.  
  2197. <div id="allabout">
  2198.  
  2199. <!-------------------------------------------------->
  2200. <table><tr><td style="float: left;">
  2201.  
  2202. <div class="aboutimage"><img src="{image:aboutimg}"></div>
  2203.  
  2204. <div class="abouttextleft">
  2205.  
  2206. <div class="name2">BASICS</div>
  2207.  
  2208. <!-- ICONS CAN BE FOUND HERE: http://fontawesome.io/icons/ -->
  2209.  
  2210. <!-------------------------------------------------->
  2211. <p style="border-bottom:1px solid {color:post borders};border-top:1px solid {color:post borders};padding-top:12px;padding-bottom:12px">
  2212. <!----------------------------------------------------------------------->
  2213.  
  2214. <!--LEFT TEXT: NAME-->
  2215. <b><i class="fa fa-user" aria-hidden="true"></i> NAME:</b> your name
  2216.  
  2217. <!----------------------------------------------------------------------->
  2218. </p><p style="border-bottom:1px solid {color:post borders};padding-top:10px;padding-bottom:10px;">
  2219. <!----------------------------------------------------------------------->
  2220.  
  2221. <!--LEFT TEXT: BIRTH-->
  2222. <b><i class="fa fa-calendar" aria-hidden="true"></i> BIRTH:</b> mm/dd/yyyy
  2223.  
  2224. <!----------------------------------------------------------------------->
  2225. </p><p style="border-bottom:1px solid {color:post borders};padding-top:10px;padding-bottom:10px;">
  2226. <!----------------------------------------------------------------------->
  2227.  
  2228. <!--LEFT TEXT: LOCATION-->
  2229. <b><i class="fa fa-map-marker" aria-hidden="true"></i> LOCATION:</b> your location
  2230.  
  2231. </p>
  2232.  
  2233. <div class="aboutlinks">
  2234.  
  2235. <!---LINKS--->
  2236.  
  2237. <div class="name2">SOCIAL</div>
  2238.  
  2239. <!-- ICONS CAN BE FOUND HERE: http://fontawesome.io/icons/ -->
  2240.  
  2241. <a href="/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  2242. <a href="/"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
  2243. <a href="/"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
  2244. <a href="/"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  2245.  
  2246. <!----->
  2247. </div>
  2248. <!----->
  2249.  
  2250. <div class="name2">MUSIC</div>
  2251.  
  2252. <!-- ICONS CAN BE FOUND HERE: http://fontawesome.io/icons/ -->
  2253.  
  2254. <p style="border-bottom:1px solid {color:post borders};border-top:1px solid {color:post borders};padding-top:12px;padding-bottom:12px">
  2255.  
  2256. <i class="fa fa-backward" aria-hidden="true"></i> Slipknot - The Devil in I
  2257. </p>
  2258.  
  2259. <p style="border-bottom:1px solid {color:post borders};padding-top:12px;padding-bottom:12px">
  2260.  
  2261. <i class="fa fa-play" aria-hidden="true"></i> Disturbed - Liberate
  2262. </p>
  2263.  
  2264. <p style="border-bottom:1px solid {color:post borders};padding-top:12px;padding-bottom:12px">
  2265.  
  2266. <i class="fa fa-pause" aria-hidden="true"></i> Bullet for my valentine - Venom
  2267. </p>
  2268.  
  2269. <p style="border-bottom:1px solid {color:post borders};padding-top:12px;padding-bottom:12px">
  2270.  
  2271. <i class="fa fa-forward" aria-hidden="true"></i> Seether - Careless Whisper
  2272. </p>
  2273.  
  2274. <!--------->
  2275. </div>
  2276.  
  2277. </div></td>
  2278. <!--------->
  2279.  
  2280. <td style="float: right;"><div class="abouttext">
  2281.  
  2282. <!---------------------->
  2283.  
  2284. <!--ABOUT 1 TITLE-->
  2285. <div class="name2" style="margin-top:0px">BLOG INFO</div>
  2286.  
  2287. <!------------->
  2288. <p>
  2289. <!------------->
  2290.  
  2291. <!--ABOUT 1 TEXT-->
  2292.  
  2293. • created: mm/dd/yyyy</br>
  2294. • text example</br>
  2295. • text example</br>
  2296. • text example</br>
  2297. • text example</br>
  2298. • text example</br>
  2299. • text example</br>
  2300. • text example</br>
  2301.  
  2302. <!--------------->
  2303. </p><p>&ensp;</p>
  2304. <!--------------->
  2305.  
  2306. <!--ABOUT 2 TITLE-->
  2307.  
  2308. <div class="name2" style="margin-top:10px">BLOGGER INFO</div>
  2309.  
  2310. <!------------>
  2311. <p>
  2312. <!------------>
  2313.  
  2314. <!--ABOUT 2 TEXT-->
  2315.  
  2316. text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example text example
  2317.  
  2318. <!--------------->
  2319. </p><p>&ensp;</p>
  2320. <!--------------->
  2321.  
  2322.  
  2323. <!----------------------------------------------------------------->
  2324.  
  2325. </td></tr></table>
  2326. </div></div></div>
  2327.  
  2328. <!----------------------------------------------------------------->
  2329.  
  2330.  
  2331. <!------------------------- TAB 5 / BLOGROLL----------------------->
  2332.  
  2333. <div id="tab5" class="tab">
  2334. <div class="tabcontent">
  2335.  
  2336. <div class="containertitle">
  2337.  
  2338. <!----TAB 5 / BLOGROLL TITLE-->
  2339. BLOGROLL
  2340.  
  2341. </div><div id="yo">
  2342.  
  2343. {block:Following}<ul style="list-style: none;margin-top:0px;margin-left: -30px;">{block:Followed}<li style="float: left;margin:2px;"><a href="{FollowedURL}" title="{FollowedName}"><div class="icons"><img src="{FollowedPortraitURL-48}"/></a></div></li>{/block:Followed}</ul>{/block:Following}</div>
  2344.  
  2345.  
  2346. <!----------------------------------------------------------------->
  2347.  
  2348. </div></div>
  2349.  
  2350.  
  2351. <!--------------- TAB 6 / FANDOMS/CHARACTERS----------------------->
  2352.  
  2353. <div id="tab6" class="tab">
  2354. <div class="tabcontent">
  2355.  
  2356. <div class="containertitle">
  2357.  
  2358. <!---TAB 6 TITLE-->
  2359. tv shows
  2360.  
  2361. <!---------->
  2362. </div>
  2363. <!---------->
  2364.  
  2365. <div class="imgcont">
  2366.  
  2367.  
  2368.  
  2369.  
  2370.  
  2371. <!-------------------IF YOU WANT TO ADD MORE BOXES----------------------->
  2372.  
  2373. <!--
  2374.  
  2375. copy/paste everything from <div class="allimg"> to </div></div>.
  2376.  
  2377. this is also what you'll have to select if you want to delete some of them.
  2378.  
  2379. warning: for each box, you'll see this:
  2380.  
  2381. <div class="image"><img src="{image:img10}"></div>
  2382. (this is for the 10th box)
  2383.  
  2384. you'll have to change the number after "img".
  2385. for example for an 11th box, change it to img11 etc.
  2386.  
  2387. and don't forget to add it on the default variables (on top of the code) if you want to be able to upload the image from the customization page.
  2388.  
  2389. for example, for a 11th image:
  2390.  
  2391. <meta name="image:img11" content=""/>
  2392.  
  2393. -->
  2394.  
  2395.  
  2396.  
  2397.  
  2398.  
  2399. <!---BOX 1-->
  2400. <div class="allimg">
  2401. <div class="txt">
  2402.  
  2403. <!---BOX 1 TEXT-->
  2404. <b>SYNOPSIS</b></p>
  2405.  
  2406. A young girl, destined to slay vampires, demons and other infernal creatures, deals with her life fighting evil, with the help of her friends.</p>
  2407.  
  2408. <!---BOX 1 RATING-->
  2409. <!-- STARS CAN BE FOUND HERE: http://fontawesome.io/icons/-->
  2410.  
  2411. <b>
  2412. <i class="fa fa-star" aria-hidden="true"></i>
  2413. <i class="fa fa-star" aria-hidden="true"></i>
  2414. <i class="fa fa-star" aria-hidden="true"></i>
  2415. <i class="fa fa-star" aria-hidden="true"></i>
  2416. <i class="fa fa-star" aria-hidden="true"></i>
  2417. </b>
  2418.  
  2419. <!----->
  2420. </div>
  2421. <!----->
  2422.  
  2423. <div class="image"><img src="{image:img1}"></div>
  2424.  
  2425. <div class="title">
  2426.  
  2427. <!---BOX 1 TITLE-->
  2428. buffy the vampire slayer
  2429.  
  2430. <!--------------->
  2431. </div></div>
  2432. <!--------------->
  2433.  
  2434. <!------------------------------------------------------------------------>
  2435.  
  2436. <!---BOX 2-->
  2437. <div class="allimg">
  2438. <div class="txt">
  2439.  
  2440. <!---BOX 2 TEXT-->
  2441. <b>SYNOPSIS</b></p>
  2442.  
  2443. Spin off series of The Walking Dead that portrays the beginning events of the zombie apocalypse in the West coast during the same time frame when the city of Atlanta was falling under attack, while Rick was in a coma at the local hospital. It shows how the strain was already in full effect in the south while it's just starting in California.</p>
  2444.  
  2445. <!---BOX 2 RATING-->
  2446. <b>
  2447. <i class="fa fa-star" aria-hidden="true"></i>
  2448. <i class="fa fa-star" aria-hidden="true"></i>
  2449. <i class="fa fa-star" aria-hidden="true"></i>
  2450. <i class="fa fa-star" aria-hidden="true"></i>
  2451. <i class="fa fa-star-half-o" aria-hidden="true"></i>
  2452. </b>
  2453.  
  2454. <!----->
  2455. </div>
  2456. <!----->
  2457.  
  2458. <div class="image"><img src="{image:img2}"></div>
  2459. <div class="title">
  2460.  
  2461. <!---BOX 2 TITLE-->
  2462. FEAR THE WALKING DEAD
  2463.  
  2464. <!--------------->
  2465. </div></div>
  2466. <!--------------->
  2467.  
  2468. <!------------------------------------------------------------------------>
  2469.  
  2470. <!---BOX 3-->
  2471. <div class="allimg">
  2472. <div class="txt">
  2473.  
  2474. <!---BOX 3 TEXT-->
  2475. <b>SYNOPSIS</b></p>
  2476.  
  2477. Clary Fray is a normal teenager living in Brooklyn with her mother. One day, she discovers that she is descended from a line of Shadowhunters; humans born with angelic blood that fight to protect our world from demons. After her mother is kidnapped, Clary must team up with three Shadowhunters: Jace, Alec and Isabelle and her best friend Simon on a quest to find her mother and recover her past.</p>
  2478.  
  2479. <!---BOX 3 RATING-->
  2480. <b>
  2481. <i class="fa fa-star" aria-hidden="true"></i>
  2482. <i class="fa fa-star" aria-hidden="true"></i>
  2483. <i class="fa fa-star" aria-hidden="true"></i>
  2484. <i class="fa fa-star" aria-hidden="true"></i>
  2485. <i class="fa fa-star" aria-hidden="true"></i>
  2486. </b>
  2487.  
  2488. <!----->
  2489. </div>
  2490. <!----->
  2491.  
  2492. <div class="image"><img src="{image:img3}"></div>
  2493. <div class="title">
  2494.  
  2495. <!---BOX 3 TITLE-->
  2496. SHADOWHUNTERS
  2497.  
  2498. <!-------------->
  2499. </div></div>
  2500. <!-------------->
  2501.  
  2502. <!------------------------------------------------------------------------>
  2503.  
  2504. <!---BOX 4-->
  2505. <div class="allimg">
  2506. <div class="txt">
  2507.  
  2508. <!---BOX 4 TEXT-->
  2509. <b>SYNOPSIS</b></p>
  2510.  
  2511. A young woman with a troubled past is drawn to a small town in Maine where fairy tales are to be believed.</p>
  2512.  
  2513. <!---BOX 4 RATING-->
  2514. <b>
  2515. <i class="fa fa-star" aria-hidden="true"></i>
  2516. <i class="fa fa-star" aria-hidden="true"></i>
  2517. <i class="fa fa-star" aria-hidden="true"></i>
  2518. <i class="fa fa-star" aria-hidden="true"></i>
  2519. <i class="fa fa-star-o" aria-hidden="true"></i>
  2520. </b>
  2521.  
  2522. <!----->
  2523. </div>
  2524. <!----->
  2525.  
  2526. <div class="image"><img src="{image:img4}"></div>
  2527. <div class="title">
  2528.  
  2529. <!---BOX 4 TITLE-->
  2530. ONCE UPON A TIME
  2531.  
  2532. <!--------------->
  2533. </div></div>
  2534.  
  2535. <!--------------->
  2536.  
  2537. <!------------------------------------------------------------------------>
  2538.  
  2539. <!---BOX 5-->
  2540. <div class="allimg">
  2541. <div class="txt">
  2542.  
  2543. <!---BOX 5 TEXT-->
  2544. <b>SYNOPSIS</b></p>
  2545.  
  2546. Lucifer, bored from his sulking life in hell comes to live in Los Angeles only to help humanity with its miseries through his experience and telepathic abilities to bring people's deepest desires and thoughts out of them. While meeting with a girl in his nightclub (called Lux), a shootout involving him and the girl leads him to become a LAPD consultant who tries to punish people for their crimes through law and justice.</p>
  2547.  
  2548. <!---BOX 5 RATING-->
  2549. <b>
  2550. <i class="fa fa-star" aria-hidden="true"></i>
  2551. <i class="fa fa-star" aria-hidden="true"></i>
  2552. <i class="fa fa-star" aria-hidden="true"></i>
  2553. <i class="fa fa-star" aria-hidden="true"></i>
  2554. <i class="fa fa-star" aria-hidden="true"></i>
  2555. </b>
  2556.  
  2557. <!----->
  2558. </div>
  2559. <!----->
  2560.  
  2561. <div class="image"><img src="{image:img5}"></div>
  2562. <div class="title">
  2563.  
  2564. <!---BOX 5 TITLE-->
  2565. LUCIFER
  2566.  
  2567. <!--------------->
  2568. </div></div>
  2569. <!--------------->
  2570.  
  2571. <!------------------------------------------------------------------------>
  2572.  
  2573. <!---BOX 6-->
  2574. <div class="allimg">
  2575. <div class="txt">
  2576.  
  2577. <!---BOX 6 TEXT-->
  2578. <b>SYNOPSIS</b></p>
  2579.  
  2580. Set 97 years after a nuclear war has destroyed civilization, when a spaceship housing humanity's lone survivors sends 100 juvenile delinquents back to Earth in hopes of possibly re-populating the planet.</p>
  2581.  
  2582. <!---BOX 6 RATING-->
  2583. <b>
  2584. <i class="fa fa-star" aria-hidden="true"></i>
  2585. <i class="fa fa-star" aria-hidden="true"></i>
  2586. <i class="fa fa-star" aria-hidden="true"></i>
  2587. <i class="fa fa-star" aria-hidden="true"></i>
  2588. <i class="fa fa-star-half-o" aria-hidden="true"></i>
  2589. </b>
  2590.  
  2591. <!------>
  2592. </div>
  2593. <!------>
  2594.  
  2595. <div class="image"><img src="{image:img6}"></div>
  2596. <div class="title">
  2597.  
  2598. <!---BOX 6 TITLE-->
  2599. THE 100
  2600.  
  2601. <!---------------->
  2602. </div></div>
  2603. <!---------------->
  2604.  
  2605. <!------------------------------------------------------------------------>
  2606.  
  2607. <!---BOX 7-->
  2608. <div class="allimg">
  2609. <div class="txt">
  2610.  
  2611. <!---BOX 7 TEXT-->
  2612. <b>TITLE EXAMPLE</b></p>
  2613.  
  2614. text example text example text example text example text example text example text example text example text exampletext example text example text example</p>
  2615.  
  2616. <!---BOX 7 RATING-->
  2617. <b>
  2618. <i class="fa fa-star" aria-hidden="true"></i>
  2619. <i class="fa fa-star" aria-hidden="true"></i>
  2620. <i class="fa fa-star" aria-hidden="true"></i>
  2621. <i class="fa fa-star" aria-hidden="true"></i>
  2622. <i class="fa fa-star" aria-hidden="true"></i>
  2623. </b>
  2624.  
  2625. <!------>
  2626. </div>
  2627. <!------>
  2628.  
  2629. <div class="image"><img src="{image:img7}"></div>
  2630. <div class="title">
  2631.  
  2632. <!---BOX 7 TITLE-->
  2633. TITLE EXAMPLE
  2634.  
  2635. <!---------------->
  2636. </div></div>
  2637. <!---------------->
  2638.  
  2639. <!------------------------------------------------------------------------>
  2640.  
  2641. <!---BOX 8-->
  2642. <div class="allimg">
  2643. <div class="txt">
  2644.  
  2645. <!---BOX 8 TEXT-->
  2646. <b>TITLE EXAMPLE</b></p>
  2647.  
  2648. text example text example text example text example text example text example text example text example text exampletext example text example text example</p>
  2649.  
  2650. <!---BOX 8 RATING-->
  2651. <b>
  2652. <i class="fa fa-star" aria-hidden="true"></i>
  2653. <i class="fa fa-star" aria-hidden="true"></i>
  2654. <i class="fa fa-star" aria-hidden="true"></i>
  2655. <i class="fa fa-star" aria-hidden="true"></i>
  2656. <i class="fa fa-star" aria-hidden="true"></i>
  2657. </b>
  2658.  
  2659. <!------>
  2660. </div>
  2661. <!------>
  2662.  
  2663. <div class="image"><img src="{image:img8}"></div>
  2664. <div class="title">
  2665.  
  2666. <!---BOX 8 TITLE-->
  2667. TITLE EXAMPLE
  2668.  
  2669. <!---------------->
  2670. </div></div>
  2671. <!---------------->
  2672.  
  2673. <!------------------------------------------------------------------------>
  2674.  
  2675. <!---BOX 9-->
  2676. <div class="allimg">
  2677. <div class="txt">
  2678.  
  2679. <!---BOX 9 TEXT-->
  2680. <b>TITLE EXAMPLE</b></p>
  2681.  
  2682. text example text example text example text example text example text example text example text example text exampletext example text example text example</p>
  2683.  
  2684. <!---BOX 9 RATING-->
  2685. <b>
  2686. <i class="fa fa-star" aria-hidden="true"></i>
  2687. <i class="fa fa-star" aria-hidden="true"></i>
  2688. <i class="fa fa-star" aria-hidden="true"></i>
  2689. <i class="fa fa-star" aria-hidden="true"></i>
  2690. <i class="fa fa-star" aria-hidden="true"></i>
  2691. </b>
  2692.  
  2693. <!------>
  2694. </div>
  2695. <!------>
  2696.  
  2697. <div class="image"><img src="{image:img9}"></div>
  2698. <div class="title">
  2699.  
  2700. <!---BOX 9 TITLE-->
  2701. TITLE EXAMPLE
  2702.  
  2703. <!---------------->
  2704. </div></div>
  2705. <!---------------->
  2706.  
  2707. <!------------------------------------------------------------------------>
  2708.  
  2709. <!---BOX 10-->
  2710. <div class="allimg">
  2711. <div class="txt">
  2712.  
  2713. <!---BOX 10 TEXT-->
  2714. <b>TITLE EXAMPLE</b></p>
  2715.  
  2716. text example text example text example text example text example text example text example text example text exampletext example text example text example</p>
  2717.  
  2718. <!---BOX 10 RATING-->
  2719. <b>
  2720. <i class="fa fa-star" aria-hidden="true"></i>
  2721. <i class="fa fa-star" aria-hidden="true"></i>
  2722. <i class="fa fa-star" aria-hidden="true"></i>
  2723. <i class="fa fa-star" aria-hidden="true"></i>
  2724. <i class="fa fa-star" aria-hidden="true"></i>
  2725. </b>
  2726.  
  2727. <!------>
  2728. </div>
  2729. <!------>
  2730.  
  2731. <div class="image"><img src="{image:img10}"></div>
  2732. <div class="title">
  2733.  
  2734. <!---BOX 10 TITLE-->
  2735. TITLE EXAMPLE
  2736.  
  2737. <!---------------->
  2738. </div></div>
  2739. <!---------------->
  2740.  
  2741.  
  2742. <!-- ADD MORE BOXES HERE-->
  2743.  
  2744.  
  2745. <!----------------------------------------------------------------->
  2746.  
  2747. </div></div></div>
  2748.  
  2749. <!----------------------------------------------------------------->
  2750.  
  2751. <!-- END OF TABS -->
  2752.  
  2753. </div></div></div></div></div></div>
  2754.  
  2755. <!----------------------------------------------------------------->
  2756.  
  2757. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  2758.  
  2759. <script>
  2760. $(document).ready(function() {
  2761. $('.tabs .tab-links a').on('click', function(e) {
  2762. var currentAttrValue = $(this).attr('href');
  2763.  
  2764. // Show/Hide Tabs
  2765. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  2766.  
  2767. // Change/remove current tab to active
  2768. $(this).parent('li').addClass('active').siblings().removeClass('active');
  2769.  
  2770. e.preventDefault();
  2771. });
  2772. });
  2773. </script>
  2774.  
  2775. <script>
  2776. $(document).ready(function() {
  2777. $('#filterOptions li a').click(function() {
  2778. // fetch the class of the clicked item
  2779. var ourClass = $(this).attr('class');
  2780.  
  2781. // reset the active class on all the buttons
  2782. $('#filterOptions li').removeClass('active');
  2783. // update the active state on our clicked button
  2784. $(this).parent().addClass('active');
  2785.  
  2786. if(ourClass == 'all') {
  2787. // show all our items
  2788. $('#ourHolder').children('div.item').show();
  2789. }
  2790. else {
  2791. // hide all elements that don't share ourClass
  2792. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  2793. // show all elements that do share ourClass
  2794. $('#ourHolder').children('div.' + ourClass).show();
  2795. }
  2796. return false;
  2797. });
  2798. });
  2799. </script>
  2800.  
  2801. <!-------------------------------------------->
  2802. {block:ifHovertumblrcontrols}
  2803. <div class="tcontrols"><i class="fa fa-times" aria-hidden="true"></i></div>
  2804. {/block:ifHovertumblrcontrols}
  2805.  
  2806. <div class="credit"><a href="http://evilqueenedthemes.tumblr.com">© EVILQUEENED</a></div>
  2807.  
  2808. </body></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!