Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <style> body, a, a:hover { cursor:url('{text:Cursor Image URL}'), auto }</style>
- <!--
- Theme by Arctic Fox // Chloe & Caitlin
- HEART EYES
- Comments and suggestions are welcome
- ARCTICFOXDESIGNS.tumblr.com
- -->
- <html lang="en">
- <head>
- <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'>
- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
- <script class="cssdeck" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar image" content=""/>
- <meta name="image:Bottom right corner image" content=""/>
- <meta name="image:Ask pop up close button" content=""/>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:Blog border" content="#EBEFF7">
- <meta name="color:Sidebar Background" content="#FFFFFF"/>
- <meta name="color:Title" content="#999999"/>
- <meta name="color:Blog Title" content="#999999"/>
- <meta name="color:Text" content="#777777"/>
- <meta name="color:select color" content="#FF0080"/>
- <meta name="color:Link" content="#555555"/>
- <meta name="color:Hover" content="#999999"/>
- <meta name="color:Borders" content="#000000"/>
- <meta name="color:Post Background" content="#FFFFFF"/>
- <meta name="color:Permalink background" content="#FFFFFF"/>
- <meta name="color:Permalink colour" content="#000000"/>
- <meta name="color:Shadows" content="#e5eff1"/>
- <meta name="color:Pop up background" content="#FFFFFF">
- <meta name="color:Pop up text" content="#000000">
- <meta name="color:Navigation and ask header" content="#EBEFF7"/>
- <meta name="color:Navigation and ask header text" content="#000000"/>
- <meta name="select:blog title font" title="Cedarville Cursive" content="'Cedarville Cursive', cursive"/>
- <meta name="select:blog title font" title="Calibri" content="'Calibri'"/>
- <meta name="select:blog title font" title="Comfortaa" content="'Comfortaa', cursive"/>
- <meta name="select:blog title font" title="Handlee" content="'Handlee', cursive"/>
- <meta name="select:blog title font" title="Kalam" content="'Kalam', cursive"/>
- <meta name="select:blog title font" title="Fredericka the Great" content="'Fredericka the Great', cursive"/>
- <meta name="select:blog title font" title="Merienda" content="'Merienda', cursive"/>
- <meta name="select:blog title font" title="Just Me Again Down Here" content="'Just Me Again Down Here', cursive"/>
- <meta name="select:blog title font" title="Henny Penny" content="'Henny Penny', cursive"/>
- <meta name="select:blog title font" title="Caesar Dressing" content="'Caesar Dressing', cursive"/>
- <meta name="select:blog title font" title="Cedarville Cursive" content="'Cedarville Cursive', cursive"/>
- <meta name="select:blog title font" title="Dawning of a New Day" content="'Dawning of a New Day', cursive"/>
- <meta name="select:body font" title="calibri" content="calibri"/>
- <meta name="select:body font" title="arial" content="arial"/>
- <meta name="select:body font" title="consolas" content="consolas"/>
- <meta name="select:body font" title="Raleway" content="'Raleway', sans-serif"/>
- <meta name="if:Sidebar Image" content=""/>
- <meta name="if:Two Column" content="1"/>
- <meta name="if:Three Column" content=""/>
- <meta name="if:Maximised background" content=""/>
- <meta name="if:Word links" content="1"/>
- <meta name="if:Symbol links" content=""/>
- <meta name="if:Heart links" content=""/>
- <meta name="if:Rounded corners" content="">
- <meta name="if:Transparent sidebar background" content=""/>
- <meta name="if:Translucent sidebar background" content=""/>
- <meta name="if:Transparent post background" content=""/>
- <meta name="if:Translucent post background" content=""/>
- <meta name="if:Post borders" content="1"/>
- <meta name="if:Sidebar borders" content="1"/>
- <meta name="if:Permalink borders" content="1"/>
- <meta name="if:Post shadow one" content=""/>
- <meta name="if:Post shadow two" content="1"/>
- <meta name="if:Sidebar shadow one" content=""/>
- <meta name="if:Sidebar shadow two" content="1"/>
- <meta name="if:Pop up shadow one" content=""/>
- <meta name="if:Pop up shadow two" content="1"/>
- <meta name="if:Disable right click" content=""/>
- <meta name="text:Cursor image URL" content=""/>
- <meta name="text:Favicon" content=""/>
- <meta name="text:FAQ ask info" content=""/>
- <meta name="text:Link One URL" content=""/>
- <meta name="text:Link One Title" content="link"/>
- <meta name="text:Link Two URL" content=""/>
- <meta name="text:Link Two Title" content="link"/>
- <meta name="text:Link Three URL" content=""/>
- <meta name="text:Link Three Title" content="link"/>
- <meta name="text:Tab one title" content="updates"/>
- <meta name="text:Tab one content" content="put your updates here"/>
- <meta name="text:Tab two title" content="Networks"/>
- <meta name="text:Tab two content" content="put your network badges here"/>
- <meta name="text:Tab three title" content="stats"/>
- <meta name="text:Tab three content" content="put your stats codes here"/>
- <meta name="text:Tab four title" content="Favourite blogs"/>
- <meta name="text:Tab four content" content="put your favourite blogs in here"/>
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link rel="shortcut icon" href="{text:Favicon}">
- <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
- <script>$(function() {
- var shrinkHeader = 150;
- $(window).scroll(function() {
- var scroll = getCurrentScroll();
- if (scroll >= shrinkHeader) {
- $('#sidebar2').addClass('shrink');
- } else {
- $('#sidebar2').removeClass('shrink');
- }
- });
- function getCurrentScroll() {
- return window.pageYOffset || document.documentElement.scrollTop;
- }
- });</script>
- <script>$(function() {
- var shrinkHeader = 150;
- $(window).scroll(function() {
- var scroll = getCurrentScroll();
- if (scroll >= shrinkHeader) {
- $('.update').addClass('shrink');
- } else {
- $('.update').removeClass('shrink');
- }
- });
- function getCurrentScroll() {
- return window.pageYOffset || document.documentElement.scrollTop;
- }
- });</script>
- <script type="text/javascript"
- src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + 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>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){$(document)
- .ready(function(){$("[title]")
- .style_my_tooltips();});})
- (jQuery);
- </script>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#entries');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '.post',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a',
- itemSelector : '.post',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#scroll').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#entries').show(500);
- });
- </script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- {/block:IndexPage}
- <!---------------END SCRIPTS--------------->
- <style type="text/css">
- #buttons{
- POSITION:FIXED;
- OPACITY:1.0;
- TOP:25px;
- RIGHT:2px;
- HEIGHT:AUTO;
- WIDTH:AUTO;
- Z-INDEX:2;
- {block:permalinkpage}
- OPACITY:0.0;
- {/block:permalinkpage}
- }
- #buttons a{
- {block:ifRoundedCorners}
- border-radius:15px;
- {block:ifRoundedCorners}
- PADDING:6px;
- WIDTH:81px;
- MARGIN-TOP:-8px;
- TEXT-ALIGN:CENTER;
- LETTER-SPACING:1px;
- DISPLAY:INLINE-BLOCK;
- border:1px solid {color:borders};
- text-transform:uppercase;
- background:{color:sidebar background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- COLOR:{color:text};
- }
- .tmblr-iframe{
- margin-top:15px;
- margin-right:0px;
- opacity:0;
- z-index:9999999999999;!important;
- -webkit-filter: invert(100%);
- {block:permalinkpage}
- opacity:1;
- margin-top:15px;
- {/block:permalinkpage}
- }
- ::-webkit-scrollbar{ width:10px; }
- ::-webkit-scrollbar-thumb{ background-color:{color:Blog border}; }
- /************EDIT BODY HERE************/
- body{
- margin:0px;
- background-color: {color:Background};
- background-attachment:fixed;
- background-repeat:100%;
- background-position:bottom-right;
- font-family:{select:body font};
- font-size:10px;
- letter-spacing:1px;
- overflow-x:hidden;
- text-align:left;
- color: {color:Text};
- background-image:url({image:Background});
- {block:ifMaximisedBackground}
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- {/block:ifMaximisedBackground}
- }
- a:link, a:active, a:visited{
- text-decoration: none;
- color: {color:Link};}
- a:hover {
- color:{color:Link};
- text-decoration:none;}
- /************EDIT TOOLTIP HERE************/
- #s-m-t-tooltip {
- padding: 4px;
- height:auto;
- display: none;
- font-family: consolas;
- font-size: 10px;
- max-width:150px;
- text-transform:uppercase;
- text-align: center;
- letter-spacing:1px;
- margin-top:10px;
- margin-left: 15px;
- line-height: 8px;
- z-index: 999999999999;
- border: 1px solid #f5f5f5;
- background:#ffffff;
- color: #888;}
- /************EDIT POST POSITION/WIDTH HERE************/
- /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
- #entries{
- position:relative;
- {block:IfTwoColumn}
- width:648px;
- {/block:IfTwoColumn}
- {block:IfThreeColumn}
- width:970px;
- margin-left:-55px;
- {/block:IfThreeColumn}
- {block:PermalinkPage}
- width:580px;
- margin-left:130px;
- {/block:PermalinkPage}}
- /************EDIT OVERALL POSTS HERE************/
- /*When increasing the amount of columns, you may have to decrease the .post width. Otherwise, to get larger posts, increase the width.*/
- .post{
- text-align:left;
- margin: 20px 35px;
- background:{color:Post Background};
- {block:ifPostBorders}
- border:1px solid {color:borders};
- {/block:ifPostBorders}
- padding:10px;
- padding-bottom:15px;
- max-width: 100%;
- display:block;
- {block:ifTransparentPostBackground}
- background:transparent;
- {/block:ifTransparentPostBackground}
- {block:ifTranslucentPostBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentPostBackground}
- {block:IfPostShadowOne}
- -moz-box-shadow: 0 0 5px 5px {color:Shadows};
- -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
- box-shadow: 0 0 5px 5px {color:Shadows};
- {/block:IfPostShadowOne}
- {block:IfPostShadowTwo}
- -moz-box-shadow: -5px -5px {color:Shadows};
- -webkit-box-shadow: -5px -5px {color:Shadows};
- box-shadow: -5px -5px {color:Shadows};
- {/block:IfPostShadowTwo}
- {block:ifRoundedCorners}
- border-radius:15px;
- {block:ifRoundedCorners}
- width:230px;
- {block:IfThreeColumn}
- width:210px;
- {/block:IfThreeColumn}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}}
- /*Do not delete #post img.*/
- .post img{
- max-width:100%;}
- /*Edit the permalinks all posts.*/
- .permalink{
- position:absolute;
- top:50%;
- -webkit-transform: translate(0px,-50%);
- -moz-transform: translate(0px,-50%);
- -ms-transform: translate(0px,-50%);
- -o-transform: translate(0px,-50%);
- transform: translate(0px,-50%);
- left:50%;
- -webkit-transform: translate(-50%,-50%);
- -moz-transform: translate(-50%,-50%);
- -ms-transform: translate(-50%,-50%);
- -o-transform: translate(-50%,-50%);
- transform: translate(-50%,-50%);
- overflow:hidden;
- background-color:{color:Permalink background};
- color:{color:Permalink colour};
- opacity:0;
- width:0px;
- padding:10px;
- font-size:10px;
- letter-spacing:2px;
- text-transform:uppercase;
- background-color:{color:Permalink background};
- {block:ifPermalinkBorders}
- border:1px solid {color:borders};
- {/block:ifPermalinkBorders}
- text-align:center;
- -webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;transition:all 1.0s ease;-o-transition:all 1.0s ease;
- }
- .permalink a{
- color:{color:Permalink colour};
- line-height:15px;}
- .post:hover .permalink{
- overflow:hidden;
- width:50px;
- opacity:1;
- top:50%;
- -webkit-transform: translate(0px,-50%);
- -moz-transform: translate(0px,-50%);
- -ms-transform: translate(0px,-50%);
- -o-transform: translate(0px,-50%);
- transform: translate(0px,-50%);
- left:50%;
- -webkit-transform: translate(-50%,-50%);
- -moz-transform: translate(-50%,-50%);
- -ms-transform: translate(-50%,-50%);
- -o-transform: translate(-50%,-50%);
- transform: translate(-50%,-50%);
- {block:ifRoundedCorners}
- border-radius:15px;
- {block:ifRoundedCorners}
- }
- #notecounter{
- margin-top:1px;
- text-align:center;
- }
- /*Edit the titles on any text-based post.*/
- .posttitle{
- font-size:10px;
- text-align:center;
- color:{color:Link};}
- .posttitle a{
- color:{color:Link};}
- /************EDIT QUOTE POSTS HERE************/
- .quote{
- margin-right: 5px;}
- .source{
- padding-top:5px;
- display:block;
- text-align:right;}
- /************EDIT ANSWER POSTS HERE************/
- .ask{
- padding-bottom:5px;
- font-size:12px;
- border-bottom:1px solid {color:borders};
- }
- .asker{
- font-family:{select:blog title font};
- font-size:16px;
- color:{color:Link};}
- .answer{
- margin-top:0px;
- font-size:12px;
- }
- /************EDIT AUDIO POSTS HERE************/
- .audio{
- {block:IndexPage}width:180px;{/block:IndexPage}
- {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
- .info{
- padding:2px 0px 1px 57px;}
- .i {
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;}
- .pl b,strong{
- text-transform:lowercase;
- font-size:9px;}
- .player{
- position:absolute;
- overflow:hidden;
- margin-top:0px;
- margin-left:15px;
- background:#ffffff;
- width:24px;
- height:23px;}
- /************EDIT VIDEO POSTS HERE************/
- /***********DO NOT DELETE THIS CODE************/
- .video-container {
- position:relative;
- padding-bottom:56.25%;
- padding-top: 30px;
- height:0;
- overflow:hidden;}
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;}
- /************EDIT CHAT POSTS HERE************/
- .chat{
- line-height:12px;
- list-style:none;}
- .chat ul{
- list-style:none;
- padding:0px 5px;
- line-height:15px;}
- .label{
- color:{color:Link};}
- /************EDIT SIDEBAR HERE************/
- #sidebar{
- z-index:0;
- width: 580px;
- margin:10px auto;
- padding-top:10px;
- padding-bottom:10px;
- background:{color:Sidebar Background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- {block:ifSidebarBorders}
- border:1px solid {color:borders};
- {/block:ifSidebarBorders}
- text-align:center;
- {block:IfSidebarShadowOne}
- -moz-box-shadow: 0 0 5px 5px {color:Shadows};
- -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
- box-shadow: 0 0 5px 5px {color:Shadows};
- {/block:IfSidebarShadowOne}
- {block:IfSidebarShadowTwo}
- -moz-box-shadow: -5px -5px {color:Shadows};
- -webkit-box-shadow: -5px -5px {color:Shadows};
- box-shadow: -5px -5px {color:Shadows};
- {/block:IfSidebarShadowTwo}
- {block:ifRoundedCorners}
- border-radius:15px;
- {block:ifRoundedCorners}
- }
- #sidebar2{
- opacity:0;
- position:fixed;
- z-index:-1;
- width: 230px;
- margin-left:-170px;
- margin-top:10px;
- {block:ifSidebarImage}
- margin-top:120px;
- {/block:ifSidebarImage}
- padding-top:10px;
- padding-bottom:10px;
- background:{color:Sidebar Background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- {block:ifSidebarBorders}
- border:1px solid {color:borders};
- {/block:ifSidebarBorders}
- text-align:center;
- {block:IfSidebarShadowOne}
- -moz-box-shadow: 0 0 5px 5px {color:Shadows};
- -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
- box-shadow: 0 0 5px 5px {color:Shadows};
- {/block:IfSidebarShadowOne}
- {block:IfSidebarShadowTwo}
- -moz-box-shadow: -5px -5px {color:Shadows};
- -webkit-box-shadow: -5px -5px {color:Shadows};
- box-shadow: -5px -5px {color:Shadows};
- {/block:IfSidebarShadowTwo}
- {block:ifThreeColumn}
- margin-left:-270px;
- width:180px;
- {/block:ifThreeColumn}
- -webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;transition:all 1.0s ease;-o-transition:all 1.0s ease;
- }
- #sidebar2.shrink {
- opacity:1;
- position:fixed;
- z-index:0;
- margin-top:160px;
- {block:ifTwoColumn}
- width: 210px;
- margin-left:-170px;
- {/block:ifTwoColumn}
- {block:ifThreeColumn}
- margin-left:-245px;
- width:200px;
- {/block:ifThreeColumn}
- {block:ifSidebarImage}
- margin-top:70px;
- {/block:ifSidebarImage}
- padding-top:10px;
- padding-bottom:10px;
- background:{color:Sidebar Background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- {block:ifSidebarBorders}
- border:1px solid {color:borders};
- {/block:ifSidebarBorders}
- text-align:center;
- {block:IfSidebarShadowOne}
- -moz-box-shadow: 0 0 5px 5px {color:Shadows};
- -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
- box-shadow: 0 0 5px 5px {color:Shadows};
- {/block:IfSidebarShadowOne}
- {block:IfSidebarShadowTwo}
- -moz-box-shadow: -5px -5px {color:Shadows};
- -webkit-box-shadow: -5px -5px {color:Shadows};
- box-shadow: -5px -5px {color:Shadows};
- {/block:IfSidebarShadowTwo}
- {block:ifRoundedCorners}
- border-radius:15px;
- {block:ifRoundedCorners}
- }
- .blogtitle{
- position:relative;
- padding:5px;
- text-align:center;
- text-transform:none;
- font-family:{select:blog title font};
- line-height:17px;
- font-size:18px;}
- .blogtitle2{
- position:relative;
- z-index:1;
- margin-top:-25px;
- margin-bottom:10px;
- text-align:right;
- text-transform:none;
- font-family:{select:blog title font};
- line-height:17px;
- font-size:18px;}
- .blogtitle a{
- color:{color:Blog Title};}
- .description{
- text-align:center;
- text-transform:none;
- font-size:10px;
- padding:5px 10px;}
- .links{
- width:285px;
- border-top:1px solid {color:borders};
- border-bottom:1px solid {color:borders};
- text-align:center;
- padding:5px 0px;
- line-height:15px;
- margin:10px auto;
- font-size:12px;
- }
- .links2{
- width:180px;
- font-size:11px;
- border-top:1px solid {color:borders};
- border-bottom:1px solid {color:borders};
- text-align:center;
- padding:5px 0px;
- line-height:15px;
- margin:10px auto;
- }
- .links2:hover{
- color:{color:Hover};
- }
- .links2 a{
- margin-left:10px;
- }
- .links:hover{
- color:{color:Hover};
- }
- .links a{
- margin-left:5px;
- }
- .links a:hover{
- margin-left:;
- color:{color:Hover};
- }
- /************EDIT TEXT SETTINGS HERE************/
- i, em{
- color:{color:Link};}
- b, strong{
- font-weight:normal;
- text-transform:uppercase;
- color:{color:Link};}
- ul,ol{
- margin:0px;
- margin-left:-5px;}
- p{
- padding:0px;
- margin:2px;}
- u{
- text-decoration:none;
- color:{color:Title};}
- blockquote {
- margin:0px;
- padding:4px;
- background:#f7f7f7;}
- /************DO NOT DELETE #SCROLL************/
- #scroll{
- bottom:-20px;
- position: absolute;
- left: 50%;
- width:10px;
- height:5px;
- overflow:hidden;
- margin-bottom:80px;}
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .8;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: {color:Pop up background};
- color:{color:Pop up text};
- border: 5px solid #f2e7e2;
- height:auto;
- float: left;
- font-size: 10px;
- position: fixed;
- top: 52.5%; left: 52.5%;
- z-index: 99999;
- {block:IfPopUpShadowOne}
- -moz-box-shadow: 0 0 5px 5px {color:Shadows};
- -webkit-box-shadow: 0 0 5px 5px {color:Shadows};
- box-shadow: 0 0 5px 5px {color:Shadows};
- {/block:IfPopUpShadowOne}
- {block:IfPopUpShadowTwo}
- -moz-box-shadow: -5px -5px {color:Shadows};
- -webkit-box-shadow: -5px -5px {color:Shadows};
- box-shadow: -5px -5px {color:Shadows};
- {/block:IfPopUpShadowTwo}
- {block:ifRoundedCorners}
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- {/block:ifRoundedCorners}
- }
- img.btn_close {
- float: right;
- margin: -20 -20px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #credit{
- height:20px;
- width:20px;
- position:fixed; background-color: #fff;
- left:12px;
- bottom:0px;
- color: #000;
- text-transform:none;
- padding:10px;
- opacity:0.8;
- z-index:222;
- overflow:hidden;
- font-size:18px;
- font-weight:bold;
- font-family:'Cedarville Cursive', cursive;
- -webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;-o-transition:all 1s ease;
- }
- #credit:hover{
- width:125px;
- }
- #credit img{
- height:20px;
- }
- #credit a{
- padding-left:5px;
- color: #2a2a2a; text-shadow: black 0.1em 0.1em 0.2em}
- #top {
- height:15px;
- width:100%;
- top:0px;
- background-color:{color:Blog border};
- z-index:1;
- position:fixed;}
- #left {
- width:15px;
- height:1000px;
- background-color:{color:Blog border};
- z-index:1;
- left:0px;
- top:-10px;
- position:fixed;}
- ::selection {
- background: {color:Select color}; /* Safari */
- }
- ::-moz-selection {
- background: {color:Select color}; /* Firefox */
- }
- #wrapper {
- width:800px;
- margin:50px auto;
- }
- /*---UPDATE TAB---*/
- .update {
- opacity:1;
- position:fixed;
- margin-top:5px;
- right:0px;
- text-align:center;
- text-transform:uppercase;
- background:{color:sidebar background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- COLOR:{color:text};
- font-size:10px;
- letter-spacing:1px;
- z-index:2;
- font-family:{select:body font};
- width:155px;
- }
- .l1 {
- position:absolute;
- right:0px;
- width:55px;
- background:{color:sidebar background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- COLOR:{color:text};
- border:1px solid {color:borders};
- margin-bottom:8px;
- text-align:center;
- padding:3px;
- {block:ifRoundedCorners}
- border-radius:7px;
- {block:ifRoundedCorners}
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- .l1:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .txt1 {
- position:absolute;
- width:130px;
- padding:10px;
- padding-right:5px;
- right:180px;
- margin-top:6px;
- opacity:0;
- font-family:{select:body font};
- color:black;
- text-align:left;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- .l1:hover .txt1{right:70px;opacity:1;}
- .l2 {
- position:absolute;
- right:0px;
- top:30px;
- width:55px;
- margin-bottom:8px;
- text-align:center;
- background:{color:sidebar background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- COLOR:{color:text};
- border:1px solid {color:borders};
- {block:ifRoundedCorners}
- border-radius:7px;
- {block:ifRoundedCorners}
- padding:3px;
- font-family:{select:body font};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- .l2:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .txt2 {
- position:absolute;
- width:140px;
- padding:10px;
- padding-right:5px;
- right:190px;
- margin-top:6px;
- opacity:0;
- font-family:{select:body font};
- color:black;
- text-align:left;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- .l2:hover .txt2{right:60px;opacity:1;}
- .l3 {
- position:absolute;
- right:0px;
- top:60px;
- width:55px;
- font-family:{select:body font};
- background:black;
- margin-bottom:8px;
- text-align:center;
- background:{color:sidebar background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- COLOR:{color:text};
- border:1px solid {color:borders};
- {block:ifRoundedCorners}
- border-radius:7px;
- {block:ifRoundedCorners}
- padding:3px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- .l3:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .txt3 {
- position:absolute;
- width:140px;
- padding:10px;
- padding-right:5px;
- right:180px;
- margin-top:6px;
- opacity:0;
- font-family:{select:body font};
- color:black;
- text-align:left;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- .l3:hover .txt3{right:60px;opacity:1;}
- .l4 {
- position:absolute;
- right:0px;
- top:90px;
- width:55px;
- font-family:{select:body font};
- background:black;
- margin-bottom:8px;
- text-align:center;
- background:{color:sidebar background};
- {block:ifTransparentSidebarBackground}
- background:transparent;
- {/block:ifTransparentSidebarBackground}
- {block:ifTranslucentSidebarBackground}
- background: rgba(255,255,255,0.5);
- {/block:ifTranslucentSidebarBackground}
- COLOR:{color:text};
- border:1px solid {color:borders};
- {block:ifRoundedCorners}
- border-radius:7px;
- {block:ifRoundedCorners}
- padding:3px;
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease
- }
- .l4:hover {width:200px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
- }
- .txt4 {
- position:absolute;
- width:140px;
- padding:10px;
- padding-right:5px;
- right:180px;
- margin-top:6px;
- opacity:0;
- color:black;
- text-align:left;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- .l4:hover .txt4{right:60px;opacity:1;}
- #asktitle {
- background-color:{color:Navigation and ask header};
- color:{color:Navigation and ask header text};
- font-family:{select:blog title font};
- font-size:16px;
- padding:5px;
- letter-spacing:0px;
- text-transform:uppercase;
- border:1px solid {color:borders};
- }
- #askinfo{
- margin-top:-5px;
- padding:5px;
- font-size:12px;
- text-transform:none;
- letter-spacing:1px;
- color:{color:pop up text};
- }
- #askinfo a{
- color:{color:pop up text};
- }
- </style>
- </head>
- <body>
- <div class="update">
- <div class="l1">{text:Tab one title}
- <div class="txt1">
- {text:Tab one content}
- </div>
- </div>
- <div class="l2">{text:Tab two title}
- <div class="txt2">
- {text:Tab two content}
- </div>
- </div>
- <div class="l3">{text:Tab three title}
- <div class="txt3">
- {text:Tab three content}
- </div>
- </div>
- <div class="l4">{text:Tab four title}
- <div class="txt4">
- {text:Tab four content}
- </div>
- </div>
- </div>
- {block:IfDisableRightClick}
- <script language=JavaScript>
- <!--
- //Disable right click script III- By Renigade (renigade@mediaone.net)
- //For full source code, visit http://www.dynamicdrive.com
- var message="";
- ///////////////////////////////////
- function clickIE() {if (document.all) {(message);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {(message);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
- // -->
- </script>
- {/block:IfDisableRightClick}
- <div id="top"></div>
- <div id="left"></div>
- <div id="credit">
- <a href="http://arcticfoxdesigns.tumblr.com/"><img src="http://i.imgur.com/ObcbPgn.png">Arctic Fox</a>
- </div>
- <div id="buttons">
- <a href="http://tumblr.com/dashboard">dashboard</a>
-
- <a href="http://tumblr.com/follow/{name}/">follow me</a>
- </div>
- <center>
- <div id="wrapper">
- <div id="sidebar2">
- <div class="blogtitle2"><a href="/">{Title}</a></div>
- {block:ifSidebarImage}<img src="{image:Sidebar Image}" {block:ifTwoColumn}width="200"{/block:ifTwoColumn} {block:ifThreeColumn} width="180" {/block:ifThreeColumn}>{/block:ifSidebarImage}
- <div class="description">{Description}</div>
- <div class="links2">
- {block:IfWordLinks}
- <a href="/" title="refresh">home</a>
- <a href="#?w=500" rel="02" class="poplight" title="Mssg">Ask</a>
- <a href="#?w=500" rel="03" class="poplight" title="Submit">Submit</a>
- <a href="{text:Link One URL}" title="{text:Link One Title}">{text:Link One Title}</a>
- <a href="{text:Link Two URL}" title="{text:Link Two Title}">{text:Link Two Title}</a>
- <a href="{text:Link Three URL}" title="{text:Link Three Title}">{text:Link Three Title}</a>
- {/block:IfWordLinks}
- {block:IfSymbolLinks}
- <a href="/" title="refresh"><i class="fa fa-home"></i></a>
- <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-comments"></i></a>
- <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-download"></i></a>
- <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-calendar"></i></a>
- <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-picture-o"></i></a>
- <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-bars"></i></a>
- {/block:IfSymbolLinks}
- {block:IfHeartLinks}
- <a href="/" title="refresh"><i class="fa fa-heart"></i></a>
- <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-heart"></i></a>
- <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-heart"></i></a>
- <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-heart"></i></a>
- <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-heart"></i></a>
- <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-heart"></i></a>
- {/block:IfHeartLinks}
- </div>
- </div>
- <div id="sidebar">
- <div class="blogtitle"><a href="/">{Title}</a></div>
- <div class="description">{Description}</div>
- <div class="links">
- {block:IfWordLinks}
- <a href="/" title="refresh">home</a>
- <a href="#?w=500" rel="02" class="poplight" title="Mssg">Ask</a>
- <a href="#?w=500" rel="03" class="poplight" title="Submit">Submit</a>
- <a href="{text:Link One URL}" title="{text:Link One Title}">{text:Link One Title}</a>
- <a href="{text:Link Two URL}" title="{text:Link Two Title}">{text:Link Two Title}</a>
- <a href="{text:Link Three URL}" title="{text:Link Three Title}">{text:Link Three Title}</a>
- {/block:IfWordLinks}
- {block:IfSymbolLinks}
- <a href="/" title="refresh"><i class="fa fa-home"></i></a>
- <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-comments"></i></a>
- <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-download"></i></a>
- <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-calendar"></i></a>
- <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-picture-o"></i></a>
- <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-bars"></i></a>
- {/block:IfSymbolLinks}
- {block:IfHeartLinks}
- <a href="/" title="refresh"><i class="fa fa-heart"></i></a>
- <a href="#?w=500" rel="02" class="poplight" title="Mssg"><i class="fa fa-heart"></i></a>
- <a href="#?w=500" rel="03" class="poplight" title="Submit"><i class="fa fa-heart"></i></a>
- <a href="{text:Link One URL}" title="{text:Link One Title}"><i class="fa fa-heart"></i></a>
- <a href="{text:Link Two URL}" title="{text:Link Two Title}"><i class="fa fa-heart"></i></a>
- <a href="{text:Link Three URL}" title="{text:Link Three Title}"><i class="fa fa-heart"></i></a>
- {/block:IfHeartLinks}
- </div>
- </div>
- <div id="entries">
- <!---------------EDIT SIDEBAR CONTENT HERE--------------->
- {block:Posts}
- <!---------------DO NOT DELETE block:ContentSource--------------->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div class="post">
- <!---------------EDIT TEXT POSTS HERE--------------->
- {block:Text}
- <div class="text">
- <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
- {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>
- </div>{/block:IndexPage}</div>
- {/block:Text}
- <!---------------EDIT LINK POSTS HERE--------------->
- {block:Link}
- <a href="{URL}"><div class="posttitle">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {block:IndexPage}<div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
- </div>{/block:IndexPage}
- {/block:Link}
- <!---------------EDIT PHOTO POSTS HERE--------------->
- {block:Photo}<div style="line-height:0px;">
- {block:IndexPage}
- <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>
- </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a></div>
- {/block:Photo}
- <!---------------EDIT PHOTOSET POSTS HERE--------------->
- {block:Photoset}
- {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>
- </div>{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- <!---------------EDIT QUOTE POSTS HERE--------------->
- {block:Quote}
- {Quote}{block:Source}
- <div class="source">{Source}</div>{/block:Source}
- {block:IndexPage}
- <div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
- </div>{/block:IndexPage}
- {/block:Quote}
- <!---------------EDIT ANSWER POSTS HERE--------------->
- {block:Answer}
- <div class="ask"><span class="asker">{Asker} said:</span><br> {Question}</div>
- <span class="asker">{name} replied:</span><br>
- <div class="answer">{Answer}</div>
- {block:IndexPage}
- <div class="permalink"><a href="{ReblogURL}" title="Reblog">REBLOG</a> / <a href="{Permalink}">{NoteCount}</a>
- </div>{/block:IndexPage}
- {/block:Answer}
- <!---------------EDIT CHAT POSTS HERE--------------->
- {block:Chat}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- <div class="chat"><ul>{block:Lines}
- <li class="person{UserNumber}">{block:Label}
- <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>
- </div>
- {/block:IndexPage}
- {/block:Chat}
- <!---------------EDIT AUDIO POSTS HERE--------------->
- {block:Audio}<div class="player">{AudioPlayerWhite}</div>
- <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>
- </div>
- {/block:IndexPage}
- {/block:Audio}
- <!---------------EDIT VIDEO POSTS HERE--------------->
- {block:Video}
- {block:IndexPage}<div class="video-container">{Video-250}</div>
- <div class="permalink"><a href="{ReblogURL}" title="reblog">Reblog</a><div id="notecounter"><a href="{Permalink}" title="{NoteCount}">{NoteCount} Notes</a></div>
- </div>{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Video}
- <!---------------EDIT PERMALINK PAGE HERE--------------->
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
- <div class="permapage">
- <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- <!---------------DO NOT DELETE THIS--------------->
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"></a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </center>
- </body>
- <div style="display:none;"><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3109355";
- fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
- document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
- </script>
- <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5249063";
- var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
- 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+"";
- document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
- </script>
- </div>
- <div style="position:fixed; bottom:0px; right:0px; z-index:-1;" ><img src="{image:Bottom Right Corner Image}" width="250"></div>
- <div id="02" class="popup_block">
- <div id="asktitle">Contact me</div><br>
- <div id="askinfo">
- {text:FAQ ask info}</div><br>
- <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>
- </center>
- </div>
- <div id="03" class="popup_block">
- <div id="asktitle">Submit</div><br>
- <center>
- <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]-->
- </center>
- </div>
- </html>
Add Comment
Please, Sign In to add comment