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/immortalbloodvirus. 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'>
- <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:#000;
- font-family:'calibri';
- padding:20px;
- border:1px solid #848584; /* if you want a solid white pop-up, delete this */
- float:left;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
- box-shadow: 0px 0px 20px #848584; /* delete for solid white */
- }
- *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 ---*/
- #updates {
- font-size:10px;
- font-family: 'calibri';
- color:#848584;
- text-align:left;
- background-color:#d0d0ce;
- height:45px;
- width:220px;
- padding:4px;
- top:20px;
- left:10px;
- z-index:10;
- position:fixed;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #updates:hover {
- height:200px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #updatestitle {
- text-transform:uppercase;
- font-family:arial;
- font-weight:bold;
- text-align:center;
- color:#000;
- font-family:'Six caps';
- font-size:40px;
- letter-spacing:1.5px;
- }
- /*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/9XWCdvH.png");
- background-position:absolute;
- background-attachment:fixed;
- background-repeat:no-repeat;
- background-color:#000;
- margin:0px;
- color:#848584;
- font-family:arial;
- font-size:10px;
- line-height:100%;
- }
- /*edit links*/
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#848584;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- /*edit link hover*/
- a:hover {
- color:#fff;
- outline:none;
- -moz-outline-style:none;
- text-decoration:none;
- }
- 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);
- }
- 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);
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid #d0d0ce;
- }
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- h1 {
- font-size:22px;
- text-align:left;
- font-family:"six caps";
- text-align:center;
- line-height:105%;
- letter-spacing:1px;
- color:#d0d0ce;
- }
- #title {
- color:#848584;
- 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 {
- width:200px;
- margin-top:535px;
- margin-left:550px;
- padding:5px;
- font-family:arial;
- text-align:left;
- word-spacing:1px;
- font-size:9px;
- font-weight:bold;
- display:block;
- color:#838483;
- opacity:.8;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration:0.8s;
- transition-duration:0.8s;
- -o-transition-duration:0.8s;
- -webkit-filter: blur(0px);
- transform: rotate(0)deg);
- -ms-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- }
- #links a {
- letter-spacing: 1px;
- padding:3px;
- }
- #links a:hover {
- color:#fff;
- opacity:1;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- -webkit-filter: blur(0px);
- }
- #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-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 {
- margin-left:165px;
- margin-top: -70px;
- position: relative;
- text-align: left;
- letter-spacing:1px;
- text-transform: lowercase;
- font-weight:bold;
- font-family: arial;
- font-size: 30px;
- opacity:.8;
- -webkit-transition-duration: 0.8s;
- -moz-transition-duration:0.8s;
- transition-duration:0.8s;
- -o-transition-duration:0.8s;
- -webkit-filter: blur(1px);
- transform: rotate(0)deg);
- -ms-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- }
- #pagination a {
- padding:0 3px;
- 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);
- }
- #container {
- position: fixed;
- width:505px;
- height:400px;
- margin-left:568px;
- margin-top:-370px;
- overflow: auto;
- -ms-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- #post {
- width:500px;
- margin-top:5px;
- margin-left:300px;
- text-align:left;
- font-size:11px;
- line-height:110%;
- color:#555;
- 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: #6d5556;
- font-size:15px;
- font-family:"Bad script";
- letter-spacing:2px;
- line-height:115%;
- text-shadow: 0px 1px 4px #848584;
- font-weight: bold;
- text-transform:uppercase;
- }
- i, em, strong {
- color: #6d555;
- font-size:15px;
- line-height:115%;
- font-family:"satisfy";
- letter-spacing:2px;
- text-shadow:0px 1px 4px #848584;
- font-weight: italic;
- }
- /*time posted, note count, via and source*/
- .postinfo {
- font-family:'Six caps';
- width:4o85px;
- 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/q2Pvfxi.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:490px;
- margin-top:4px;
- margin-left:-1px;
- padding:2px;
- font-family:arial;
- letter-spacing:0px;
- font-size:10px;
- text-align:left;
- }
- .tags a {
- color:#838483;
- }
- .tags a:hover {
- color:#fff;
- }
- .postnote {
- width:390px;
- margin-top:40px;
- font-family:arial;
- text-transform:lowercase;
- font-style:normal;
- letter-spacing:0px;
- font-size:10px;
- text-align:left;
- }
- /*here go asks*/
- #ask {
- float:left;
- line-height:130%;
- border: 1px #838483;
- 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:#848584;
- 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:#000;
- color:#848584;
- }
- {CustomCSS}</style></head><body>
- <!-- begin updates tab -->
- <div id="updates">
- <div id="updatestitle"><br>UPDATES</div>
- <div style="padding-top:10px;">
- <br><br>
- <big><center><FONT COLOR="#848584">selective & multi-muse rp</FONT></center></big>
- <center>THIS IS WHERE YOU PUT ANY EXTRA INFO. IF YOU WANT A SMALL LINE BREAK DO <BR> AND IF YOU WANT A LARGE LINE BREAK IT'S <P>. FOR A HORIZONTAL LINE, DO <HR WIDTH=100%><P>
- AND IF YOU WANT WORDS TO MOVE ACROSS THE UPDATES TAB, DO
- <marquee>LOOKY HERE THIS IS MOVING</marquee><br>
- AND IF YOU WANT TO MAKE A WORD BOLD DO <B>HEYA</B> AND ITALICS <I>HOLA</I>. hope this helps!
- </center>
- </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="rules" rel="box2" class="poplight">✕</a>
- <a href="#?w=400" title="about" rel="box3" class="poplight">✕</a>
- <a href="#?w=400" title="navi" rel="box4" 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>{Title}</big></big>{/block:Title}</h1>{Body}{/block:Text}
- {block:Quote}<big><b>"{Quote}"</b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
- {block:Chat}{block:Title}<h1>{Title}</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: 350px; overflow-y: scroll; overflow-x: hidden;">
- CONTENT
- CONTENT
- CONTENT
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box3" class="popup_block">
- <div style="height: 350px; overflow-y: scroll; overflow-x: hidden;">
- CONTENT
- CONTENT
- CONTENT
- </div>
- </div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="box4" class="popup_block">
- <div style="height: 350px; overflow-y: scroll; overflow-x: hidden;">
- <center><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="box5" class="popup_block">
- <center>theme coding belongs to <i><a href="http://immortalbloodvirus.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