Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
- <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
- <script type="text/javascript"
- src="https://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, .popup_block2').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!-------------------- VERSES SCRIPT BELOW -------------------->
- <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- <link rel="shortcut icon" href="" />
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <meta name="color:background" content="#c5b6bb">
- <meta name="color:Accent" content="#99869d" />
- <meta name="color:Accent2" content="#665368" />
- <meta name="color:Accent3" content="#ffffe6" />
- <meta name="color:body font" content="#827089" />
- <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
- <style type="text/css">
- /*---------------------BODY--------------------*/
- ::-webkit-scrollbar-thumb{
- background-color:{color:accent2};
- height:auto;
- }
- ::-webkit-scrollbar {
- background-color:transparent;
- height:auto;
- width:4px;
- }
- ::-webkit-scrollbar:horizontal {
- background-color:transparent;
- height:4px;
- width:auto;}
- hr {
- border: 0;
- height: 1px;
- background-image: linear-gradient(to right, rgba(185, 210, 220, 0), rgba(48, 101, 120, 0.75), rgba(185, 210, 220, 0));
- }
- h1 {
- font-weight:normal;
- font-size:22px;
- text-align:center;
- font-style:normal;
- line-height:100%;
- letter-spacing:1px;
- text-transform:normal;
- color:{color:accent2};
- font-family: 'Oswald', sans-serif;
- }
- h2 {
- font-size:26px;
- text-align:center;
- line-height:100%;
- letter-spacing:-0.5px;
- color:{color:accent2};
- font-weight:bold;
- padding:5px;
- font-family: 'Oswald', sans-serif;
- }
- body {
- margin: 0;
- color:{font:body font};
- background: url(http://static.tumblr.com/ktn4nas/bsnoswtfd/tsiapponew.png) no-repeat top left fixed;
- background-color:{color:background};
- font-size:11px;
- line-height:120%;
- word-wrap: break-word;
- font-family:Calibri, helvetica, arial, sans-serif;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- small,sub,sup {
- font-size:12px;
- font-family: calibri,helvetica,arial,sans-serif;
- }
- b,strong {
- color:{color:accent2};
- font-size:15px;
- font-family: 'Oswald', sans-serif;
- }
- em,i {
- color:{color:accent2};
- font-family: 'Oswald', sans-serif;
- }
- s,strike {
- color:{color:accent2};
- }
- u,underline {
- color:{color:accent2};
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:accent2};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- outline:none;
- -moz-outline-style:none;
- color:#FFFFFF;
- }
- img{border:0; max-width:100%;max-height:auto;}
- .fancytitle {
- font-size:11px;
- font-family: 'Oswald', sans-serif;
- padding:2px 4px;
- border:2px solid {color:page bg};
- text-align:center;
- margin-bottom:5px;
- background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');
- background-repeat:no-repeat;
- background-position: top center;
- color:#f9fcfc;
- }
- /*------------------- MAIN CONTENT STUFF ------------------*/
- #title{font-size:20px;line-height:25px;}
- #content {
- position:absolute;
- margin-top:20px;
- left:730px;
- z-index:990;
- width:550px;
- padding:0px;
- overflow-y:auto;
- color:{color:Body Font};
- padding:10px 0px;
- }
- blockquote {
- padding:2px 5px 2px 10px;
- margin:5px;
- border-left:1px dotted {color:body font};
- }
- blockquote img {
- max-width:100%;}
- img{
- border:0px;
- max-width:100%;
- }
- /*----------------------------- POSTS ------------------------*/
- #content #posts {
- width:500px;
- background-color:#e0e0e0;
- margin:0px auto 25px;
- padding: 5px 10px;
- border:5px solid {color:background};
- outline:1px dotted #414d65;
- }
- #content #posts .title {
- font-size:22px;
- line-height:25px;
- font-family: 'Oswald', sans-serif;
- letter-spacing:1px;
- }
- #content #posts .text {
- font-family: Calibri, helvetica, arial, sans-serif;
- font-size:12px;
- font-weight:300;
- line-height:140%;
- }
- .text ul li{
- list-style-type:circle;
- }
- .asker{
- position:relative;
- float:right;
- margin-top:-6px;
- padding:2px 3px;
- text-transform:uppercase;
- }
- .asker a{
- width:100%;
- -moz-border-radius: 15px;
- -webkit-border-radius: 15px;
- background-color:{color:body font};
- color:white;
- text-align:center;
- font-size:14px;
- }
- /*-------------AUDIO POSTS------------*/
- #audioplayer {
- width:30px;
- height:30px;
- overflow:hidden;
- position:absolute;
- margin-left:40px;
- margin-top:45px;
- margin-bottom:45px;
- opacity: 0.8;
- filter:alpha(opacity=80);
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
- }
- #albumart { float:left; margin:0px 7px;}
- /*--------------------PERMALINK AND OTHER DETAILS---------------------*/
- #details {
- font-family: Calibri, helvetica, arial, sans-serif;
- text-align:center;
- width:500px;
- text-transform:uppercase;
- font-size:10px;
- font-style:none;
- margin-left:auto;
- margin-right:auto;
- background-color:#e0e0e0;
- color:{color:accent2};
- padding:2px 2px;
- }
- #details a{
- text-decoration:none;
- color:{color:accent};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- -transition: all 0.3s ease-in-out;
- }
- #details a:hover{color: {color:accent3};}
- #notes {
- font-family: Calibri, helvetica, arial, sans-serif;
- font-size:11px;
- color:{color:body font};
- }
- #notes a{
- text-decoration:none;
- color:{color:accent3};
- }
- /*------------------------CUSTOM TOOLTIP--------------------------*/
- div#qTip {
- background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');
- border:1px solid white;
- padding: 5px;
- display: none;
- text-align: center;
- position: absolute;
- font-size:13px;
- line-height:10px;
- z-index: 9999999;
- color:#fff;
- letter-spacing: 1px;
- font-family: 'Oswald', sans-serif;
- }
- /*---------------WHOA, NELLY IT'S THE POP-UP MENU!---------------*/
- #box1{
- text-align:center;
- color:{color:body font};
- font-family: Calibri, helvetica, arial, sans-serif;
- font-size:12px;
- }
- .popup_block{
- display:none;
- background:#fff;
- padding:20px;
- float:left;
- max-height:400px;
- position:fixed;
- top:50%;left:50%;
- z-index: 99999;
- }
- *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-image:url('http://static.tumblr.com/mwciju1/ZZVommkq2/asanoha-400px.png');
- }
- /* ---------------------------- UPDATES ------------------------------*/
- #updates {
- font-size:10px;
- font-family:century gothic, arial;
- color:#fff;
- text-align:center;
- height:180px;
- width:240px;
- padding:10px;
- left:190px;
- top:300px;
- z-index:10;
- position:fixed;
- overflow-x:hidden;
- overflow-y:auto;
- background-color:rgba(255,255,255,0);
- text-shadow:1px 1px 2px #6f586f, 1px -1px 2px #6f586f, -1px 1px 2px #6f586f, -1px -1px 2px #6f586f;
- }
- #updates a{
- color:#ebe1e0;
- }
- table#nav{
- border-spacing:5px;
- }
- /* the verses tabs */
- ul#tabs {
- margin-top:-10px;
- list-style-type: none;
- padding: 0;
- text-align: center;
- font-size:10px;
- letter-spacing:1px;
- }
- ul#tabs li { /*– your inactive / not viewed tabs –*/
- display: inline-block;
- background-color: transparent;
- border: solid 1px #bfccd1;
- padding: 4px 12px;
- margin-bottom: 4px;
- color: #1b1b1b;
- cursor: pointer;
- }
- ul#tabs li:hover {
- background-color:{color:accent2};
- color:white;
- }
- ul#tabs li.active { /*– your active tab –*/
- background-color: #0f0f0f;
- background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');
- border: 1px solid #bfccd1;
- color:white;
- }
- ul#tab {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- ul#tab li {
- display: none;
- }
- ul#tab li.active {
- display: block;
- }
- /*--------------------CREDITS-----------------------*/
- #cred
- {
- position:fixed;
- z-index:99;
- width: 50px;
- height: 18px;
- font-family: Arial;
- font-size: 7px;
- text-transform: uppercase;
- text-align: center;
- bottom: 10px;
- left: 10px;
- letter-spacing: 1px;
- line-height: 4px;
- padding: 10px 3px;
- display: block;
- color:{color:body font};
- background: {color:background};
- position: fixed;
- }
- #cred a
- {
- font-weight: bold;
- line-height: 17px;
- font-size: 15px;
- font-family: 'Oswald', sans-serif;
- text-transform: uppercase;
- color:{color:body font};
- letter-spacing: 6px;
- margin-left:5px;
- }
- /*-----------------NAVIGATION---------------*/
- #nav{
- position:fixed;
- left:92px;
- font-size:40px;
- width:350px;
- }
- #nav a{color:#c6c6c6;}
- #nav a:hover{color:#2e4e7f;}
- .link_refresh{margin-left:300px;margin-top:120px;}
- .link_ask{margin-left:220px;margin-top:30px;}
- .link_story1{margin-left:260px;margin-top:-25px;}
- .link_story2{margin-left:300px;margin-top:-1px;}
- .link_guide{margin-left:340px;margin-top:-25px;}
- .link_ships{margin-left:380px;margin-top:-1px;}
- #sink{
- position:fixed;
- left:358px;
- margin-top:180px;
- color:{color:body font};
- }
- #sink a{color:{color:body font}; text-shadow:1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}
- #swim{
- position:fixed;
- left:435px;
- margin-top:180px;
- color:{color:body font};
- }
- #swim a{color:{color:body font}; text-shadow:1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}
- /*-------------POPUP NAVI---------------*/
- .popupnavlinks {
- padding-top:5px;
- text-align:center; }
- .popupnavlinks a {
- display:inline-block;
- width:100px; height:8px;
- margin:2px; padding:6px 6px 14px;
- text-align:center;
- font-family:Calibri, helvetica, arial, sans-serif;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:white;
- background:transparent;
- background-image:url(http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png);
- border:1px solid {color:background};
- }
- .popupnavlinks a:hover {
- display:inline-block;
- width:100px; margin:2px;
- padding:6px 6px 14px;
- text-align:center;
- font-family:Calibri, helvetica, arial, sans-serif;
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:accent};
- background:transparent }
- {CustomCSS}</style>
- </head>
- <body>
- <!------------------------- NAVIGATION -------------------------->
- <div id="nav" style="width:100%">
- <div class="link_refresh">
- <a href="/" title="refresh">✦</a> </div>
- <div class="link_ask">
- <a href="/ask" title="ask">✦</a></div>
- <div class="link_story1">
- <a href="/s" title="story">✦</a></div>
- <div class="link_story2">
- <a href="#?w=400" rel="navi" class="poplight" title="navigation">✦</a></div>
- <div class="link_guide">
- <a href="#?w=400" rel="guide" class="poplight" title="guide">✦</a></div>
- <div class="link_ships">
- <a href="/landing" title="verses">✦</a></div>
- </div>
- <!-- begin updates tab -->
- <!------------------------ NAV END ------------------------------>
- {block:Pagination}
- {block:NextPage}<div id="sink"><b><a href="{NextPage}" style="font-size:11px;letter-spacing:1.5px;">sink</a></b></div>{/block:NextPage}
- {block:PreviousPage}<div id="swim"><b><a href="{PreviousPage}" style="font-size:11px;letter-spacing:1.5px;">swim</a></b></div>{/block:PreviousPage}
- </p>{/block:Pagination}
- </div>
- <!-- end updates tab -->
- <!---------------------- MAIN CONTENT ----------------------->
- <div id="content">
- {block:Posts}
- <div id="posts">
- <!------------------------ PHOTOS --------------------------->
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- <!------------------------ PHOTOSET -------------------------->
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div class="text">{Caption}</div>{block:Caption}
- {/block:Photoset}
- <!--------------------------- VIDEO ------------------------------>
- {block:Video}
- {Video-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!-------------------------- AUDIO ------------------------------>
- {block:Audio}
- <div id="audioplayer">{AudioPlayerWhite}</div>
- <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
- {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
- {block:Artist}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- {block:Caption}<br/><br/><br/><div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- <!-------------------------- QUOTE ------------------------------>
- {block:Quote}
- <div class="title" style="width:400px; margin-left:auto; margin-right:auto; line-height:20px;">“{Quote}”</div>
- {block:Source}<br><div class="text" style="text-align:right;">— {Source}</div>{/block:Source}
- {/block:Quote}
- <!---------------------------- TEXT ------------------------------>
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- <!--------------------------- ANSWER ------------------------------>
- {block:Answer}
- <div class="title" style="font-size:12px; background-color:{color:background}; padding:3px 5px;padding:5px 10px;border-top:2px solid {color:body font};-moz-border-radius: 15px;-webkit-border-radius: 15px;border-bottom:2px solid {color:body font};">{Question}</div><div class="asker">{Asker}</div><br><br>
- <div class="text">{Answer}</div>
- {/block:Answer}
- <!------------------------- CHAT ------------------------------>
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label}
- {Line}<br>
- {/block:Lines}</div>
- {/block:Chat}
- <!-------------------------- LINK --------------------------->
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- <div id="details" style="border-top:1px dotted {color:accent2};">
- <a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth} {Year}</a> | <a href="{Permalink}">{NoteCount}</a> {block:RebloggedFrom} | <a href="{ReblogParentURL}" target="_blank">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource} | <a href="{ReblogURL}" target="_blank" class="details">↺</a>
- {block:HasTags}<div id="tags" style="border-top:1px solid {color:background};width:406px;margin-left:auto;margin-right:auto;text-transform:none;">filed under:{block:Tags} <a href="{TagURL}">{Tag}</a>.{/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- <!-------------------------- ENDS --------------------------->
- </div>
- </div></div>
- </body>
- <!-------HERE BEGIN THE POPUP BOXES------->
- <div id="guide" class="popup_block" style="font-family:calibri, helvetica, arial, sans-serif;font-size: 11px;line-height:15px;overflow:auto;color:{color:body font}">
- <h1 style="text-align:center; background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">GUIDELINES</h1>
- <p style="font-family:calibri,helvetica,arial,sans-serif;"><small>I’m going to keep this simple and assume you know how these things work. No godmodding, try your best to use proper grammar, etc. I’m not a stickler for length, but at least give me enough to work with. If I give you a few paragraphs, don’t leave me with two sentences. That’s not cool.
- <p style="font-family:calibri,helvetica,arial,sans-serif;;">As a heads up, I’m just going to put it out there that I’m less inclined to roleplay with people who write in purple prose. Nothing personal, but I don’t care for diction/syntax muddling clarity.
- <p style="font-family:calibri,helvetica,arial,sans-serif;">This blog is multiship. Cherry is currently single in most verses. However, shipping is not my main focus…but I’m still more than willing to give a ship a try. It just needs buildup and it needs to make sense. Nothing instant over here.
- <p style="font-family:calibri,helvetica,arial,sans-serif;">Obligatory warning: Mun is of age, as is muse in her main verse. Anything NSFW of a sexual nature is probably going to be uncommon, though violence, alcohol, drugs, etc. may appear (depending on who I'm writing with). Don’t worry, I’ll make sure things are tagged.
- <blockquote><p style="font-family:calibri,helvetica,arial,sans-serif;">I'm willing to play Cherry at all points in her timeline, from childhood through adult years. If a sexually explicit thread occurs, please note that it takes place at a point where Cherry is at least eighteen.</blockquote>
- <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;"><b>LAST NOTES</b></h1>
- <p style="font-family:calibri,helvetica,arial,sans-serif;">If Cherry has so much development with a character that playing with a duplicate could be considered disrespectful, I reserve the right to put priority over the original.
- <p style="font-family:calibri,helvetica,arial,sans-serif;">I don’t always follow back–I like a clean dash, so if you post a lot of images/OOC in a short time, I probably won’t follow unless I really like you. If we’re mutuals, you can tag me in a post at any time. If we aren’t, you can still try tagging me in something, but I might not stick with it for very long.
- </div>
- </div></div></div></div></div></div>
- <div id="navi" class="popup_block" style="font-family:calibri, helvetica, arial, sans-serif;font-size: 11px;line-height:15px;overflow:auto;color:{color:body font}">
- <h1 style="text-align:center; background-image:url('http://static.tumblr.com/oh3xcbq/ROuoimf1o/selectionmedblue.png');border:1px solid {color:page bg};color:white;letter-spacing:2px;padding:5px 0px;height:20px;font-size:20px;">NAVIGATION</h1>
- <center>
- <div class="popupnavlinks">
- TO BE REVISED<br>
- </div></center>
- </div>
- </div></div></div></div></div></div>
- <div id="cred">theme by<br><a href="#?w=400" rel="credit" class="poplight" title="credit">CHE</a></div>
- <div id="credit" class="popup_block" style="font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font};height:448px;">
- <div class="fancytitle">credit</div>
- <p style="font-family:calibri,helvetica,arial,sans-serif;text-align:center;"><small>theme coded by <a href="http://seacrowned.tumblr.com/"><b>che</b></a><br>
- with guidance from <a href="http://octomoosey.tumblr.com/"><b>octomoosey</b></a><br>
- pop-ups by <a href="http://acuite.tumblr.com/"><b>acuite</b></a><br>
- </div>
- </div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement