Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script><style>.tooltip{display: inline;position: relative;}#s-m-t-tooltip {max-width:300px;border-radius: 0px; padding:0px;margin:20px 7px -2px 20px;background-color:#fff;font-size:9px;text-transform:lowercase;color:#000;z-index:999999999999999999999999999999999999;letter-spacing:.8px;}</style>
- <!-----
- base code by animecharacter.tumblr.com
- for help visit:
- tumblr.com/docs/en/custom_themes
- tumblr.com/docs/en/localizing_themes
- w3schools.com
- (please dont send me customization asks)
- credit if used is not compulsory but it's nice if you mention where you got this
- ----->
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
- <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
- <meta name="image:favicon" content="">
- <meta name="image:side" content="">
- <meta name="image:background" content="">
- <meta name="image:thekey" content=""/>
- <meta name="color:bg" content="#fff">
- <meta name="color:text" content="#000">
- <meta name="color:links" content="#999">
- <meta name="color:scrollbar" content="#000"/>
- <meta name="color:highlight" content="fff">
- <meta name="color:highlight text" content="fff">
- <meta name="if:fadedimages" content=""/>
- <meta name="if:rounded" content=""/>
- <meta name="if:300px" content=""/>
- <meta name="if:250px" content=""/>
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px; height: 0px;border: 1px solid {color:scrollbar}; background: {color:background};}::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ; }
- {block:iffadedimages}img{-webkit-transition: opacity 0.2s linear;opacity: .75;}img:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;}iframe.photoset {-webkit-transition: opacity 0.2s linear;opacity: .75;}iframe.photoset:hover {-webkit-transition: opacity 0.2s linear;opacity: 1;}{/block:iffadedimages}
- ::selection {
- background: {color:Highlight};
- color: {color:Highlight text};
- }
- ::-moz-selection {
- background: {color:Highlight};
- color: {color:Highlight text};
- }
- html{cursor:url('http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png'), auto;}a[href], input[type='submit'], input[type='image'], label[for], select, button,.pointer{cursor:url('http://i1124.photobucket.com/albums/l579/fieKrieY/Cursor-3.png?t=1320656223'), auto;}
- #bite
- #bite a{
- display:block
- }
- #bite .death {
- margin-top:0px;filter: alpha(opacity = 0);
- opacity:0;-webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
- }
- #bite:hover .death {
- margin-top:0px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);
- opacity:100;
- }
- /*
- general text styles, fonts and colours
- */
- body {
- margin:0px;
- background:{color:bg} url('{image:background}');
- background-repeat: repeat;
- background-attachment: fixed;
- background-size: cover;
- font-family: arial, helvetica, sans-serif;
- font-size:12px;
- line-height:140%;
- color: {color:text};
- }
- p{
- margin:0 0 10px 0;
- padding:0;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- a{
- color:{color:text};
- text-decoration:none;
- {block:permalinkpage}
- color:{color:text};
- border-bottom:1px solid {color:links};
- text-decoration:none;
- {/block:permalinkpage}
- }
- a:hover{
- color:{color:text};
- {block:permalinkpage}
- color:{color:text};
- text-decoration:none;
- border-bottom:1px solid {color:text};
- {/block:permalinkpage}
- }
- li{
- margin-left:-15px;
- }
- /*
- containers etc
- */
- #wrapper{
- width:600px;
- margin:50px auto;
- }
- #sidebar{
- width:250px;
- padding:10px;
- border:1px solid;
- {block:ifrounded}
- border-radius:6px;
- {/block:ifrounded}
- height:87px;
- margin-left:145px;
- background:#fff;
- {block:if250px}
- {/block:if250px}
- {block:if300px}
- width:300px;
- {/block:if300px}
- }
- #sidebar img {
- width:85px;
- border:4px solid #fff;
- border-radius:9px;
- margin-top:-3px;
- }
- #sidebar .desc {
- margin-left:100px;
- margin-top:-50px;
- }
- #sidebar .desc a {
- color:{color:text};
- border-bottom:1px solid {color:links};
- text-decoration:none;
- }
- #sidebar .desc a:hover {
- color:{color:text};
- border-bottom:1px solid {color:text};
- }
- #sidebar .li {
- margin-left:100px;
- margin-top:-0px;
- }
- #sidebar .li a {
- color:{color:text};
- border-bottom:1px solid {color:links};
- text-decoration:none;
- }
- #sidebar .li a:hover {
- color:{color:text};
- border-bottom:1px solid {color:text};
- }
- #actualnews {
- font-family:calibri;
- font-size:10px;
- width:100px;
- height:auto;
- padding-top:3px;
- margin-left: 30px;
- margin-top:-20px;
- text-align:center;
- position:fixed;
- }
- #actualnews a {
- font-weight:bold;
- }
- #thekey img{
- width:32px;
- margin-top: -49px;
- margin-left: 3px;
- position:fixed;
- }
- #content{
- {block:if250px}
- width:300px;
- {/block:if250px}
- {block:if300px}
- width:350px;
- {/block:if300px}
- margin-left:145px;
- overflow:hidden;
- margin-top:50px;
- }
- .post{
- {block:if250px}
- width:250px;
- {/block:if250px}
- {block:if300px}
- width:300px;
- {/block:if300px}
- margin:0 0 50px 0;
- overflow:hidden;
- border:1px solid;
- {block:ifrounded}
- border-radius:6px;
- {/block:ifrounded}
- padding:10px;
- background:#fff;
- }
- #sidebar img, .post img{
- max-width:100%;
- }
- #pages{
- margin:-25px 0 0 2px;
- }
- #pages a {
- text-decoration:none;
- }
- #tags {
- }
- #tags a {
- }
- /*
- content in the body of the posts - quotes, asks, etc
- "media" contains photos, photosets, videos, audio posts
- */
- .media{
- margin:0 0 10px 0;
- }
- .title{
- font-weight:normal;
- font-size:18px;
- margin:0 0 10px 0;
- }
- .quote{
- font-weight:normal;
- font-size:16px;
- font-style:italic;
- margin:0 0 10px 0;
- }
- .question{
- margin-bottom:10px;
- }
- blockquote{
- margin:0 0 10px 10px;
- padding:0 0 0 10px;
- border-left:solid 1px #000;
- }
- #audio {
- width:100%;
- height:50px;
- margin-bottom:10px;
- display:block;
- }
- .video-container {
- position: center;
- overflow: hidden;
- }
- .video-container iframe,
- .video-container object,
- .video-container embed {
- position: center;
- max-width:250px;
- max-height:250px;
- }
- .video-wrapper {
- max-width:250px;
- max-height:250px;
- }
- /*
- post footers - date, tags, via and source
- */
- .post .footer{
- margin:0;
- text-align:left;
- }
- /*
- post notes
- */
- ol.notes{
- list-style-type:none;
- padding:0;
- margin:0;
- }
- ol.notes li.note img{
- width:16px;
- height:16px;
- }
- ol.notes li.note{
- margin:0px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="bite">
- <div id="thekey"><img src="{image:thekey}"></div>
- <div class="death">
- <div id="actualnews">
- hi im isaiah i love <a href="http://www.pyurus.tumblr.com/" title="my wonderful qpp">aspen</a> the most</p>
- <b><u>MUSIC:</u></b><br>
- <embed quality="high" style="width:56px; visibility:visible; height:13px;" type="application/x-shockwave-flash" height="56" width="13" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://hypster.com/flash/player.swf?id=5377154:7170405:1&autoplay=false" FlashVars="color_bg=0xfedde6&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xFF9700&color_song_clicked=0xFECB81&color_Title=0x000000&color_btns=0x000000&color_title=0x000000" /></p><p>
- +<script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5231574";
- 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=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
- document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
- </script> | +<script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3099242";
- 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>
- </div>
- </div></div>
- <div id="wrapper">
- <div id="sidebar">
- <img src="{image:side}">
- <div class="desc"><a href="/abt">isaiah</a> + 15 <div style="margin-left:61px;margin-top:-20px;width:16px;"><img src="http://38.media.tumblr.com/e5b47efcbceaeba7242b89d09fa8f278/tumblr_inline_nzgz7ckNk51tgezfy_500.gif"></div></div>
- <div class="li">
- <a href="/">home</a> <a href="/ask">mail</a> <a href="/link">links</a>
- </div>
- {block:HasPages}
- {block:Pages}
- <a href="{URL}">{Label}</a><br>
- {/block:Pages}
- {/block:HasPages}
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{PhotoURL-HighRes}">{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}<div style="width:100%;opacity:1.0;margin:0 0 -1px 0;">{Photoset}</div>{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Video}
- <div class="media"><div class="video-wrapper">
- <div class="video-container">{Video-400}</div>
- </div></div>
- {/block:Video}
- {block:Audio}
- {block:AudioPlayer}{AudioPlayer}{block:AudioPlayer}
- <div style="font-style:italic;">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
- <div style="margin-top:-13px;padding-bottom:5px;">{block:Artist}{Artist}{/block:Artist}</div>
- {/block:Audio}
- {block:Answer}
- <div class="question">{Asker}: {Question}</div>
- <div class="caption">{Answer}</div>
- {/block:Answer}
- {block:Date}
- <div class="footer">
- <div id="tags">( <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom}- <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
- {block:ContentSource}- <a href="{SourceURL}">source</a>{/block:ContentSource} )
- {block:HasTags}<br>{block:Tags} + <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>
- {block:PermalinkPage}
- {block:NoteCount}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:NoteCount}
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- <div id="pages">
- {block:PreviousPage}
- <a href="{PreviousPage}">prev page</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next page</a>
- {/block:NextPage}
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
- <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement