Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme By Fara
- © http://polarizers.tumblr.com
- Please have some form of credit on your blog. x
- Thank you for using one of my themes!
- How to Install
- Go to your customize on your blog > Create a new page > Choose Custom HTML > Paste everything in the code there > Scroll through the coding and follow the instructions to change colors, backgrounds, & your FAQ.
- -->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>
- <html lang="en">
- <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/kcrxiw3/LDBlqq9ia/jquerry.js"></script>
- <title>{Title}</title>
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {height:9px;background-color: #e2e2e2;margin-right:8px;}
- ::-webkit-scrollbar {width:5px;height:5px;background:#fff;margin-right:8px;}
- iframe#tumblr_controls {z-index:99999;}
- a:link, a:active, a:visited{color:#000000;text-decoration: none; -webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out;}
- a:hover{color:#ffffff;-webkit-transition: color 0.4s ease-out; -moz-transition: color 0.4s ease-out; text-decoration:none;}
- body {
- color:{color:text};
- font-family:tahoma;
- font-size: 9px;
- background-color: #FFFFFF; /*THIS IS WHERE YOU CHANGE THE BACKGROUND COLOR*/
- background-image:url(http://static.tumblr.com/00401e68e549f286f6dd1385ca77a879/iyodnno/p7Dmfh2l0/tumblr_static_sea-fog.jpg); /*THIS IS WHERE YOU CHANGE THE BACKGROUND IMAGE*/
- background-attachment: fixed;
- background-size: 1400px;
- }
- #vanessa{
- position:fixed;
- font-family: "Consolas";
- font-size: 8px;
- line-height:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- top:37px;
- margin-left:535px;
- width:268px;
- height:auto;
- padding:7px;
- color:#000000;
- text-align:right;
- background:white;
- border:3px solid #fff;
- box-shadow:0 0 6px #ddd;
- overflow:hidden;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- z-index:4;
- }
- .desc{
- height:86px;
- overflow:auto;
- width:146px;
- }
- #umm{
- position:fixed;
- top:37px;
- margin-left:420px;
- height:auto;
- width:auto;
- padding:5px;
- background:white;
- border:3px solid #fff;
- box-shadow:0 0 6px #ddd;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- .links{
- display:block;
- width:80px;
- height:5px;
- margin:4px;
- right:0px;
- padding:4px;
- text-align:center;
- font-family: "Consolas";
- font-size: 8px;
- line-height:6px;
- text-transform:uppercase;
- letter-spacing:1px;
- background-color:#e2e2e2; /*THIS IS WHERE YOU CHANGE THE LINK BACKGROUND*/
- opacity:1;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- .links a{
- color:#000000;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- .links:hover{
- opacity:0.6;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- .links a:hover{
- color:#db8eac;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- #tssf{
- position:fixed;
- top:180px;
- margin-left:420px;
- height:auto;
- width:auto;
- padding:7px;
- padding-top:0px;
- text-align:center;
- font-family: "Consolas";
- font-size: 8px;
- line-height:6px;
- text-transform:uppercase;
- letter-spacing:1px;
- background-color:#ffffff;
- border:3px solid #fff;
- box-shadow:0 0 6px #ddd;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;
- transition: all 0.9s ease-in-out;
- }
- #out,#swag{
- height:auto;
- width:auto;
- padding:2px;
- margin-left:-10px;
- margin-top:8px;
- cursor:help;
- }
- #out {
- background-color:transparent;
- margin-top:1px;
- margin-left:-10px;
- margin-bottom:1px;
- height:auto;
- font-family: "Consolas";
- font-size: 8px;
- line-height:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- text-decoration:none;
- display:none;
- }
- @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
- @font-face{font-family:Ashley Marie;src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
- @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/uuzw7gl/PQ0mfd1ip/signerica_fat.ttf'); }
- @font-face { font-family: "geometric"; src: url('http://static.tumblr.com/uuzw7gl/Unomfcz67/geo231l.ttf'); }
- #titulo{
- font-family:courier new;
- text-transform:uppercase;
- font-size: 14px;
- line-height:22px;
- letter-spacing:0px;
- text-align:right;
- padding-bottom:2px;
- border-bottom:1px solid #e2e2e2; /*THIS IS WHERE YOU CHANGE THE TITLE UNDERLINE*/
- color:#6a8db4; /*THIS IS WHERE YOU CHANGE THE TITLE COLOR*/
- -webkit-transition: all 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- </div>
- <script src="jquery.js"></script>
- <script>
- $(document).ready(function(){
- $("#swag").click(function(){
- $("#out").slideToggle("slow");
- });
- });
- </script>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <div id="vanessa">
- <div id="titulo">About the blogger</div>
- <!--this is where you put your icon (make sure it's square!!!)-->
- <a href="/"><img src="http://media.tumblr.com/642632cc3bc1950e445ceaa35ea48d22/tumblr_inline_mlx31aJs941qz4rgp.png" align="left" style="margin-left:-2px;margin-top:-24px;width:118px;height:118px;"></a></p></center>
- <!--this is where you put your description about yourself-->
- <div class="desc">put your about me and shit like that here</div>
- </div>
- <!--change your links below!! keep credit though ok-->
- <div id="umm">
- <a href="/" class="links">back to home</a>
- <a href="http://tumblr.com"class="links">dashboard</a>
- <a href="/linkone"class="links">extra link 1</a>
- <a href="/linktwo"class="links">extra link 2</a>
- <a href="/linkthree"class="links">extra link 3</a>
- <a href="/linkfour"class="links">extra link 4</a>
- <a href="http://polarizers.tumblr.com"class="links">credit</a>
- </div>
- <div id="tssf">
- <div id="swag">click for faq</div>
- <!--put your faq there vv-->
- <div id="out"><p>yeah haha frequently asked questions swag<p>this is where your faq goes btw
- </p></div><br>
- <iframe frameborder="0" scrolling="no" width="384" height="190" src="http://www.tumblr.com/ask_form/YOUR URL GOES HERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
- </center>
- </div>
- {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}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement