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
- Retail therapy
- 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:Text" content="#777777"/>
- <meta name="color:select color" content="#FF0080"/>
- <meta name="color:Link tabs and title" 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:Four Column" content=""/>
- <meta name="if:Rounded corners" content=""/>
- <meta name="if:Maximised background" 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:Post fade effect" content=""/>
- <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="Stats"/>
- <meta name="text:Tab two content" content="put your stats in here"/>
- <meta name="text:Tab three title" content="Networks"/>
- <meta name="text:Tab three content" content="put your network badge codes 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 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:5px;
- RIGHT:-5px;
- HEIGHT:AUTO;
- WIDTH:AUTO;
- Z-INDEX:2;
- {block:permalinkpage}
- OPACITY:0.0;
- {/block:permalinkpage}
- }
- #buttons a{
- WIDTH:81px;
- MARGIN-TOP:-5px;
- TEXT-ALIGN:CENTER;
- LETTER-SPACING:1px;
- DISPLAY:INLINE-BLOCK;
- color:{color:Links};
- letter-spacing:2px;
- text-transform:uppercase;
- text-align:left;
- padding:10px 10px;
- font-size:10px;
- }
- .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 tabs and title};}
- a:hover {
- color:{color:Link tabs and title};
- 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;
- top:-20px;
- {block:IfTwoColumn}
- width:648px;
- left:40%;
- {/block:IfTwoColumn}
- {block:IfThreeColumn}
- width:970px;
- margin-left:35%;
- {/block:IfThreeColumn}
- {block:IfFourColumn}
- width:1150px;
- margin-left:30%;
- {/block:IfFourColumn}
- {block:PermalinkPage}
- top:10px;
- width:580px;
- {block:ifTwoColumns}
- left:40%;
- {/block:ifTwoColumns}
- left:20%;
- {/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 20px;
- background:{color:Post Background};
- {block:ifPostBorders}
- border:1px solid {color:borders};
- {/block:ifPostBorders}
- padding:10px;
- padding-bottom:10px;
- 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}
- {block:IfTwoColumn}
- width:220px;
- {/block:IfTwoColumn}
- {block:IfThreeColumn}
- width:200px;
- {/block:IfThreeColumn}
- {block:IfFourColumn}
- width:190px;
- {/block:IfFourColumn}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}}
- /*Do not delete #post img.*/
- .post img{
- max-width:100%;
- {block:ifPostFadeEffect}
- -webkit-transition: all 0.9s ease-in-out;
- opacity:0.8;
- {/block:ifPostFadeEffect}
- }
- .post img:hover{
- {block:ifPostFadeEffect}
- -webkit-transition: all 0.9s ease-in-out;
- opacity:1;
- {/block:ifPostFadeEffect}
- }
- /*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:50px;
- 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.9s ease;-moz-transition:all 1.9s ease;transition:all 1.9s ease;-o-transition:all 1.9s ease;
- }
- .permalink a{
- color:{color:Permalink colour};
- line-height:15px;}
- .post:hover .permalink{
- border:1px solid {color:borders};
- 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 tabs and title};}
- .posttitle a{
- color:{color:Link tabs and title};}
- /************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 tabs and title};}
- .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 tabs and title};}
- /************EDIT SIDEBAR HERE************/
- #sidebar{
- position:fixed;
- z-index:2;
- width: 220px;
- top:30%;
- padding-top:10px;
- padding-bottom:0px;
- {block:IfTwoColumn}
- left:8%;
- {/block:IfTwoColumn}
- {block:IfThreeColumn}
- left:5%;
- {/block:IfThreeColumn}
- {block:IfFourColumn}
- left:4%;
- {/block:IfFourColumn}
- 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}
- {block:PermalinkPage}
- left:10%;
- {/block:PermalinkPage}
- }
- #blogtitle{
- position:relative;
- padding:10px 5px;
- margin-left:25px;
- text-align:left;
- text-transform:none;
- font-family:{select:blog title font};
- line-height:15px;
- font-size:18px;
- float:left;
- }
- .blogtitle a{
- color:{color:Blog Title};}
- .links{
- color:{color:Links};
- letter-spacing:2px;
- text-transform:uppercase;
- text-align:left;
- padding:10px 10px;
- font-size:12px;
- }
- .links:hover{
- color:{color:Hover};
- }
- .links a{
- margin-left:10px;
- }
- .links a:hover{
- margin-left:;
- color:{color:Hover};
- }
- .description{
- color:{color:text};
- text-align:center;
- text-transform:none;
- font-size:10px;
- padding:5px 10px;
- }
- .description a{
- color:{color:links};
- text-align:center;
- text-transform:none;
- font-size:10px;
- padding:5px 10px;
- font-style:italic;
- text-decoration:underline;
- }
- /************EDIT TEXT SETTINGS HERE************/
- i, em{
- color:{color:Link tabs and title};}
- b, strong{
- font-weight:bold;
- text-transform:uppercase;
- color:{color:Link tabs and title};}
- ul,ol{
- margin:0px;
- margin-left:-5px;}
- p{
- padding:0px;
- margin:2px;}
- u{
- text-decoration:underline;
- 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;
- top:30px;
- right:5px;
- 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:150px;
- }
- #credit img{
- height:20px;
- }
- #credit a{
- padding-left:5px;
- color: #2a2a2a; text-shadow: black 0.1em 0.1em 0.2em}
- #top {
- height:30px;
- width:100%;
- top:0;
- background-color:{color:Blog border};
- z-index:2;
- position:fixed;}
- #left {
- top:-10px;
- width:30px;
- height:100%;
- background-color:{color:Blog border};
- z-index:1;
- left:0;
- position:fixed;}
- #bottom {
- height:35px;
- width:100%;
- bottom:0;
- background-color:{color:Blog border};
- z-index:999;
- position:fixed;}
- ::selection {
- background: {color:Select color}; /* Safari */
- }
- ::-moz-selection {
- background: {color:Select color}; /* Firefox */
- }
- #wrapper {
- width:800px;
- margin:50px;
- }
- #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;
- width:490px;
- text-transform:uppercase;
- border:1px solid {color:borders};
- }
- #askinfo{
- padding:5px;
- font-size:12px;
- text-transform:none;
- letter-spacing:1px;
- color:{color:pop up text};
- }
- #askinfo a{
- color:{color:pop up text};
- font-style:italic;
- text-decoration:underline;
- }
- #askinfocontainer{
- width:40%;
- float:left;
- }
- #askbox{
- width:60%;
- float:right;
- right:0px;
- }
- #askcontainer{
- position:relative;
- width:500px;
- }
- #noticeboard {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:30px;
- bottom:-211px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #noticeboard:hover {bottom:0px;}
- #notices {
- letter-spacing:2px;
- text-transform:uppercase;
- text-align:left;
- padding:15px 10px;
- font-size:12px;
- height:10px;
- color:{color:Link tabs and title};
- text-align:center;
- width: 60px;
- }
- #noticeboardtab {
- border:1px solid {color:borders};
- padding-bottom:5px;
- padding-top:5px;
- text-transform:uppercase;
- background:{color:Blog border};
- color:{color:Link tabs and title};
- width:230px;
- height:200px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- b{
- color:{color:text};
- font-weight:bold;
- }
- i{ font-style:italic;
- color:{color:text};
- }
- #noticeboard2 {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:110px;
- bottom:-161px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #noticeboard2:hover {bottom:0px;}
- #notices2 {
- letter-spacing:2px;
- text-transform:uppercase;
- text-align:left;
- font-size:12px;
- height:10px;
- padding:15px 10px;
- color:{color:Link tabs and title};
- text-align:center;
- width: 40px;
- }
- #noticeboardtab2 {
- border:1px solid {color:borders};
- padding-bottom:5px;
- padding-top:5px;
- text-transform:uppercase;
- background:{color:Blog border};
- color:{color:Link tabs and title};
- width:140px;
- height:150px;
- margin-left:-80px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #noticeboard3 {
- text-align: center;
- font-size: 11px;
- position:fixed;
- left:170px;
- bottom:-161px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #noticeboard3:hover {bottom:0px;}
- #notices3 {
- letter-spacing:2px;
- text-transform:uppercase;
- text-align:left;
- padding:15px 10px;
- font-size:12px;
- height:10px;
- color:{color:Link tabs and title};
- text-align:center;
- width: 70px;
- }
- #noticeboardtab3 {
- border:1px solid {color:borders};
- padding-bottom:5px;
- padding-top:5px;
- text-transform:uppercase;
- background:{color:Blog border};
- color:{color:Link tabs and title};
- width:170px;
- height:150px;
- margin-left:-80px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- z-index:999;
- }
- #searchbar{
- float:right;
- }
- #searchbar:hover .noticebox{
- visibility:visible;
- }
- .noticebox{
- visibility:hidden;
- position:fixed;
- width:220px; /*width*/
- z-index:.999999;
- height:auto;
- right:5px; /*how far from the right*/
- bottom:40px; /*how far from the top*/
- color:{color:text}; /*text colour*/
- background-color:{color:Background}; /*background colour*/
- border:1px solid {color:Borders}; /*border width and colour*/
- text-align:right; /*text align*/
- padding:3px;}
- .noticebox a{
- text-decoration:none;
- font-style:italic; /*italic links before hover*/
- letter-spacing:1px; /*distance between letters*/}
- </style>
- <script type="text/javascript">
- <!--
- function handleThis(formElm)
- {
- window.location="http://{name}.tumblr.com/tagged/"+formElm.number.value+"";
- return false;
- }
- // -->
- </script>
- </head>
- <body>
- {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 id="blogtitle"><a href="/">{Title}</a></div>
- <div class="links">
- <a href="/" title="refresh">REFRESH
- </a>
- <a href="#?w=500" rel="02" class="poplight" title="Mssg">CONTACT</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></div>
- </div>
- <div id="right"></div>
- <div id="bottom">
- <div id="searchbar"> <div style="float:right;padding:7px;">
- <form onsubmit="return handleThis(this)">
- <input type="text" name="number" />
- <input type="submit" value="search" />
- </form>
- </div>
- </div>
- </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>
- <div id="wrapper">
- <div id="sidebar"><center>
- {block:ifSidebarImage}<img src="{image:Sidebar image}" width="200">{/block:ifSidebarImage}</center>
- <div class="description">{Description}</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 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 id="02" class="popup_block">
- <div id="askcontainer">
- <div id="askinfocontainer">
- <div id="asktitle">Contact me</div>
- <div id="askinfo">
- {text:FAQ ask info}</div></div>
- <div id="askbox">
- <iframe frameborder="0" scrolling="yes" width="100%" height="100%" src="http://tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe></div>
- </div>
- </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>
- <div id="noticeboard">
- <div id="notices">{text:Tab one title}</div>
- <div id="noticeboardtab">
- {text:Tab one content}
- </div></div>
- <div id="noticeboard2">
- <div id="notices2">{text:Tab two title}</div>
- <div id="noticeboardtab2">
- {text:Tab two content}
- </div></div>
- <div id="noticeboard3">
- <div id="notices3">{text:Tab three title}</div>
- <div id="noticeboardtab3">
- {text:Tab three content}
- </div></div>
- <div style="position:fixed; bottom:35px; right:0px; z-index:-1;" ><img src="{image:Bottom Right Corner Image}" width="250"></div>
- <div style="display:none;">
- <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5266216";
- 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>
- </html>
Add Comment
Please, Sign In to add comment