Advertisement
tsiappoworks

Borked 2

Aug 7th, 2016
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.01 KB | None | 0 0
  1. <!-----THEME MADE BY uminojo SPECIFICALLY FOR mrlovethief.
  2. DO NOT STEAL OR COPY THIS CODE IN ANY CAPACITY,
  3. except for the parts obvs not my own. THANKS.----->
  4.  
  5. <!DOCTYPE html>
  6. <html>
  7.  
  8. <!-----------------------------TOOLTIPS------------------------------->
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13.  
  14. $(document).ready(function(){
  15.  
  16. $("a[title]").style_my_tooltips({
  17.  
  18. tip_follows_cursor:true,
  19.  
  20. tip_delay_time:0,
  21.  
  22. tip_fade_speed:0,
  23.  
  24. attribute:"title"
  25.  
  26. });
  27.  
  28. });
  29.  
  30. })(jQuery);
  31. </script>
  32.  
  33. <!----------------------POPUP_BLOCK SCRIPT BELOW-------------------------->
  34. <script type="text/javascript"
  35. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36. <script>
  37. $(document).ready(function() {
  38. //
  39. $('a.poplight[href^=#]').click(function() {
  40. var popID = $(this).attr('rel'); //Get Popup Name
  41. var popURL = $(this).attr('href'); //Get Popup href to define size
  42. var query= popURL.split('?');
  43. var dim= query[1].split('&');
  44. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  45. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  46. var popMargTop = ($('#' + popID).height() + 80) / 2;
  47. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  48. //Apply Margin to Popup
  49. $('#' + popID).css({
  50. 'margin-top' : -popMargTop,
  51. 'margin-left' : -popMargLeft
  52. });
  53. $('body').append('<div id="fade"></div>');
  54. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  55. return false;
  56. });
  57. $('a.close, #fade').live('click', function() {
  58. $('#fade , .popup_block').fadeOut(function() {
  59. $('#fade, a.close').remove(); //fade them both out
  60. });
  61. return false;
  62. });
  63. });
  64. </script>
  65. <!-------------------- VERSES SCRIPT BELOW -------------------->
  66. <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  67.  
  68. <head>
  69.  
  70. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  71. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  72. <link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  73.  
  74. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  75. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  76. <link rel="shortcut icon" href="" />
  77.  
  78. <meta name="color:Accent" content="#d1d1d1" />
  79. <meta name="color:Accent2" content="#2d5e73" />
  80. <meta name="color:Accent3" content="#FAFAFA" />
  81. <meta name="color:body font" content="#447373" />
  82. <meta name="color:Page BG" content="#a5b79d" />
  83. <meta name="color:ask bg" content="#FAFAFA" />
  84.  
  85. <meta name="text:LinkSymbol" content="✕" />
  86. <link rel="shortcut icon" href="">
  87.  
  88. <style type="text/css">
  89. /*---------------------BODY--------------------*/
  90. ::-webkit-scrollbar-thumb:vertical {
  91. background-color:transparent;
  92. height:7px;}
  93. ::-webkit-scrollbar {
  94. background-color:transparent;
  95. height:7px;
  96. width:5px;}
  97.  
  98. html {
  99. background: url('http://static.tumblr.com/xozato3/CtYobcq4o/sorabeej.png') no-repeat top left fixed;
  100. background-color:{color:Page BG};
  101. }
  102.  
  103. hr {
  104. border: 0;
  105. height: 1px;
  106. background-image: linear-gradient(to right, rgba(55, 62, 33, 0), rgba(55, 62, 33, 0.75), rgba(55, 62, 33, 0));
  107. }
  108.  
  109. body {
  110. margin: 0;
  111. word-wrap: break-word;
  112. color:Calibri, helvetica, arial, sans-serif;
  113. }
  114.  
  115. body a{
  116. text-decoration:none;
  117. font-weight:700;
  118. }
  119.  
  120. small, sub {
  121. font-size:12px;
  122. font-family: calibri,helvetica,arial,sans-serif;
  123. }
  124.  
  125. s,strike {
  126. color:{color:accent2};
  127. }
  128.  
  129. u,underline {
  130. color:{color:accent2};
  131. }
  132.  
  133. /*------------------- "SIDEBAR" ------------------*/
  134. #nav{
  135. position:fixed;
  136. z-index:75;
  137. margin-left:10px;
  138. margin-top:150px;
  139. width:400px;
  140. text-align:center;
  141. -ms-transform: rotate(90deg); /* IE 9 */
  142. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  143. transform: rotate(90deg);
  144. }
  145.  
  146. #navigation a{color:{color:accent2}; font-size:15px; text-decoration:bold;text-shadow: black 0 0 2px;}
  147.  
  148. #navigation a:hover{
  149. color:{color:accent}; text-decoration:bold;
  150. }
  151.  
  152. #pagination{
  153. font-family:Calibri, Helvetica, Arial, sans-serif;
  154. font-size:10px;
  155. text-align:center;
  156. color:{color:accent2};
  157. text-transform:uppercase;
  158. letter-spacing:3px;
  159. }
  160.  
  161. #pagination a{color:{color:accent2}; padding:0px 2px;}
  162.  
  163. /*-------------------------MAIN BODY STUFF HERE-----------------------*/
  164. img{border:0; max-width:100%;max-height:auto;}
  165.  
  166. #body{
  167. position:absolute;
  168. z-index:70;
  169. margin-left:50px;
  170. }
  171.  
  172. #body a{text-decoration:none;color:{color:Accent2};}
  173. #body a:hover{color:black;border-bottom:1px solid {color:Accent};}
  174. #body blockquote{
  175. border-left:2px solid {color:body font};
  176. border-right:2px solid {color:body font};
  177. padding:5px;
  178. margin:2px;
  179. background:#ecd9cc;
  180. }
  181. /*--------------------CONTAINER BOX THING---------------------------*/
  182. #container{
  183. position:fixed;
  184. margin-top:50px;
  185. width:520px;
  186. height:580px;
  187. overflow:auto;
  188. margin-left:auto;
  189. margin-right:auto;
  190. background:#97a890;
  191. border:2px solid #ecd9cc;
  192. }
  193.  
  194. /*-------------------------INDIVID POSTS------------------------*/
  195. #post{
  196. width:500px;
  197. margin:0px 0px 0px 3px;
  198. padding:10px 10px;
  199. background-color:transparent;
  200. font-family:calibri,helvetica,arial,sans-serif;
  201. color:{color:body font};
  202. }
  203.  
  204. #post .text{font-size:11px; line-height:16px;}
  205. #post .title{font-size:20px;}
  206. .text ul li{list-style-type:circle;}
  207.  
  208. /*-------------------------PERMALINKS AND TAGS------------------------*/
  209. #permalink{
  210. position:absolute;
  211. z-index:999999;
  212. margin-top:-5px;
  213. padding:3px;
  214. font-size:10px;
  215. text-align:center;
  216. text-transform:uppercase;
  217. font-family:calibri,helvetica,arial,sans-serif;
  218. color:{color:accent};
  219. background:url('http://static.tumblr.com/xozato3/mjgo6oi38/selectionornichpale.png');
  220. width:400px;
  221. margin-left:60px;
  222. }
  223.  
  224. #permalink a{color:{color:accent3};vertical-align:middle;}
  225. #permalink a:hover{color:{color:accent};}
  226.  
  227. #tags{
  228. margin-top:15px;
  229. font-size:10px;
  230. font-family:calibri,helvetica,arial,sans-serif;
  231. width:400px;
  232. text-align:center;
  233. margin-bottom:40px;
  234. margin-left:60px;
  235. }
  236.  
  237. #notesbox{width:500px;margin:20px auto;font-size:11px;font-family:calibri,helvetica,arial,sans-serif;}
  238. #notesbox ol.notes{list-style-type:none;margin:7px 0px;padding:0px 0px;}
  239. #notesbox img.avatar{display:none;}
  240.  
  241. /*------------------------EXTRA BITS AND BOBBLES----------------------*/
  242. .chat ul {list-style:none; margin:0; padding:0;}
  243. .chat li {font-size:11px;list-style-type: none;margin-left: 0px;padding: 3px;}
  244.  
  245. #ask a{color:white;}
  246. /*------------------------CUSTOM TOOLTIP--------------------------*/
  247. #s-m-t-tooltip {
  248. max-width:150px;
  249. padding:5px;
  250. margin:0px 0px 0px 17px;
  251. background-color:{color:accent2};
  252. font-family:calibri,helvetica,arial,sans-serif;
  253. font-size:9px;
  254. letter-spacing:2px;
  255. text-transform:lowercase;
  256. color:{color:accent3};
  257. z-index:9999;
  258. }
  259.  
  260. /*-----------------------------SCROLLBAR-----------------------------*/
  261.  
  262. ::-webkit-scrollbar {
  263. display:none;
  264. }
  265. ::-webkit-scrollbar-thumb:vertical {
  266. background-color:#eb9897;height:auto;
  267. }
  268.  
  269. /* ---------------------------- UPDATES ------------------------------*/
  270.  
  271. #updates {
  272. font-size:11px;
  273. font-family:century gothic, arial;
  274. color:{color:body font};
  275. text-align:center;
  276. height:300px;
  277. width:150px;
  278. padding:0px;
  279. top:50px;
  280. left:690px;
  281. z-index:10;
  282. position:fixed;
  283. overflow-x:hidden;
  284. overflow-y:auto;
  285. border:2px solid #ecd9cc;
  286. background:{color:page bg};
  287. }
  288.  
  289. #headerbar{
  290. left:50%;
  291. top:50%;
  292. width:400px; /*– sets width of your text –*/
  293. overflow:scroll;
  294. text-align:justify;
  295. color:#eee;
  296. font-family:calibri;
  297. font-size:12px;
  298. }
  299.  
  300. #tabbar{
  301. left:50%;
  302. top:50%;
  303. width:400px; /*– sets width of your text –*/
  304. height:400px; /*– sets height of your text –*/
  305. overflow: scroll;
  306. text-align:justify;
  307. color:#222;
  308. font-family:calibri;
  309. font-size:12px;
  310. }
  311.  
  312. ul#tabs {text-align: center;}
  313. ul#tabs li { /*– your inactive / not viewed tabs –*/
  314. display:inline-block;
  315. padding:2px;
  316. cursor:pointer;
  317. text-decoration:none;
  318. opacity:1;
  319. color:#3b6e82;
  320. }
  321.  
  322. ul#tabs li.active { /*– your active tab –*/
  323. background-color:{color:accent};
  324. color:#fff;
  325. -webkit-transition:
  326. all 0.5s ease-out;
  327. -moz-transition: all 0.5s ease-out;
  328. transition: all 0.5s ease-out;
  329. }
  330.  
  331. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  332. ul#tab li.active {display: block;}
  333. ul#tab li {display: none;}
  334.  
  335. /*-----------------------------POPUP BOXES---------------------------*/
  336. #fade { /*--Transparent background layer--*/
  337. display: none; /*--hidden by default--*/
  338. background: #000;
  339. position: fixed; left: 0; top: 0;
  340. width: 100%; height: 100%;
  341. opacity: .80;
  342. z-index: 9999;
  343. }
  344. .popup_block{
  345. display: none; /*--hidden by default--*/
  346. color:{font:body font};
  347. padding: 10px;
  348. float: left;
  349. font-size: 11.5;
  350. position: fixed;
  351. top: 50%; left: 50%;
  352. z-index: 9999999;
  353.  
  354. img.btn_close {
  355. float: right;
  356. margin: -20 -20px 0 0;
  357. }
  358. /*--Making IE6 Understand Fixed Positioning--*/
  359. *html #fade {
  360. position: absolute;
  361. }
  362. *html .popup_block {
  363. position: absolute;
  364. }
  365.  
  366.  
  367.  
  368.  
  369. {CustomCSS}</style>
  370. </head>
  371. <body>
  372.  
  373. <!-- begin updates tab -->
  374.  
  375. <div id="updates">
  376.  
  377. <div style="padding-top:10px;">
  378.  
  379. <b><p><span style="font-size:12px"><b>❛</b> <a href="/" style="color:white;text-shadow: black 0 0 2px;">OUT OF THIS WORLD</a> <b>❜</b></span></b><br>
  380. <span style="font-size:10px">
  381. an original character</p>
  382. <hr>
  383. <p>pan-fandom</span><br>
  384. SELECTIVE & PRIVATE</p>
  385. <hr>
  386.  
  387. <!------------------------- NAVIGATION -------------------------->
  388. <p>
  389. <div id="navigation" style="font-size:11px;">navigation<br>
  390. <a href="#?w=700" rel="ask" class="poplight" title="ask">✕</a>
  391. <a href="#?w=550" rel="abt" class="poplight" title="story">✕</a>
  392. <a href="#?w=400" rel="guide" class="poplight" title="guide">✕</a>
  393. <a href="/verselanding" title="verses">✕</a>
  394. <a href="/tagged/trivia" title="trivia">✕</a>
  395. <a href="/commish" title="commissions">✕</a>
  396. </div></p>
  397. <!------------------------ NAV END ------------------------------>
  398. <hr>
  399. <p>est. 26 feb 2012<br>
  400. reboot 3 aug 2016<br>
  401. <span style="font-size:11px">written by <a href="/mun" style="color:white;text-shadow: black 0 0 2px;">CHE</a></span> (21+)</p>
  402. <hr>
  403. {block:Pagination}<p>
  404. {block:NextPage}<a href="{NextPage}" style="color:white;text-shadow: black 0 0 2px;">old</a>{/block:NextPage}
  405. {block:PreviousPage}&nbsp;/&nbsp;<a href="{PreviousPage}" style="color:white;text-shadow: black 0 0 2px;">new</a>{/block:PreviousPage}
  406. </p><hr>{/block:Pagination}
  407. </div></div>
  408.  
  409. <!-- end updates tab -->
  410.  
  411. </div>
  412. <!----------------------------MAIN BODY----------------------------->
  413. <div id="body">
  414. <div id="container">
  415. {block:Posts}
  416.  
  417. <!--------------------------TYPES OF POSTS----------------------------->
  418. <div id="post">
  419.  
  420. {block:Photo}
  421. <img src="{PhotoURL-500}" />
  422. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  423. {/block:Photo}
  424.  
  425. {block:Photoset}
  426. {Photoset-500}
  427. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  428. {/block:Photoset}
  429.  
  430. {block:Video}
  431. {Video-500}
  432. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  433. {/block:Video}
  434.  
  435. {block:Audio}
  436. <div class="musicbox">
  437. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  438. {block:TrackName}<div class="text" style="color:{color:Accent};"><strong>{TrackName}</strong></div>{/block:TrackName}<br/>
  439. {block:Artist}<div class="text" style="margin-top:-17px;"><strong>Artist:&nbsp;</strong>{Artist}</div>{/block:Artist}<br/>
  440. {block:Album}<div class="text" style="margin-top:-17px;"><strong>Album:&nbsp;</strong>{Album}</div>{/block:Album}<br/>
  441. <div class="text" style="margin-top:-17px;">{PlayCountWithLabel}</div></div>
  442. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  443. {/block:Audio}
  444.  
  445. {block:Quote}
  446. <div class="title" style="width:480px;text-align:justify;">{Quote}</div>
  447. {block:Source}<div class="text" style="text-align:right;padding-right:50px;"><br/>&mdash;{Source}</div>{/block:Source}
  448. {/block:Quote}
  449.  
  450. {block:Text}
  451. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  452. <div class="text">{Body}</div>
  453. {/block:Text}
  454.  
  455. {block:Answer}<div id="ask">
  456. <div style="background-color:{color:accent2};color:white; padding:10px 10px 10px 10px;"><div class="title" style="font-size:12px;">{Question}<br/></div>
  457. <div class="text" style="text-align:right;color:white;text-decoration:underline:">&mdash;<span style="color:white">{Asker}</span><br/></div></div></div>
  458. <div class="text" style="width:500px;">{Answer}</div>
  459. {/block:Answer}
  460.  
  461. {block:Chat}
  462. {block:Title}<div class="title">{Title}<br/></div>{/block:Title}
  463. {block:Lines}<div class="chat"><li class="line_{Alt}">
  464. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li></div>
  465. {/block:Lines}
  466. {/block:Chat}
  467.  
  468. {block:Link}
  469. <div class="title"><a href="{URL}">{Name}</a></div>
  470. {block:Description}<div class="text">{Description}</div>{/block:Description}
  471. {/block:Link}
  472.  
  473. </div>
  474. <!---------------------PERMALINK + REBLOG STUFF---------------------->
  475. <div id="permalink">{block:Date}<a href="{Permalink}">{DayOFMonthWithZero} {ShortMonth}</a>&nbsp;&nbsp;{/block:Date}{block:NoteCount}<a href="{Permalink}">{NoteCount}♥</a>&nbsp;&nbsp;{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;<a href="{SourceURL}" title="{SourceName}">©</a>{/block:ContentSource}<a href="{ReblogURL}" target="_blank" class="details">&nbsp;&nbsp;reblog</a></div>
  476.  
  477. <!----------------------------TAG STUFF----------------------------->
  478. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  479.  
  480. {block:PostNotes}
  481. <div id="notesbox">{PostNotes}</div>
  482. {/block:PostNotes}
  483. {/block:Posts}
  484. </div></div>
  485.  
  486. </body>
  487.  
  488. </div></div></div></div></div></div></div></div></div></div>
  489.  
  490.  
  491. </div>
  492.  
  493. <!-------HERE BEGIN THE POPUP BOXES------->
  494.  
  495. <div id="ask" class="popup_block" style="overflow:auto;">
  496.  
  497. <table>
  498. <tr><td>
  499. <iframe frameborder="0" scrolling="yes" width="340" height="150" src="https://www.tumblr.com/ask_form/noborijo.tumblr.com" style="background-color:transparent; overflow:auto; display:block; float:left;" id="ask_form"></iframe>
  500. </td></tr>
  501. </table>
  502. </div>
  503.  
  504. <div id="submit" class="popup_block" style="overflow:auto;">
  505.  
  506. <table>
  507. <tr><td>
  508. <iframe frameborder="0" scrolling="yes" width="340" height="250" src="https://www.tumblr.com/submit_form/noborijo.tumblr.com" style="background-color:transparent; overflow:auto; display: block; float:right; margin-left:20px;" id="submit_form"></iframe>
  509. </td></tr>
  510. </table>
  511. </div>
  512.  
  513.  
  514. <div id="abt" class="popup_block" style="margin:0px auto; padding 10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font};height:500px;">
  515. <!-----BIO CODE HERE? OR NOT------>
  516. </div>
  517.  
  518. <div id="guide" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font}">
  519.  
  520. <h1 style="text-align:center; background:{color:accent};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">GUIDELINES</h1>
  521.  
  522. <p style="font-family:calibri,helvetica,arial,sans-serif;color:{color:body font};">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.
  523.  
  524. <p style="font-family:calibri,helvetica,arial,sans-serif;color:{color:body font};">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.
  525.  
  526. <p style="font-family:calibri,helvetica,arial,sans-serif;color:{color:body font};">This blog is multiship. Sora is currently single in all 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.
  527.  
  528. <p style="font-family:calibri,helvetica,arial,sans-serif;color:{color:body font};">Obligatory warning: Mun is of age, muse is not (by American standards). 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.
  529.  
  530. <h1 style="letter-spacing:2px;text-align:center;padding:2px 5px;font-size:12px;background-color:{color:accent};"><b><span style="color:white;">LAST NOTES</span></b></h1>
  531.  
  532. <p style="font-family:calibri,helvetica,arial,sans-serif;color:{color:body font};">If Sora 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.
  533. <p style="font-family:calibri,helvetica,arial,sans-serif;color:{color:body font};">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.
  534.  
  535. </div>
  536.  
  537. <div id="story" class="popup_block" style="margin:0px auto; padding:10px 30px; background:#FCFBF8;font-family:calibri, helvetica, arial, sans-serif;font-size: 11.5px;line-height:15px;overflow:auto;color:{color:body font}">
  538.  
  539. <div id="headerbar">
  540. <ul id="tabs">
  541. <li class="active">main</li>
  542. <li>stats</li>
  543. <li>history</li>
  544.  
  545. </ul></div>
  546. <div id="tabbar">
  547. <ul id="tab">
  548.  
  549.  
  550. <li class="active" style="color:{color:body font};">
  551.  
  552. tab 1
  553. </li>
  554.  
  555. <li style="color:{color:body font};"><h1 style="text-align:center;background-color:{color:accent};color:white;letter-spacing:2px;padding-top:5px;height:20px;font-size:20px;">THE BASICS</h1>
  556.  
  557. tab 2
  558.  
  559. </li>
  560. </ul> <!--- important. don’t delete --->
  561.  
  562.  
  563. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  564.  
  565. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement