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="#ffffff">
- <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" />
- <meta name="color:post backdrop" content="#c5b6bb">
- <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-color:{color:background};
- overflow-y:hidden;
- 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:{color:accent3};
- }
- 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/dl4aazm/4QGosggp7/selectiondarkblue.png');
- background-repeat:no-repeat;
- background-position: top center;
- color:#f9fcfc;
- }
- /*------------------- MAIN CONTENT STUFF ------------------*/
- #title{font-size:20px;line-height:25px;}
- #content {
- position:absolute;
- left:0px;
- z-index:990;
- width:800px;
- height:100%;
- padding:0px;
- overflow-y:auto;
- color:{color:Body Font};
- background-color:{color:post backdrop};
- 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:#fff;
- margin:10px auto 50px;
- padding: 10px 10px 6px;
- border:5px solid {color:post backdrop};
- outline:1px dotted #fff;
- }
- #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:#fff;
- 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/dl4aazm/4QGosggp7/selectiondarkblue.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/dl4aazm/1BJosgh4d/waves2_pale.png');
- }
- /* ---------------------------- UPDATES ------------------------------*/
- #updates {
- font-size:15px;
- font-family:century gothic, arial;
- color:{color:accent3};
- text-align:center;
- padding:10px;
- left:850px;
- top:50px;
- z-index:10;
- position:fixed;
- overflow-x:hidden;
- overflow-y:auto;
- background-color:rgba(255,255,255,0);
- width:450px;
- }
- #updates a{
- color:#ebe1e0;
- }
- table#nav{
- border-spacing:5px;
- }
- #navi{
- display:block;
- text-align:center;
- width:280px;
- font-size:12px;
- float:left;
- margin-left:15px;
- padding:0px 0px 0px 15px;
- line-height:210%;
- }
- #navi a{
- background-color:#f9cad0;
- color:white;
- padding:0px 8px;
- display:inline-block;
- width:80px;
- text-align:center;
- }
- #navi2{
- margin-top:1px;
- display:block;
- text-align:center;
- width:140px;
- font-size:13px;
- float:right;
- display:inline-block;
- line-height:260%;
- }
- #navi2 a{
- display:inline-block;
- width:50px;
- text-align:center;
- background-color:#8ccfec;
- color:white;
- margin-top:10px;
- }
- /* 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/dl4aazm/4QGosggp7/selectiondarkblue.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;
- right: 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;
- z-index:99;
- left:850px;
- font-size:40px;
- width:350px;
- }
- #nav a{color:#fff;
- text-shadow:1px 1px {color:post backdrop}, -1px -1px {color:post backdrop}, -1px 1px {color:post backdrop}, 1px -1px {color:post backdrop};
- }
- #nav a:hover{color:#a1c4dc;}
- .link_refresh{margin-left:90px;margin-top:230px;}
- .link_ask{margin-left:120px;margin-top:30px;}
- .link_story1{margin-left:90px;margin-top:30px;}
- .link_story2{margin-left:230px;margin-top:-120px;}
- .link_guide{margin-left:280px;margin-top:-50px;}
- .link_ships{margin-left:330px;margin-top:25px;}
- /*-------------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/dl4aazm/4QGosggp7/selectiondarkblue.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 HIDDEN -------------------------->
- <!-- begin updates tab -->
- <div id="updates">
- <div style="width:450px;height:auto;"><img src="http://static.tumblr.com/dl4aazm/lNPost54k/unaharuobg_smol_tiny.png"></div>
- <br>
- <div style="text-align:center;">
- <div id="navi">
- ✕ —— <b><a href="/">REFRESH</a></b>
- ✕ —— <b><a href="/ask">MESSAGE</a></b><br>
- ✕ —— <b><a href="#?w=400" rel="guide" class="poplight">GUIDE</a></b>
- ✕ —— <b><a href="/rel">FRIENDS</a></b><br>
- ✕ —— <b><a href="/u">HER STORY</a></b>
- ✕ —— <b><a href="/h">HIS STORY</a></b><br>
- </div>
- <!------------------------ NAV END ------------------------------>
- <div id="navi2">
- {block:Pagination}<b><span style="letter-spacing:3px;color:#fff;background-color:#f9cad0;padding:5px 5px 5px 7px;">PAGINATION</span></b>
- {block:NextPage}<b><a href="{NextPage}" style="letter-spacing:1.5px;">sink</a></b>{/block:NextPage}
- {block:PreviousPage}<b><a href="{PreviousPage}" style="letter-spacing:1.5px;">swim</a></b>{/block:PreviousPage}
- </p>{/block:Pagination}
- </div>
- </div></div></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:1px dotted {color:body font};-moz-border-radius: 15px;-webkit-border-radius: 15px;border-bottom:1px dotted {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:post backdrop};width:406px;margin-left:auto;margin-right:auto;text-transform:none;">{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/dl4aazm/4QGosggp7/selectiondarkblue.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;">Welcome! I'm Che and this is a dual-muse blog for half-siblings Nobori Una and Otani Haruo. Una has been around on tumblr in some form or another since 2012, but this incarnaton of the blog is Haruo's first official appearance.
- <p style="font-family:calibri,helvetica,arial,sans-serif;">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. I also want to make it clear that I <em>want</em> to interact with my followers. It happens a lot that mutuals grow complacent in having each other on the dash without ever actually interacting—and while that may result in a higher follower count, it does nothing for actual bonding. So, if you follow me, I'd appreciate it if you made an effort to interact with me. I promise you, I'll extend the same courtesy.
- <p style="font-family:calibri,helvetica,arial,sans-serif;">This blog is multiship. Una and Haruo are 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. Non-romantic pre-established relationships are more than welcome, but it's probably best if we talk it out a little first instead of jumping right into things blindly.
- <p style="font-family:calibri,helvetica,arial,sans-serif;">Obligatory warning: Mun is of age, as are muses in their main verses. 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 both characters at all points in their timelines, from childhood through adult years. If a sexually explicit thread occurs, please note that it takes place at a point where they are 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 either of them 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="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