Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--code by manon/butscrewmefirst. don't take as your own!-->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#000000"/>
- <meta name="color:link" content="#000000"/>
- <meta name="color:link hover" content="#ddd"/>
- <meta name="color:border" content="#000000"/>
- <meta name="color:hoverlink text" content="#000000"/>
- <meta name="color:scrollbar bg" content="#6b6d6d"/>
- <meta name="color:tooltip color" content="#6b6d6d"/>
- <meta name="color:title color" content="#000000"/>
- <meta name="color:blockquote color" content="#000000"/>
- <meta name="text:bg image url" content=""/>
- <meta name="color:bold" content=""/>
- <meta name="color:bold shadow" content=""/>
- <meta name="color:italics" content=""/>
- <meta name="color:italics shadow" content=""/>
- <meta name="text:title text" content="title">
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1" content="link 1" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2" content="link 2" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3" content="link 3" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4" content="link 4" />
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link href='http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Tillana' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
- <script type="text/javascript"
- src="http://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"></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>
- <style type="text/css">
- .popup_block{
- display:none;
- font-size:12px;
- background:#0e0507;
- background-image:url("");
- font-family:'calibri';
- padding:20px;
- border:;
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- -webkit-box-shadow: ;
- -moz-box-shadow: ;
- box-shadow: ;
- }
- *html #fade {position: absolute;}
- *html .popup_block {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:#000; /* change to #fff for solid white */
- opacity:0.5; /* change to opacity:1; */
- }
- /* --- UPDATES ---*/
- #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;
- }
- #actualnews {
- font-family:'calibri';
- font-size:12px;
- color: #fff;
- width:130px;
- height:auto;
- padding-top:3px;
- left:50%;
- margin-left:-615px;
- bottom:210px;
- text-align:center;
- position:fixed;
- background:#0e0507;
- }
- #thekey {
- width:auto;
- letter-spacing:5px;
- left:50%;
- bottom:250px;
- margin-left:-175px;
- padding:2px;
- position:fixed;
- font-size:11px;
- font-family: 'Prata', serif;
- color: #fff;
- text-transform:uppercase;
- text-shadow: 0px 0px 0px #000;
- -ms-transform: rotate(90deg); /* IE 9 */
- -webkit-transform: rotate(90deg); /* Safari */
- transform: rotate(90deg)
- }
- }
- para {
- font-family: 'Prata', serif;
- color:#fff;
- text-shadow:0 0 2px #fff;
- font-size:15px;
- }
- /*edit scrollbar*/
- ::-webkit-scrollbar-thumb {
- height:auto;
- }
- ::-webkit-scrollbar {
- height:4px;
- width:3px;
- padding-right:2px;
- }
- /*edit the body this is what post text looks like, background color, etc.*/
- body {
- background-image:url("http://i.imgur.com/ItkhpCl.png");
- background-position:center bottom;
- background-attachment:fixed;
- background-repeat:no-repeat;
- margin:0px;
- background-color:#0e0507;
- color:#fff;
- font-family:arial;
- font-size:10px;
- line-height:120%;
- overflow-x:hidden;
- overflow-y:hidden;
- }
- /*edit links*/
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#fff;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- /*edit link hover*/
- a:hover {
- color:#000;
- outline:none;
- -moz-outline-style:none;
- text-decoration:none;
- border-radius: 20px 20px 20px 20px #000;
- }
- img {
- opacity:.8;
- -webkit-filter: Grayscale(50%);
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration:0.8s;
- transition-duration:0.8s;
- -o-transition-duration:0.8s;
- -webkit-filter: blur(1px);
- border-radius: 20px 20px 20px 20px #000;
- }
- img:hover {
- opacity:1;
- -webkit-filter: Grayscale(0%);
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: blur(0px);
- border-radius: 20px 20px 20px 20px #000;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid #fff;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:22px;
- text-align:left;
- font-family:"prata";
- text-align:center;
- line-height:105%;
- letter-spacing:1px;
- color:#fff;
- }
- #title {
- color:#000;
- font-family:arial;
- font-size:16px;
- text-transform:lowercase;
- font-weight:bold;
- letter-spacing:0px;
- padding:4px;
- margin-top:-20px;
- margin-left:-14px;
- position:fixed;
- text-align:left;
- }
- /*sidebar links*/
- #links {
- position: fixed;
- font-style:none;
- left:50%;
- bottom:45px;
- margin-left:235px;
- font-size:15px;
- word-spacing:2px;
- line-height: 850%;
- text-align: left;
- width:160px;
- margin-right: auto;
- }
- #links a {
- letter-spacing: 1px;
- padding:3px;
- }
- #links a:hover {
- color:#000;
- opacity:1;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter:;
- }
- #description {
- width:208px;
- font-size:11px;
- padding:5px;
- text-align:justify;
- letter-spacing:0px;
- line-height:90%;
- margin-left:-16px;
- margin-top:-2px;
- }
- /* this is the box that comes up when you hover over something with a title*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:5px 5px 5px 6px;
- margin:20px 0px 0px 20px;
- background-image:url('http://i.imgur.com/GYMD42t.png');
- background-color:{color:tooltip color};
- font-family:arial;
- font-size:9px;
- letter-spacing:2px;
- text-transform:lowercase;
- font-weight:bold;
- color:#fff;
- z-index:999999999999999999999999999999999999;
- }
- /*next page and previous page*/
- #pagination {
- left:50%;
- bottom:492px;
- margin-left:-220px;
- font-size:25px;
- position: absolute;
- text-align: left;
- letter-spacing:4px;
- padding-left:87px;
- word-spacing:4px;
- text-transform:lowercase;
- }
- #pagination a {
- padding:0 3px;
- opacity:2;
- -webkit-filter: Grayscale(0%);
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: blur(0px);
- }
- #container {
- position: fixed;
- height:360px;
- width:505px;
- text-align:justify;
- font-family:'calibri';
- text-transform: auto;
- left:50%;
- margin-left:-128px;
- bottom:120px;
- overflow: auto;
- -ms-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- #post {
- width:500px;
- text-align:left;
- font-size:11px;
- line-height:110%;
- color:#fff;
- margin-left:auto;
- margin-right:auto;
- }
- /*italics and bold stuffs. here is where you can put new fonts, many i have already supplied you with!*/
- b, strong{
- color: #b98ba9;
- font-size:16px;
- font-family:"Prata";
- letter-spacing:2px;
- line-height:115%;
- text-shadow: 0px 0px 0px #000;
- font-weight: bold;
- text-transform:uppercase;
- }
- i, em, strong {
- color: #614051;
- font-size:16px;
- line-height:115%;
- font-family:"satisfy";
- letter-spacing:2px;
- text-shadow:0px 0px 0px #000;
- font-weight: italic;
- }
- /*time posted, note count, via and source*/
- .postinfo {
- font-family:'Six caps';
- width:487px;
- margin-top:1px;
- padding:6px;
- font-size:15px;
- color:#fff;
- text-shadow:2px 2px 3px rgba(14,8,8, 1);
- background-image:url('http://i.imgur.com/GYMD42t.png');
- opacity:.66;
- border-radius: 20px 20px 20px 20px;
- letter-spacing:1px;
- border-bottom:1px #000;
- text-transform:uppercase;
- font-style:normal;
- text-align:center;
- }
- .postinfo a {
- color:#fff;
- font-style:normal;
- }od now
- .postinfo a:hover {
- color:#bebebe;
- }
- /*tags*/
- .tags {
- width:487px;
- margin-top:4px;
- margin-left:-1px;
- padding:2px;
- font-family:arial;
- letter-spacing:0px;
- font-size:10px;
- text-align:center;
- }
- .tags a {
- color:#fff;
- }
- .tags a:hover {
- color:#57453a;
- }
- .postnote {
- width:487px;
- margin-top:40px;
- font-family:arial;
- text-transform:lowercase;
- font-style:normal;
- letter-spacing:0px;
- font-size:10px;
- text-align:left;
- }
- .verses img {
- float:center;
- -webkit-filter: grayscale(0%);
- width:400px;
- height:200px;
- }
- /*here go asks*/
- #ask {
- float:left;
- line-height:130%;
- border: 1px #000;
- font-family:"calibri";
- font-size:12px;
- }
- /*audio player container*/
- .playercontainer {
- text-align:left;
- padding:10px;
- padding-left:0px;
- background-color:#fff;
- width:480px;
- }
- /*artist, song, etc.*/
- .musicinfo {
- padding-top:7px;
- padding-left:50px;
- color:#000;
- text-align:justify;
- }
- /*credit. only change this if you actually make the code your own*/
- #credit {
- position:fixed;
- font-size:3px;
- color:#2f0000;
- font-weight:none;
- line-height:50%;
- letter-spacing:2px;
- right:10px;
- bottom:05px;
- text-transform:none;
- text-align:left;
- }
- #credit a {
- letter-spacing: 0px;
- padding:3px;
- color:#848585;
- }
- #credit a:hover {
- background:#0e0507;
- color:#848584;
- }
- {CustomCSS}</style></head><body>
- <!-- begin updates tab -->
- <div id="bite">
- <div id="thekey">HOVER</div>
- <div class="death">
- <div id="actualnews">
- <para><b>words</b></para><p>
- more words<br>
- <marquee>aaand this is how you make words go across/move!</marquee><br>
- <i>here we go hehe</i><p>
- bigger space here<br>
- and this is how you do a horizontal line!<br>
- <HR WIDTH="75%"><br>
- hope this helps!
- </div></div></div>
- <!-- end updates tab -->
- <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:50,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <div id="links">
- <a href="/" title="home">✕</a>
- <a href="#?w=500" title="inquire" rel="box1" class="poplight">✕</a>
- <a href="#?w=400" title="guidelines" rel="box2" class="poplight">✕</a>
- <a href="#?w=400" title="biography" rel="box3" class="poplight">✕</a>
- <a href="#?w=400" title="navigation" rel="box4" class="poplight">✕</a>
- <a href="#?w=400" title="verses" rel="box6" class="poplight">✕</a>
- </div>
- <div id="description">{Description}</div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="container">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}<big><big><center>{Title}</center></big></big>{/block:Title}</h1>{Body}{/block:Text}
- {block:Quote}<big><b><center>"{Quote}"</center></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
- {block:Chat}{block:Title}<h1><center>{Title}</center></h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:AudioPlayer}
- <div class="playercontainer"> <div style="padding: 5px 0px 5px 5px;width:inherit;background:#fff; border:2px solid #fff; width:30px;overflow:hidden; position:absolute;font-weight:bold;"> {AudioPlayer}</div><div class="musicinfo">{block:TrackName}<span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/>{Artist} {/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
- {block:Answer}<div id="ask"><img src="{AskerPortraitURL-40}" style="margin-right:12px;border:1px solid #e3e3e3;padding:3px;"></div> "{Question}"<br>
- — {ASKER}<br><br>
- {Answer}<br>{/block:Answer}
- {block:Date}<div class="postinfo"> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}+ {NoteCount}{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}"> ○ {Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- <div class="postnote">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- </div></div></div></div>
- </div>
- <div id="credit"><a href="#?w=400" title="credit" rel="box5" class="poplight"><font size="4">
- <i>Manon</i></a></font><div>
- </body>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box1" class="popup_block">
- <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box2" class="popup_block">
- <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
- <center><big><h1>GUIDELINES</h1></big><BR>
- <HR WIDTH="100%"><br>
- CONTENT
- CONTENT
- CONTENT
- </center>
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box3" class="popup_block">
- <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
- <center><big><h1>BIOGRAPHY</h1></big></big><BR>
- <HR WIDTH="100%"><br>
- CONTENT
- CONTENT
- CONTENT
- </center>
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box4" class="popup_block">
- <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
- <center><big><h1>NAVIGATION</h1></big><BR>
- <HR WIDTH="100%"><br>
- <a href="/LINK HERE">TITLE HERE</a>
- <p>
- <a href="/LINK HERE">TITLE HERE</a>
- <p><a href="/LINK HERE">TITLE HERE</a>
- <p><a href="/LINK HERE">TITLE HERE</a>
- <p><a href="/LINK HERE">TITLE HERE</a>
- <p><a href="/LINK HERE">TITLE HERE</a>
- <p>
- </center><p>
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box6" class="popup_block">
- <div style="height: 400px; overflow-y: scroll; overflow-x: hidden;">
- <center><big><h1>VERSES</h1></big><BR>
- <HR WIDTH="100%">
- <img src="http://i.imgur.com/AbPJSL3.png" class="verses">
- <b><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></b>
- <p>
- content content content
- <p><p>
- <img src="http://i.imgur.com/AbPJSL3.png" class="verses">
- <b><a href="/verse link here" style="text-align:center;">VERSE TITLE</a></b>
- <p>
- content content content
- <p><p>
- </center>
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box5" class="popup_block">
- <center>theme credit goes to <i><a href="http://butscrewmefirst.tumblr.com">Manon</a></i>.<br> do not remove the credit nor claim as your own. if you <b>HAVE</b> to take this credit out, make sure you credit me on a <b>VISIBLE</b> and often visited page.</center>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement