API tools faq
paste
danystormborn

Mandala Theme // Arctic Fox

danystormborn
May 20th, 2016
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.71 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. Theme by Arctic Fox // Chloe & Caitlin
  5.  
  6. MANDALA THEME
  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=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'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  20.  
  21. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  22.  
  23. <meta name="image:Background" content=""/>
  24. <meta name="image:Sidebar image" content=""/>
  25. <meta name="image:Ask pop up close button" content=""/>
  26. <meta name="color:Background" content="#FFFFFF"/>
  27. <meta name="color:Blog border" content="#EBEFF7">
  28. <meta name="color:Sidebar Background" content="#FFFFFF"/>
  29. <meta name="color:Title" content="#999999"/>
  30. <meta name="color:Blog Title" content="#999999"/>
  31. <meta name="color:Text" content="#777777"/>
  32. <meta name="color:select color" content="#FF0080"/>
  33. <meta name="color:Links background" content="#EBEFF7"/>
  34. <meta name="color:Link" content="#555555"/>
  35. <meta name="color:Hover" content="#999999"/>
  36. <meta name="color:Borders" content="#000000"/>
  37. <meta name="color:Post Background" content="#FFFFFF"/>
  38. <meta name="color:Permalink background" content="#FFFFFF"/>
  39. <meta name="color:Permalink colour" content="#000000"/>
  40. <meta name="color:Shadows" content="#e5eff1"/>
  41. <meta name="color:Pop up background" content="#FFFFFF">
  42. <meta name="color:Pop up text" content="#000000">
  43. <meta name="color:Navigation and ask header" content="#EBEFF7"/>
  44. <meta name="color:Navigation and ask header text" content="#000000"/>
  45.  
  46. <meta name="select:blog title font" title="Cedarville Cursive" content="'Cedarville Cursive', cursive"/>
  47. <meta name="select:blog title font" title="Calibri" content="'Calibri'"/>
  48. <meta name="select:blog title font" title="Comfortaa" content="'Comfortaa', cursive"/>
  49. <meta name="select:blog title font" title="Handlee" content="'Handlee', cursive"/>
  50. <meta name="select:blog title font" title="Kalam" content="'Kalam', cursive"/>
  51. <meta name="select:blog title font" title="Fredericka the Great" content="'Fredericka the Great', cursive"/>
  52. <meta name="select:blog title font" title="Merienda" content="'Merienda', cursive"/>
  53. <meta name="select:blog title font" title="Just Me Again Down Here" content="'Just Me Again Down Here', cursive"/>
  54. <meta name="select:blog title font" title="Henny Penny" content="'Henny Penny', cursive"/>
  55. <meta name="select:blog title font" title="Caesar Dressing" content="'Caesar Dressing', cursive"/>
  56. <meta name="select:blog title font" title="Cedarville Cursive" content="'Cedarville Cursive', cursive"/>
  57. <meta name="select:blog title font" title="Dawning of a New Day" content="'Dawning of a New Day', cursive"/>
  58.  
  59. <meta name="select:blog title transform" content="none"/>
  60. <meta name="select:blog title transform" content="uppercase"/>
  61. <meta name="select:blog title transform" content="lowercase"/>
  62. <meta name="select:body font" title="calibri" content="calibri"/>
  63. <meta name="select:body font" title="arial" content="arial"/>
  64. <meta name="select:body font" title="consolas" content="consolas"/>
  65. <meta name="select:body font" title="Raleway" content="'Raleway', sans-serif"/>
  66. <meta name="select:description transform" content="none"/>
  67. <meta name="select:description transform" content="uppercase"/>
  68. <meta name="select:description transform" content="lowercase"/>
  69.  
  70.  
  71.  
  72.  
  73.  
  74. <meta name="if:Sidebar image" content=""/>
  75. <meta name="if:2 Column" content="1"/>
  76. <meta name="if:3 Column" content=""/>
  77.  
  78. <meta name="if:Maximised background" content=""/>
  79. <meta name="if:Disable right click" content=""/>
  80. <meta name="if:Post borders" content="1"/>
  81. <meta name="if:Sidebar borders" content="1"/>
  82. <meta name="if:Permalink borders" content="1"/>
  83. <meta name="if:Post shadow one" content=""/>
  84. <meta name="if:Post shadow two" content="1"/>
  85. <meta name="if:Sidebar shadow one" content=""/>
  86. <meta name="if:Sidebar shadow two" content="1"/>
  87. <meta name="if:Pop up shadow one" content=""/>
  88. <meta name="if:Pop up shadow two" content="1"/>
  89. <meta name="if:Top Left Image 1" content="1"/>
  90. <meta name="if:Top Left Image 2" content=""/>
  91. <meta name="if:Top Left Image 3" content=""/>
  92. <meta name="if:Post fade effect" content=""/>
  93.  
  94.  
  95.  
  96. <meta name="text:Cursor image URL" content=""/>
  97. <meta name="text:Favicon" content=""/>
  98. <meta name="text:FAQ ask info" content=""/>
  99. <meta name="text:Link One URL" content=""/>
  100. <meta name="text:Link One Title" content="link"/>
  101. <meta name="text:Link Two URL" content=""/>
  102. <meta name="text:Link Two Title" content="link"/>
  103. <meta name="text:Link Three URL" content=""/>
  104. <meta name="text:Link Three Title" content="link"/>
  105. <meta name="text:Link Four URL" content=""/>
  106. <meta name="text:Link Four Title" content="link"/>
  107. <meta name="text:Link Five URL" content=""/>
  108. <meta name="text:Link Five Title" content="link"/>
  109. <meta name="text:Tab one title" content="updates"/>
  110. <meta name="text:Tab one content" content="put your updates here"/>
  111. <meta name="text:Tab one height" content="100"/>
  112. <meta name="text:Tab two title" content="Networks"/>
  113. <meta name="text:Tab two content" content="put your network badges here"/>
  114. <meta name="text:Tab two height" content="60"/>
  115. <meta name="text:Tab three title" content="stats"/>
  116. <meta name="text:Tab three content" content="put your stats codes here"/>
  117. <meta name="text:Tab three height" content="160"/>
  118.  
  119.  
  120.  
  121.  
  122. <title>{Title}</title>
  123. {block:Description}
  124. <meta name="description" content="{MetaDescription}" />
  125. {/block:Description}
  126. <link rel="shortcut icon" href="{text:Favicon}">
  127.  
  128. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  129. <script type="text/javascript"
  130. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  131. <script>
  132. $(document).ready(function() {
  133. //
  134. $('a.poplight[href^=#]').click(function() {
  135. var popID = $(this).attr('rel'); //Get Popup Name
  136. var popURL = $(this).attr('href'); //Get Popup href to define size
  137. var query= popURL.split('?');
  138. var dim= query[1].split('&');
  139. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  140. $('#' + 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>');
  141. var popMargTop = ($('#' + popID).height() + 80) / 2;
  142. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  143. //Apply Margin to Popup
  144. $('#' + popID).css({
  145. 'margin-top' : -popMargTop,
  146. 'margin-left' : -popMargLeft
  147. });
  148. $('body').append('<div id="fade"></div>');
  149. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  150. return false;
  151. });
  152. $('a.close, #fade').live('click', function() {
  153. $('#fade , .popup_block').fadeOut(function() {
  154. $('#fade, a.close').remove(); //fade them both out
  155. });
  156. return false;
  157. });
  158. });
  159. </script>
  160.  
  161. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  162.  
  163. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  164. <script>
  165. (function($){$(document)
  166. .ready(function(){$("[title]")
  167. .style_my_tooltips();});})
  168. (jQuery);
  169. </script>
  170.  
  171. {block:IndexPage}
  172. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  173. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  174.  
  175. <script type="text/javascript">
  176. $(window).load(function(){
  177. var $wall = $('#entries');
  178. $wall.imagesLoaded(function(){
  179. $wall.masonry({
  180. itemSelector: '#post, #post_photo',
  181. isAnimated : false
  182. });
  183. });
  184.  
  185. $wall.infinitescroll({
  186. navSelector : '#pagination',
  187. nextSelector : '#pagination a',
  188. itemSelector : '#post, #post_photo',
  189. bufferPx : 2000,
  190. debug : false,
  191. errorCallback: function() {
  192. $('#scroll').fadeOut('normal');
  193. }},
  194. function( newElements ) {
  195. var $newElems = $( newElements );
  196. $newElems.hide();
  197. $newElems.imagesLoaded(function(){
  198. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  199. });
  200. }); $('#entries').show(500);
  201. });
  202. </script>
  203.  
  204.  
  205. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  206.  
  207. {/block:IndexPage}
  208.  
  209.  
  210. <!---------------END SCRIPTS--------------->
  211.  
  212. <style type="text/css">
  213.  
  214.  
  215. #buttons{
  216. POSITION:FIXED;
  217. OPACITY:1.0;
  218. TOP:0px;
  219. RIGHT:0px;
  220. HEIGHT:AUTO;
  221. WIDTH:AUTO;
  222. Z-INDEX:2;
  223. {block:permalinkpage}
  224. OPACITY:0.0;
  225. {/block:permalinkpage}
  226. }
  227.  
  228. #buttons a{
  229. COLOR:{color:blogtitle};
  230. PADDING:6px;
  231. WIDTH:81px;
  232.  
  233. TEXT-ALIGN:CENTER;
  234. LETTER-SPACING:1px;
  235. DISPLAY:INLINE-BLOCK;
  236. border:0px solid {color:borders};
  237. text-transform:uppercase;
  238. background:{color:blog border};
  239. }
  240. .tmblr-iframe{
  241. margin-top:15px;
  242. margin-right:0px;
  243. opacity:0;
  244. z-index:9999999999999;!important;
  245. -webkit-filter: invert(100%);
  246. {block:permalinkpage}
  247. opacity:1;
  248. margin-top:15px;
  249. {/block:permalinkpage}
  250. }
  251.  
  252.  
  253.  
  254. ::-webkit-scrollbar{ width:9px; background-color:transparent;
  255. }
  256. ::-webkit-scrollbar-thumb{ background-color: {color:Blog border}; }
  257.  
  258. /************EDIT BODY HERE************/
  259.  
  260. body{
  261. margin:0px;
  262. background-color: {color:Background};
  263. background-attachment:fixed;
  264. background-repeat:100%;
  265. background-position:bottom-right;
  266. font-family:{select:body font};
  267. font-size:10px;
  268. letter-spacing:1px;
  269. overflow-x:hidden;
  270. text-align:left;
  271.  
  272. color: {color:Text};
  273. background-image:url({image:Background});
  274. {block:ifMaximisedBackground}
  275. background-image:url({image:Background});
  276. -webkit-background-size: cover;
  277. -moz-background-size: cover;
  278. -o-background-size: cover;
  279. background-size: cover;
  280. {/block:ifMaximisedBackground}
  281.  
  282. }
  283.  
  284.  
  285. a:link, a:active, a:visited{
  286. text-decoration: none;
  287. color: {color:Link};}
  288.  
  289. a:hover {
  290. color:{color:Link};
  291. text-decoration:none;}
  292.  
  293. /************EDIT TOOLTIP HERE************/
  294.  
  295.  
  296. #s-m-t-tooltip {
  297. padding: 4px;
  298. height:auto;
  299. display: none;
  300. font-family: consolas;
  301. font-size: 10px;
  302. max-width:150px;
  303. text-transform:uppercase;
  304. text-align: center;
  305. letter-spacing:1px;
  306. margin-top:10px;
  307. margin-left: 15px;
  308. line-height: 8px;
  309. z-index: 999999999999;
  310.  
  311. border: 1px solid #f5f5f5;
  312. background:#ffffff;
  313. color: #888;}
  314.  
  315. /************EDIT POST POSITION/WIDTH HERE************/
  316.  
  317. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  318.  
  319. #entries{
  320. text-align:left;
  321. {block:if2Column}
  322. width:810px;
  323. {/block:if2Column}
  324. {block:if3Column}
  325. width:920px;
  326. {/block:if3Column}
  327. margin-left:250px;
  328. margin-top:50px;
  329. position:relative;
  330.  
  331. {block:PermalinkPage}
  332. width:550px;
  333. margin-left:130px;
  334. {/block:PermalinkPage}}
  335.  
  336.  
  337. #post{
  338. position:relative;
  339. text-align:left;
  340.  
  341. background:{color:Post Background};
  342. {block:ifPostBorders}
  343. border:1px solid {color:borders};
  344. {/block:ifPostBorders}
  345. padding-bottom:11px;
  346. padding-left:11px;
  347. padding-right:11px;
  348. padding-top:11px;
  349. max-width: 100%;
  350. display:block;
  351.  
  352. {block:IfPostShadowOne}
  353. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  354. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  355. box-shadow: 0 0 5px 5px {color:Shadows};
  356. {/block:IfPostShadowOne}
  357.  
  358. {block:IfPostShadowTwo}
  359. -moz-box-shadow: -5px -5px {color:Shadows};
  360. -webkit-box-shadow: -5px -5px {color:Shadows};
  361. box-shadow: -5px -5px {color:Shadows};
  362. {/block:IfPostShadowTwo}
  363. {block:if2Column}
  364. width:230px;
  365. margin-right:80px;
  366. margin-bottom:50px;
  367. {/block:if2Column}
  368. {block:if3Column}
  369. width:200px;
  370. margin-right:60px;
  371. margin-bottom:40px;
  372. {/block:if3Column}
  373.  
  374. {block:PermalinkPage}
  375. width:500px;
  376. {/block:PermalinkPage}}
  377.  
  378. #post a{
  379. color:{color:permalink colour};
  380. }
  381.  
  382.  
  383. /*Do not delete #post img.*/
  384.  
  385. #post img{
  386. max-width:100%;
  387. {block:ifPostFadeEffect}
  388. -webkit-transition: all 0.9s ease-in-out;
  389. opacity:0.7;
  390. {/block:ifPostFadeEffect}
  391. }
  392.  
  393.  
  394. #post img:hover{
  395. {block:ifPostFadeEffect}
  396. -webkit-transition: opacity 0.8s linear;
  397. opacity: 1;
  398. {/block:ifPostFadeEffect}
  399. }
  400.  
  401. /*Edit the permalinks all posts.*/
  402.  
  403. .permalink{
  404. position:absolute;
  405. top:0px;
  406. margin-top:0px;
  407. -webkit-transform: translate(0px,-50%);
  408. -moz-transform: translate(0px,-50%);
  409. -ms-transform: translate(0px,-50%);
  410. -o-transform: translate(0px,-50%);
  411. transform: translate(0px,-50%);
  412. margin-left:0%;
  413. left:25px;
  414. -webkit-transform: translate(-50%,-50%);
  415. -moz-transform: translate(-50%,-50%);
  416. -ms-transform: translate(-50%,-50%);
  417. -o-transform: translate(-50%,-50%);
  418. transform: translate(-50%,-50%);
  419.  
  420. background-color:{color:Permalink background};
  421. color:{color:Permalink colour};
  422. opacity:0;
  423. width:50px;
  424. padding:10px;
  425. font-size:10px;
  426. letter-spacing:2px;
  427. text-transform:uppercase;
  428. background-color:{color:Permalink background};
  429.  
  430. {block:ifPermalinkBorders}
  431. border:1px solid {color:borders};
  432. {/block:ifPermalinkBorders}
  433. text-align:center;
  434.  
  435. -webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;transition:all 1.0s ease;-o-transition:all 1.0s ease;
  436.  
  437.  
  438.  
  439. }
  440. .permalink a{
  441. color:{color:Permalink colour};
  442. line-height:15px;}
  443.  
  444. #post:hover .permalink{
  445.  
  446. opacity:1;
  447. top:50%;
  448.  
  449. -webkit-transform: translate(0px,-50%);
  450. -moz-transform: translate(0px,-50%);
  451. -ms-transform: translate(0px,-50%);
  452. -o-transform: translate(0px,-50%);
  453. transform: translate(0px,-50%);
  454.  
  455. left:50%;
  456. -webkit-transform: translate(-50%,-50%);
  457. -moz-transform: translate(-50%,-50%);
  458. -ms-transform: translate(-50%,-50%);
  459. -o-transform: translate(-50%,-50%);
  460. transform: translate(-50%,-50%);
  461. }
  462.  
  463. #notecounter{
  464. margin-top:1px;
  465. text-align:center;
  466. }
  467.  
  468.  
  469. /*Edit the titles on any text-based post.*/
  470.  
  471. .posttitle{
  472. font-size:14px;
  473. letter-spacing:2px;
  474. text-align:center;
  475. color:{color:Title};}
  476.  
  477. .posttitle a{
  478. color:{color:Link};}
  479.  
  480. /************EDIT QUOTE POSTS HERE************/
  481.  
  482. .quote{
  483. margin-right: 5px;}
  484.  
  485.  
  486.  
  487.  
  488. /************EDIT ANSWER POSTS HERE************/
  489.  
  490. .ask{
  491. padding:4px;
  492. border-bottom:1px solid {color:Borders};
  493. padding-bottom:5px;
  494. }
  495. .asker{
  496. color:{color:Title};
  497. font-size:14px;
  498. }
  499.  
  500. .asker a{
  501. color:{color:Title};
  502. }
  503. .answer{
  504. margin-top:10px;}
  505.  
  506. /************EDIT AUDIO POSTS HERE************/
  507.  
  508. .audio{
  509. {block:IndexPage}width:180px;{/block:IndexPage}
  510. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  511. .info{
  512. padding:2px 0px 1px 57px;}
  513. .i {
  514. text-transform:uppercase;
  515. letter-spacing:1px;
  516. font-size:8px;}
  517. .pl b,strong{
  518. text-transform:lowercase;
  519. font-size:9px;}
  520. .player{
  521. position:absolute;
  522. overflow:hidden;
  523. margin-top:0px;
  524. margin-left:15px;
  525. background:#ffffff;
  526. width:24px;
  527. height:23px;}
  528.  
  529. /************EDIT VIDEO POSTS HERE************/
  530. /***********DO NOT DELETE THIS CODE************/
  531.  
  532. .video-container {
  533. position:relative;
  534. padding-bottom:56.25%;
  535. padding-top: 30px;
  536. height:0;
  537. overflow:hidden;}
  538.  
  539. .video-container iframe,
  540. .video-container object,
  541. .video-container embed {
  542. position: absolute;
  543. top: 0;
  544. left: 0;
  545. width: 100%;
  546. height: 100%;}
  547.  
  548. /************EDIT CHAT POSTS HERE************/
  549.  
  550. .chat{
  551. line-height:12px;
  552. list-style:none;}
  553. .chat ul{
  554. list-style:none;
  555. padding:0px 5px;
  556. line-height:15px;}
  557. .label{
  558. color:{color:Link};}
  559.  
  560. /************EDIT SIDEBAR HERE************/
  561.  
  562. #sidebar{
  563. position:fixed;
  564. z-index:1;
  565. padding-top:10px;
  566. background:{color:Sidebar Background};
  567. {block:ifSidebarBorders}
  568. border:1px solid {color:borders};
  569. {/block:ifSidebarBorders}
  570. left:120px;
  571. top:160px;
  572. {block:ifSidebarImage}
  573. top:130px;
  574. {/block:ifSidebarImage}
  575. width:180px;
  576. text-align:center;
  577. {block:IfSidebarShadowOne}
  578. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  579. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  580. box-shadow: 0 0 5px 5px {color:Shadows};
  581. {/block:IfSidebarShadowOne}
  582.  
  583. {block:IfSidebarShadowTwo}
  584. -moz-box-shadow: -5px -5px {color:Shadows};
  585. -webkit-box-shadow: -5px -5px {color:Shadows};
  586. box-shadow: -5px -5px {color:Shadows};
  587. {/block:IfSidebarShadowTwo}
  588.  
  589. {block:PermalinkPage}
  590. left:180px;
  591. {/block:PermalinkPage}
  592. }
  593.  
  594. .blogtitle{
  595. margin-top:2px;
  596. text-align:left;
  597. text-transform:{select:blog title transform};
  598. font-family:{select:blog title font};
  599. padding-left:25px;
  600. font-size:16px;}
  601.  
  602. .blogtitle a{
  603. color:{color:Blog Title};}
  604.  
  605. .description{
  606. text-align:center;
  607. {block:ifSidebarBorders}
  608. border-bottom:1px solid {color:Borders};
  609. {/block:ifSidebarBorders}
  610. text-transform:{select:description transform};
  611. font-size:10px;
  612. padding:5px;
  613. width:150px;
  614. margin-bottom:10px;
  615. margin-top:10px;
  616. }
  617.  
  618. .links{
  619. background:{color:Links background};
  620. margin-top:10px;
  621. width:180px;
  622. padding-top:5px;
  623. padding-bottom:5px;
  624. {block:ifSidebarBorders}
  625. border-top:1px solid {color:Borders};
  626. border-bottom:1px solid {color:Borders};
  627. {/block:ifSidebarBorders}
  628. text-align:center;
  629.  
  630.  
  631. }
  632.  
  633. .links:hover{
  634. color:{color:Hover};
  635.  
  636.  
  637. }
  638.  
  639. .links a{
  640.  
  641.  
  642. }
  643.  
  644. .links a:hover{
  645. margin-left:;
  646. color:{color:Hover};
  647. }
  648.  
  649. /************EDIT TEXT SETTINGS HERE************/
  650.  
  651. i, em{
  652. color:{color:Link};}
  653. b, strong{
  654. font-weight:normal;
  655. text-transform:uppercase;
  656. color:{color:Link};}
  657. ul,ol{
  658. margin:0px;
  659. margin-left:-5px;}
  660. p{
  661. padding:0px;
  662. margin:2px;}
  663. u{
  664. text-decoration:none;
  665. color:{color:Title};}
  666.  
  667. blockquote {
  668. margin:0px;
  669. padding:4px;
  670. background:#f7f7f7;}
  671.  
  672. /************DO NOT DELETE #SCROLL************/
  673.  
  674. #scroll{
  675. bottom:-20px;
  676. position: absolute;
  677. left: 50%;
  678. width:10px;
  679. height:5px;
  680. overflow:hidden;
  681. margin-bottom:80px;}
  682.  
  683.  
  684. #fade { /*--Transparent background layer--*/
  685. display: none; /*--hidden by default--*/
  686. background: #fff;
  687. position: fixed; left: 0; top: 0;
  688. width: 100%; height: 100%;
  689. opacity: .70;
  690. z-index: 9999;
  691. }
  692. .popup_block{
  693. display: none; /*--hidden by default--*/
  694. background: {color:Pop up background};
  695. padding: 10px;
  696. border: 1px solid {color:Borders};
  697. float: left;
  698. font-size: 10px;
  699. color:{color:Pop up text};
  700. position: fixed;
  701. top: 50%; left: 50%;
  702. z-index: 99999;
  703.  
  704. {block:IfPopUpShadowOne}
  705. -moz-box-shadow: 0 0 5px 5px {color:Shadows};
  706. -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
  707. box-shadow: 0 0 5px 5px {color:Shadows};
  708. {/block:IfPopUpShadowOne}
  709.  
  710. {block:IfPopUpShadowTwo}
  711. -moz-box-shadow: -5px -5px {color:Shadows};
  712. -webkit-box-shadow: -5px -5px {color:Shadows};
  713. box-shadow: -5px -5px {color:Shadows};
  714. {/block:IfPopUpShadowTwo}
  715. }
  716. img.btn_close {
  717. float: right;
  718. margin: -20 -20px 0 0;
  719. }
  720. /*--Making IE6 Understand Fixed Positioning--*/
  721. *html #fade {
  722. position: absolute;
  723. }
  724. *html .popup_block {
  725. position: absolute;
  726. }
  727.  
  728. #credit{
  729. height:20px;
  730. width:20px;
  731. position:fixed; background-color: #fff;
  732. left:25px;
  733. bottom:0px;
  734. color: #000;
  735. text-transform:none;
  736. padding:10px;
  737. opacity:0.8;
  738. z-index:222;
  739. overflow:hidden;
  740. font-size:18px;
  741. font-weight:bold;
  742. font-family:'Cedarville Cursive', cursive;
  743. -webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;-o-transition:all 1s ease;
  744. }
  745.  
  746. #credit:hover{
  747. width:145px;
  748. }
  749.  
  750. #credit img{
  751. height:20px;
  752. }
  753.  
  754. #credit a{
  755. padding-left:5px;
  756. color: #2a2a2a; text-shadow: black 0.1em 0.1em 0.2em}
  757.  
  758.  
  759.  
  760.  
  761.  
  762. #top {
  763. height:25px;
  764. width:100%;
  765. top:0px;
  766. background-color:{color:Blog border};
  767. z-index:1;
  768. position:fixed;}
  769.  
  770. #left {
  771. width:25px;
  772. height:1000px;
  773. background-color:{color:Blog border};
  774. z-index:1;
  775. left:0px;
  776. top:-10px;
  777. position:fixed;}
  778.  
  779. ::selection {
  780.  
  781. background: {color:Select color}; /* Safari */
  782.  
  783. }
  784.  
  785. ::-moz-selection {
  786.  
  787. background: {color:Select color}; /* Firefox */
  788.  
  789. }
  790.  
  791. #tabtitle{
  792. border:1px solid {color:Borders};
  793. padding:3px;
  794. color:{color:Blog title};
  795. background:{color:Blog border};
  796. text-transform:uppercase;
  797. Letter-spacing:2px;
  798. font-size:11px;
  799. margin-bottom:5px;
  800. }
  801.  
  802.  
  803. #tab1 {
  804. z-index:999;position:fixed;
  805. background:white;/*box 1 background*/
  806. border:1px solid {color:border};
  807. right:7px;top:32px;
  808.  
  809. width:15px;height:15px;}
  810.  
  811. .tab1{
  812. z-index:9999;overflow:hidden;position:fixed;
  813. background:white;/*tab 1 background*/
  814. border:1px solid {color:borders};
  815. padding:10px;right:30px;top:-400px;
  816. font-size:11px;text-align:center;
  817.  
  818. width:153px;/*tab 1 width*/
  819. height:{text:Tab one height}px;/*tab 1 height, make this higher for longer text*/
  820. -webkit-transition-duration: 0.7s;
  821. -moz-transition-duration: 0.7s;
  822. -o-transition-duration: 0.7s;
  823. transition-duration: 0.7s;}
  824.  
  825. #tab1:hover .tab1{top:32px;}
  826.  
  827. #tab2 {
  828. z-index:999;overflow:hidden;
  829. position:fixed;
  830. background:white;/*box 2 background*/
  831. border:1px solid {color:borders};
  832. right:7px;top:57px;
  833.  
  834. width:15px;height:15px;}
  835.  
  836. .tab2{
  837. z-index:9999;overflow:hidden;position:fixed;
  838. background:white;/*tab 1 background*/
  839. border:1px solid {color:borders};
  840. padding:10px;right:30px;top:-400px;
  841. font-size:11px;text-align:center;
  842.  
  843. width:153px;/*tab 2 width*/
  844. height:{text:Tab two height}px;/*tab 2 height, make this higher for longer text*/
  845. -webkit-transition-duration: 0.7s;
  846. -moz-transition-duration: 0.7s;
  847. -o-transition-duration: 0.7s;
  848. transition-duration: 0.7s;}
  849.  
  850. #tab2:hover .tab2{top:32px;}
  851.  
  852. #tab3{
  853. z-index:999;overflow:hidden;
  854. position:fixed;
  855. background:white;/*box 3 background*/
  856. border:1px solid {color:borders};
  857. right:7px;top:82px;
  858.  
  859. width:15px;height:15px;}
  860.  
  861. .tab3{
  862. z-index:9999;overflow:hidden;position:fixed;
  863. background:white;/*tab 1 background*/
  864. border:1px solid {color:border};
  865. padding:10px;right:30px;top:-400px;
  866. font-size:11px;text-align:center;
  867.  
  868. width:153px;/*tab 3 width*/
  869. height:{text:Tab three height}px;/*tab 3 height, make this higher for longer text*/
  870. -webkit-transition-duration: 0.7s;
  871. -moz-transition-duration: 0.7s;
  872. -o-transition-duration: 0.7s;
  873. transition-duration: 0.7s;}
  874.  
  875. #tab3:hover .tab3{top:32px;}
  876.  
  877.  
  878.  
  879. #asktitle {
  880. background-color:{color:Navigation and ask header};
  881. color:{color:Navigation and ask header text};
  882. font-family:calibri;
  883. font-size:14px;
  884. padding:5px;
  885.  
  886. letter-spacing:3px;
  887.  
  888. text-transform:uppercase;
  889. border:1px solid {color:borders};
  890.  
  891. }
  892.  
  893. #askinfo{
  894. margin-top:-5px;
  895. padding:5px;
  896. border:1px solid {color:borders};
  897. font-size:12px;
  898. text-transform:none;
  899. letter-spacing:1px;
  900.  
  901. color:{color:pop up text};
  902.  
  903.  
  904.  
  905. }
  906.  
  907. #askinfo a{
  908. color:{color:pop up text};
  909. }
  910.  
  911.  
  912. </style>
  913.  
  914. </head>
  915.  
  916. <body>
  917.  
  918.  
  919. <div id="tab1"><div class="tab1">
  920. <div id="tabtitle">{text:Tab one title}</div>
  921. {text:Tab one content}
  922.  
  923. </div></div>
  924.  
  925. <div id="tab2"><div class="tab2">
  926.  
  927. <div id="tabtitle">{text:Tab two title}</div>
  928. {text:Tab two content}
  929.  
  930. </div></div>
  931.  
  932. <div id="tab3"><div class="tab3">
  933. <div id="tabtitle">{text:Tab three title}</div>
  934. {text:Tab three content}
  935.  
  936. </div></div>
  937. {block:IfDisableRightClick}
  938. <script language=JavaScript>
  939.  
  940. <!--
  941.  
  942. //Disable right click script III- By Renigade (renigade@mediaone.net)
  943.  
  944. //For full source code, visit http://www.dynamicdrive.com
  945.  
  946. var message="";
  947.  
  948. ///////////////////////////////////
  949.  
  950. function clickIE() {if (document.all) {(message);return false;}}
  951.  
  952. function clickNS(e) {if
  953.  
  954. (document.layers||(document.getElementById&&!document.all)) {
  955.  
  956. if (e.which==2||e.which==3) {(message);return false;}}}
  957.  
  958. if (document.layers)
  959.  
  960. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  961.  
  962. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  963.  
  964. document.oncontextmenu=new Function("return false")
  965.  
  966. // -->
  967.  
  968. </script>
  969. {/block:IfDisableRightClick}
  970.  
  971. <div id="top"><center><div class="blogtitle"><a href="/">{Title}</a></div></center></div>
  972. <div id="left"></div>
  973.  
  974.  
  975. <div id="credit">
  976. <a href="http://arcticfoxdesigns.tumblr.com/"><img src="http://i.imgur.com/ObcbPgn.png"> Arctic Fox</a>
  977. </div>
  978.  
  979. <div id="buttons">
  980. <a href="http://tumblr.com/dashboard">dashboard</a>
  981. &nbsp;
  982. <a href="http://tumblr.com/follow/{name}/">follow me</a>
  983. </div>
  984.  
  985. <center>
  986.  
  987.  
  988.  
  989.  
  990. <div id="entries">
  991.  
  992. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  993.  
  994. <div id="sidebar">
  995. {block:ifSidebarImage}<img src="{image:Sidebar Image}" width="160">{/block:ifSidebarImage}
  996.  
  997. <div class="links">
  998. <a href="/" title="refresh">.01</a>
  999. <a href="#?w=500" rel="02" class="poplight" title="Mssg">.02</a>
  1000. <a href="#?w=500" rel="03" class="poplight" title="Submit">.03</a>
  1001. <a href="/archive" title="archive">.04</a>
  1002. <a href="#?w=500" rel="04" class="poplight" title="More links">.05</a>
  1003.  
  1004. <a href="http://arcticfoxdesigns.tumblr.com" title="Theme">.06</a>
  1005. </div><center>
  1006. <div class="description">{Description}</div></center>
  1007. </div>
  1008.  
  1009.  
  1010. {block:Posts}
  1011.  
  1012. <!---------------DO NOT DELETE block:ContentSource--------------->
  1013.  
  1014. {block:ContentSource}
  1015. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1016. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1017. {/block:SourceLogo}
  1018. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1019. {/block:ContentSource}
  1020.  
  1021. <div id="post">
  1022.  
  1023. <!---------------EDIT TEXT POSTS HERE--------------->
  1024.  
  1025. {block:Text}
  1026. <div class="text">
  1027. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  1028. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} </a></div>
  1029. </div>{/block:IndexPage}</div>
  1030. {/block:Text}
  1031.  
  1032. <!---------------EDIT LINK POSTS HERE--------------->
  1033.  
  1034. {block:Link}
  1035. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  1036. {block:Description}{Description}{/block:Description}
  1037. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} </a></div>
  1038. </div>{/block:IndexPage}
  1039. {/block:Link}
  1040.  
  1041. <!---------------EDIT PHOTO POSTS HERE--------------->
  1042.  
  1043. {block:Photo}<div style="line-height:0px;">
  1044. {block:IndexPage}
  1045. <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} </a></div>
  1046. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a></div>
  1047. {/block:Photo}
  1048.  
  1049. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  1050.  
  1051. {block:Photoset}
  1052. {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} </a></div>
  1053. </div>{/block:IndexPage}
  1054. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1055. {/block:Photoset}
  1056.  
  1057. <!---------------EDIT QUOTE POSTS HERE--------------->
  1058.  
  1059. {block:Quote}
  1060. {Quote}{block:Source}
  1061. <div class="source">{Source}</div>{/block:Source}
  1062. {block:IndexPage}
  1063. <div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} </a></div>
  1064. </div>{/block:IndexPage}
  1065. {/block:Quote}
  1066.  
  1067. <!---------------EDIT ANSWER POSTS HERE--------------->
  1068.  
  1069. {block:Answer}
  1070. <div class="ask"><span class="asker">{Asker} asked:</span> {Question}</div>
  1071. <div class="answer">{Answer}</div>
  1072. {block:IndexPage}
  1073. <div class="permalink"><a href="{ReblogURL}" title="Reblog">REBLOG</a> / <a href="{Permalink}">{NoteCount}</a>
  1074. </div>{/block:IndexPage}
  1075. {/block:Answer}
  1076.  
  1077. <!---------------EDIT CHAT POSTS HERE--------------->
  1078.  
  1079. {block:Chat}
  1080. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1081. <div class="chat"><ul>{block:Lines}
  1082. <li class="person{UserNumber}">{block:Label}
  1083. <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} </a></div>
  1084. </div>
  1085. {/block:IndexPage}
  1086. {/block:Chat}
  1087.  
  1088. <!---------------EDIT AUDIO POSTS HERE--------------->
  1089.  
  1090. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  1091. <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} </a></div>
  1092. </div>
  1093. {/block:IndexPage}
  1094. {/block:Audio}
  1095.  
  1096. <!---------------EDIT VIDEO POSTS HERE--------------->
  1097.  
  1098. {block:Video}
  1099. {block:IndexPage}<div class="video-container">{Video-250}</div>
  1100. <div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} </a></div>
  1101. </div>{/block:IndexPage}
  1102. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1103. {/block:Video}
  1104.  
  1105. <!---------------EDIT PERMALINK PAGE HERE--------------->
  1106.  
  1107. {block:PermalinkPage}
  1108. {block:Caption}{Caption}{/block:Caption}
  1109. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  1110. <div class="permapage">
  1111. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  1112. </div>
  1113. {/block:Posts}
  1114. </div>
  1115.  
  1116. <!---------------DO NOT DELETE THIS--------------->
  1117.  
  1118. {block:IndexPage}
  1119. {block:Pagination}
  1120. <div id="pagination">
  1121. {block:NextPage}
  1122. <a id="nextPage" href="{NextPage}"></a>
  1123. {/block:NextPage}
  1124. {block:PreviousPage}
  1125. <a href="{PreviousPage}"></a>
  1126. {/block:PreviousPage}
  1127. </div>
  1128. {/block:Pagination}
  1129. {/block:IndexPage}
  1130. </center>
  1131.  
  1132.  
  1133. </body>
  1134.  
  1135.  
  1136. {block:ifTopLeftImage1}
  1137. <div style="position:fixed; top:20px; left:0px; z-index:-1;"><img src="http://i.imgur.com/Z1uPm5Z.png" width="350"/></div>
  1138. {/block:ifTopLeftImage1}
  1139.  
  1140. {block:ifTopLeftImage2}
  1141. <div style="position:fixed; top:20px; left:-20px; z-index:-1;"><img src="http://i.imgur.com/dvQNRBS.png" width="330"/></div>
  1142. {/block:ifTopLeftImage2}
  1143.  
  1144. {block:ifTopLeftImage3}
  1145. <div style="position:fixed; top:55px; left:-30px; z-index:-1;"><img src="http://i.imgur.com/Rm850Ea.png" width="350"/></div>
  1146. {/block:ifTopLeftImage3}
  1147.  
  1148.  
  1149.  
  1150. <div id="02" class="popup_block">
  1151. <div id="asktitle">Contact me</div><br>
  1152. <div id="askinfo">
  1153. {text:FAQ ask info}</div><br>
  1154. <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>
  1155. </center>
  1156. </div>
  1157.  
  1158. <div id="03" class="popup_block">
  1159. <div id="asktitle">Submit</div><br>
  1160. <p><iframe id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" frameborder="0" height="400" scrolling="no" width="100%"></iframe></p>
  1161. </center>
  1162. </div>
  1163.  
  1164.  
  1165. <div id="04" class="popup_block">
  1166. <div id="asktitle">Navigation</div><br>
  1167. <div id="askinfo">
  1168. • <a href="{text:Link one url}" title="{text:Link one title}">{text:Link one title}</a><br>
  1169. • <a href="{text:Link two url}" title="{text:Link two title}">{text:Link two title}</a> <br>
  1170. • <a href="{text:Link three url}" title="{text:Link three title}">{text:Link three title}</a> <br>
  1171. • <a href="{text:Link four url}" title="{text:Link four title}">{text:Link four title}</a> <br>
  1172. • <a href="{text:Link five url}" title="{text:Link five title}">{text:Link five title}</a>
  1173. </div></div>
  1174.  
  1175.  
  1176.  
  1177.  
  1178. </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!