API tools faq
paste
themesbygeorgia

Theme #57 - Sanctuary

themesbygeorgia
Apr 30th, 2016 (edited)
1,826
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 78.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- Theme #57 - sanctuary by wonderfullythemes
  6.  
  7. holy crapamolie this took ages to code
  8.  
  9. if you have any questions about this theme id be more than happy to help, god knows i was confused af through most of this coding process
  10.  
  11. if you decide to use it please don't remove any of the credit links i included, or move them anywhere
  12. i designed them so that they flow seamlessly with the whole theme and tbh removing it would mess up the aestheticness
  13.  
  14. thanks!!
  15. --->
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <link rel="stylesheet" href="styles.css" />
  23.  
  24. <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  25.  
  26. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  27. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  28.  
  29. <!--BACK TO TOP-->
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script type="text/javascript">
  32.  
  33. $(document).ready(function(){
  34.  
  35. var amountScrolled = 30;
  36.  
  37. $(window).scroll(function() {
  38. if ( $(window).scrollTop() > amountScrolled ) {
  39. $('a.back-to-top').show("");
  40. } else {
  41. $('a.back-to-top').hide("");
  42. }
  43. });
  44.  
  45. $('a.back-to-top').click(function() {
  46. $('html, body').animate({ scrollTop: 0}, 700);
  47. return false;
  48. });
  49.  
  50. });
  51.  
  52. </script>
  53.  
  54. <!--SCRIPT FOR STICKY HEADER-->
  55. {block:ifStickyHeader}
  56. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script>
  58. $(document).ready(function(){
  59.  
  60. var menu = document.querySelector('.menu');
  61. var origOffsetY = menu.offsetTop;
  62.  
  63. function scroll () {
  64. if ($(window).scrollTop() >= origOffsetY) {
  65. $('.menu').addClass('sticky');
  66. $('.header').addClass('headerscroll');
  67. $('.content').addClass('menu-padding');
  68. $('.custom').addClass('customscroll');
  69.  
  70. } else {
  71. $('.menu').removeClass('sticky');
  72. $('.header').removeClass('headerscroll');
  73. $('.content').removeClass('menu-padding');
  74. $('.custom').removeClass('customscroll');
  75. }
  76.  
  77.  
  78. }
  79.  
  80. document.onscroll = scroll;
  81.  
  82. });
  83. </script>
  84. {/block:ifStickyHeader}
  85.  
  86. <!--POP UP ASK-->
  87. <script type="text/javascript"
  88. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  89. <script>
  90. $(document).ready(function() {
  91. //
  92. $('a.poplight[href^=#]').click(function() {
  93. var popID = $(this).attr('rel'); //Get Popup Name
  94. var popURL = $(this).attr('href'); //Get Popup href to define size
  95. var query= popURL.split('?');
  96. var dim= query[1].split('&');
  97. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  98. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  99. var popMargTop = ($('#' + popID).height() + 80) / 2;
  100. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  101. //Apply Margin to Popup
  102. $('#' + popID).css({
  103. 'margin-top' : -popMargTop,
  104. 'margin-left' : -popMargLeft
  105. });
  106. $('body').append('<div id="fade"></div>');
  107. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  108. return false;
  109. });
  110. $('a.close, #fade').live('click', function() {
  111. $('#fade , .popup_block').fadeOut(function() {
  112. $('#fade, a.close').remove(); //fade them both out
  113. });
  114. return false;
  115. });
  116. });
  117. </script>
  118.  
  119. <!--show hide-->
  120. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  121. <script>
  122. $(document).ready(function(){
  123.  
  124. $(".feed").click(function(){
  125. $("#entries").show("");
  126. $(".inquire").hide("");
  127. $(".aboutme").hide("");
  128. $(".navi").hide("");
  129. $("#pagination").show("");
  130. });
  131.  
  132. $(".inquireclick").click(function(){
  133. $(".inquire").show("");
  134. $("#entries").hide("");
  135. $(".aboutme").hide("");
  136. $(".navi").hide("");
  137. $("#pagination").hide("");
  138. });
  139.  
  140. $(".aboutclick").click(function(){
  141. $(".aboutme").show("");
  142. $("#entries").hide("");
  143. $(".inquire").hide("");
  144. $(".navi").hide("");
  145. $("#pagination").hide("");
  146. });
  147.  
  148. $(".naviclick").click(function(){
  149. $(".navi").show("");
  150. $("#entries").hide("");
  151. $(".inquire").hide("");
  152. $(".aboutme").hide("");
  153. $("#pagination").hide("");
  154. });
  155.  
  156. });
  157. </script>
  158.  
  159.  
  160. <!--MASONRY -->
  161. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  162.  
  163. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  164.  
  165. <stsss>
  166. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  167. <script>
  168. (function($){
  169. $(document).ready(function(){
  170. $("a[title]").style_my_tooltips({
  171. tip_follows_cursor:true,
  172. tip_delay_time:150,
  173. tip_fade_speed:250,
  174. attribute:"title"
  175. });
  176. });
  177. })(jQuery);
  178. </script>
  179.  
  180. {block:IndexPage}
  181. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  182. {block:ifInfiniteScroll}<script type="text/javascript" src="https://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>{/block:ifInfiniteScroll}
  183.  
  184. <script type="text/javascript">
  185. $(window).load(function(){
  186. var $wall = $('#entries');
  187. $wall.imagesLoaded(function(){
  188. $wall.masonry({
  189. itemSelector: '#post, #post_photo',
  190. isAnimated : false
  191. });
  192. });
  193.  
  194. $wall.infinitescroll({
  195. navSelector : '#pagination',
  196. nextSelector : '#pagination a',
  197. itemSelector : '#post, #post_photo',
  198. bufferPx : 2000,
  199. debug : false,
  200. errorCallback: function() {
  201. $('#scroll').fadeOut('normal');
  202. $('.load-more').hide();
  203. }},
  204. function( newElements ) {
  205. var $newElems = $( newElements );
  206. $newElems.hide();
  207. $newElems.imagesLoaded(function(){
  208. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  209. });
  210.  
  211. }); $('#entries').show(500);
  212.  
  213. {block:ifLoadMoreButton}
  214. //thanks @ neothms!
  215. $(window).unbind('.infscr'); //where ‘window’ is what scrolls; if your theme is contained, replace ‘window’ by the “binder” of your infinite scroll script.
  216.  
  217. $('a.load-more').click(function(){ //where “load more link” is the name, id or class of the link you’re using to retrieve the content
  218. $('#entries').infinitescroll('retrieve'); //the name, id, or class of your articles’ container
  219. //if the footer disappears in the process: $('FOOTER NAME/ID/CLASS').show();
  220. //if the load more button stays in place while the content is appended under it (this goes in your infinitescroll’s callback): $('YOUR POSTS NAME/CLASS').last().after($('LOAD MORE LINK'));
  221. return false; //blocks any other behaviour the link could have
  222. });
  223. {/block:ifLoadMoreButton}
  224. });
  225.  
  226.  
  227. </script>
  228. {/block:IndexPage}
  229.  
  230. <meta name="color:Background" content="#fff" />
  231. <meta name="color:Link" content="#1bcc5c" />
  232. <meta name="color:Hover" content="#444" />
  233. <meta name="color:Text" content="#444" />
  234. <meta name="color:Title" content="#000" />
  235. <meta name="color:Border" content="#ddd" />
  236. <meta name="color:Header Background" content="#fff" />
  237. <meta name="color:Header Border" content="#ddd" />
  238. <meta name="color:Header Links" content="#444" />
  239. <meta name="color:Header Links Hover" content="#ddd" />
  240. <meta name="color:Tumblr Control Link" content="#ddd" />
  241. <meta name="color:Tumblr Control Hover" content="#444" />
  242. <meta name="color:Sidebar Background" content="#fff" />
  243. <meta name="color:Sidebar Border" content="#ddd" />
  244. <meta name="color:Sidebar Links" content="#444" />
  245. <meta name="color:Sidebar Links Hover" content="#ddd" />
  246. <meta name="color:NavLinks" content="#fff" />
  247. <meta name="color:NavLinks BG" content="#fff" />
  248. <meta name="color:NavLinks Border" content="#444" />
  249. <meta name="color:NavLinks BG Hover" content="#fff" />
  250. <meta name="color:NavLinks Border Hover" content="#fff" />
  251. <meta name="color:NavLinks Hover" content="#fff" />
  252. <meta name="color:Post Background" content="#fff" />
  253. <meta name="color:Post Title" content="#444" />
  254. <meta name="color:Blockquote" content="#ccc" />
  255. <meta name="color:pre Background" content="#ddd" />
  256. <meta name="color:pre Text" contente="#444" />
  257. <meta name="color:Question Background" content="#ddd" />
  258. <meta name="color:Question Link" content="#444" />
  259. <meta name="color:Question Link Hover" content="#fff" />
  260. <meta name="color:Question Text" content="#444" />
  261. <meta name="color:Answer Background" content="#fff" />
  262. <meta name="color:Answer Link" content="#444" />
  263. <meta name="color:Answer Link Hover" content="#fff" />
  264. <meta name="color:Answer Text" content="#444" />
  265. <meta name="color:View Answer BG" content="#fff" />
  266. <meta name="color:View Answer Border" content="#ddd" />
  267. <meta name="color:View Answer Link" content="#ddd" />
  268. <meta name="color:View Answer BG Hover" content="#444" />
  269. <meta name="color:View Answer Border Hover" content="#444" />
  270. <meta name="color:View Answer Link Hover" content="#fff" />
  271. <meta name="color:Chat Text Odd" content="#000" />
  272. <meta name="color:Chat Text Even" content="#000" />
  273. <meta name="color:Audio Info BG" content="#ddd" />
  274. <meta name="color:Audio Text" content="#444" />
  275. <meta name="color:Watch Video BG" content="#fff" />
  276. <meta name="color:Watch Video Border" content="#ddd" />
  277. <meta name="color:Watch Video Link" content="#ddd" />
  278. <meta name="color:Watch Video BG Hover" content="#444" />
  279. <meta name="color:Watch Video Border Hover" content="#444" />
  280. <meta name="color:Watch Video Link Hover" content="#fff" />
  281. <meta name="color:NoteCount BG" content="#444" />
  282. <meta name="color:NoteCount Border" content="#444" />
  283. <meta name="color:NoteCount Link" content="#fff" />
  284. <meta name="color:NoteCount BG Hover" content="#fff" />
  285. <meta name="color:NoteCount Border Hover" content="#fff" />
  286. <meta name="color:NoteCount Hover" content="#ddd" />
  287. <meta name="color:Info Text" content="#444" />
  288. <meta name="color:Info Links" content="#444" />
  289. <meta name="color:Info Links Hover" content="#fff" />
  290. <meta name="color:Perma Text" content="#444" />
  291. <meta name="color:Perma Links" content="#ccc" />
  292. <meta name="color:Perma Links Hover" content="#444" />
  293. <meta name="color:Scrollbar" content="#000" />
  294. <meta name="color:Tooltip Background" content="#000" />
  295. <meta name="color:Tooltip Text" content="#fff" />
  296. <meta name="color:Pagi Link" content="#ddd" />
  297. <meta name="color:Pagi Link BG" content="#fff" />
  298. <meta name="color:Pagi Link Border" content="#ddd" />
  299. <meta name="color:Pagi Link Hover" content="#444" />
  300. <meta name="color:Pagi Link BG Hover" content="#fff" />
  301. <meta name="color:Pagi Link Border Hover" content="#444" />
  302. <meta name="color:Pagi Current Text" content="#fff" />
  303. <meta name="color:Pagi Current BG" content="#444" />
  304. <meta name="color:Pagi Current Border" content="#444" />
  305. <meta name="color:Load More Link" content="#444" />
  306. <meta name="color:Load More BG" content="#fff" />
  307. <meta name="color:Load More Border" content="#444" />
  308. <meta name="color:Load More Hover" content="#fff" />
  309. <meta name="color:Load More BG Hover" content="#444" />
  310. <meta name="color:Load More Border Hover" content="#fff" />
  311.  
  312. <meta name="image:Background" content="" />
  313. <meta name="image:Sidebar" content="" />
  314.  
  315. <meta name="text:Name" content="Name" />
  316. <meta name="text:Age" content="Age" />
  317. <meta name="text:Country" content="Country" />
  318. <meta name="text:Link1" content="/" />
  319. <meta name="text:Link1 Text" content="Link 1" />
  320. <meta name="text:Link2" content="/" />
  321. <meta name="text:Link2 Text" content="Link 2" />
  322. <meta name="text:Link3" content="/" />
  323. <meta name="text:Link3 Text" content="Link 3" />
  324. <meta name="text:Link4" content="/" />
  325. <meta name="text:Link4 Text" content="Link 4" />
  326. <meta name="text:Link5" content="/" />
  327. <meta name="text:Link5 Text" content="Link 5" />
  328. <meta name="text:Link6" content="/" />
  329. <meta name="text:Link6 Text" content="Link 6" />
  330. <meta name="text:Link7" content="/" />
  331. <meta name="text:Link7 Text" content="Link 7" />
  332. <meta name="text:Link8" content="/" />
  333. <meta name="text:Link8 Text" content="Link 8" />
  334.  
  335. <meta name="if:GridBG" content="0" />
  336. <meta name="if:StickyHeader" content="0" />
  337. <meta name="if:Sidebar" content="0" />
  338. <meta name="if:Tabs" content="0" />
  339. <meta name="if:InfiniteScroll" content="1" />
  340. <meta name="if:LoadMoreButton" content="0" />
  341. <meta name="if:OneColumn250" content="0" />
  342. <meta name="if:OneColumn400" content="0" />
  343. <meta name="if:TwoColumns" content="0" />
  344. <meta name="if:ThreeColumns" content="1" />
  345. <meta name="if:RoundedEdges" content="0" />
  346. <meta name="if:CirclePosts" content="0" />
  347. <meta name="if:Link1" content="1" />
  348. <meta name="if:Link2" content="1" />
  349. <meta name="if:Link3" content="1" />
  350. <meta name="if:Link4" content="1" />
  351. <meta name="if:Link5" content="1" />
  352. <meta name="if:Link6" content="1" />
  353. <meta name="if:Link7" content="1" />
  354. <meta name="if:Link8" content="1" />
  355.  
  356. <style type="text/css">
  357. .back-to-top { display:none; }
  358.  
  359. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  360. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  361. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  362.  
  363. .fade-in { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; animation-duration:1.5s; }
  364.  
  365. ::-webkit-scrollbar-thumb { height:auto; background-color:{color:Scrollbar}; }
  366. ::-webkit-scrollbar { height:4px; width:6px; padding-right:2px; background-color:transparent; }
  367.  
  368. #s-m-t-tooltip { font-family:'calibri'; max-width:200px; font-size:9.5px; background-color:{color:Tooltip Background}; color:{color:Tooltip Text}; line-height:9px; display:none; position:absolute; letter-spacing:1px; text-transform:uppercase; padding:7px; margin:15px 0px 0px 15px; z-index:99999999999999; {block:ifRoundedEdges}border-radius:4px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:10px;{/block:ifCirclePosts} }
  369.  
  370. html, body { cursor:url('https://55.media.tumblr.com/bd9c6c2981a0ee5b01b300b500639778/tumblr_inline_n103i71bcS1sr8w60.png'), auto; }
  371.  
  372. body { overflow-x:hidden; background:{color:Background}; color:{color:Text}; font-family:'calibri'; font-size:9.5px; letter-spacing:0.5px; text-decoration:none; text-transform:uppercase; margin:0px; background-image:url('{image:Background}'); {block:ifNotGridBG} background-attachment:fixed; background-size:cover; background-repeat:no-repeat; {/block:ifNotGridBG} {block:ifGridBG} background-repeat:repeat; background-attachment:fixed; {/block:ifGridBG} }
  373.  
  374. a { color:{color:Link}; text-decoration:none; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  375. a:hover { cursor: url('https://55.media.tumblr.com/70444f630963e5ba6759d7e5f89b4120/tumblr_inline_n10aai56SU1sr8w60.png'), auto; color:{color:Hover}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  376.  
  377. h2 { margin-top:5px; color:{color:Post Title}; }
  378. h2 a { margin-top:5px; color:{color:Link}; }
  379.  
  380. pre { letter-spacing:2px; font-size:11px; text-transform:uppercase; background-color:{color:pre Background}; color:{color:pre Text}; padding:5px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
  381.  
  382. blockquote { border-left:1px solid {color:Blockquote}; padding-left:10px; margin-left:5px; }
  383. blockquote blockquote { padding:0 0 0 5px; margin:0 0 0 12px; }
  384.  
  385. img, blockquote, li, h2 { max-width:100%; }
  386.  
  387. /*--POP UP BOXES--*/
  388. .popup_block{ display:none; background-color:{color:Background}; padding:35px; float:left; position:fixed; top:50%; left:50%; z-index: 99999999999999; }
  389.  
  390. *html #fade {position: absolute;}
  391. *html .popup_block {position: absolute;}
  392. #fade { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9999; background:{color:Background}; opacity:1; }
  393.  
  394. .poplight:hover {
  395. cursor: url('https://55.media.tumblr.com/70444f630963e5ba6759d7e5f89b4120/tumblr_inline_n10aai56SU1sr8w60.png'), auto;
  396. }
  397.  
  398. /*--HEADER--*/
  399. .menu { width:100%; text-align:center; position:relative; top:30px; }
  400.  
  401. .header { {block:ifCirclePosts}border-radius:60px;{/block:ifCirclePosts} {block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges} margin:auto; height:70px; position:relative; padding:10px; left:0; z-index:2; background:{color:Header Background}; border:1px solid {color:Header Border}; overflow:hidden; width:770px;{block:ifOneColumn250} width:290px; height:100px; {/block:ifOneColumn250}{block:ifOneColumn400} width:450px; height:100px; {/block:ifOneColumn400}{block:ifTwoColumns} width:645px; {/block:ifTwoColumns} {block:ifThreeColumns} width:770px; {/block:ifThreeColumns} }
  402.  
  403. {block:IndexPage}.tmblr-iframe{display:none!important;}{/block:IndexPage}
  404.  
  405. .custom { position:fixed; top:40px; {block:ifOneColumn250} margin-left:312px; top:56px; {/block:ifOneColumn250} {block:ifOneColumn400} margin-left:470px; top:56px; {/block:ifOneColumn400} {block:ifTwoColumns} margin-left:665px; {/block:ifTwoColumns} {block:ifThreeColumns} margin-left:790px; {/block:ifThreeColumns} }
  406. .custom a { line-height:17px; font-size:11.5px; color:{color:Tumblr Control Link}; }
  407. .custom a:hover { color:{color:Tumblr Control Hover}; }
  408.  
  409. .content { position:relative; margin:auto; width:792px; {block:ifOneColumn250} width:312px; {/block:ifOneColumn250} {block:ifOneColumn400} width:473px; {/block:ifOneColumn400} {block:ifTwoColumns} width:667px; {/block:ifTwoColumns} {block:ifThreeColumns} width:792px; {/block:ifThreeColumns} }
  410.  
  411. .sideleft { padding:20px 20px 15px 20px; width:220px; margin-left:0px; position:absolute; {block:ifOneColumn250} position:relative; {/block:ifOneColumn250} {block:ifOneColumn400} position:relative; {/block:ifOneColumn400} {block:ifTwoColumns} position:absolute; {/block:ifTwoColumns} {block:ifThreeColumns} position:absolute; {/block:ifThreeColumns} text-align:left; }
  412.  
  413. .maintitle { position:absolute; font-size:20px; letter-spacing:4px; text-transform:uppercase; color:{color:Title}; font-family:'book antiqua'; }
  414. .maintitle a { color:{color:Title}; }
  415.  
  416. .sideright { padding:20px; text-align:right; margin-top:7.5px; {block:ifOneColumn250} margin-top:0px; {/block:ifOneColumn250} {block:ifOneColumn400} margin-top:5px; {/block:ifOneColumn400} }
  417.  
  418. .links { margin-right:-30px; font-size:10px; letter-spacing:1px; font-style:none; line-height:14px; text-transform:uppercase; {block:ifOneColumn250} line-height:18px;{/block:ifOneColumn250} }
  419. .links a { margin-right:30px; color:{color:Header Links}; }
  420. .links a:hover { color:{color:Header Links Hover}; cursor: url('https://55.media.tumblr.com/70444f630963e5ba6759d7e5f89b4120/tumblr_inline_n10aai56SU1sr8w60.png'), auto; }
  421.  
  422. .sticky { {block:ifStickyHeader} position:fixed; top:0; z-index:999999; {/block:ifStickyHeader} }
  423. {block:ifStickyHeader}
  424. .headerscroll { top:0; }
  425. .customscroll { position:fixed; top:10px; {block:ifOneColumn250} top:26px; {/block:ifOneColumn250} {block:ifOneColumn400} top:26px; {/block:ifOneColumn400} }
  426. .menu-padding { margin-top:100px; }
  427. .siderightscroll { margin-top:7.5px; }
  428. {/block:ifStickyHeader}
  429.  
  430. /*----------SIDEBAR------------*/
  431. .sidebar { top:120px; left:220px; position:fixed; width:180px; z-index:2; {block:ifOneColumn250} left:310px; {/block:ifOneColumn250} {block:ifOneColumn400} left:220px; {/block:ifOneColumn400} {block:ifTwoColumns} left:140px; {/block:ifTwoColumns} {block:ifThreeColumns} left:70px; {/block:ifThreeColumns} }
  432.  
  433. .customsidebar { text-align:right; margin-bottom:2px; }
  434. .customsidebar a { padding:2px; color:{color:Tumblr Control Link}; }
  435. .customsidebar a:hover { color:{color:Tumblr Control Hover}; }
  436.  
  437. .sidebarcontent { width:140px; padding:20px; border:1px solid {color:Sidebar Border}; background:{color:Sidebar Background}; {block:ifCirclePosts}border-radius:30px;{/block:ifCirclePosts} {block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges} }
  438.  
  439. .sidebarpic img { margin:5px 0 5px 0; {block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdgeS}{block:ifCirclePosts}border-radius:50%;{/block:ifCirclePosts} }
  440.  
  441. .sidebartitle { font-size:15px; letter-spacing:4px; text-transform:uppercase; color:{color:Title}; font-family:'book antiqua'; }
  442. .sidebartitle a { color:{color:Title}; }
  443.  
  444. .sidebarlinks { font-size:9.5px; letter-spacing:1.5px; font-style:none; line-height:16px; text-transform:uppercase; text-align:right; }
  445. .sidebarlinks a { color:{color:Sidebar Links}; }
  446. .sidebarlinks a:hover { color:{color:Sidebar Links Hover}; }
  447.  
  448. /*--------------------POSTS------------------------*/
  449. #entries { top:60px; margin-bottom:100px; position:relative; margin:0; width:950px; {block:ifOneColumn250} width:250px; {/block:ifOneColumn250} {block:ifOneColumn400} width:400px; {/block:ifOneColumn400} {block:ifTwoColumns} width:750px; {/block:ifTwoColumns} {block:ifThreeColumns} width:950px; {/block:ifThreeColumns} }
  450.  
  451. #post {
  452. {block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges}
  453. {block:ifCirclePosts}border-radius:50%;{/block:ifCirclePosts}
  454. background-color: {color:Post Background};
  455. height:auto;
  456. border:1px solid {color:Border};
  457. width:200px;
  458. {block:ifOneColumn250}
  459. width:250px;
  460. padding:30px;
  461. margin-bottom:40px;
  462. {block:PermalinkPage}
  463. {block:ifSidebar}{block:ifNotCirclePosts}width:400px; padding:35px; border:1px solid {color:Border};{/block:ifNotCirclePosts}{/block:ifSidebar}
  464. {/block:PermalinkPage}
  465. {/block:ifOneColumn250}
  466. {block:ifOneColumn400}
  467. width:400px;
  468. padding:35px;
  469. margin-bottom:40px;
  470. {block:PermalinkPage}
  471. {block:ifSidebar}{block:ifNotCirclePosts}width:400px; padding:35px; border:1px solid {color:Border};{/block:ifNotCirclePosts}{block:ifCirclePosts}width:400px;padding:0;border:none;{/block:ifCirclePosts}{/block:ifSidebar}{/block:PermalinkPage}
  472. {/block:ifOneColumn400}
  473. {block:ifTwoColumns}
  474. width:250px;
  475. padding:30px;
  476. margin-bottom:43px;
  477. margin-right:43px;
  478. {block:PermalinkPage}
  479. width:400px;
  480. padding:0px;
  481. border:none;
  482. {block:ifSidebar}{block:ifNotCirclePosts}width:400px; padding:35px; border:1px solid {color:Border};{/block:ifNotCirclePosts}{/block:ifSidebar}
  483. {/block:PermaLinkPage}
  484. {/block:ifTwoColumns}
  485. {block:ifThreeColumns}
  486. width:200px;
  487. padding:20px;
  488. margin-bottom:33px;
  489. margin-right:33px;
  490. {block:PermalinkPage}
  491. width:400px;
  492. padding:0px;
  493. border:none;
  494. {block:ifSidebar}{block:ifNotCirclePosts}width:400px; padding:35px; border:1px solid {color:Border};{/block:ifNotCirclePosts}{/block:ifSidebar}
  495. {/block:PermaLinkPage}
  496. {/block:ifThreeColumns}
  497. }
  498.  
  499. #post img { max-width:100%; {block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges}{block:ifCirclePosts}border-radius:50%; overflow:hidden;{/block:ifCirclePosts}transition: all .3s ease-in-out; overflow:hidden; }
  500. {block:IndexPage}
  501. #post:hover img { {block:ifCirclePosts}border-radius:50%; overflow:hidden;{/block:ifCirclePosts}{block:ifTwoColumns}{block:ifNotCirclePosts}transform: scale(1.3);{/block:ifNotCirclePosts}{/block:ifTwoColumns}{block:ifThreeColumns}{block:ifNotCirclePosts}transform: scale(1.3);{/block:ifNotCirclePosts}{/block:ifThreeColumns} }
  502. {/block:IndexPage}
  503. .wowpost { overflow:hidden; }
  504. .circlepic img { border-radius:50%; display:inline-block; padding:10px; }
  505.  
  506. /*---------------------------POST TYPES------------------------------*/
  507.  
  508. /*--photoset posts--*/
  509. .threecolphotoset {
  510. margin-bottom:auto;
  511. }
  512. /*--lightbox--*/
  513. /*--credit to @shythemes--*/
  514. .lightbox-image, #tumblr_lightbox img { box-shadow:none !important; border-radius:0 !important; max-width:none; }
  515.  
  516. /*--text posts--*/
  517. .textpost { {block:IndexPage}{block:ifCirclePosts}max-height:200px; overflow-y:scroll; overflow-x:hidden; padding-right:5px;margin:30px;{/block:ifCirclePosts}{/block:IndexPage} }
  518. .textbody h2 { font-size:11px; }
  519.  
  520. /*--answer posts--*/
  521. .askpost { {block:ifCirclePosts}padding:20px;{/block:ifCirclePosts} }
  522.  
  523. .asker { padding-bottom:5px; font-size:11px; letter-spacing:2px; }
  524. .asker a { color:{color:Question Link}; }
  525. .asker a:hover { color:{color:Question Link Hover}; }
  526. .question { padding:10px; max-width:100%; background:{color:Question Background}; color:{color:Question Text}; margin-bottom:20px;{block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges}{block:ifCirclePosts}border-radius:20px;padding:10px;{/block:ifCirclePosts} }
  527.  
  528. .answerer { font-size:11px; letter-spacing:2px; }
  529. .answerer a { color:{color:Answer Link}; }
  530. .answerer a:hover { color:{color:Answer Link Hover}; }
  531. .answer { padding:10px; max-width:100%; background-color:{color:Answer Background}; color:{color:Answer Text};{block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges}{block:ifCirclePosts}border-radius:30px;padding:15px;{/block:ifCirclePosts} }
  532.  
  533. .replieslink { margin:10px; text-align:center; }
  534. .replieslink a { letter-spacing:4px; padding:3px 5px 3px 5px; border:1px solid {color:View Answer Border}; color:{color:View Answer Link}; background:{color:View Answer BG}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s;{block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges}{block:ifCirclePosts}border-radius:10px;{/block:ifCirclePosts} }
  535. .replieslink a:hover { border:1px solid {color:View Answer Border Hover}; color:{color:View Answer Link Hover}; background:{color:View Answer BG Hover}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  536.  
  537. /*--link posts--*/
  538. .linkacc { {block:ifCirclePosts}padding:20px;{/block:ifCirclePosts} }
  539. .linkpost { background:{color:pre Background}; padding:15px; {block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges}{block:ifCirclePosts}border-radius:30px;{/block:ifCirclePosts} }
  540. .linkpost h2 { margin:0 0 5px 0; {block:ifCirclePosts}font-size:12px;{/block:ifCirclePosts} }
  541.  
  542. /*--chat posts--*/
  543. .chatpost { {block:ifCirclePosts}padding:20px;{/block:ifCirclePosts} }
  544. .chat li { list-style:none; }
  545. .line_odd, .line_even { text-transform:uppercase; letter-spacing:1px; font-size:11px; }
  546. .line_odd { color:{color:Chat Text Odd}; }
  547. .line_even { color:{color:Chat Text Even}; }
  548.  
  549. /*--quote posts--*/
  550. .quote { padding-bottom:10px; {block:ifTwoColumns}width:250px;{block:ifCirclePosts}width:230px;{/block:ifCirclePosts}{/block:ifTwoColumns} {block:ifThreeColumns}width:200px;{block:ifCirclePosts}width:180px;{/block:ifCirclePosts}{/block:ifThreeColumns} position:relative; {block:PermalinkPage}width:100%;{/block:PermalinkPage} {block:ifCirclePosts}padding:20px;{/block:ifCirclePosts} }
  551. .mark { text-align:left; font-family:georgia; font-size:50px; color:{color:Link}; }
  552. .mark2 { text-align:right; font-family:georgia; font-size:50px; color:{color:Link}; margin-top:-15px; }
  553. .words { {block:ifTwoColumns}width:200px;{block:ifCirclePosts}width:180px;{/block:ifCirclePosts}{/block:ifTwoColumns} {block:ifThreeColumns}width:150px;{block:ifCirclePosts}width:130px;{/block:ifCirclePosts}{/block:ifThreeColumns} margin-left:25px; margin-top:-40px; line-height:14px; font-size:11px; text-transform:none; letter-spacing:0px; {block:PermalinkPage}width: calc(100% - 50px) ;{/block:PermalinkPage} }
  554. .quotesource { text-transform:uppercase; letter-spacing:1px; margin-top:-25px; font-size:9.5px; }
  555. .contentsrc { display:none; }
  556.  
  557. /*--audio posts--*/
  558. .audio{ width:100%; }
  559. .info{ padding:2px 0px 1px 57px; }
  560. .i { text-transform:uppercase; letter-spacing:1px;}
  561. .pl b,strong{ text-transform:lowercase; }
  562. .player{ position:absolute; overflow:hidden; margin-top:0px; margin-left:15px; background:#ffffff; width:24px; height:23px; }
  563.  
  564. /*--video posts--*/
  565. .videothumbnail img { padding:10px; {block:ifOneColumn250}width:120px;{/block:ifOneColumn250} {block:ifOneColumn400}width:190px;{/block:ifOneColumn400} {block:ifTwoColumns}width:120px;{/block:ifTwoColumns} {block:ifThreeColumns}width:95px; {/block:ifThreeColumns} }
  566. .videotext { position:absolute; top:50%; margin-top:-30px;{block:ifOneColumn250}margin-left:145px;{/block:ifOneColumn250} {block:ifOneColumn400}margin-left:230px;{/block:ifOneColumn400}{block:ifTwoColumns}margin-left:145px;{/block:ifTwoColumns}{block:ifThreeColumns}margin-left:130px;{/block:ifThreeColumns} text-align:left; }
  567. .videotext i { {block:ifOneColumn250}font-size:24px;{/block:ifOneColumn250}{block:ifOneColumn400}font-size:26px;{/block:ifOneColumn400}{block:ifTwoColumns}font-size:24px;{/block:ifTwoColumns}{block:ifThreeColumns}font-size:20px;{/block:ifThreeColumns} color:{color:Info Text}; }
  568. .videotext a { letter-spacing:4px; padding:3px 5px 3px 5px; border:1px solid {color:Watch Video Border}; color:{color:Watch Video Link}; background:{color:Watch Video BG}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  569. .videotext a:hover { border:1px solid {color:Watch Video Border Hover}; color:{color:Watch Video Link Hover}; background:{color:Watch Video BG Hover}; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
  570. .videopopup { height:400px; margin-top:0px; }
  571. .videopopupcaption { position:absolute; margin-left:260px; max-height:340px; overflow-y:scroll; }
  572.  
  573. /*------------------INFO AND TAGS--------------------*/
  574. .wowpost { -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
  575.  
  576. #post:hover .wowpost { {block:IndexPage} opacity:.2; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; {block:ifOneColumn250}opacity:1;{/block:ifOneColumn250} {block:ifOneColumn400}opacity:1;{/block:ifOneColumn400} {/block:IndexPage} }
  577.  
  578. #post:hover #info { opacity:1; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
  579.  
  580. #info { position:absolute; top:50%; left:50%; margin-left:-48px; margin-top:-10px; {block:ifCirclePosts} margin-top:-23px; {/block:ifCirclePosts} font-family:'calibri'; opacity:0; z-index:999; letter-spacing:1px; text-transform:uppercase; font-style:none; font-size:10px; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; {block:ifOneColumn250} width:250px; {/block:ifOneColumn250}{block:ifOneColumn400} width:400px; {/block:ifOneColumn400}{block:ifTwoColumns} width:250px; {/block:ifTwoColumns}{block:ifThreeColumns} width:200px; {/block:ifThreeColumns} }
  581.  
  582. .heart { text-align:left; {block:ifOneColumn250} width:240px; {/block:ifOneColumn250}{block:ifOneColumn400} width:390px; {/block:ifOneColumn400}{block:ifTwoColumns} width:240px; {/block:ifTwoColumns}{block:ifThreeColumns} width:190px; {/block:ifThreeColumns} {block:ifCirclePosts}margin-top:10px;margin-right:25px;line-height:30px;{/block:ifCirclePosts} }
  583. .heart a { {block:ifRoundedEdges}border-radius:3px;{/block:ifRoundedEdges}{block:ifCirclePosts}width:5px;height:7px;padding:7px;border-radius:50%;{/block:ifCirclePosts} padding:5px 7px 5px 7px; margin:5px; color:{color:NoteCount Link}; border:1px solid {color:NoteCount Border}; background-color:{color:NoteCount BG}; }
  584. .heart a:hover { text-decoration:none; color:{color:NoteCount Hover}; background-color:{color:NoteCount BG Hover}; border:1px solid {color:NoteCount Border Hover}; }
  585.  
  586. #footer { text-align:left; margin-top:15px; letter-spacing:2px; font-size:9.5px; line-height:14px; font-family:'calibri'; text-transform:uppercase; color:{color:Info Text}; {block:ifCirclePosts}text-align:center;margin-top:0px;{/block:ifCirclePosts} }
  587. #footer a { color:{color:Info Links}; padding:3px; }
  588. #footer a:hover { color:{color:Info Links Hover}; }
  589.  
  590. #datelink a { font-weight:bold; color:{color:Info Text}; padding:0px; }
  591. #datelink a:hover { color:{color:Info Links}; }
  592.  
  593. /*--PERMALINK PAGE--*/
  594. .onecol_permapage { width:472px; {block:ifOneColumn250} {block:ifNotCirclePosts}width:311px;{/block:ifNotCirclePosts} {block:ifCirclePosts}width:410px; {/block:ifCirclePosts} {/block:ifOneColumn250} {block:ifOneColumn400}{block:ifSidebar}{block:ifNotCirclePosts}width:472px;{/block:ifNotCirclePosts}{block:ifCirclePosts}width:400px;{/block:ifCirclePosts}{/block:ifSidebar}{/block:ifOneColumn400} {block:ifTwoColumns}{block:ifSidebar}{block:ifNotCirclePosts}width:472px;{/block:ifNotCirclePosts}{block:ifCirclePosts}width:400px;{/block:ifCirclePosts}{/block:ifSidebar}{/block:ifTwoColumns} {block:ifThreeColumns}{block:ifSidebar}{block:ifNotCirclePosts}width:472px;{/block:ifNotCirclePosts}{block:ifCirclePosts}width:400px;{/block:ifCirclePosts}{/block:ifSidebar}{/block:ifThreeColumns} }
  595.  
  596. .permapage { position:absolute; width:245px; {block:ifTwoColumns} margin-left:422px; {/block:ifTwoColumns} {block:ifThreeColumns} width:370px; margin-left:422px; {/block:ifThreeColumns} }
  597.  
  598. .onecol_perma, .perma { margin-bottom:30px; text-align:right; line-height:17px; padding:20px; border:1px solid {color:Border}; color:{color:Perma Text}; text-transform:uppercase; font-family:'calibri'; {block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:30px;{/block:ifCirclePosts} }
  599.  
  600. .onecol_perma a, .perma a { color:{color:Perma Links}; }
  601. .onecol_perma a:hover, .perma a:hover { color:{color:Perma Links Hover}; }
  602.  
  603. .postnotes { padding:20px; border:1px solid {color:Border}; margin-bottom:60px; {block:ifOneColumn250} width:270px; {block:ifSidebar}{block:ifNotCirclePosts}width:430px;{/block:ifNotCirclePosts}{block:ifCirclePosts}width:360px;{/block:ifCirclePosts}{/block:ifSidebar} {/block:ifOneColumn250} {block:ifOneColumn400} width:430px;{block:ifSidebar}{block:ifNotCirclePosts}width:430px;{/block:ifNotCirclePosts}{block:ifCirclePosts}width:360px;{/block:ifCirclePosts}{/block:ifSidebar} {/block:ifOneColumn400} {block:ifTwoColumns} width:205px;{block:ifSidebar}{block:ifNotCirclePosts}width:430px;{/block:ifNotCirclePosts}{block:ifCirclePosts}width:360px;{/block:ifCirclePosts}{/block:ifSidebar} {/block:ifTwoColumns} {block:ifThreeColumns} width:328px;{block:ifSidebar}{block:ifNotCirclePosts}width:430px;{/block:ifNotCirclePosts}{block:ifCirclePosts}width:360px;{/block:ifCirclePosts}{/block:ifSidebar} {/block:ifThreeColumns} {block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:30px;{/block:ifCirclePosts} }
  604. .postnotes li { list-style:none; margin-left:-20px;}
  605. .postnotes img { display:none; }
  606.  
  607. .postnotescontent { margin:20px;height:200px; overflow-y:scroll; }
  608.  
  609. /*--POP UP DESIGNS--*/
  610. /*--askbox--*/
  611. .faq { padding-right:5px; max-height:200px; overflow-y:scroll; text-transform:uppercase; {block:ifTabs}max-height:120px;{/block:ifTabs} {block:ifOneColumn250}{block:ifTabs}max-height:90px;overflow-y:scroll;{/block:ifTabs}{/block:ifOneColumn250} }
  612. .faqtitle { font-size:13px; font-family:'book antiqua'; text-align:center; text-transform:uppercase; letter-spacing:2px; }
  613. .faq a:hover { text-decoration:line-through; }
  614. .faq pre { margin:0; padding:5px; background-color:{color:pre Background}; }
  615. .faq li { margin-left:0; padding:3px 5px 3px 5px; border:1px solid {color:Border}; list-style:none; margin:5px 0px 5px 0px; }
  616.  
  617. /*--about--*/
  618. .about { {block:ifOneColumn250}{block:ifTabs}text-align:center; margin-bottom:20px;{/block:ifTabs}{/block:ifOneColumn250} }
  619. .about img { position:absolute; {block:ifOneColumn250}{block:ifTabs}position:relative;text-align:center;{/block:ifTabs}{/block:ifOneColumn250} width:80px; height:80px; padding:15px; border:1px solid {color:Border}; {block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:50%;{/block:ifCirclePosts} }
  620. .desc { margin-left:125px;{block:ifOneColumn250}{block:ifTabs}margin-left:0px;max-height:160px;{/block:ifTabs}{block:ifSidebar}max-height:280px;{/block:ifSidebar}margin-bottom:10px;overflow-y:scroll;{/block:ifOneColumn250} }
  621.  
  622. /*--more links--*/
  623. .more { text-align:center; }
  624. .more li { display:inline-block; list-style:none; text-align:center; margin:10px; }
  625. .more a { {block:ifRoundedEdges}border-radius:3px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:7px;{/block:ifCirclePosts} font-size:10px; letter-spacing:1px; padding:3px 5px 3px 5px; text-transform:uppercase; background-color:{color:NavLinks BG}; color:{color:NavLinks}; border:1px solid {color:NavLinks Border}; }
  626. .more a:hover { text-decoration:none; color:{color:NavLinks Hover}; background-color:{color:NavLinks BG Hover}; border:1px solid {color:NavLinks Border Hover}; }
  627.  
  628. /*----------------TABS--------------------*/
  629. .inquire { display:none; width: calc(100% - 90px); max-height:340px; padding:40px; border:1px solid {color:Border}; position:absolute; top:60px; margin:0;{block:ifOneColumn250}max-height:360px;{block:ifSidebar}max-height:450px;{/block:ifSidebar}{/block:ifOneColumn250}{block:ifCirclePosts}border-radius:60px;{/block:ifCirclePosts}{block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges} }
  630.  
  631. .aboutme { display:none; width:calc(100% - 88px); max-height:340px; padding:40px; border:1px solid {color:Border}; position:absolute; top:60px; margin:0; {block:ifOneColumn250} max-height:330px; {block:ifSidebar}max-height:440px;{/block:ifSidebar}overflow-y:scroll;{/block:ifOneColumn250}{block:ifCirclePosts}border-radius:60px;{/block:ifCirclePosts} {block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges} }
  632.  
  633. .navi { display:none; width:calc(100% - 85px); max-height:340px; padding:40px; border:1px solid {color:Border}; position:absolute; top:60px; margin:0;{block:ifCirclePosts}border-radius:60px;{/block:ifCirclePosts}{block:ifRoundedEdges}border-radius:10px;{/block:ifRoundedEdges} }
  634.  
  635. .feed { text-align:center; margin-top:10px; width:100%; }
  636. .feed a { font-size:13px; letter-spacing:3px; color:{color:Link}; }
  637. .feed a:hover { {color:Hover}; }
  638.  
  639. #spectrum { bottom:9px; right:7px; font-size:8px; font-family:'calibri'; letter-spacing:1px; text-transform:uppercase; position:fixed; text-align:right; }
  640. #spectrum a { background:{color:Header Background}; color:{color:Header Links}; }
  641.  
  642. /*---PAGINATION---*/
  643. #pagination { width:100%; position:relative; text-align:center; font-family:'calibri'; text-transform:uppercase; {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll} }
  644.  
  645. #pagicontent { margin-top:0px; text-align:center; }
  646.  
  647. #pagination a { margin:0px 3px 0px 3px; padding:7px 10px 7px 10px; color:{color:Pagi Link}; background:{color:Pagi Link BG}; border:1px solid {color:Pagi Link Border}; position:relative; text-align:center; {block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:15px;{/block:ifCirclePosts} }
  648. #pagination a:hover { color:{color:Pagi Link Hover}; background:{color:Pagi Link BG Hover}; border:1px solid {color:Pagi Link Border Hover}; }
  649.  
  650. .current_page { margin:0px 3px 0px 3px; padding:7px 10px 7px 10px; color:{color:Pagi Current Text}; border:1px solid {color:Pagi Current Border}; background:{color:Pagi Current BG}; {block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:15px;{/block:ifCirclePosts} }
  651. .jump_page { padding:7px 10px 7px 10px; }
  652.  
  653. /*---LOAD MORE BUTTON----*/
  654. a.load-more { padding:7px 10px 7px 10px; color:{color:Load More Link}; background:{color:Load More BG}; border:1px solid {color:Load More Border}; position:relative; text-align:center; z-index:9999999999; {block:ifOneColumn250}margin-left:135px;{/block:ifOneColumn250} {block:ifOneColumn400}margin-left:200px;{/block:ifOneColumn400} {block:ifTwoColumns}margin-left:300px;{/block:ifTwoColumns} {block:ifThreeColumns}margin-left:360px;{/block:ifThreeColumns} {block:ifRoundedEdges}border-radius:5px;{/block:ifRoundedEdges} {block:ifCirclePosts}border-radius:15px;{/block:ifCirclePosts} {block:ifNotLoadMoreButton}display:none;{/block:ifNotLoadMoreButton} }
  655.  
  656. a:hover.load-more { color:{color:Load More Hover}; background:{color:Load More BG Hover}; border:1px solid {color:Load More Border Hover}; }
  657.  
  658. #scroll{ bottom:-20px; position: absolute; left: 50%; width:10px; height:5px; overflow:hidden; margin-bottom:80px; }
  659.  
  660. {CustomCSS}</style>
  661. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  662. </head><body>
  663.  
  664. <div id="wrap" class="box fade-in one">
  665.  
  666. <div id="spectrum"><a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes" target="blank">theme</a></div>
  667.  
  668. <!-------------------------HEADER/SIDEBAR--------------------------->
  669. {block:ifNotSidebar}
  670. <div class="menu"><div class="header"><div class="custom"><a href="http://tumblr.com/dashboard" title="dashboard"><i class="fa fa-home"></i></a><br><a href="http://tumblr.com/follow/{name}" title="follow"><i class="fa fa-plus"></i></a><br><a href="https://www.tumblr.com/dashboard?conversation={name}" title="message"><i class="fa fa-comment"></i></a><br><a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes"><i class="fa fa-code"></i></a>{block:ifNotStickyHeader}<br><a href="#" class="back-to-top" title="top"><i class="fa fa-arrow-up"></i></a>{/block:ifNotStickyHeader}</div> <!--end .custom--><div class="sideleft"><div class="maintitle"><a href="/" title="refresh">{Title}</a></div></div><div class="sideright"><div class="links">{block:ifTabs}<a class="inquireclick"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;&nbsp;Inquire</a><a class="aboutclick"><i class="fa fa-user"></i>&nbsp;&nbsp;&nbsp;about</a><a class="naviclick"><i class="fa fa-search"></i>&nbsp;&nbsp;&nbsp;navi</a>{block:ifOneColumn250}<br>{/block:ifOneColumn250}{/block:ifTabs}{block:ifNotTabs}<a href="#?w=400" rel="box1" class="poplight"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;&nbsp;Inquire</a><a href="#?w=400" rel="box2" class="poplight"><i class="fa fa-user"></i>&nbsp;&nbsp;&nbsp;about</a><a href="#?w=400" rel="box3" class="poplight"><i class="fa fa-search"></i>&nbsp;&nbsp;&nbsp;navi</a>{block:ifOneColumn250}<br>{/block:ifOneColumn250}{/block:ifNotTabs}<a href="/archive"><i class="fa fa-book"></i>&nbsp;&nbsp;&nbsp;archive</a>{block:ifStickyHeader}<a href="#" class="back-to-top"><i class="fa fa-arrow-up"></i>&nbsp;&nbsp;&nbsp;Top</a>{/block:ifStickyHeader}</div><!--end .links--></div></div><!--end. header--></div><!--end .menu-->
  671. {/block:ifNotSidebar}
  672.  
  673. {block:ifSidebar}
  674. <div class="sidebar"><div class="customsidebar"><a href="http://tumblr.com/dashboard" title="dashboard"><i class="fa fa-home"></i></a><a href="http://tumblr.com/follow/{name}" title="follow"><i class="fa fa-plus"></i></a><a href="https://www.tumblr.com/dashboard?conversation={name}" title="message"><i class="fa fa-comment"></i></a><a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes"><i class="fa fa-code"></i></a>
  675. </div><!--end .customsidebar--><div class="sidebarcontent"><div class="sidebartitle"><a href="/" title="refresh">{Title}</a></div><div class="sidebarpic"><img src="{image:Sidebar}" /></div><div class="sidebarlinks">{block:ifTabs}<a class="inquireclick"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;&nbsp;Inquire</a><br><a class="aboutclick"><i class="fa fa-user"></i>&nbsp;&nbsp;&nbsp;about</a><br><a class="naviclick"><i class="fa fa-search"></i>&nbsp;&nbsp;&nbsp;navi</a><br>{/block:ifTabs}{block:ifNotTabs}<a href="#?w=400" rel="box1" class="poplight"><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;&nbsp;Inquire</a><br><a href="#?w=400" rel="box2" class="poplight"><i class="fa fa-user"></i>&nbsp;&nbsp;&nbsp;about</a><br><a href="#?w=400" rel="box3" class="poplight"><i class="fa fa-search"></i>&nbsp;&nbsp;&nbsp;navi</a><br>{/block:ifNotTabs}<a href="/archive"><i class="fa fa-book"></i>&nbsp;&nbsp;&nbsp;archive</a><br><a href="#" class="back-to-top"><i class="fa fa-arrow-up"></i>&nbsp;&nbsp;&nbsp;Top</a></div></div><!--end .sidebarcontent--></div><!--end .sidebar-->
  676. {/block:ifSidebar}
  677.  
  678. <div class="content">
  679. <div class="inquire"><div class="faq">
  680.  
  681. <!--EDIT FAQ FOR TABS-->
  682.  
  683. <pre>subtitle</pre>
  684. <li>Question?</li>
  685. Answer
  686. <li>What about another?</li>
  687. Answer again
  688. <li>How do you style text?</li>
  689. <b>bold</b> <i>italic</i> <s>strikethrough</s> <u>underline</u> <a href="">link</a>
  690.  
  691. </div><!--end .faq-->
  692.  
  693. <br>{block:ifNotOneColumn250}<iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>{/block:ifNotOneColumn250}{block:ifOneColumn250}<iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="210"></iframe>{/block:ifOneColumn250}<br><br><center><a class="feed">return to posts</a></center></div><!--end .inquire-->
  694.  
  695. <div class="aboutme"><div class="about"><img src="{Favicon}" /></div><div class="desc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-angle-double-right"></i>&nbsp;Name:</b> {text:Name}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-angle-double-right"></i>&nbsp;Age:</b> {text:Age}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-angle-double-right"></i>&nbsp;Country:</b> {text:Country}<br><br>{Description}</div><!--end .desc--><br><center><a class="feed">return to posts</a></center></div><!--end .aboutme-->
  696.  
  697. <div class="navi"><div class="more">{block:ifLink1}<li><a href="{text:Link1}">{text:Link1 Text}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:Link2}">{text:Link2 Text}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:Link3}">{text:Link3 Text}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:Link4}">{text:Link4 Text}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:Link5}">{text:Link5 Text}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:Link6}">{text:Link6 Text}</a></li>{/block:ifLink6}{block:ifLink7}<li><a href="{text:Link7}">{text:Link7 Text}</a></li>{/block:ifLink7}{block:ifLink8}<li><a href="{text:Link8}">{text:Link8 Text}</a></li>{/block:ifLink8}</div><!--end .more--><br><center><a class="feed">return to posts</a></center></div><!--end .navi-->
  698.  
  699. <!---------------------------------POSTS-------------------------------->
  700. <div id="entries">{block:Posts}
  701.  
  702. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  703.  
  704. <!---------------------------PERMALINK PAGES---------------------------->
  705. {block:PermalinkPage}{block:ifTwoColumns}{block:ifNotSidebar}<div class="permapage"><div class="perma">{block:Date}Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom}<br>reblogged from:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}<br>original post by:&nbsp;<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  706. {block:HasTags}<br>{block:Tags}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{TagURL}"><i class="fa fa-tag"></i>&nbsp;&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}</div>{block:PostNotes}<div class="postnotes"><div class="postnotescontent">{PostNotes}</div></div>{/block:PostNotes}</div><!--end .permapage-->{/block:ifNotSidebar}{/block:ifTwoColumns}{/block:PermalinkPage}
  707.  
  708. {block:PermalinkPage}{block:ifThreeColumns}{block:ifNotSidebar}<div class="permapage"><div class="perma">{block:Date}Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom}<br>reblogged from:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}<br>original post by:&nbsp;<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{TagURL}"><i class="fa fa-tag"></i>&nbsp;&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}
  709. </div><!--end .perma-->{block:PostNotes}<div class="postnotes"><div class="postnotes"><div class="postnotescontent">{PostNotes}</div></div></div>{/block:PostNotes}</div><!--end .permapage-->{/block:ifNotSidebar}{/block:ifThreeColumns}{/block:PermalinkPage}
  710.  
  711. <div id="post">
  712.  
  713. <!-----------------------------TEXT POSTS----------------------------------->
  714. {block:Text}
  715.  
  716. <div class="textpost">{block:Title}<h2>{Title}</h2>{/block:Title}<div class="textbody">{Body}</div></div>
  717.  
  718. {block:IndexPage}
  719. {block:ifOneColumn250}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  720. {block:ifOneColumn400}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>{block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}
  721. {/block:ifOneColumn400}
  722. {block:ifTwoColumns}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifTwoColumns}
  723. {block:ifThreeColumns}{block:ifCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span><br>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifCirclePosts}{block:ifNotCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifNotCirclePosts}
  724. {/block:ifThreeColumns}
  725. {/block:IndexPage}
  726.  
  727. {/block:Text}
  728.  
  729. <!-----------------------------ANSWER POSTS------------------------------>
  730. {block:Answer}
  731.  
  732. <div class="askpost">
  733. <div class="question"><div class="asker">{Asker} asked:</div>{Question}</div>
  734.  
  735. {block:ifOneColumn250}
  736.  
  737. {block:ifNotCirclePosts}
  738. {block:Answerer}<div class="answer"><div class="answerer">{Answerer} answered:</div>{Answer}</div>{/block:Answerer}{/block:ifNotCirclePosts}
  739.  
  740. {block:ifCirclePosts}{block:PermalinkPage}{block:Answerer}<div class="answer"><div class="answerer">{Answerer} answered:</div>{Answer}</div>{/block:Answerer}{/block:PermalinkPage}{/block:ifCirclePosts}
  741.  
  742. {/block:ifOneColumn250}
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750. {block:ifOneColumn400}{block:ifNotCirclePosts}{block:Answerer}<div class="answer"><div class="answerer">{Answerer} answered:</div>{Answer}</div>{/block:Answerer}{/block:ifNotCirclePosts}{block:ifCirclePosts}{block:PermalinkPage}{block:Answerer}<div class="answer"><div class="answerer">{Answerer} answered:</div>{Answer}</div>{/block:Answerer}{/block:PermalinkPage}{/block:ifCirclePosts}{/block:ifOneColumn400}{block:ifTwoColumns}{block:PermalinkPage}{block:Answerer}<div class="answer"><div class="answerer">{Answerer} answered:</div>{Answer}</div>{/block:Answerer}{/block:PermalinkPage}{/block:ifTwoColumns}{block:ifThreeColumns}{block:PermalinkPage}{block:Answerer}<div class="answer"><div class="answerer">{Answerer} answered:</div>{Answer}</div>{/block:Answerer}{/block:PermalinkPage}{/block:ifThreeColumns}
  751.  
  752. <div class="replies">
  753. {block:ifOneColumn250}{block:ifNotCirclePosts}{Replies}{/block:ifNotCirclePosts}{block:IndexPage}{block:ifCirclePosts}<div class="replieslink"><a href="#?w=400" rel="box5" class="poplight">view answer</a></div>{/block:ifCirclePosts}{/block:IndexPage}{block:PermalinkPage}{Replies}{/block:PermalinkPage}{/block:ifOneColumn250}{block:ifOneColumn400}{block:ifNotCirclePosts}{Replies}{/block:ifNotCirclePosts}{block:IndexPage}{block:ifCirclePosts}<div class="replieslink"><a href="#?w=400" rel="box5" class="poplight">view answer</a></div>{/block:ifCirclePosts}{/block:IndexPage}{block:PermalinkPage}{Replies}{/block:PermalinkPage}{/block:ifOneColumn400}{block:ifTwoColumns}{block:IndexPage}<div class="replieslink"><a href="#?w=400" rel="box5" class="poplight">view answer</a></div>{/block:IndexPage}{block:PermalinkPage}{Replies}{/block:PermalinkPage}{/block:ifTwoColumns}{block:ifThreeColumns}{block:IndexPage}<div class="replieslink"><a href="#?w=400" rel="box5" class="poplight">view answer</a></div>{/block:Indexpage}{block:PermalinkPage}{Replies}{/block:PermalinkPage}{/block:ifThreeColumns}</div>
  754. </div><!--end .askpost -->
  755.  
  756. {block:IndexPage}
  757. {block:ifOneColumn250}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  758. {block:ifOneColumn400}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>{block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}
  759. {/block:ifOneColumn400}
  760. {block:ifTwoColumns}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifTwoColumns}
  761. {block:ifThreeColumns}{block:ifCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span><br>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifCirclePosts}{block:ifNotCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifNotCirclePosts}
  762. {/block:ifThreeColumns}
  763. {/block:IndexPage}
  764.  
  765. {/block:Answer}
  766.  
  767. <!--------------------------PHOTO POSTS------------------------------->
  768. {block:Photo}
  769.  
  770. {block:IndexPage}
  771. {block:ifTwoColumns}{block:Date}<div id="info"><div class="heart"><a href="{Permalink}" title="{ShortMonth} {MonthNumberWithZero}"><i class="fa fa-clock-o"></i></a>{block:NoteCount}<a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-heart"></i></a>{/block:NoteCount}<a href="{ReblogURL}" target="blank" title="reblog"><i class="fa fa-retweet"></i></a></div></div>{/block:Date}{/block:ifTwoColumns}
  772. {block:ifThreeColumns}{block:Date}<div id="info"><div class="heart"><a href="{Permalink}" title="{ShortMonth} {MonthNumberWithZero}"><i class="fa fa-clock-o"></i></a>{block:NoteCount}<a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-heart"></i></a>{/block:NoteCount}<a href="{ReblogURL}" target="blank" title="reblog"><i class="fa fa-retweet"></i></a></div></div>{/block:Date}{/block:ifThreeColumns}
  773. {/block:IndexPage}
  774.  
  775. {block:IndexPage}
  776. <div class="wowpost">
  777. {block:ifOneColumn250}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:ifOneColumn250}{block:ifOneColumn400}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:ifOneColumn400}{block:ifTwoColumns}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:ifTwoColumns}{block:ifThreeColumns}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="200px" height="100%"/>{/block:ifThreeColumns}
  778.  
  779. {block:ifOneColumn250}{block:Date}{block:ifCirclePosts}<br><br>{/block:ifCirclePosts}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  780. {block:ifOneColumn400}{block:Date}{block:ifCirclePosts}<br><br>{/block:ifCirclePosts}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>{block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}{/block:ifOneColumn400}
  781. </div>
  782. {/block:IndexPage}
  783.  
  784. {block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  785.  
  786. {/block:Photo}
  787.  
  788. <!-------------------------PHOTOSET POSTS--------------------------------->
  789. {block:Photoset}
  790.  
  791. {block:IndexPage}
  792. {block:ifOneColumn250}{block:ifNotCirclePosts}{Photoset-250}{/block:ifNotCirclePosts}{block:ifCirclePosts}<div class="circlepic">{block:Photos}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="105" height="100%" />{/block:Photos}</div>{/block:ifCirclePosts}{/block:ifOneColumn250}
  793. {block:ifOneColumn400}{block:ifNotCirclePosts}{Photoset-400}{/block:ifNotCirclePosts}{block:ifCirclePosts}<div class="circlepic">{block:Photos}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="180" height="100%" />{/block:Photos}</div>{/block:ifCirclePosts}{/block:ifOneColumn400}
  794. {block:ifTwoColumns}{block:ifNotCirclePosts}{Photoset-250}{/block:ifNotCirclePosts}{block:ifCirclePosts}<div class="circlepic">{block:Photos}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="105" height="100%" style="display:inline-block"/>{/block:Photos}</div>{/block:ifCirclePosts}{/block:ifTwoColumns}
  795. {block:ifThreeColumns}{block:ifNotCirclePosts}<div class="threecolphotoset">{Photoset}</div>{/block:ifNotCirclePosts}{block:ifCirclePosts}<div class="circlepic">{block:Photos}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="80" height="100%"/>{/block:Photos}</div>{/block:ifCirclePosts}{/block:ifThreeColumns}
  796. {/block:IndexPage}
  797.  
  798. {block:IndexPage}
  799. {block:ifOneColumn250}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  800. {block:ifOneColumn400}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>{block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}{/block:ifOneColumn400}
  801. {block:ifTwoColumns}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifTwoColumns}
  802. {block:ifThreeColumns}{block:ifCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span><br>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifCirclePosts}{block:ifNotCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifNotCirclePosts}{/block:ifThreeColumns}
  803. {/block:IndexPage}
  804.  
  805. {block:PermalinkPage}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  806.  
  807. <!--------------------------QUOTE POSTS---------------------------------->
  808. {block:Quote}
  809.  
  810. <div class="quote"><div class="mark">&#147;</div><div class="words">{Quote}</div><div class="mark2">”</div><div class="quotesource">-{Source}</div></div>{block:ContentSource}<div class="contentsrc"><a href="{SourceURL}">{SourceTitle}</a></div>{/block:ContentSource}
  811.  
  812. {block:IndexPage}
  813. {block:ifOneColumn250}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  814. {block:ifOneColumn400}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>{block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}
  815. {/block:ifOneColumn400}
  816. {block:ifTwoColumns}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifTwoColumns}
  817. {block:ifThreeColumns}{block:ifCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span><br>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifCirclePosts}{block:ifNotCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifNotCirclePosts}
  818. {/block:ifThreeColumns}
  819. {/block:IndexPage}
  820. {/block:Quote}
  821.  
  822. <!---------------------------LINK POSTS---------------------------------->
  823. {block:Link}
  824.  
  825. <div class="linkacc">
  826. <div class="linkpost"><h2><a href="{URL}" target="{Target}_blank">{Name}&nbsp;&nbsp;<i class="fa fa-angle-double-right"></i></a></h2>
  827. {block:Excerpt}{Excerpt}{/block:Excerpt}</div>
  828. {block:Description}{Description}{/block:Description}
  829. </div>
  830.  
  831. {block:IndexPage}
  832. {block:ifOneColumn250}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  833. {block:ifOneColumn400}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>{block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}{/block:ifOneColumn400}
  834. {block:ifTwoColumns}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifTwoColumns}
  835. {block:ifThreeColumns}{block:ifCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span><br>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifCirclePosts}{block:ifNotCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifNotCirclePosts}{/block:ifThreeColumns}
  836. {/block:IndexPage}
  837. {/block:Link}
  838.  
  839. <!----------------------------CHAT POSTS---------------------------------->
  840. {block:Chat}
  841. <div class="chatpost">
  842. {block:Title}<h2>{Title}</h2>{/block:Title}
  843. {block:Lines}<div class="chat"><li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}</span>&nbsp;{Line}</li></div>{/block:Lines}
  844. </div>
  845.  
  846. {block:ContentSource}<div class="contentsrc"><a href="{SourceURL}">{SourceTitle}</a></div>{/block:ContentSource}
  847.  
  848. {block:IndexPage}
  849. {block:ifOneColumn250}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  850. {block:ifOneColumn400}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>{block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}{/block:ifOneColumn400}
  851. {block:ifTwoColumns}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifTwoColumns}
  852. {block:ifThreeColumns}{block:ifCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span><br>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifCirclePosts}{block:ifNotCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifNotCirclePosts}{/block:ifThreeColumns}
  853. {/block:IndexPage}
  854.  
  855. {/block:Chat}
  856.  
  857. <!---------------------------AUDIO POSTS--------------------------------->
  858. <!--from this 2 column base code thats since been deleted-->
  859. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  860. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>
  861. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IndexPage}
  862. {/block:IndexPage}
  863. {/block:Audio}
  864.  
  865. <!--------------------------VIDEO POSTS------------------------------->
  866. {block:Video}
  867.  
  868. {block:IndexPage}
  869. {block:ifOneColumn250}{block:ifNotCirclePosts}{Video-250}{/block:ifNotCirclePosts}{block:ifCirclePosts}<div class="videotext"><i class="fa fa-play"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-film"></i><br><br><a href="#?w=400" rel="box4" class="poplight">watch video</a></div>{block:VideoThumbnail}<span class="videothumbnail"><img src="{VideoThumbnailURL}" /></span>{/block:VideoThumbnail}{/block:ifCirclePosts}{/block:ifOneColumn250}
  870. {block:ifOneColumn400}{block:ifNotCirclePosts}{Video-400}{/block:ifNotCirclePosts}{block:ifCirclePosts}<div class="videotext"><i class="fa fa-play"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-film"></i><br><br><a href="#?w=400" rel="box4" class="poplight">watch video</a></div>{block:VideoThumbnail}<span class="videothumbnail"><img src="{VideoThumbnailURL}" /></span>{/block:VideoThumbnail}{/block:ifCirclePosts}{/block:ifOneColumn400}
  871. {block:ifTwoColumns}{block:ifNotCirclePosts}{Video-250}{/block:ifNotCirclePosts}{block:ifCirclePosts}<div class="videotext"><i class="fa fa-play"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-film"></i><br><br><a href="#?w=400" rel="box4" class="poplight">watch video</a></div>{block:VideoThumbnail}<span class="videothumbnail"><img src="{VideoThumbnailURL}" /></span>{/block:VideoThumbnail}{/block:ifCirclePosts}{/block:ifTwoColumns}
  872. {block:ifThreeColumns}<div class="videotext"><i class="fa fa-play"></i>&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-film"></i><br><br><a href="#?w=400" rel="box4" class="poplight">watch</a></div>{block:VideoThumbnail}<span class="videothumbnail"><img src="{VideoThumbnailURL}" /></span>{/block:VideoThumbnail}{/block:ifThreeColumns}
  873. {/block:IndexPage}
  874.  
  875. {block:IndexPage}
  876. {block:ifOneColumn250}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifOneColumn250}
  877. {block:ifOneColumn400}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a>
  878. {block:ifNotCirclePosts}{block:HasTags}<br><b>filed under: </b>{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:ifNotCirclePosts}</div>{/block:Date}{/block:ifOneColumn400}
  879. {block:ifTwoColumns}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifTwoColumns}
  880. {block:ifThreeColumns}{block:ifCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span><br>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifCirclePosts}{block:ifNotCirclePosts}{block:Date}<div id="footer"><span id="datelink"><a href="{Permalink}">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}:</span>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}<a href="{ReblogURL}" target="blank">reblog</a></div>{/block:Date}{/block:ifNotCirclePosts}{/block:ifThreeColumns}
  881. {/block:IndexPage}
  882.  
  883. {block:PermalinkPage}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  884.  
  885. {/block:Video}
  886.  
  887. </div><!--end #post-->
  888.  
  889. <!---------------------------PERMALINK PAGES---------------------------->
  890. {block:PermalinkPage}{block:ifOneColumn250}<div class="onecol_permapage"><div class="onecol_perma">{block:Date}Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom}<br>reblogged from:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}<br>original post by:&nbsp;<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{TagURL}"><i class="fa fa-tag"></i>&nbsp;&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}
  891. </div><!--end .onecol_perma-->{block:PostNotes}<div class="postnotes"><div class="postnotescontent">{PostNotes}</div></div>{/block:PostNotes}</div><!--end .onecol_permapage-->{/block:ifOneColumn250}{/block:PermalinkPage}
  892.  
  893. {block:PermalinkPage}{block:ifOneColumn400}<div class="onecol_permapage"><div class="onecol_perma">{block:Date}Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom}<br>reblogged from:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}<br>original post by:&nbsp;<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{TagURL}"><i class="fa fa-tag"></i>&nbsp;&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}</div><!--end .onecol_perma-->{block:PostNotes}<div class="postnotes"><div class="postnotescontent">{PostNotes}</div></div>{/block:PostNotes}</div><!--end .onecol_permapage-->{/block:ifOneColumn400}{/block:PermalinkPage}
  894.  
  895. {block:PermalinkPage}{block:ifTwoColumns}{block:ifSidebar}<div class="onecol_permapage"><div class="onecol_perma">{block:Date}Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom}<br>reblogged from:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}<br>original post by:&nbsp;<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{TagURL}"><i class="fa fa-tag"></i>&nbsp;&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}</div><!--end .onecol_perma-->{block:PostNotes}<div class="postnotes"><div class="postnotescontent">{PostNotes}</div></div>{/block:PostNotes}</div><!--end .onecol_permapage-->{/block:ifSidebar}{/block:ifTwoColumns}{/block:PermalinkPage}
  896.  
  897. {block:PermalinkPage}{block:ifThreeColumns}{block:ifSidebar}<div class="onecol_permapage"><div class="onecol_perma">{block:Date}Posted <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom}<br>reblogged from:&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}<br>original post by:&nbsp;<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{TagURL}"><i class="fa fa-tag"></i>&nbsp;&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}</div><!--end .onecol_perma-->{block:PostNotes}<div class="postnotes"><div class="postnotescontent">{PostNotes}</div></div>{/block:PostNotes}</div><!--end .onecol_permapage-->{/block:ifSidebar}{/block:ifThreeColumns}{/block:PermalinkPage}
  898.  
  899. {/block:Posts}
  900.  
  901. </div><!--end #entries-->
  902.  
  903. <!-------------------------PAGINATION----------------------------->
  904. {block:IndexPage}{block:Pagination}<br><br><br><br><br><br><br><br><br><br><br><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}</div><!--end #pagination-->{/block:Pagination}{/block:IndexPage}
  905.  
  906. <!--------------------------LOAD MORE BUTTON-------------------------->
  907. {block:IndexPage}{block:ifLoadMoreButton}<br><br><br><br><a href="#" class="load-more">load more</a><br><br><br><br><br><br><br>{/block:ifLoadMoreButton}{/block:IndexPage}<br><br><br><br><br><br><br>
  908.  
  909. </div><!--end .content-->
  910.  
  911. </div><!--end #wrap-->
  912.  
  913. </body>
  914.  
  915. <!----------------------------POP UP BOXES-------------------------->
  916.  
  917. <!--YOUR FAQ-->
  918. <div id="box1" class="popup_block">
  919. <div class="faq"><div class="faqtitle">Inquire</div><br> <!--title here-->
  920.  
  921. <!--EDIT FAQ FOR POP UP LINKS-->
  922.  
  923. <pre>subtitle</pre>
  924.  
  925. <ul>
  926. <li>Question?</li>
  927. Answer
  928. <li>What about another?</li>
  929. Answer again
  930. <li>How do you style text?</li>
  931. <b>bold</b> <i>italic</i> <s>strikethrough</s> <u>underline</u> <a href="">link</a>
  932. </ul>
  933.  
  934. </div><!--end .faq-->
  935.  
  936. <br><iframe frameborder="0" height="150" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  937. </div></div></div></div></div></div></div></div></div></div></div> <!--end #box1 .popup_block-->
  938.  
  939. <!--YOUR DESCRIPTION / ABOUT-->
  940. <div id="box2" class="popup_block">
  941. <div class="about"><img src="{Favicon}" /></div><div class="desc" style="max-height:200px;overflow-y:scroll;padding-right:5px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-angle-double-right"></i>&nbsp;Name:</b> {text:Name}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-angle-double-right"></i>&nbsp;Age:</b> {text:Age}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b><i class="fa fa-angle-double-right"></i>&nbsp;Country:</b> {text:Country}<br><br>{Description}</div><!-- end .desc-->
  942. </div></div></div></div></div></div></div></div></div></div><!--end #box2 .popup_block-->
  943.  
  944. <!--YOUR NAVI-->
  945. <div id="box3" class="popup_block">
  946. <div class="more">{block:ifLink1}<li><a href="{text:Link1}">{text:Link1 Text}</a></li>{/block:ifLink1}{block:ifLink2}<li><a href="{text:Link2}">{text:Link2 Text}</a></li>{/block:ifLink2}{block:ifLink3}<li><a href="{text:Link3}">{text:Link3 Text}</a></li>{/block:ifLink3}{block:ifLink4}<li><a href="{text:Link4}">{text:Link4 Text}</a></li>{/block:ifLink4}{block:ifLink5}<li><a href="{text:Link5}">{text:Link5 Text}</a></li>{/block:ifLink5}{block:ifLink6}<li><a href="{text:Link6}">{text:Link6 Text}</a></li>{/block:ifLink6}{block:ifLink7}<li><a href="{text:Link7}">{text:Link7 Text}</a></li>{/block:ifLink7}{block:ifLink8}<li><a href="{text:Link8}">{text:Link8 Text}</a></li>{/block:ifLink8}</div><!--end .more-->
  947. </div></div></div></div></div></div></div></div></div></div></div> <!--end #box3 .popup_block-->
  948.  
  949. <div id="box4" class="popup_block">
  950. <div class="videopopup">{block:Posts}{block:Video}{block:Caption}<div class="videopopupcaption">{Caption}</div>{/block:Caption}{Video-250}{/block:Video}{/block:Posts}</div><!--end .videopopup-->
  951. </div></div></div></div></div></div></div></div></div></div></div> <!--end #box4 .popup_block-->
  952.  
  953. <div id="box5" class="popup_block">
  954. {block:Posts}{block:Answer}<div class="question"><div class="asker">{Asker} asked:</div>{Question}</div>{block:Answerer}<div class="answer"><div class="answerer">{Answerer} answered:</div>{Answer}</div>{/block:Answerer}<div class="replies">{Replies}</div>{/block:Answer}{/block:Posts}
  955. </div></div></div></div></div></div></div></div></div></div></div> <!--end #box5 .popup_block-->
  956.  
  957. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!