Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- Theme By Brooke from falsetto themes
- http://falsettothemes.tumblr.com
- http://xoxobrookeabee.tumblr.com
- Dont remove the credit please. I would be really upset.
- Credit to xXxbambiixXx for helping me with my new theme base
- Theme: over my head
- -->
- <!-- edit your title and shortcut icon here-->
- <title>over my head</title>
- <link rel="shortcut icon" href="http://data.whicdn.com/images/43710935/406801_165788550233065_1074275762_n_large.jpg">
- <!-- infinite scroll-->
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <style type="text/css">
- body{
- color:#eee;
- font-family:littlefont;
- font-size:8px;
- background-color:#000;
- text-align:justify;
- background-image:url();
- background-attachment: fixed;
- }
- @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
- body,a{cursor:url(http://i.imgur.com/MZOAm.png), progress;}
- a:hover{cursor:url(http://i.imgur.com/MZOAm.png), progress;}
- ::-webkit-scrollbar-thumb:vertical {
- height:auto;-moz-border-radius: 4px;}
- ::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000)); background-color:#000; -webkit-border-radius:8px; }; }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#000;
- height:7px!important;
- border: 1px dashed #000000;}
- ::-webkit-scrollbar {
- width:4px; height:auto;
- background-position:right;
- background-color:#000; -webkit-border-radius:8px; }
- .content{
- width:519px;
- top:25px;
- position: scroll;
- height:auto;
- margin-left:300px;
- background-color:transparent;
- position:absolute;
- padding:2px;
- border:1px solid #222;
- }
- .entry{
- padding-left:2px;
- padding-right:2px;
- padding-top:2px;
- padding-bottom:0px;
- background-color:#000;
- width:250px;
- float:left;
- margin:2px;
- position:scroll;
- {block:permalinkpage}
- width:522px;
- height:auto;
- margin-top:-2px;
- margin-left:-4px;
- margin-bottom:10px;
- {/block:permalinkpage}
- }
- }
- .entry .permalink a{
- color:#000;
- }
- .entry .permalink{
- position:absolute;
- opacity:0;
- width:250px;
- height:15px;
- margin-top:0px;
- overflow:hidden;
- font-family: silkscreen;
- font-size: 8px;
- line-height: 14px;
- background-color:white;
- text-align:center;
- text-transform: uppercase;
- -webkit-transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .entry:hover .permalink{
- width:250px;
- height:15px;
- margin-top:0px;
- overflow:visible;
- -webkit-transition: all 0.4s linear; opacity: .7;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #sidebarpic{
- background-color:#000;
- width:110px;
- height:150px;
- height:auto;
- margin-top:250px;
- margin-left:15px;
- position:fixed;
- }
- #banner{
- background-color:transparent;
- width:250px;
- height:auto;
- margin-top:125px;
- margin-left:15px;
- position:fixed;
- z-index:2;
- }
- #sidebar{
- background-color:#000;
- width:150px;
- height:150px;
- height:auto;
- margin-top:250px;
- margin-left:135px;
- position:fixed;
- }
- #sidebarbottom{
- background-color:#000;
- width:265px;
- height:auto;
- height:auto;
- margin-top:365px;
- margin-left:15px;
- position:fixed;
- border: 0px solid #222;
- }
- #container {background-color: #560a8e; width: 148px ;border: 0px solid #222; margin: 0 auto;}
- #container1 {background-color: #3d44b4; width: 148px ;border: 0px solid #222; margin: 0 auto;}
- #container2 {background-color: #16c4a0; width: 265px ;border: 0px solid #222; margin: 0 auto;}
- .bubble {
- align:right;
- background: #dbd69d;
- margin:7px 0px 5px 66px;
- padding:10px;
- position: relative;}
- .bubble p {margin:1px 0px;}
- .bubble span {display:block;
- position:absolute;
- width:1px;
- height:1px;
- font-size: 0;
- line-height: 1px;
- left:-10px;
- top:10px;}
- a.navi1:link, a.navi1:active, a.navi1:visited
- {display:inline-block;
- font-family:"littlefont";
- font-size:8px;
- color:#000;
- text-align:center;
- background-color:#560a8e;
- margin-top:1px;
- padding-top:2px;
- margin-bottom:2px;
- width:47px;
- }
- a.navi1:hover
- {background-color:transparent;
- color:#560a8e;
- -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
- }
- a.navi2:link, a.navi2:active, a.navi2:visited
- {display:inline-block;
- font-family:"littlefont";
- font-size:8px;
- color:#000;
- text-align:center;
- background-color:#16c4a0;
- margin-top:1px;
- padding-top:2px;
- margin-bottom:2px;
- width: 47px;
- }
- a.navi2:hover
- {background-color:transparent;
- color:#16c4a0;
- -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
- }
- a.navi3:link, a.navi3:active, a.navi3:visited
- {display:inline-block;
- font-family:"littlefont";
- font-size:8px;
- color:#000;
- text-align:center;
- background-color:#f6ff64;
- margin-top:1px;
- padding-top:2px;
- margin-bottom:2px;
- width: 47px;
- }
- a.navi3:hover
- {background-color:transparent;
- color:#f6ff64;
- -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
- }
- a:link, a:visited, a:active{
- font-family: littlefont;
- font-size: 8px;
- color: #16c4a0;
- line-height: 8px;
- text-transform: lowercase;
- text-decoration: none;
- -webkit-transition: color 0.5s ease-out;
- -moz-transition: color 0.5 ease-out;
- }
- a:hover{
- color: #fff;
- }
- l{
- color:#560a8e;
- }
- o{
- color:#3d44b4;
- }
- v{
- color:#16c4a0;
- }
- e {
- color:#f6ff64;
- }
- .title{
- line-height:14px;
- font-family: arial black;
- font-size: 25px;
- text-transform: lowercase;
- display: block;
- text-align: center;
- letter-spacing:0px;
- color: #f6ff64;
- }
- .link{
- line-height:14px;
- font-family: arial black;
- font-size: 25px;
- text-transform: lowercase;
- display: block;
- text-align: center;
- letter-spacing:0px;
- color: #560a8e;
- }
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation{display:none;}
- {CustomCSS]</style>
- <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
- <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('.content').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : "div#navigation",
- // selector for the paged navigation (it will be hidden)
- nextSelector : "div#navigation a#nextPage",
- // selector for the NEXT link (to page 2)
- itemSelector : ".entry",
- // selector for all items you'll retrieve
- bufferPx : 10000,
- extraScrollPx: 200,
- loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
- loadingText : "<em></em>",
- donetext : "<em></em>" ,
- // text displayed when all items have been retrieved
- },
- // call masonry as a callback.
- function() { $('.content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- </head>
- <body>
- {block:IndexPage}
- <div class="column navigation" id="navigation">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
- </div>
- {/block:IndexPage}
- <div id="banner"><img src="http://i.imgur.com/0XP8R.png"></div>
- <div id="sidebarpic"><center>
- <img src="http://data.whicdn.com/images/43710935/406801_165788550233065_1074275762_n_large.jpg" width="110">
- </center></div>
- <div id="sidebar">
- <div id="container"><center>A B O U T M E</center></div>
- <p align="justify">Hello. <l>this</l> is where you write about <o>yourself</o>. I <v>hope</v> you like the <e>themes</e> and that you will <l>come</l> <o>back</o> soon. Also, please don't take the <v>credit</v> off. <e>thank</e> you!</p>
- <div id="container1"><center>N A V I G A T E</center></div>
- <a class="navi1" href="/">home</a> <a class="navi2" href="/ask">ask</a>
- <a class="navi3" href="http://falsettothemes.tumblr.com/">credit</a><br>
- <a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
- <a class="navi3" href="/">link</a><br>
- <a class="navi1" href="/">link</a> <a class="navi2" href="/">link</a>
- <a class="navi3" href="/">link</a><br>
- </div>
- <div id="sidebarbottom"><center>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- <a href="/"><img style='padding: 1px; border:1px solid #3d44b4'src="http://i.imgur.com/UDp5t.png" width="24"></a>
- </center><br>
- <div id="container2"><center><font color="#222">S T A T S</font></center></div>
- <center>your stats and music player go here</center>
- </div>
- <div class="content">
- {block:Posts}
- <div class="entry">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:Text}
- {Body}
- {block:IndexPage}
- <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
- {/block:IndexPage}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
- {block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:indexpage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {Quote}
- <div align="right">
- {block:Source}-{Source}{/block:Source}
- </div>
- {/block:Quote}
- {block:Video}
- {block:indexpage}{Video-250}<br>
- {PlayCountWithLabel}
- {/block:indexpage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Video}
- {block:Link}
- <center><a href="{URL}" class="link" {Target} box-shadow: 2px 2px 2px #222><div class="link">{Name}</div></a></center><BR>
- {block:Description}{Description}{/block:Description}
- <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
- {/block:Link}
- {block:Chat}
- {block:Lines}
- {block:Label}
- <br>
- {Label}
- {/block:Label}
- {Line}
- {/block:Lines}<br>
- {block:IndexPage}
- <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- {AudioPlayerGrey}
- <br><div align="right">{block:Artist}
- Artist: {Artist}</div>
- {/block:Artist}<br>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <n><div align="left"><d>
- <p align="jusify">
- {Asker} was like: {Question}<br><br>
- and I said bitch: {Answer}</p>
- </div><p align=right>
- {block:IndexPage}
- <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
- {/block:IndexPage}
- {/block:Answer}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <br>
- {block:NoteCount}
- {NoteCount} notes
- {/block:NoteCount}
- <Br>
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- <div id="banner"><img src="{image:banner}"></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement