danystormborn

Heart Eyes/ Chloe

May 20th, 2016
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.69 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <style> body, a, a:hover { cursor:url('{text:Cursor Image URL}'), auto }</style>
  4.  
  5. <!--
  6. Theme by Arctic Fox // Chloe & Caitlin
  7.  
  8. HEART EYES
  9.  
  10. Comments and suggestions are welcome
  11.  
  12. ARCTICFOXDESIGNS.tumblr.com
  13.  
  14. -->
  15.  
  16. <html lang="en">
  17. <head>
  18.  
  19. <link href='https://fonts.googleapis.com/css?family=Comfortaa|Handlee|Kalam|Fredericka+the+Great|Merienda|Just+Me+Again+Down+Here|Henny+Penny|Caesar+Dressing|Cedarville+Cursive|Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  22.  
  23. <script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  24.  
  25. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  26.  
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Sidebar image" content=""/>
  29. <meta name="image:Bottom right corner image" content=""/>
  30. <meta name="image:Ask pop up close button" content=""/>
  31. <meta name="color:Background" content="#FFFFFF"/>
  32. <meta name="color:Blog border" content="#EBEFF7">
  33. <meta name="color:Sidebar Background" content="#FFFFFF"/>
  34. <meta name="color:Title" content="#999999"/>
  35. <meta name="color:Blog Title" content="#999999"/>
  36. <meta name="color:Text" content="#777777"/>
  37. <meta name="color:select color" content="#FF0080"/>
  38. <meta name="color:Link" content="#555555"/>
  39. <meta name="color:Hover" content="#999999"/>
  40. <meta name="color:Borders" content="#000000"/>
  41. <meta name="color:Post Background" content="#FFFFFF"/>
  42. <meta name="color:Permalink background" content="#FFFFFF"/>
  43. <meta name="color:Permalink colour" content="#000000"/>
  44. <meta name="color:Shadows" content="#e5eff1"/>
  45. <meta name="color:Pop up background" content="#FFFFFF">
  46. <meta name="color:Pop up text" content="#000000">
  47. <meta name="color:Navigation and ask header" content="#EBEFF7"/>
  48. <meta name="color:Navigation and ask header text" content="#000000"/>
  49.  
  50. <meta name="select:blog title font" title="Cedarville Cursive" content="'Cedarville Cursive', cursive"/>
  51. <meta name="select:blog title font" title="Calibri" content="'Calibri'"/>
  52. <meta name="select:blog title font" title="Comfortaa" content="'Comfortaa', cursive"/>
  53. <meta name="select:blog title font" title="Handlee" content="'Handlee', cursive"/>
  54. <meta name="select:blog title font" title="Kalam" content="'Kalam', cursive"/>
  55. <meta name="select:blog title font" title="Fredericka the Great" content="'Fredericka the Great', cursive"/>
  56. <meta name="select:blog title font" title="Merienda" content="'Merienda', cursive"/>
  57. <meta name="select:blog title font" title="Just Me Again Down Here" content="'Just Me Again Down Here', cursive"/>
  58. <meta name="select:blog title font" title="Henny Penny" content="'Henny Penny', cursive"/>
  59. <meta name="select:blog title font" title="Caesar Dressing" content="'Caesar Dressing', cursive"/>
  60. <meta name="select:blog title font" title="Cedarville Cursive" content="'Cedarville Cursive', cursive"/>
  61. <meta name="select:blog title font" title="Dawning of a New Day" content="'Dawning of a New Day', cursive"/>
  62.  
  63. <meta name="select:body font" title="calibri" content="calibri"/>
  64. <meta name="select:body font" title="arial" content="arial"/>
  65. <meta name="select:body font" title="consolas" content="consolas"/>
  66. <meta name="select:body font" title="Raleway" content="'Raleway', sans-serif"/>
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <meta name="if:Sidebar Image" content=""/>
  73. <meta name="if:Two Column" content="1"/>
  74. <meta name="if:Three Column" content=""/>
  75. <meta name="if:Maximised background" content=""/>
  76. <meta name="if:Word links" content="1"/>
  77. <meta name="if:Symbol links" content=""/>
  78. <meta name="if:Heart links" content=""/>
  79. <meta name="if:Rounded corners" content="">
  80. <meta name="if:Transparent sidebar background" content=""/>
  81. <meta name="if:Translucent sidebar background" content=""/>
  82. <meta name="if:Transparent post background" content=""/>
  83. <meta name="if:Translucent post background" content=""/>
  84. <meta name="if:Post borders" content="1"/>
  85. <meta name="if:Sidebar borders" content="1"/>
  86. <meta name="if:Permalink borders" content="1"/>
  87. <meta name="if:Post shadow one" content=""/>
  88. <meta name="if:Post shadow two" content="1"/>
  89. <meta name="if:Sidebar shadow one" content=""/>
  90. <meta name="if:Sidebar shadow two" content="1"/>
  91. <meta name="if:Pop up shadow one" content=""/>
  92. <meta name="if:Pop up shadow two" content="1"/>
  93.  
  94. <meta name="if:Disable right click" content=""/>
  95.  
  96.  
  97. <meta name="text:Cursor image URL" content=""/>
  98. <meta name="text:Favicon" content=""/>
  99. <meta name="text:FAQ ask info" content=""/>
  100. <meta name="text:Link One URL" content=""/>
  101. <meta name="text:Link One Title" content="link"/>
  102. <meta name="text:Link Two URL" content=""/>
  103. <meta name="text:Link Two Title" content="link"/>
  104. <meta name="text:Link Three URL" content=""/>
  105. <meta name="text:Link Three Title" content="link"/>
  106. <meta name="text:Tab one title" content="updates"/>
  107. <meta name="text:Tab one content" content="put your updates here"/>
  108. <meta name="text:Tab two title" content="Networks"/>
  109. <meta name="text:Tab two content" content="put your network badges here"/>
  110. <meta name="text:Tab three title" content="stats"/>
  111. <meta name="text:Tab three content" content="put your stats codes here"/>
  112. <meta name="text:Tab four title" content="Favourite blogs"/>
  113. <meta name="text:Tab four content" content="put your favourite blogs in here"/>
  114.  
  115.  
  116.  
  117.  
  118.  
  119. <title>{Title}</title>
  120. {block:Description}
  121. <meta name="description" content="{MetaDescription}" />
  122. {/block:Description}
  123. <link rel="shortcut icon" href="{text:Favicon}">
  124.  
  125. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  126.  
  127. <script>$(function() {
  128. var shrinkHeader = 150;
  129. $(window).scroll(function() {
  130. var scroll = getCurrentScroll();
  131. if (scroll >= shrinkHeader) {
  132. $('#sidebar2').addClass('shrink');
  133. } else {
  134. $('#sidebar2').removeClass('shrink');
  135. }
  136. });
  137.  
  138. function getCurrentScroll() {
  139. return window.pageYOffset || document.documentElement.scrollTop;
  140. }
  141. });</script>
  142.  
  143. <script>$(function() {
  144. var shrinkHeader = 150;
  145. $(window).scroll(function() {
  146. var scroll = getCurrentScroll();
  147. if (scroll >= shrinkHeader) {
  148. $('.update').addClass('shrink');
  149. } else {
  150. $('.update').removeClass('shrink');
  151. }
  152. });
  153.  
  154. function getCurrentScroll() {
  155. return window.pageYOffset || document.documentElement.scrollTop;
  156. }
  157. });</script>
  158.  
  159.  
  160.  
  161.  
  162. <script type="text/javascript"
  163. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  164. <script>
  165. $(document).ready(function() {
  166. //
  167. $('a.poplight[href^=#]').click(function() {
  168. var popID = $(this).attr('rel'); //Get Popup Name
  169. var popURL = $(this).attr('href'); //Get Popup href to define size
  170. var query= popURL.split('?');
  171. var dim= query[1].split('&');
  172. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  173. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="{image:Ask Pop Up Close Button}" class="btn_close" title="Close" alt="Close" width="40"/></a>');
  174. var popMargTop = ($('#' + popID).height() + 80) / 2;
  175. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  176. //Apply Margin to Popup
  177. $('#' + popID).css({
  178. 'margin-top' : -popMargTop,
  179. 'margin-left' : -popMargLeft
  180. });
  181. $('body').append('<div id="fade"></div>');
  182. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  183. return false;
  184. });
  185. $('a.close, #fade').live('click', function() {
  186. $('#fade , .popup_block').fadeOut(function() {
  187. $('#fade, a.close').remove(); //fade them both out
  188. });
  189. return false;
  190. });
  191. });
  192. </script>
  193.  
  194. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  195.  
  196. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  197. <script>
  198. (function($){$(document)
  199. .ready(function(){$("[title]")
  200. .style_my_tooltips();});})
  201. (jQuery);
  202. </script>
  203.  
  204. {block:IndexPage}
  205. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  206. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  207.  
  208. <script type="text/javascript">
  209. $(window).load(function(){
  210. var $wall = $('#entries');
  211. $wall.imagesLoaded(function(){
  212. $wall.masonry({
  213. itemSelector: '.post',
  214. isAnimated : false
  215. });
  216. });
  217.  
  218. $wall.infinitescroll({
  219. navSelector : '#pagination',
  220. nextSelector : '#pagination a',
  221. itemSelector : '.post',
  222. bufferPx : 2000,
  223. debug : false,
  224. errorCallback: function() {
  225. $('#scroll').fadeOut('normal');
  226. }},
  227. function( newElements ) {
  228. var $newElems = $( newElements );
  229. $newElems.hide();
  230. $newElems.imagesLoaded(function(){
  231. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  232. });
  233. }); $('#entries').show(500);
  234. });
  235. </script>
  236.  
  237.  
  238. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  239.  
  240. {/block:IndexPage}
  241.  
  242.  
  243. <!---------------END SCRIPTS--------------->
  244.  
  245. <style type="text/css">
  246.  
  247.  
  248. #buttons{
  249. POSITION:FIXED;
  250. OPACITY:1.0;
  251. TOP:25px;
  252. RIGHT:2px;
  253. HEIGHT:AUTO;
  254. WIDTH:AUTO;
  255. Z-INDEX:2;
  256.  
  257. {block:permalinkpage}
  258. OPACITY:0.0;
  259. {/block:permalinkpage}
  260. }
  261.  
  262. #buttons a{
  263. {block:ifRoundedCorners}
  264. border-radius:15px;
  265. {block:ifRoundedCorners}
  266.  
  267. PADDING:6px;
  268. WIDTH:81px;
  269. MARGIN-TOP:-8px;
  270. TEXT-ALIGN:CENTER;
  271. LETTER-SPACING:1px;
  272. DISPLAY:INLINE-BLOCK;
  273. border:1px solid {color:borders};
  274. text-transform:uppercase;
  275. background:{color:sidebar background};
  276. {block:ifTransparentSidebarBackground}
  277. background:transparent;
  278. {/block:ifTransparentSidebarBackground}
  279. {block:ifTranslucentSidebarBackground}
  280. background: rgba(255,255,255,0.5);
  281. {/block:ifTranslucentSidebarBackground}
  282. COLOR:{color:text};
  283. }
  284. .tmblr-iframe{
  285. margin-top:15px;
  286. margin-right:0px;
  287. opacity:0;
  288. z-index:9999999999999;!important;
  289. -webkit-filter: invert(100%);
  290. {block:permalinkpage}
  291. opacity:1;
  292. margin-top:15px;
  293. {/block:permalinkpage}
  294. }
  295.  
  296.  
  297.  
  298. ::-webkit-scrollbar{ width:10px; }
  299. ::-webkit-scrollbar-thumb{ background-color:{color:Blog border}; }
  300.  
  301.  
  302. /************EDIT BODY HERE************/
  303.  
  304. body{
  305. margin:0px;
  306. background-color: {color:Background};
  307. background-attachment:fixed;
  308. background-repeat:100%;
  309. background-position:bottom-right;
  310. font-family:{select:body font};
  311. font-size:10px;
  312. letter-spacing:1px;
  313. overflow-x:hidden;
  314. text-align:left;
  315.  
  316. color: {color:Text};
  317. background-image:url({image:Background});
  318. {block:ifMaximisedBackground}
  319. -webkit-background-size: cover;
  320. -moz-background-size: cover;
  321. -o-background-size: cover;
  322. background-size: cover;
  323. {/block:ifMaximisedBackground}
  324.  
  325. }
  326.  
  327.  
  328. a:link, a:active, a:visited{
  329. text-decoration: none;
  330. color: {color:Link};}
  331.  
  332. a:hover {
  333. color:{color:Link};
  334. text-decoration:none;}
  335.  
  336. /************EDIT TOOLTIP HERE************/
  337.  
  338.  
  339. #s-m-t-tooltip {
  340. padding: 4px;
  341. height:auto;
  342. display: none;
  343. font-family: consolas;
  344. font-size: 10px;
  345. max-width:150px;
  346. text-transform:uppercase;
  347. text-align: center;
  348. letter-spacing:1px;
  349. margin-top:10px;
  350. margin-left: 15px;
  351. line-height: 8px;
  352. z-index: 999999999999;
  353.  
  354. border: 1px solid #f5f5f5;
  355. background:#ffffff;
  356. color: #888;}
  357.  
  358. /************EDIT POST POSITION/WIDTH HERE************/
  359.  
  360. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  361.  
  362. #entries{
  363. position:relative;
  364. {block:IfTwoColumn}
  365. width:648px;
  366. {/block:IfTwoColumn}
  367. {block:IfThreeColumn}
  368. width:970px;
  369. margin-left:-55px;
  370. {/block:IfThreeColumn}
  371. {block:PermalinkPage}
  372. width:580px;
  373. margin-left:130px;
  374. {/block:PermalinkPage}}
  375.  
  376. /************EDIT OVERALL POSTS HERE************/
  377.  
  378. /*When increasing the amount of columns, you may have to decrease the .post width. Otherwise, to get larger posts, increase the width.*/
  379.  
  380. .post{
  381. text-align:left;
  382. margin: 20px 35px;
  383. background:{color:Post Background};
  384. {block:ifPostBorders}
  385. border:1px solid {color:borders};
  386. {/block:ifPostBorders}
  387. padding:10px;
  388. padding-bottom:15px;
  389. max-width: 100%;
  390. display:block;
  391. {block:ifTransparentPostBackground}
  392. background:transparent;
  393. {/block:ifTransparentPostBackground}
  394. {block:ifTranslucentPostBackground}
  395. background: rgba(255,255,255,0.5);
  396. {/block:ifTranslucentPostBackground}
  397. {block:IfPostShadowOne}
  398. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  399. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  400. box-shadow: 0 0 5px 5px {color:Shadows};
  401. {/block:IfPostShadowOne}
  402.  
  403. {block:IfPostShadowTwo}
  404. -moz-box-shadow: -5px -5px {color:Shadows};
  405. -webkit-box-shadow: -5px -5px {color:Shadows};
  406. box-shadow: -5px -5px {color:Shadows};
  407. {/block:IfPostShadowTwo}
  408.  
  409. {block:ifRoundedCorners}
  410. border-radius:15px;
  411. {block:ifRoundedCorners}
  412.  
  413. width:230px;
  414. {block:IfThreeColumn}
  415. width:210px;
  416. {/block:IfThreeColumn}
  417.  
  418. {block:PermalinkPage}
  419. width:500px;
  420. {/block:PermalinkPage}}
  421.  
  422. /*Do not delete #post img.*/
  423.  
  424. .post img{
  425. max-width:100%;}
  426.  
  427. /*Edit the permalinks all posts.*/
  428.  
  429. .permalink{
  430. position:absolute;
  431. top:50%;
  432. -webkit-transform: translate(0px,-50%);
  433. -moz-transform: translate(0px,-50%);
  434. -ms-transform: translate(0px,-50%);
  435. -o-transform: translate(0px,-50%);
  436. transform: translate(0px,-50%);
  437. left:50%;
  438. -webkit-transform: translate(-50%,-50%);
  439. -moz-transform: translate(-50%,-50%);
  440. -ms-transform: translate(-50%,-50%);
  441. -o-transform: translate(-50%,-50%);
  442. transform: translate(-50%,-50%);
  443. overflow:hidden;
  444. background-color:{color:Permalink background};
  445. color:{color:Permalink colour};
  446. opacity:0;
  447. width:0px;
  448. padding:10px;
  449. font-size:10px;
  450. letter-spacing:2px;
  451. text-transform:uppercase;
  452. background-color:{color:Permalink background};
  453. {block:ifPermalinkBorders}
  454. border:1px solid {color:borders};
  455. {/block:ifPermalinkBorders}
  456. text-align:center;
  457.  
  458. -webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;transition:all 1.0s ease;-o-transition:all 1.0s ease;
  459. }
  460.  
  461.  
  462. .permalink a{
  463. color:{color:Permalink colour};
  464. line-height:15px;}
  465.  
  466.  
  467.  
  468. .post:hover .permalink{
  469. overflow:hidden;
  470. width:50px;
  471. opacity:1;
  472. top:50%;
  473. -webkit-transform: translate(0px,-50%);
  474. -moz-transform: translate(0px,-50%);
  475. -ms-transform: translate(0px,-50%);
  476. -o-transform: translate(0px,-50%);
  477. transform: translate(0px,-50%);
  478. left:50%;
  479. -webkit-transform: translate(-50%,-50%);
  480. -moz-transform: translate(-50%,-50%);
  481. -ms-transform: translate(-50%,-50%);
  482. -o-transform: translate(-50%,-50%);
  483. transform: translate(-50%,-50%);
  484. {block:ifRoundedCorners}
  485. border-radius:15px;
  486. {block:ifRoundedCorners}
  487.  
  488. }
  489.  
  490. #notecounter{
  491. margin-top:1px;
  492. text-align:center;
  493. }
  494.  
  495.  
  496. /*Edit the titles on any text-based post.*/
  497.  
  498. .posttitle{
  499. font-size:10px;
  500. text-align:center;
  501. color:{color:Link};}
  502.  
  503. .posttitle a{
  504. color:{color:Link};}
  505.  
  506. /************EDIT QUOTE POSTS HERE************/
  507.  
  508. .quote{
  509. margin-right: 5px;}
  510.  
  511. .source{
  512. padding-top:5px;
  513. display:block;
  514. text-align:right;}
  515.  
  516.  
  517. /************EDIT ANSWER POSTS HERE************/
  518.  
  519. .ask{
  520. padding-bottom:5px;
  521. font-size:12px;
  522. border-bottom:1px solid {color:borders};
  523. }
  524. .asker{
  525. font-family:{select:blog title font};
  526. font-size:16px;
  527. color:{color:Link};}
  528. .answer{
  529. margin-top:0px;
  530. font-size:12px;
  531. }
  532.  
  533. /************EDIT AUDIO POSTS HERE************/
  534.  
  535. .audio{
  536. {block:IndexPage}width:180px;{/block:IndexPage}
  537. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  538. .info{
  539. padding:2px 0px 1px 57px;}
  540. .i {
  541. text-transform:uppercase;
  542. letter-spacing:1px;
  543. font-size:8px;}
  544. .pl b,strong{
  545. text-transform:lowercase;
  546. font-size:9px;}
  547. .player{
  548. position:absolute;
  549. overflow:hidden;
  550. margin-top:0px;
  551. margin-left:15px;
  552. background:#ffffff;
  553. width:24px;
  554. height:23px;}
  555.  
  556. /************EDIT VIDEO POSTS HERE************/
  557. /***********DO NOT DELETE THIS CODE************/
  558.  
  559. .video-container {
  560. position:relative;
  561. padding-bottom:56.25%;
  562. padding-top: 30px;
  563. height:0;
  564. overflow:hidden;}
  565.  
  566. .video-container iframe,
  567. .video-container object,
  568. .video-container embed {
  569. position: absolute;
  570. top: 0;
  571. left: 0;
  572. width: 100%;
  573. height: 100%;}
  574.  
  575. /************EDIT CHAT POSTS HERE************/
  576.  
  577. .chat{
  578. line-height:12px;
  579. list-style:none;}
  580. .chat ul{
  581. list-style:none;
  582. padding:0px 5px;
  583. line-height:15px;}
  584. .label{
  585. color:{color:Link};}
  586.  
  587. /************EDIT SIDEBAR HERE************/
  588.  
  589. #sidebar{
  590. z-index:0;
  591. width: 580px;
  592. margin:10px auto;
  593. padding-top:10px;
  594. padding-bottom:10px;
  595. background:{color:Sidebar Background};
  596. {block:ifTransparentSidebarBackground}
  597. background:transparent;
  598. {/block:ifTransparentSidebarBackground}
  599. {block:ifTranslucentSidebarBackground}
  600. background: rgba(255,255,255,0.5);
  601. {/block:ifTranslucentSidebarBackground}
  602. {block:ifSidebarBorders}
  603. border:1px solid {color:borders};
  604. {/block:ifSidebarBorders}
  605. text-align:center;
  606. {block:IfSidebarShadowOne}
  607. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  608. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  609. box-shadow: 0 0 5px 5px {color:Shadows};
  610. {/block:IfSidebarShadowOne}
  611.  
  612. {block:IfSidebarShadowTwo}
  613. -moz-box-shadow: -5px -5px {color:Shadows};
  614. -webkit-box-shadow: -5px -5px {color:Shadows};
  615. box-shadow: -5px -5px {color:Shadows};
  616. {/block:IfSidebarShadowTwo}
  617.  
  618. {block:ifRoundedCorners}
  619. border-radius:15px;
  620. {block:ifRoundedCorners}
  621.  
  622. }
  623.  
  624. #sidebar2{
  625. opacity:0;
  626. position:fixed;
  627. z-index:-1;
  628. width: 230px;
  629. margin-left:-170px;
  630. margin-top:10px;
  631. {block:ifSidebarImage}
  632. margin-top:120px;
  633. {/block:ifSidebarImage}
  634. padding-top:10px;
  635. padding-bottom:10px;
  636.  
  637. background:{color:Sidebar Background};
  638. {block:ifTransparentSidebarBackground}
  639. background:transparent;
  640. {/block:ifTransparentSidebarBackground}
  641. {block:ifTranslucentSidebarBackground}
  642. background: rgba(255,255,255,0.5);
  643. {/block:ifTranslucentSidebarBackground}
  644. {block:ifSidebarBorders}
  645. border:1px solid {color:borders};
  646. {/block:ifSidebarBorders}
  647. text-align:center;
  648. {block:IfSidebarShadowOne}
  649. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  650. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  651. box-shadow: 0 0 5px 5px {color:Shadows};
  652. {/block:IfSidebarShadowOne}
  653.  
  654. {block:IfSidebarShadowTwo}
  655. -moz-box-shadow: -5px -5px {color:Shadows};
  656. -webkit-box-shadow: -5px -5px {color:Shadows};
  657. box-shadow: -5px -5px {color:Shadows};
  658. {/block:IfSidebarShadowTwo}
  659.  
  660. {block:ifThreeColumn}
  661. margin-left:-270px;
  662. width:180px;
  663. {/block:ifThreeColumn}
  664. -webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;transition:all 1.0s ease;-o-transition:all 1.0s ease;
  665.  
  666. }
  667.  
  668.  
  669. #sidebar2.shrink {
  670. opacity:1;
  671. position:fixed;
  672. z-index:0;
  673. margin-top:160px;
  674. {block:ifTwoColumn}
  675. width: 210px;
  676. margin-left:-170px;
  677. {/block:ifTwoColumn}
  678. {block:ifThreeColumn}
  679. margin-left:-245px;
  680. width:200px;
  681. {/block:ifThreeColumn}
  682. {block:ifSidebarImage}
  683. margin-top:70px;
  684. {/block:ifSidebarImage}
  685. padding-top:10px;
  686. padding-bottom:10px;
  687. background:{color:Sidebar Background};
  688. {block:ifTransparentSidebarBackground}
  689. background:transparent;
  690. {/block:ifTransparentSidebarBackground}
  691. {block:ifTranslucentSidebarBackground}
  692. background: rgba(255,255,255,0.5);
  693. {/block:ifTranslucentSidebarBackground}
  694. {block:ifSidebarBorders}
  695. border:1px solid {color:borders};
  696. {/block:ifSidebarBorders}
  697. text-align:center;
  698. {block:IfSidebarShadowOne}
  699. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  700. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  701. box-shadow: 0 0 5px 5px {color:Shadows};
  702. {/block:IfSidebarShadowOne}
  703.  
  704. {block:IfSidebarShadowTwo}
  705. -moz-box-shadow: -5px -5px {color:Shadows};
  706. -webkit-box-shadow: -5px -5px {color:Shadows};
  707. box-shadow: -5px -5px {color:Shadows};
  708. {/block:IfSidebarShadowTwo}
  709. {block:ifRoundedCorners}
  710. border-radius:15px;
  711. {block:ifRoundedCorners}
  712. }
  713.  
  714. .blogtitle{
  715. position:relative;
  716. padding:5px;
  717. text-align:center;
  718. text-transform:none;
  719. font-family:{select:blog title font};
  720. line-height:17px;
  721. font-size:18px;}
  722.  
  723.  
  724. .blogtitle2{
  725. position:relative;
  726. z-index:1;
  727. margin-top:-25px;
  728. margin-bottom:10px;
  729. text-align:right;
  730. text-transform:none;
  731. font-family:{select:blog title font};
  732. line-height:17px;
  733. font-size:18px;}
  734.  
  735.  
  736.  
  737. .blogtitle a{
  738. color:{color:Blog Title};}
  739.  
  740. .description{
  741. text-align:center;
  742. text-transform:none;
  743. font-size:10px;
  744. padding:5px 10px;}
  745.  
  746. .links{
  747. width:285px;
  748. border-top:1px solid {color:borders};
  749. border-bottom:1px solid {color:borders};
  750. text-align:center;
  751. padding:5px 0px;
  752. line-height:15px;
  753. margin:10px auto;
  754. font-size:12px;
  755. }
  756.  
  757. .links2{
  758. width:180px;
  759. font-size:11px;
  760. border-top:1px solid {color:borders};
  761. border-bottom:1px solid {color:borders};
  762. text-align:center;
  763. padding:5px 0px;
  764. line-height:15px;
  765. margin:10px auto;
  766. }
  767.  
  768. .links2:hover{
  769. color:{color:Hover};
  770. }
  771.  
  772. .links2 a{
  773. margin-left:10px;
  774.  
  775.  
  776. }
  777.  
  778. .links:hover{
  779. color:{color:Hover};
  780. }
  781.  
  782. .links a{
  783. margin-left:5px;
  784.  
  785. }
  786.  
  787. .links a:hover{
  788. margin-left:;
  789. color:{color:Hover};
  790. }
  791.  
  792. /************EDIT TEXT SETTINGS HERE************/
  793.  
  794. i, em{
  795. color:{color:Link};}
  796. b, strong{
  797. font-weight:normal;
  798. text-transform:uppercase;
  799. color:{color:Link};}
  800. ul,ol{
  801. margin:0px;
  802. margin-left:-5px;}
  803. p{
  804. padding:0px;
  805. margin:2px;}
  806. u{
  807. text-decoration:none;
  808. color:{color:Title};}
  809.  
  810. blockquote {
  811. margin:0px;
  812. padding:4px;
  813. background:#f7f7f7;}
  814.  
  815. /************DO NOT DELETE #SCROLL************/
  816.  
  817. #scroll{
  818. bottom:-20px;
  819. position: absolute;
  820. left: 50%;
  821. width:10px;
  822. height:5px;
  823. overflow:hidden;
  824. margin-bottom:80px;}
  825.  
  826.  
  827. #fade { /*--Transparent background layer--*/
  828. display: none; /*--hidden by default--*/
  829. background: #000;
  830. position: fixed; left: 0; top: 0;
  831. width: 100%; height: 100%;
  832. opacity: .8;
  833. z-index: 9999;
  834. }
  835. .popup_block{
  836. display: none; /*--hidden by default--*/
  837. background: {color:Pop up background};
  838. color:{color:Pop up text};
  839. border: 5px solid #f2e7e2;
  840. height:auto;
  841. float: left;
  842. font-size: 10px;
  843. position: fixed;
  844. top: 52.5%; left: 52.5%;
  845. z-index: 99999;
  846. {block:IfPopUpShadowOne}
  847. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  848. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  849. box-shadow: 0 0 5px 5px {color:Shadows};
  850. {/block:IfPopUpShadowOne}
  851.  
  852. {block:IfPopUpShadowTwo}
  853. -moz-box-shadow: -5px -5px {color:Shadows};
  854. -webkit-box-shadow: -5px -5px {color:Shadows};
  855. box-shadow: -5px -5px {color:Shadows};
  856. {/block:IfPopUpShadowTwo}
  857. {block:ifRoundedCorners}
  858. -webkit-border-radius: 5px;
  859. -moz-border-radius: 5px;
  860. border-radius: 5px;
  861. {/block:ifRoundedCorners}
  862. }
  863. img.btn_close {
  864. float: right;
  865. margin: -20 -20px 0 0;
  866. }
  867. /*--Making IE6 Understand Fixed Positioning--*/
  868. *html #fade {
  869. position: absolute;
  870. }
  871. *html .popup_block {
  872. position: absolute;
  873. }
  874.  
  875. #credit{
  876. height:20px;
  877. width:20px;
  878. position:fixed; background-color: #fff;
  879. left:12px;
  880. bottom:0px;
  881. color: #000;
  882. text-transform:none;
  883. padding:10px;
  884. opacity:0.8;
  885. z-index:222;
  886. overflow:hidden;
  887. font-size:18px;
  888. font-weight:bold;
  889. font-family:'Cedarville Cursive', cursive;
  890. -webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;-o-transition:all 1s ease;
  891. }
  892.  
  893. #credit:hover{
  894. width:125px;
  895. }
  896.  
  897. #credit img{
  898. height:20px;
  899. }
  900.  
  901. #credit a{
  902. padding-left:5px;
  903. color: #2a2a2a; text-shadow: black 0.1em 0.1em 0.2em}
  904.  
  905.  
  906.  
  907.  
  908.  
  909. #top {
  910. height:15px;
  911. width:100%;
  912. top:0px;
  913. background-color:{color:Blog border};
  914. z-index:1;
  915. position:fixed;}
  916.  
  917. #left {
  918. width:15px;
  919. height:1000px;
  920. background-color:{color:Blog border};
  921. z-index:1;
  922. left:0px;
  923. top:-10px;
  924. position:fixed;}
  925.  
  926. ::selection {
  927.  
  928. background: {color:Select color}; /* Safari */
  929.  
  930. }
  931.  
  932. ::-moz-selection {
  933.  
  934. background: {color:Select color}; /* Firefox */
  935.  
  936. }
  937.  
  938. #wrapper {
  939. width:800px;
  940. margin:50px auto;
  941. }
  942.  
  943. /*---UPDATE TAB---*/
  944.  
  945. .update {
  946. opacity:1;
  947. position:fixed;
  948. margin-top:5px;
  949. right:0px;
  950. text-align:center;
  951. text-transform:uppercase;
  952. background:{color:sidebar background};
  953. {block:ifTransparentSidebarBackground}
  954. background:transparent;
  955. {/block:ifTransparentSidebarBackground}
  956. {block:ifTranslucentSidebarBackground}
  957. background: rgba(255,255,255,0.5);
  958. {/block:ifTranslucentSidebarBackground}
  959. COLOR:{color:text};
  960.  
  961. font-size:10px;
  962. letter-spacing:1px;
  963. z-index:2;
  964. font-family:{select:body font};
  965. width:155px;
  966.  
  967. }
  968.  
  969. .l1 {
  970. position:absolute;
  971. right:0px;
  972. width:55px;
  973. background:{color:sidebar background};
  974. {block:ifTransparentSidebarBackground}
  975. background:transparent;
  976. {/block:ifTransparentSidebarBackground}
  977. {block:ifTranslucentSidebarBackground}
  978. background: rgba(255,255,255,0.5);
  979. {/block:ifTranslucentSidebarBackground}
  980. COLOR:{color:text};
  981. border:1px solid {color:borders};
  982. margin-bottom:8px;
  983. text-align:center;
  984. padding:3px;
  985. {block:ifRoundedCorners}
  986. border-radius:7px;
  987. {block:ifRoundedCorners}
  988. -webkit-transition: all 0.7s ease;
  989. -moz-transition: all 0.7s ease;
  990. -o-transition: all 0.7s ease
  991. }
  992.  
  993. .l1:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  994. }
  995.  
  996. .txt1 {
  997. position:absolute;
  998. width:130px;
  999. padding:10px;
  1000. padding-right:5px;
  1001. right:180px;
  1002. margin-top:6px;
  1003. opacity:0;
  1004. font-family:{select:body font};
  1005. color:black;
  1006. text-align:left;
  1007. -moz-transition:all 0.7s ease-out;
  1008. -webkit-transition:all 0.7s ease-out;
  1009. -o-transition:all 0.7s ease-out;}
  1010.  
  1011. .l1:hover .txt1{right:70px;opacity:1;}
  1012.  
  1013. .l2 {
  1014. position:absolute;
  1015. right:0px;
  1016. top:30px;
  1017. width:55px;
  1018. margin-bottom:8px;
  1019. text-align:center;
  1020. background:{color:sidebar background};
  1021. {block:ifTransparentSidebarBackground}
  1022. background:transparent;
  1023. {/block:ifTransparentSidebarBackground}
  1024. {block:ifTranslucentSidebarBackground}
  1025. background: rgba(255,255,255,0.5);
  1026. {/block:ifTranslucentSidebarBackground}
  1027. COLOR:{color:text};
  1028. border:1px solid {color:borders};
  1029. {block:ifRoundedCorners}
  1030. border-radius:7px;
  1031. {block:ifRoundedCorners}
  1032. padding:3px;
  1033. font-family:{select:body font};
  1034. -webkit-transition: all 0.7s ease;
  1035. -moz-transition: all 0.7s ease;
  1036. -o-transition: all 0.7s ease
  1037. }
  1038.  
  1039. .l2:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  1040. }
  1041.  
  1042. .txt2 {
  1043. position:absolute;
  1044. width:140px;
  1045. padding:10px;
  1046. padding-right:5px;
  1047. right:190px;
  1048. margin-top:6px;
  1049. opacity:0;
  1050. font-family:{select:body font};
  1051. color:black;
  1052. text-align:left;
  1053. -moz-transition:all 0.7s ease-out;
  1054. -webkit-transition:all 0.7s ease-out;
  1055. -o-transition:all 0.7s ease-out;}
  1056.  
  1057. .l2:hover .txt2{right:60px;opacity:1;}
  1058.  
  1059.  
  1060. .l3 {
  1061. position:absolute;
  1062. right:0px;
  1063. top:60px;
  1064. width:55px;
  1065. font-family:{select:body font};
  1066. background:black;
  1067. margin-bottom:8px;
  1068. text-align:center;
  1069. background:{color:sidebar background};
  1070. {block:ifTransparentSidebarBackground}
  1071. background:transparent;
  1072. {/block:ifTransparentSidebarBackground}
  1073. {block:ifTranslucentSidebarBackground}
  1074. background: rgba(255,255,255,0.5);
  1075. {/block:ifTranslucentSidebarBackground}
  1076. COLOR:{color:text};
  1077. border:1px solid {color:borders};
  1078. {block:ifRoundedCorners}
  1079. border-radius:7px;
  1080. {block:ifRoundedCorners}
  1081. padding:3px;
  1082. -webkit-transition: all 0.7s ease;
  1083. -moz-transition: all 0.7s ease;
  1084. -o-transition: all 0.7s ease
  1085. }
  1086.  
  1087. .l3:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  1088. }
  1089.  
  1090. .txt3 {
  1091. position:absolute;
  1092. width:140px;
  1093. padding:10px;
  1094. padding-right:5px;
  1095. right:180px;
  1096. margin-top:6px;
  1097. opacity:0;
  1098. font-family:{select:body font};
  1099. color:black;
  1100. text-align:left;
  1101. -moz-transition:all 0.7s ease-out;
  1102. -webkit-transition:all 0.7s ease-out;
  1103. -o-transition:all 0.7s ease-out;}
  1104.  
  1105. .l3:hover .txt3{right:60px;opacity:1;}
  1106.  
  1107.  
  1108. .l4 {
  1109. position:absolute;
  1110. right:0px;
  1111. top:90px;
  1112. width:55px;
  1113. font-family:{select:body font};
  1114. background:black;
  1115. margin-bottom:8px;
  1116. text-align:center;
  1117. background:{color:sidebar background};
  1118. {block:ifTransparentSidebarBackground}
  1119. background:transparent;
  1120. {/block:ifTransparentSidebarBackground}
  1121. {block:ifTranslucentSidebarBackground}
  1122. background: rgba(255,255,255,0.5);
  1123. {/block:ifTranslucentSidebarBackground}
  1124. COLOR:{color:text};
  1125. border:1px solid {color:borders};
  1126. {block:ifRoundedCorners}
  1127. border-radius:7px;
  1128. {block:ifRoundedCorners}
  1129. padding:3px;
  1130. -webkit-transition: all 0.7s ease;
  1131. -moz-transition: all 0.7s ease;
  1132. -o-transition: all 0.7s ease
  1133. }
  1134.  
  1135. .l4:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  1136. }
  1137.  
  1138. .txt4 {
  1139. position:absolute;
  1140. width:140px;
  1141. padding:10px;
  1142. padding-right:5px;
  1143. right:180px;
  1144. margin-top:6px;
  1145. opacity:0;
  1146. color:black;
  1147. text-align:left;
  1148. -moz-transition:all 0.7s ease-out;
  1149. -webkit-transition:all 0.7s ease-out;
  1150. -o-transition:all 0.7s ease-out;}
  1151.  
  1152. .l4:hover .txt4{right:60px;opacity:1;}
  1153.  
  1154.  
  1155.  
  1156. #asktitle {
  1157. background-color:{color:Navigation and ask header};
  1158. color:{color:Navigation and ask header text};
  1159. font-family:{select:blog title font};
  1160. font-size:16px;
  1161. padding:5px;
  1162.  
  1163. letter-spacing:0px;
  1164.  
  1165. text-transform:uppercase;
  1166. border:1px solid {color:borders};
  1167.  
  1168. }
  1169.  
  1170. #askinfo{
  1171. margin-top:-5px;
  1172. padding:5px;
  1173. font-size:12px;
  1174. text-transform:none;
  1175. letter-spacing:1px;
  1176.  
  1177. color:{color:pop up text};
  1178.  
  1179.  
  1180.  
  1181. }
  1182.  
  1183. #askinfo a{
  1184. color:{color:pop up text};
  1185. }
  1186.  
  1187.  
  1188. </style>
  1189.  
  1190. </head>
  1191.  
  1192. <body>
  1193.  
  1194. <div class="update">
  1195. <div class="l1">{text:Tab one title}
  1196. <div class="txt1">
  1197. {text:Tab one content}
  1198.  
  1199. </div>
  1200. </div>
  1201.  
  1202. <div class="l2">{text:Tab two title}
  1203. <div class="txt2">
  1204.  
  1205. {text:Tab two content}
  1206.  
  1207. </div>
  1208. </div>
  1209.  
  1210. <div class="l3">{text:Tab three title}
  1211. <div class="txt3">
  1212.  
  1213. {text:Tab three content}
  1214.  
  1215. </div>
  1216. </div>
  1217.  
  1218. <div class="l4">{text:Tab four title}
  1219. <div class="txt4">
  1220.  
  1221. {text:Tab four content}
  1222.  
  1223. </div>
  1224. </div>
  1225.  
  1226.  
  1227. </div>
  1228. {block:IfDisableRightClick}
  1229. <script language=JavaScript>
  1230.  
  1231. <!--
  1232.  
  1233. //Disable right click script III- By Renigade (renigade@mediaone.net)
  1234.  
  1235. //For full source code, visit http://www.dynamicdrive.com
  1236.  
  1237. var message="";
  1238.  
  1239. ///////////////////////////////////
  1240.  
  1241. function clickIE() {if (document.all) {(message);return false;}}
  1242.  
  1243. function clickNS(e) {if
  1244.  
  1245. (document.layers||(document.getElementById&&!document.all)) {
  1246.  
  1247. if (e.which==2||e.which==3) {(message);return false;}}}
  1248.  
  1249. if (document.layers)
  1250.  
  1251. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1252.  
  1253. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1254.  
  1255. document.oncontextmenu=new Function("return false")
  1256.  
  1257. // -->
  1258.  
  1259. </script>
  1260. {/block:IfDisableRightClick}
  1261.  
  1262. <div id="top"></div>
  1263. <div id="left"></div>
  1264.  
  1265.  
  1266. <div id="credit">
  1267. <a href="http://arcticfoxdesigns.tumblr.com/"><img src="http://i.imgur.com/ObcbPgn.png">Arctic Fox</a>
  1268. </div>
  1269.  
  1270. <div id="buttons">
  1271. <a href="http://tumblr.com/dashboard">dashboard</a>
  1272. &nbsp;
  1273. <a href="http://tumblr.com/follow/{name}/">follow me</a>
  1274. </div>
  1275.  
  1276. <center>
  1277.  
  1278. <div id="wrapper">
  1279.  
  1280. <div id="sidebar2">
  1281. <div class="blogtitle2"><a href="/">{Title}</a></div>
  1282. {block:ifSidebarImage}<img src="{image:Sidebar Image}" {block:ifTwoColumn}width="200"{/block:ifTwoColumn} {block:ifThreeColumn} width="180" {/block:ifThreeColumn}>{/block:ifSidebarImage}
  1283. <div class="description">{Description}</div>
  1284. <div class="links2">
  1285. {block:IfWordLinks}
  1286. <a href="/" title="refresh">home</a>
  1287. <a href="#?w=500" rel="02" class="poplight" title="Mssg">Ask</a>
  1288. <a href="#?w=500" rel="03" class="poplight" title="Submit">Submit</a>
  1289. <a href="{text:Link One URL}" title="{text:Link One Title}">{text:Link One Title}</a>
  1290. <a href="{text:Link Two URL}" title="{text:Link Two Title}">{text:Link Two Title}</a>
  1291. <a href="{text:Link Three URL}" title="{text:Link Three Title}">{text:Link Three Title}</a>
  1292. {/block:IfWordLinks}
  1293. {block:IfSymbolLinks}
  1294. <a href="/" title="refresh"><i class="fa fa-home"></i></a>
  1295. <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-comments"></i></a>
  1296. <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-download"></i></a>
  1297. <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-calendar"></i></a>
  1298. <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-picture-o"></i></a>
  1299. <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-bars"></i></a>
  1300. {/block:IfSymbolLinks}
  1301. {block:IfHeartLinks}
  1302. <a href="/" title="refresh"><i class="fa fa-heart"></i></a>
  1303. <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-heart"></i></a>
  1304. <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-heart"></i></a>
  1305. <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-heart"></i></a>
  1306. <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-heart"></i></a>
  1307. <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-heart"></i></a>
  1308. {/block:IfHeartLinks}
  1309. </div>
  1310. </div>
  1311.  
  1312.  
  1313.  
  1314. <div id="sidebar">
  1315. <div class="blogtitle"><a href="/">{Title}</a></div>
  1316.  
  1317. <div class="description">{Description}</div>
  1318. <div class="links">
  1319. {block:IfWordLinks}
  1320. <a href="/" title="refresh">home</a>
  1321. <a href="#?w=500" rel="02" class="poplight" title="Mssg">Ask</a>
  1322. <a href="#?w=500" rel="03" class="poplight" title="Submit">Submit</a>
  1323. <a href="{text:Link One URL}" title="{text:Link One Title}">{text:Link One Title}</a>
  1324. <a href="{text:Link Two URL}" title="{text:Link Two Title}">{text:Link Two Title}</a>
  1325. <a href="{text:Link Three URL}" title="{text:Link Three Title}">{text:Link Three Title}</a>
  1326. {/block:IfWordLinks}
  1327. {block:IfSymbolLinks}
  1328. <a href="/" title="refresh"><i class="fa fa-home"></i></a>
  1329. <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-comments"></i></a>
  1330. <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-download"></i></a>
  1331. <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-calendar"></i></a>
  1332. <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-picture-o"></i></a>
  1333. <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-bars"></i></a>
  1334. {/block:IfSymbolLinks}
  1335. {block:IfHeartLinks}
  1336. <a href="/" title="refresh"><i class="fa fa-heart"></i></a>
  1337. <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-heart"></i></a>
  1338. <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-heart"></i></a>
  1339. <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-heart"></i></a>
  1340. <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-heart"></i></a>
  1341. <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-heart"></i></a>
  1342. {/block:IfHeartLinks}
  1343. </div>
  1344. </div>
  1345.  
  1346.  
  1347.  
  1348. <div id="entries">
  1349.  
  1350. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  1351.  
  1352.  
  1353.  
  1354. {block:Posts}
  1355.  
  1356. <!---------------DO NOT DELETE block:ContentSource--------------->
  1357.  
  1358. {block:ContentSource}
  1359. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1360. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1361. {/block:SourceLogo}
  1362. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1363. {/block:ContentSource}
  1364.  
  1365. <div class="post">
  1366.  
  1367. <!---------------EDIT TEXT POSTS HERE--------------->
  1368.  
  1369. {block:Text}
  1370. <div class="text">
  1371. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  1372. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1373. </div>{/block:IndexPage}</div>
  1374. {/block:Text}
  1375.  
  1376. <!---------------EDIT LINK POSTS HERE--------------->
  1377.  
  1378. {block:Link}
  1379. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  1380. {block:Description}{Description}{/block:Description}
  1381. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1382. </div>{/block:IndexPage}
  1383. {/block:Link}
  1384.  
  1385. <!---------------EDIT PHOTO POSTS HERE--------------->
  1386.  
  1387. {block:Photo}<div style="line-height:0px;">
  1388. {block:IndexPage}
  1389. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="260px"/>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1390. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a></div>
  1391. {/block:Photo}
  1392.  
  1393. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  1394.  
  1395. {block:Photoset}
  1396. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1397. </div>{/block:IndexPage}
  1398. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1399. {/block:Photoset}
  1400.  
  1401. <!---------------EDIT QUOTE POSTS HERE--------------->
  1402.  
  1403. {block:Quote}
  1404. {Quote}{block:Source}
  1405. <div class="source">{Source}</div>{/block:Source}
  1406. {block:IndexPage}
  1407. <div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1408. </div>{/block:IndexPage}
  1409. {/block:Quote}
  1410.  
  1411. <!---------------EDIT ANSWER POSTS HERE--------------->
  1412.  
  1413. {block:Answer}
  1414. <div class="ask"><span class="asker">{Asker} said:</span><br> {Question}</div>
  1415. <span class="asker">{name} replied:</span><br>
  1416. <div class="answer">{Answer}</div>
  1417. {block:IndexPage}
  1418. <div class="permalink"><a href="{ReblogURL}" title="Reblog">REBLOG</a> / <a href="{Permalink}">{NoteCount}</a>
  1419. </div>{/block:IndexPage}
  1420. {/block:Answer}
  1421.  
  1422. <!---------------EDIT CHAT POSTS HERE--------------->
  1423.  
  1424. {block:Chat}
  1425. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1426. <div class="chat"><ul>{block:Lines}
  1427. <li class="person{UserNumber}">{block:Label}
  1428. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1429. </div>
  1430. {/block:IndexPage}
  1431. {/block:Chat}
  1432.  
  1433. <!---------------EDIT AUDIO POSTS HERE--------------->
  1434.  
  1435. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  1436. <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>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1437. </div>
  1438. {/block:IndexPage}
  1439. {/block:Audio}
  1440.  
  1441. <!---------------EDIT VIDEO POSTS HERE--------------->
  1442.  
  1443. {block:Video}
  1444. {block:IndexPage}<div class="video-container">{Video-250}</div>
  1445. <div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1446. </div>{/block:IndexPage}
  1447. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1448. {/block:Video}
  1449.  
  1450. <!---------------EDIT PERMALINK PAGE HERE--------------->
  1451.  
  1452. {block:PermalinkPage}
  1453. {block:Caption}{Caption}{/block:Caption}
  1454. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  1455. <div class="permapage">
  1456. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  1457. </div>
  1458. {/block:Posts}
  1459. </div>
  1460. </div>
  1461. <!---------------DO NOT DELETE THIS--------------->
  1462.  
  1463. {block:IndexPage}
  1464. {block:Pagination}
  1465. <div id="pagination">
  1466. {block:NextPage}
  1467. <a id="nextPage" href="{NextPage}"></a>
  1468. {/block:NextPage}
  1469. {block:PreviousPage}
  1470. <a href="{PreviousPage}"></a>
  1471. {/block:PreviousPage}
  1472. </div>
  1473. {/block:Pagination}
  1474. {/block:IndexPage}
  1475. </center>
  1476.  
  1477.  
  1478.  
  1479. </body>
  1480.  
  1481. <div style="display:none;"><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3109355";
  1482. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1483. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1484. </script>
  1485.  
  1486. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5249063";
  1487. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1488. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online User&e2=Online Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1489. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1490. </script>
  1491. </div>
  1492.  
  1493. <div style="position:fixed; bottom:0px; right:0px; z-index:-1;" ><img src="{image:Bottom Right Corner Image}" width="250"></div>
  1494.  
  1495.  
  1496. <div id="02" class="popup_block">
  1497. <div id="asktitle">Contact me</div><br>
  1498. <div id="askinfo">
  1499. {text:FAQ ask info}</div><br>
  1500. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1501. </center>
  1502.  
  1503. </div>
  1504.  
  1505. <div id="03" class="popup_block">
  1506. <div id="asktitle">Submit</div><br>
  1507. <center>
  1508. <iframe id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" frameborder="0" height="400" scrolling="no" width="100%" stle="margin-top:-40;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]-->
  1509. </center>
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515. </div>
  1516.  
  1517.  
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524. </html>
Add Comment
Please, Sign In to add comment