API tools faq
paste
danystormborn

Chewing Gum. // Arctic Fox

danystormborn
May 20th, 2016
127
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.33 KB | None | 0 0
raw download clone embed print report
  1. <style> body, a, a:hover { cursor:url('{text:Cursor Image URL}'), auto }</style>
  2.  
  3. <!--
  4. Themes by Arcticfoxdesigns
  5.  
  6. Chewing gum.
  7.  
  8. Comments and suggestions are welcome
  9.  
  10. arcticfoxdesigns.tumblr.com
  11.  
  12. -->
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17. <link href='https://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
  18.  
  19.  
  20.  
  21. <script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  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:Ask pop up close button" content=""/>
  30. <meta name="color:Background" content="#FFFFFF"/>
  31. <meta name="color:Sidebar Background" content=""/>
  32. <meta name="color:Blog Title" content="#999999"/>
  33. <meta name="color:Blog title links and updates tab background" content="#000000"/>
  34. <meta name="color:Post Background" content=""/>
  35. <meta name="color:Title" content="#999999"/>
  36. <meta name="color:Blog Title" content="#999999"/>
  37. <meta name="color:Text" content="#777777"/>
  38. <meta name="color:Links" content="#555555"/>
  39. <meta name="color:Hover" content="#999999"/>
  40. <meta name="color:Borders" content=""/>
  41. <meta name="color:Permalink background" content=""/>
  42. <meta name="color:Permalink colour" content="#000000"/>
  43. <meta name="color:Shadows" content=""/>
  44. <meta name="color:Cursor Sparkle Colour" content=""/>
  45. <meta name="color:Gradient top colour" content=""/>
  46. <meta name="color:Gradient bottom colour" content=""/>
  47.  
  48.  
  49. <meta name="if:One column" content=""/>
  50. <meta name="if:Two column" content="1"/>
  51. <meta name="if:Three column" content=""/>
  52. <meta name="if:Sidebar image" content=""/>
  53. <meta name="if:Image background" content=""/>
  54. <meta name="if:Maximised background" content=""/>
  55. <meta name="if:Gradient background" content=""/>
  56. <meta name="if:Disable right click" content=""/>
  57. <meta name="if:Transparent sidebar background" content=""/>
  58. <meta name="if:Translucent sidebar background" content=""/>
  59. <meta name="if:Transparent post background" content=""/>
  60. <meta name="if:Translucent post background" content=""/>
  61. <meta name="if:Post borders" content=""/>
  62. <meta name="if:Post shadow one" content=""/>
  63. <meta name="if:Post shadow two" content=""/>
  64. <meta name="if:Sidebar shadow one" content=""/>
  65. <meta name="if:Sidebar shadow two" content=""/>
  66. <meta name="color:Scrollbar thumb" content=""/>
  67. <meta name="color:Scrollbar background" content=""/>
  68. <meta name="if:Sparkle cursor" content=""/>
  69.  
  70.  
  71.  
  72.  
  73. <meta name="text:Cursor image URL" content=""/>
  74. <meta name="text:Favicon" content=""/>
  75. <meta name="text:Top quote" content="you are beautiful"/>
  76. <meta name="text:Ask title" content=""/>
  77. <meta name="text:FAQ ask info" content=""/>
  78.  
  79.  
  80.  
  81. <meta name="text:Link One URL" content=""/>
  82. <meta name="text:Link One Title" content="link"/>
  83. <meta name="text:Link Two URL" content=""/>
  84. <meta name="text:Link Two Title" content="link"/>
  85. <meta name="text:Link Three URL" content=""/>
  86. <meta name="text:Link Three Title" content="link"/>
  87. <meta name="text:Link Four URL" content=""/>
  88. <meta name="text:Link Four Title" content="link"/>
  89. <meta name="text:Link Five URL" content=""/>
  90. <meta name="text:Link Five Title" content="link"/>
  91.  
  92. <meta name="text:Tab one title" content=""/>
  93. <meta name="text:Tab one content" content=""/>
  94. <meta name="text:Tab two title" content=""/>
  95. <meta name="text:Tab two content" content=""/>
  96. <meta name="text:Tab three title" content=""/>
  97. <meta name="text:Tab three content" content=""/>
  98.  
  99.  
  100.  
  101.  
  102. <title>{Title}</title>
  103. {block:Description}
  104. <meta name="description" content="{MetaDescription}" />
  105. {/block:Description}
  106. <link rel="shortcut icon" href="{text:Favicon}">
  107.  
  108. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  109.  
  110. <script>$(function() {
  111. var shrinkHeader = 150;
  112. $(window).scroll(function() {
  113. var scroll = getCurrentScroll();
  114. if (scroll >= shrinkHeader) {
  115. $('#sidebar').addClass('shrink');
  116. } else {
  117. $('#sidebar').removeClass('shrink');
  118. }
  119. });
  120.  
  121. function getCurrentScroll() {
  122. return window.pageYOffset || document.documentElement.scrollTop;
  123. }
  124. });</script>
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. <script>$(function() {
  133. var shrinkHeader = 150;
  134. $(window).scroll(function() {
  135. var scroll = getCurrentScroll();
  136. if (scroll >= shrinkHeader) {
  137. $('#boxiebox').addClass('shrink');
  138. } else {
  139. $('#boxiebox').removeClass('shrink');
  140. }
  141. });
  142.  
  143. function getCurrentScroll() {
  144. return window.pageYOffset || document.documentElement.scrollTop;
  145. }
  146. });</script>
  147.  
  148.  
  149.  
  150.  
  151.  
  152. <script type="text/javascript"
  153. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  154. <script>
  155. $(document).ready(function() {
  156. //
  157. $('a.poplight[href^=#]').click(function() {
  158. var popID = $(this).attr('rel'); //Get Popup Name
  159. var popURL = $(this).attr('href'); //Get Popup href to define size
  160. var query= popURL.split('?');
  161. var dim= query[1].split('&');
  162. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  163. $('#' + 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>');
  164. var popMargTop = ($('#' + popID).height() + 80) / 2;
  165. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  166. //Apply Margin to Popup
  167. $('#' + popID).css({
  168. 'margin-top' : -popMargTop,
  169. 'margin-left' : -popMargLeft
  170. });
  171. $('body').append('<div id="fade"></div>');
  172. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  173. return false;
  174. });
  175. $('a.close, #fade').live('click', function() {
  176. $('#fade , .popup_block').fadeOut(function() {
  177. $('#fade, a.close').remove(); //fade them both out
  178. });
  179. return false;
  180. });
  181. });
  182. </script>
  183.  
  184. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  185.  
  186. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  187. <script>
  188. (function($){$(document)
  189. .ready(function(){$("[title]")
  190. .style_my_tooltips();});})
  191. (jQuery);
  192. </script>
  193.  
  194. {block:IndexPage}
  195. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  196. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  197.  
  198. <script type="text/javascript">
  199. $(window).load(function(){
  200. var $wall = $('#entries');
  201. $wall.imagesLoaded(function(){
  202. $wall.masonry({
  203. itemSelector: '#post, #post_photo',
  204. isAnimated : false
  205. });
  206. });
  207.  
  208. $wall.infinitescroll({
  209. navSelector : '#pagination',
  210. nextSelector : '#pagination a',
  211. itemSelector : '#post, #post_photo',
  212. bufferPx : 2000,
  213. debug : false,
  214. errorCallback: function() {
  215. $('#scroll').fadeOut('normal');
  216. }},
  217. function( newElements ) {
  218. var $newElems = $( newElements );
  219. $newElems.hide();
  220. $newElems.imagesLoaded(function(){
  221. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  222. });
  223. }); $('#entries').show(500);
  224. });
  225. </script>
  226. {/block:IndexPage}
  227.  
  228.  
  229. <!---------------END SCRIPTS--------------->
  230.  
  231. <style type="text/css">
  232.  
  233.  
  234.  
  235. ::-webkit-scrollbar{ width:9px;background:{color:Scrollbar background}; }
  236. ::-webkit-scrollbar-thumb{ background-color: {color:Scrollbar thumb}; }
  237.  
  238.  
  239. /************EDIT BODY HERE************/
  240.  
  241. body{
  242. overflow-x: hidden;
  243. margin:0px;
  244. background-color: {color:Background};
  245. background-attachment:fixed;
  246. background-repeat:100%;
  247. background-position:bottom-right;
  248. font-family: calibri ;
  249. font-size:11px;
  250. letter-spacing:1px;
  251.  
  252. text-align:left;
  253.  
  254. color: {color:Text};
  255. {block:ifImageBackground}
  256. background-image:url({image:Background});
  257. {/block:ifImageBackground}
  258. {block:ifMaximisedBackground}
  259. -webkit-background-size: cover;
  260. -moz-background-size: cover;
  261. -o-background-size: cover;
  262. background-size: cover;
  263. {/block:ifMaximisedBackground}
  264. {block:ifGradientBackground}
  265. background-image: -o-linear-gradient(bottom,{color:Gradient bottom colour}, {color:Gradient top colour}; ); background-image: -moz-linear-gradient(bottom,{color:Gradient top colour},{color:Gradient bottom colour}); background-image: -webkit-linear-gradient(bottom, {color:Gradient bottom colour},{color:Gradient top colour}); background-image: -ms-linear-gradient(bottom,{color:Gradient top colour},{color:Gradient bottom colour}); background-image: linear-gradient(bottom,{color:Gradient top colour}, {color:Gradient bottom colour});
  266. {/block:ifGradientBackground}
  267.  
  268. }
  269.  
  270.  
  271. a:link, a:active, a:visited{
  272. text-decoration: none;
  273. color: {color:Links};}
  274.  
  275. a:hover {
  276. color:{color:Link};
  277. text-decoration:none;}
  278.  
  279.  
  280.  
  281. #navigation {
  282. font-size:14px;
  283.  
  284. }
  285.  
  286. /************EDIT TOOLTIP HERE************/
  287.  
  288.  
  289. #s-m-t-tooltip {
  290. padding: 4px;
  291. height:auto;
  292. display: none;
  293. font-family: consolas;
  294. font-size: 10px;
  295. max-width:150px;
  296. text-transform:uppercase;
  297. text-align: center;
  298. letter-spacing:1px;
  299. margin-top:10px;
  300. margin-left: 15px;
  301. line-height: 8px;
  302. z-index: 999999999999;
  303.  
  304. border: 1px solid #f5f5f5;
  305. background:#ffffff;
  306. color: #888;}
  307.  
  308. /************EDIT POST POSITION/WIDTH HERE************/
  309.  
  310. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  311.  
  312. #entries{
  313. text-align:left;
  314. width:810px;
  315. margin-left:290px;
  316. margin-top:50px;
  317. position:relative;
  318.  
  319. {block:ifThreeColumn}
  320. left:-35px;
  321. width:950px;
  322. {/block:ifThreeColumn}
  323.  
  324. {block:PermalinkPage}
  325. width:550px;
  326. margin-left:60px;
  327.  
  328. {block:ifOneColumn}
  329. margin-left:-30px;
  330. {/block:ifOneColumn}
  331.  
  332. {/block:PermalinkPage}}
  333.  
  334. /************EDIT OVERALL POSTS HERE************/
  335.  
  336. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  337.  
  338. #post{
  339. text-align:left;
  340. margin-right:40px;
  341. margin-bottom:45px;
  342. position:relative;
  343. background:{color:Post Background};
  344. {block:ifPostBorders}
  345. border:1px solid {color:borders};
  346. {/block:ifPostBorders}
  347. {block:ifTransparentPostBackground}
  348. background:transparent;
  349. {/block:ifTransparentPostBackground}
  350. {block:ifTranslucentPostBackground}
  351. background: rgba(255,255,255,0.7);
  352. {/block:ifTranslucentPostBackground}
  353. {block:IfPostShadowOne}
  354. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  355. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  356. box-shadow: 0 0 5px 5px {color:Shadows};
  357. {/block:IfPostShadowOne}
  358.  
  359. {block:IfPostShadowTwo}
  360. -moz-box-shadow: -5px -5px {color:Shadows};
  361. -webkit-box-shadow: -5px -5px {color:Shadows};
  362. box-shadow: -5px -5px {color:Shadows};
  363. {/block:IfPostShadowTwo}
  364. display:block;
  365. padding-bottom:15px;
  366. padding-left:11px;
  367. padding-right:11px;
  368. padding-top:11px;
  369. max-width: 100%;
  370.  
  371. {block:ifTwoColumn}
  372. width:260px;
  373. {/block:ifTwoColumn}
  374. {block:ifOneColumn}
  375. width:440px;
  376. {/block:ifOneColumn}
  377. {block:ifThreeColumn}
  378. width:200px;
  379. {/block:ifThreeColumn}
  380.  
  381. {block:PermalinkPage}
  382. width:500px;
  383. {/block:PermalinkPage}
  384.  
  385. }
  386.  
  387. /*Do not delete #post img.*/
  388.  
  389. #post img{
  390. max-width:100%;}
  391.  
  392. /*Edit the permalinks all posts.*/
  393.  
  394.  
  395.  
  396. .permalink {
  397. background-color:{color:Permalink background};
  398. color:{color:Permalink colour};
  399. opacity:0;
  400. margin-top:-25px;
  401. padding:3px;
  402. padding-left:9px;
  403. font-size:10px;
  404. text-transform:uppercase;
  405. background-color:{color:Permalink background};
  406. color:{color:Permalink colour};
  407. border:1px solid {color:borders};
  408.  
  409.  
  410. -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-o-transition:all .6s ease;
  411.  
  412. }
  413.  
  414. .permalink a{
  415. color:{color:Permalink colour};
  416. line-height:15px;
  417.  
  418. }
  419. #post:hover .permalink{
  420. opacity:1;
  421. margin-top:5px;
  422. }
  423.  
  424.  
  425. /*Edit the titles on any text-based post.*/
  426.  
  427. .posttitle{
  428. font-size:10px;
  429. text-align:center;
  430. color:{color:Link};}
  431.  
  432. .posttitle a{
  433. color:{color:Link};}
  434.  
  435. /************EDIT QUOTE POSTS HERE************/
  436.  
  437. .quote{
  438. margin-right: 5px;}
  439.  
  440. .source{
  441. padding-top:5px;
  442. display:block;
  443. text-align:right;}
  444.  
  445.  
  446. /************EDIT ANSWER POSTS HERE************/
  447.  
  448. .ask{
  449. padding:4px;
  450. background:#f9f9f9;}
  451. .asker{
  452. color:{color:Link};}
  453. .answer{
  454. margin-top:10px;}
  455.  
  456. /************EDIT AUDIO POSTS HERE************/
  457.  
  458. .audio{
  459. {block:IndexPage}width:180px;{/block:IndexPage}
  460. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  461. .info{
  462. padding:2px 0px 1px 57px;}
  463. .i {
  464. text-transform:uppercase;
  465. letter-spacing:1px;
  466. font-size:8px;}
  467. .pl b,strong{
  468. text-transform:lowercase;
  469. font-size:9px;}
  470. .player{
  471. position:absolute;
  472. overflow:hidden;
  473. margin-top:0px;
  474. margin-left:15px;
  475. background:#ffffff;
  476. width:24px;
  477. height:23px;}
  478.  
  479. /************EDIT VIDEO POSTS HERE************/
  480. /***********DO NOT DELETE THIS CODE************/
  481.  
  482. .video-container {
  483. position:relative;
  484. padding-bottom:56.25%;
  485. padding-top: 30px;
  486. height:0;
  487. overflow:hidden;}
  488.  
  489. .video-container iframe,
  490. .video-container object,
  491. .video-container embed {
  492. position: absolute;
  493. top: 0;
  494. left: 0;
  495. width: 100%;
  496. height: 100%;}
  497.  
  498. /************EDIT CHAT POSTS HERE************/
  499.  
  500. .chat{
  501. line-height:12px;
  502. list-style:none;}
  503. .chat ul{
  504. list-style:none;
  505. padding:0px 5px;
  506. line-height:15px;}
  507. .label{
  508. color:{color:Link};}
  509.  
  510. /************EDIT SIDEBAR HERE************/
  511.  
  512. #sidebar{
  513. background:{color:Sidebar Background};
  514. border:1px solid {color:borders};
  515. left:130px;
  516. {block:ifThreeColumn}
  517. left:30px;
  518. {/block:ifThreeColumn}
  519. top:150px;
  520. padding:7px;
  521. width:230px;
  522. position:fixed;
  523. text-align:center;
  524.  
  525. {block:ifTransparentSidebarBackground}
  526. background:transparent;
  527. {/block:ifTransparentSidebarBackground}
  528. {block:ifTranslucentSidebarBackground}
  529. background: rgba(255,255,255,0.7);
  530. {/block:ifTranslucentSidebarBackground}
  531. {block:IfSidebarShadowOne}
  532. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  533. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  534. box-shadow: 0 0 5px 5px {color:Shadows};
  535. {/block:IfSidebarShadowOne}
  536.  
  537. {block:IfSidebarShadowTwo}
  538. -moz-box-shadow: -5px -5px {color:Shadows};
  539. -webkit-box-shadow: -5px -5px {color:Shadows};
  540. box-shadow: -5px -5px {color:Shadows};
  541. {/block:IfSidebarShadowTwo}
  542.  
  543.  
  544.  
  545. -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-o-transition:all .6s ease;
  546.  
  547. }
  548.  
  549. #sidebar.shrink {
  550. padding-top:200px;
  551. {block:ifSidebarImage}
  552. padding-top:120px;
  553. {/block:ifSidebarImage}
  554. top:0px;
  555. height:100%;
  556. border-left:1px solid {color:borders};
  557. border-right:1px solid {color:borders};
  558.  
  559.  
  560. }
  561.  
  562.  
  563.  
  564.  
  565. .blogtitle{
  566. background:{color:Blog title links and updates tab background};
  567. border:1px solid {color:borders};
  568. text-align:right;
  569. letter-spacing:3px;
  570. line-height:17px;
  571. font-style:italic;
  572. text-transform:uppercase;
  573. padding:5px;
  574. font-size:18px;}
  575.  
  576. .blogtitle a{
  577. color:{color:Blog Title};}
  578.  
  579. .description{
  580. color:{color:text};
  581. text-align:center;
  582. padding-top:10px;
  583. padding-bottom:10px;
  584. padding-left:5px;
  585. padding-right:5px;
  586. }
  587. .links{
  588. z-index:2;
  589. background:{color:Blog title links and updates tab background};
  590. text-align:center;
  591. line-height:13px;
  592. border:1px solid {color:borders};
  593. padding:5px;
  594. margin-top:5px;
  595. color:{color:links};
  596.  
  597. }
  598.  
  599. .links:hover{
  600. text-align:center;
  601. line-height:13px;
  602. border:1px solid {color:borders};
  603. padding:5px;
  604. margin-top:5px;
  605.  
  606. }
  607.  
  608. .links a{
  609. z-index:1;
  610. color:{color:text};
  611.  
  612. margin-left:15px;
  613.  
  614. }
  615.  
  616. .links a:hover{
  617. margin-left:;
  618. color:{color:Hover};
  619. }
  620.  
  621. #asktitle {
  622. background:{color:Blog title links and updates tab background};
  623. color:{color:blog title};
  624. font-size:22px;
  625. padding:5px;
  626. padding-left:20px;
  627. letter-spacing:3px;
  628. font-style:italic;
  629. text-align:center;
  630. text-transform:uppercase;
  631. border:1px solid {color:borders};
  632.  
  633. }
  634.  
  635. #askinfo{
  636. font-style:italic;
  637. text-transform:none;
  638. font-size:12px;
  639. line-height:15px;
  640. }
  641.  
  642. /************EDIT TEXT SETTINGS HERE************/
  643.  
  644. i, em{
  645. color:{color:Links};}
  646. b, strong{
  647. font-weight:normal;
  648. text-transform:uppercase;
  649. color:{color:Links};}
  650. ul,ol{
  651. margin:0px;
  652. margin-left:-5px;}
  653. p{
  654. padding:0px;
  655. margin:2px;}
  656. u{
  657. text-decoration:none;
  658. color:{color:Title};}
  659.  
  660. blockquote {
  661. margin:0px;
  662. padding:4px;
  663. background:#f7f7f7;}
  664.  
  665. /************DO NOT DELETE #SCROLL************/
  666.  
  667. #scroll{
  668. bottom:-20px;
  669. position: absolute;
  670. left: 50%;
  671. width:10px;
  672. height:5px;
  673. overflow:hidden;
  674. margin-bottom:80px;}
  675.  
  676. #notecounter{
  677. margin-top:-17px;
  678. text-align:right;
  679. }
  680.  
  681.  
  682. #fade { /*--Transparent background layer--*/
  683. display: none; /*--hidden by default--*/
  684. background: #000;
  685. position: fixed; left: 0; top: 0;
  686. width: 100%; height: 100%;
  687. opacity: .80;
  688. z-index: 5;
  689. }
  690. .popup_block{
  691. display: none; /*--hidden by default--*/
  692. background: {color:Sidebar background};
  693. padding: 10px;
  694. border: 5px solid #f2e7e2;
  695. float: left;
  696. text-transform:uppercase;
  697. font-size: 10;
  698. position: fixed;
  699. top: 50%; left: 50%;
  700. z-index: 9999;
  701. /*--CSS3 Box Shadows--*/
  702. -webkit-box-shadow: 0px 0px 20px #000;
  703. -moz-box-shadow: 0px 0px 20px #000;
  704. box-shadow: 0px 0px 20px #000;
  705. /*--CSS3 Rounded Corners--*/
  706. -webkit-border-radius: 3px;
  707. -moz-border-radius: 3px;
  708. border-radius: 3px;
  709. }
  710.  
  711. .popup_block a{
  712. color:{color:text};
  713. }
  714. img.btn_close {
  715. float: right;
  716. margin: -20 -20px 0 0;
  717. }
  718. /*--Making IE6 Understand Fixed Positioning--*/
  719. *html #fade {
  720. position: absolute;
  721. }
  722. *html .popup_block {
  723. position: absolute;
  724. }
  725.  
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732. /*-----box coding start-----*/
  733. #boxiebox {
  734. font-size:11px; /*font size for all tabs*/
  735. background:{color:Sidebar Background};
  736. color:{color:text}; /*text colour for all tabs*/
  737. position:fixed;
  738. border:1px solid {color:borders}; /*border width and colour*/
  739. right:125px; /*distance from the right*/
  740. {block:ifOneColumn}
  741. right:260px;
  742. {/block:ifOneColumn}
  743. {block:ifThreeColumn}
  744. right:80px;
  745. {/block:ifThreeColumn}
  746. text-transform:uppercase;
  747. font-style:italic;
  748. padding:5px; /*padding around the box*/
  749. height:auto;
  750.  
  751. width:155px; /*width*/
  752. top:145px; /*distance from the top*/
  753. z-index:4;
  754. {block:IfSidebarShadowOne}
  755. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  756. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  757. box-shadow: 0 0 5px 5px {color:Shadows};
  758. {/block:IfSidebarShadowOne}
  759.  
  760. {block:IfSidebarShadowTwo}
  761. -moz-box-shadow: -5px -5px {color:Shadows};
  762. -webkit-box-shadow: -5px -5px {color:Shadows};
  763. box-shadow: -5px -5px {color:Shadows};
  764. {/block:IfSidebarShadowTwo}
  765. {block:ifTransparentSidebarBackground}
  766. background:transparent;
  767. {/block:ifTransparentSidebarBackground}
  768. {block:ifTranslucentSidebarBackground}
  769. background: rgba(255,255,255,0.7);
  770. {/block:ifTranslucentSidebarBackground}
  771.  
  772.  
  773. -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;-o-transition:all .6s ease;
  774. }
  775. /*-----box coding end-----*/
  776.  
  777.  
  778. /*-----tab 1 coding start-----*/
  779. #tab1{
  780. background:{color:Blog title links and updates tab background};
  781. color:{color:blog title};
  782. height:13px;
  783. overflow:hidden;
  784. border:1px solid {color:borders}; /*border colour*/
  785. z-index:4;
  786. padding:5px;
  787. -webkit-transition: all 0.4s ease-in-out;
  788. -moz-transition: all 0.4s ease-in-out;
  789. -o-transition: all 0.4s ease-in-out;}
  790.  
  791. #tab1 a{
  792. text-decoration:underline; /*underline links*/ }
  793.  
  794. #tab1 a:hover{
  795. text-decoration:none;}
  796.  
  797. #tab1:hover{
  798. height:145px; /*height of tab after hovering*/ }
  799. /*-----tab 1 coding end-----*/
  800.  
  801.  
  802. /*-----tab 2 coding start-----*/
  803. #tab2{
  804. background:{color:Blog title links and updates tab background};
  805. color:{color:blog title};
  806. margin-top:5px;
  807. border:1px solid {color:borders}; /*border colour*/
  808. padding:5px;
  809. height:13px;
  810. overflow:hidden;
  811. z-index:4;
  812. -webkit-transition: all 0.4s ease-in-out;
  813. -moz-transition: all 0.4s ease-in-out;
  814. -o-transition: all 0.4s ease-in-out;}
  815.  
  816. #tab2 a{
  817. text-decoration:underline; /*underline links*/ }
  818.  
  819. #tab2 a:hover{
  820. text-decoration:none;}
  821.  
  822. #tab2:hover{
  823. height:165px; /*height of tab after hovering*/ }
  824. /*-----tab 2 coding end-----*/
  825.  
  826. /*-----tab 3 coding start-----*/
  827. #tab3{
  828. background:{color:Blog title links and updates tab background};
  829. color:{color:blog title};
  830. margin-top:5px;
  831. padding:5px;
  832. height:13px;
  833. overflow:hidden;
  834. border:1px solid {color:borders}; /*border colour*/
  835. z-index:4;
  836. -webkit-transition: all 0.4s ease-in-out;
  837. -moz-transition: all 0.4s ease-in-out;
  838. -o-transition: all 0.4s ease-in-out;}
  839.  
  840. #tab3 a{
  841. text-decoration:underline; /*underline links*/ }
  842.  
  843. #tab3 a:hover{
  844. text-decoration:none;}
  845.  
  846. #tab3:hover{
  847. height:65px; /*height of tab after hovering*/ }
  848. /*-----tab 3 coding end-----*/
  849.  
  850.  
  851.  
  852. #boxiebox.shrink {
  853. padding-top:200px;
  854. height:100%;
  855. top:0px;
  856. }
  857.  
  858.  
  859. .tmblr-iframe{
  860. margin-top:5px;
  861. z-index:9999999999999;!important;
  862. -webkit-filter: invert(100%);
  863. }
  864.  
  865.  
  866. #top {
  867. padding-left:20px;
  868. padding-top:10px;
  869. height:20px;
  870. width:100%;
  871. top:0;
  872. font-size:16px;
  873. text-transform:none;
  874. font-style:italic;
  875. color:{color:text};
  876. border-bottom:solid {color:borders} 1px;
  877. background-color:{color:Sidebar background};
  878. z-index:5;
  879. position:fixed;
  880.  
  881. {block:IfSidebarShadowOne}
  882. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  883. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  884. box-shadow: 0 0 5px 5px {color:Shadows};
  885. {/block:IfSidebarShadowOne}
  886.  
  887. {block:IfSidebarShadowTwo}
  888. -moz-box-shadow: -5px -5px {color:Shadows};
  889. -webkit-box-shadow: -5px -5px {color:Shadows};
  890. box-shadow: -5px -5px {color:Shadows};
  891. {/block:IfSidebarShadowTwo}
  892. }
  893.  
  894.  
  895.  
  896. </style>
  897. {block:IfSparkleCursor}
  898. <script type="text/javascript">
  899. // <![CDATA[
  900. var colour="{color:Cursor Sparkle Colour}";
  901. var sparkles=120;
  902.  
  903. /****************************
  904. * Tinkerbell Magic Sparkle *
  905. * (c) 2005 mf2fm web-design *
  906. * http://www.mf2fm.com/rv *
  907. * DON'T EDIT BELOW THIS BOX *
  908. ****************************/
  909. var x=ox=400;
  910. var y=oy=300;
  911. var swide=800;
  912. var shigh=600;
  913. var sleft=sdown=0;
  914. var tiny=new Array();
  915. var star=new Array();
  916. var starv=new Array();
  917. var starx=new Array();
  918. var stary=new Array();
  919. var tinyx=new Array();
  920. var tinyy=new Array();
  921. var tinyv=new Array();
  922.  
  923. window.onload=function() { if (document.getElementById) {
  924. var i, rats, rlef, rdow;
  925. for (var i=0; i<sparkles; i++) {
  926. var rats=createDiv(3, 3);
  927. rats.style.visibility="hidden";
  928. document.body.appendChild(tiny[i]=rats);
  929. starv[i]=0;
  930. tinyv[i]=0;
  931. var rats=createDiv(5, 5);
  932. rats.style.backgroundColor="transparent";
  933. rats.style.visibility="hidden";
  934. var rlef=createDiv(1, 5);
  935. var rdow=createDiv(5, 1);
  936. rats.appendChild(rlef);
  937. rats.appendChild(rdow);
  938. rlef.style.top="2px";
  939. rlef.style.left="0px";
  940. rdow.style.top="0px";
  941. rdow.style.left="2px";
  942. document.body.appendChild(star[i]=rats);
  943. }
  944. set_width();
  945. sparkle();
  946. }}
  947.  
  948. function sparkle() {
  949. var c;
  950. if (x!=ox || y!=oy) {
  951. ox=x;
  952. oy=y;
  953. for (c=0; c<sparkles; c++) if (!starv[c]) {
  954. star[c].style.left=(starx[c]=x)+"px";
  955. star[c].style.top=(stary[c]=y)+"px";
  956. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  957. star[c].style.visibility="visible";
  958. starv[c]=50;
  959. break;
  960. }
  961. }
  962. for (c=0; c<sparkles; c++) {
  963. if (starv[c]) update_star(c);
  964. if (tinyv[c]) update_tiny(c);
  965. }
  966. setTimeout("sparkle()", 40);
  967. }
  968.  
  969. function update_star(i) {
  970. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  971. if (starv[i]) {
  972. stary[i]+=1+Math.random()*3;
  973. if (stary[i]<shigh+sdown) {
  974. star[i].style.top=stary[i]+"px";
  975. starx[i]+=(i%5-2)/5;
  976. star[i].style.left=starx[i]+"px";
  977. }
  978. else {
  979. star[i].style.visibility="hidden";
  980. starv[i]=0;
  981. return;
  982. }
  983. }
  984. else {
  985. tinyv[i]=50;
  986. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  987. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  988. tiny[i].style.width="2px";
  989. tiny[i].style.height="2px";
  990. star[i].style.visibility="hidden";
  991. tiny[i].style.visibility="visible"
  992. }
  993. }
  994.  
  995. function update_tiny(i) {
  996. if (--tinyv[i]==25) {
  997. tiny[i].style.width="1px";
  998. tiny[i].style.height="1px";
  999. }
  1000. if (tinyv[i]) {
  1001. tinyy[i]+=1+Math.random()*3;
  1002. if (tinyy[i]<shigh+sdown) {
  1003. tiny[i].style.top=tinyy[i]+"px";
  1004. tinyx[i]+=(i%5-2)/5;
  1005. tiny[i].style.left=tinyx[i]+"px";
  1006. }
  1007. else {
  1008. tiny[i].style.visibility="hidden";
  1009. tinyv[i]=0;
  1010. return;
  1011. }
  1012. }
  1013. else tiny[i].style.visibility="hidden";
  1014. }
  1015.  
  1016. document.onmousemove=mouse;
  1017. function mouse(e) {
  1018. set_scroll();
  1019. y=(e)?e.pageY:event.y+sdown;
  1020. x=(e)?e.pageX:event.x+sleft;
  1021. }
  1022.  
  1023. function set_scroll() {
  1024. if (typeof(self.pageYOffset)=="number") {
  1025. sdown=self.pageYOffset;
  1026. sleft=self.pageXOffset;
  1027. }
  1028. else if (document.body.scrollTop || document.body.scrollLeft) {
  1029. sdown=document.body.scrollTop;
  1030. sleft=document.body.scrollLeft;
  1031. }
  1032. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  1033. sleft=document.documentElement.scrollLeft;
  1034. sdown=document.documentElement.scrollTop;
  1035. }
  1036. else {
  1037. sdown=0;
  1038. sleft=0;
  1039. }
  1040. }
  1041.  
  1042. window.onresize=set_width;
  1043. function set_width() {
  1044. if (typeof(self.innerWidth)=="number") {
  1045. swide=self.innerWidth;
  1046. shigh=self.innerHeight;
  1047. }
  1048. else if (document.documentElement && document.documentElement.clientWidth) {
  1049. swide=document.documentElement.clientWidth;
  1050. shigh=document.documentElement.clientHeight;
  1051. }
  1052. else if (document.body.clientWidth) {
  1053. swide=document.body.clientWidth;
  1054. shigh=document.body.clientHeight;
  1055. }
  1056. }
  1057.  
  1058. function createDiv(height, width) {
  1059. var div=document.createElement("div");
  1060. div.style.position="absolute";
  1061. div.style.height=height+"px";
  1062. div.style.width=width+"px";
  1063. div.style.overflow="hidden";
  1064. div.style.backgroundColor=colour;
  1065. return (div);
  1066. }
  1067. // ]]>
  1068. </script>
  1069.  
  1070. {/block:IfSparkleCursor}
  1071. </head>
  1072.  
  1073. <body>
  1074.  
  1075. <div id="top">
  1076. <center>{text:Top quote}</center>
  1077.  
  1078.  
  1079.  
  1080. </div>
  1081.  
  1082.  
  1083.  
  1084. {block:IfDisableRightClick}
  1085. <script language=JavaScript>
  1086.  
  1087. <!--
  1088.  
  1089. //Disable right click script III- By Renigade (renigade@mediaone.net)
  1090.  
  1091. //For full source code, visit http://www.dynamicdrive.com
  1092.  
  1093. var message="";
  1094.  
  1095. ///////////////////////////////////
  1096.  
  1097. function clickIE() {if (document.all) {(message);return false;}}
  1098.  
  1099. function clickNS(e) {if
  1100.  
  1101. (document.layers||(document.getElementById&&!document.all)) {
  1102.  
  1103. if (e.which==2||e.which==3) {(message);return false;}}}
  1104.  
  1105. if (document.layers)
  1106.  
  1107. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1108.  
  1109. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1110.  
  1111. document.oncontextmenu=new Function("return false")
  1112.  
  1113. // -->
  1114.  
  1115. </script>
  1116. {/block:IfDisableRightClick}
  1117.  
  1118.  
  1119. <div style="position:fixed; background-color: #fff; left:22px; bottom:25px; paddin:2px; color: #000; border:1px solid #000; opacity:0.8; z-index:222;"><a title="Chloe at Arctic Fox Designs"href="http://arcticfoxdesigns.tumblr.com/"><img src="http://i.imgur.com/ObcbPgn.png" width="20"></a></div>
  1120. <center>
  1121.  
  1122. <div id="entries">
  1123.  
  1124. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  1125.  
  1126. <div id="sidebar">
  1127. <div class="blogtitle"><a href="/">{Title}</a></div>
  1128. {block:ifSidebarImage}<img src="{image:Sidebar Image}" width="230">{/block:ifSidebarImage}
  1129. <div class="description">{Description}</div>
  1130. <div class="links">
  1131. <a href="/" title="refresh"><i class="fa fa-refresh"></i></a>
  1132. <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-envelope"></i></a>
  1133.  
  1134. <a href="#?w=500" rel="03" class="poplight" title="More links"><i class="fa fa-bars"></i></a>
  1135.  
  1136.  
  1137. </div>
  1138. </div>
  1139.  
  1140.  
  1141. {block:Posts}
  1142.  
  1143. <!---------------DO NOT DELETE block:ContentSource--------------->
  1144.  
  1145. {block:ContentSource}
  1146. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1147. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1148. {/block:SourceLogo}
  1149. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1150. {/block:ContentSource}
  1151.  
  1152. <div id="post">
  1153.  
  1154. <!---------------EDIT TEXT POSTS HERE--------------->
  1155.  
  1156. {block:Text}
  1157. <div class="text">
  1158. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  1159. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="Reblog">reblog</a><div id="notecounter"><a href="{Permalink}">{NoteCount}</a></div>
  1160. </div>{/block:IndexPage}</div>
  1161. {/block:Text}
  1162.  
  1163. <!---------------EDIT LINK POSTS HERE--------------->
  1164.  
  1165. {block:Link}
  1166. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  1167. {block:Description}{Description}{/block:Description}
  1168. {block:IndexPage}<div class="permalink">reblog</a> / <a href="{Permalink}" title="{NoteCount}">{NoteCount}</a>
  1169. </div>{/block:IndexPage}
  1170. {/block:Link}
  1171.  
  1172. <!---------------EDIT PHOTO POSTS HERE--------------->
  1173.  
  1174. {block:Photo}
  1175. {block:IndexPage}
  1176. {block:ifTwoColumn}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="260px"/>{/block:ifTwoColumn}{block:ifOneColumn}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="440px"/>{/block:ifOneColumn}{block:ifThreeColumn}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:ifThreeColumn}{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1177. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  1178. {/block:Photo}
  1179.  
  1180. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  1181.  
  1182. {block:Photoset}
  1183. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
  1184.  
  1185. </div>{/block:IndexPage}
  1186. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1187. {/block:Photoset}
  1188.  
  1189. <!---------------EDIT QUOTE POSTS HERE--------------->
  1190.  
  1191. {block:Quote}
  1192. {Quote}{block:Source}
  1193. <div class="source">{Source}</div>{/block:Source}
  1194. {block:IndexPage}
  1195. <div class="permalink"><a href="{ReblogURL}">reblog</a><div id="notecounter"><a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div></div>
  1196. {/block:Quote}
  1197.  
  1198. <!---------------EDIT ANSWER POSTS HERE--------------->
  1199.  
  1200. {block:Answer}
  1201. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  1202. <div class="answer">{Answer}</div>
  1203. {block:IndexPage}
  1204. <div class="permalink"><a href="{ReblogURL}">Reblog</a><div id="notecounter"><a href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  1205. {/block:Answer}
  1206.  
  1207. <!---------------EDIT CHAT POSTS HERE--------------->
  1208.  
  1209. {block:Chat}
  1210. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1211. <div class="chat"><ul>{block:Lines}
  1212. <li class="person{UserNumber}">{block:Label}
  1213. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">Reblog</a><div id="notecounter"><a href="{Permalink}">{NoteCount}</a></div></div>
  1214. {/block:IndexPage}
  1215. {/block:Chat}
  1216.  
  1217. <!---------------EDIT AUDIO POSTS HERE--------------->
  1218.  
  1219. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  1220. <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}">Reblog</a> / <a href="{Permalink}">{NoteCount}</a></div>
  1221. {/block:IndexPage}
  1222. {/block:Audio}
  1223.  
  1224. <!---------------EDIT VIDEO POSTS HERE--------------->
  1225.  
  1226. {block:Video}
  1227. {block:IndexPage}<div class="video-container">{Video-250}</div>
  1228. <div class="permalink"><a href="{ReblogURL}">Reblog</a><div id="notecounter"><a href="{Permalink}">{NoteCount}</a></div></div>{/block:IndexPage}
  1229. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1230. {/block:Video}
  1231.  
  1232. <!---------------EDIT PERMALINK PAGE HERE--------------->
  1233.  
  1234. {block:PermalinkPage}
  1235. {block:Caption}{Caption}{/block:Caption}
  1236. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  1237. <div class="permapage">
  1238. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  1239. </div>
  1240. {/block:Posts}
  1241. </div>
  1242.  
  1243. <!---------------DO NOT DELETE THIS--------------->
  1244.  
  1245. {block:IndexPage}
  1246. {block:Pagination}
  1247. <div id="pagination">
  1248. {block:NextPage}
  1249. <a id="nextPage" href="{NextPage}"></a>
  1250. {/block:NextPage}
  1251. {block:PreviousPage}
  1252. <a href="{PreviousPage}"></a>
  1253. {/block:PreviousPage}
  1254. </div>
  1255. {/block:Pagination}
  1256. {/block:IndexPage}
  1257. </center>
  1258.  
  1259.  
  1260. </body>
  1261.  
  1262.  
  1263. <div id="boxiebox">
  1264.  
  1265. <div id="tab1">
  1266. <div style="text-align:right;">{text:Tab one title}</div> <br>
  1267. {text:Tab one content}
  1268. </div>
  1269.  
  1270. <div id="tab3">
  1271. <div style="text-align:right;">{text:Tab two title}</div> <br>
  1272. {text:Tab two content}
  1273. </div>
  1274.  
  1275.  
  1276. <div id="tab2">
  1277. <div style="text-align:right;">{text:Tab three title}</div><br>
  1278. {text:Tab three content}
  1279. </div>
  1280.  
  1281. </div>
  1282.  
  1283. <div id="03" class="popup_block"><div id="navigation">
  1284. <div id="asktitle">Navigation</div><br>
  1285. <a href="{text:Link One URL}" title="{text:Link One Title}">• {text:Link One Title}</a><br>
  1286. <a href="{text:Link Two URL}" title="{text:Link Two Title}">• {text:Link Two Title}</a><br>
  1287. <a href="{text:Link Three URL}" title="{text:Link Three Title}">• {text:Link Three Title}</a><br>
  1288. <a href="{text:Link Four URL}" title="{text:Link Four Title}">• {text:Link Four Title}</a> <br>
  1289. <a href="{text:Link Five URL}" title="{text:Link Five Title}">• {text:Link Five Title}</a>
  1290.  
  1291. </div></div></div></div></div></div></div></div></div></div>
  1292.  
  1293.  
  1294. <div id="02" class="popup_block">
  1295. <div id="asktitle">{text:Ask title}</div><br>
  1296. <div id="askinfo">
  1297. {text:FAQ ask info}</div><br>
  1298. <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">
  1299. </center></div></div></div></div></div></div></div></div></div></div>
  1300.  
  1301.  
  1302.  
  1303.  
  1304.  
  1305. </div>
  1306.  
  1307.  
  1308.  
  1309.  
  1310.  
  1311.  
  1312.  
  1313.  
  1314. </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!