API tools faq
paste
Advertisement
lojsan7

mio3

lojsan7
Jun 4th, 2015
305
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.74 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3. <script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function() {
  7. //
  8. $('a.poplight[href^=#]').click(function() {
  9. var popID = $(this).attr('rel'); //Get Popup Name
  10. var popURL = $(this).attr('href'); //Get Popup href to define size
  11. var query= popURL.split('?');
  12. var dim= query[1].split('&');
  13. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  14. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  15. var popMargTop = ($('#' + popID).height() + 80) / 2;
  16. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  17. //Apply Margin to Popup
  18. $('#' + popID).css({
  19. 'margin-top' : -popMargTop,
  20. 'margin-left' : -popMargLeft
  21. });
  22. $('body').append('<div id="fade"></div>');
  23. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  24. return false;
  25. });
  26. $('a.close, #fade').live('click', function() {
  27. $('#fade , .popup_block').fadeOut(function() {
  28. $('#fade, a.close').remove(); //fade them both out
  29. });
  30. return false;
  31. });
  32. });
  33. </script>
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37.  
  38. <!---- this is theme 44 by Hollywhood
  39. please don't remove the credit
  40. thank you
  41. --->
  42.  
  43. <meta name="color:Background" content="#ffffff"/>
  44. <meta name="color:Text" content="#9B9B9B"/>
  45. <meta name="color:Link" content="#b8b8b8"/>
  46. <meta name="color:scrollbar" content="#999999">
  47. <meta name="color:title" content="#999999">
  48. <meta name="color:Link Hover" content="#eeeeee"/>
  49.  
  50. <meta name="image:sidebar" content=""/>
  51. <meta name="text:sidebartitle" content="">
  52.  
  53. <meta name="text:link1" content="" />
  54. <meta name="text:link1 url" content="/">
  55. <meta name="text:link2" content="" />
  56. <meta name="text:link2 url" content="/">
  57. <meta name="text:link3" content="" />
  58. <meta name="text:link3 url" content="/">
  59. <meta name="text:link4" content="" />
  60. <meta name="text:link4 url" content="/">
  61. <meta name="text:link5" content="" />
  62. <meta name="text:link5 url" content="/">
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. ::-webkit-scrollbar-thumb{
  69. background-color: #424440;
  70. border: 2px solid transparent;
  71. height:5px;
  72. }
  73.  
  74. ::-webkit-scrollbar {
  75. height:auto;
  76. width:4px;
  77. background-color: transparent;
  78. border:5px solid transparent;
  79. }
  80.  
  81.  
  82. iframe#tumblr_controls {
  83. white-space:nowrap;
  84. -webkit-filter: invert(100%);
  85. -moz-filter: invert(100%);
  86. -o-filter: invert(100%);
  87. -ms-filter: invert(100%);
  88. filter: invert(100%);
  89. opacity:.2;transition: .8s ease-in-out;
  90. -webkit-transition: .8s ease-in-out;
  91. -moz-transition: .8s ease-in-out;
  92. -o-transition: .8s ease-in-out;
  93. }
  94.  
  95. h1 {
  96. font-weight:normal;
  97. font-size:17px;
  98. text-align:center;
  99. font-style:normal;
  100. line-height:100%;
  101. letter-spacing:1px;
  102. text-transform:normal;
  103. color:{color:text};
  104. }
  105.  
  106. h2 {
  107. font-size:17px;
  108. text-align:center;
  109. line-height:100%;
  110. letter-spacing:-0.5px;
  111. color:#3d3e3e;
  112. text-shadow:1px 1px 15px #343d41;
  113. font-weight:bold;
  114. text-transform:uppercase;
  115. padding:5px;
  116. padding-bottom:2px;
  117. }
  118.  
  119.  
  120. blockquote {
  121. border-left:1px solid #424440;
  122. padding:17px;
  123. margin:10px 2px 0px 10px
  124. background-color:#a35178;
  125. }
  126.  
  127. body {
  128. background:{color:background};
  129. background-image: url('http://i.imgur.com/lJ9NFln.png');
  130. background-repeat: no-repeat;
  131. background-size: center;
  132. background-attachment: fixed;
  133. position: absolute;
  134. margin-left:720px;
  135. color:{color:text};
  136. font-family:times new roman;
  137. font-size:12px;
  138. line-height:100%;
  139. }
  140.  
  141. b,bold,strong {
  142. color:#40403f;
  143. font-family:times;
  144. font-size:14px;
  145. text-shadow: 1px 1px 15px #35596a;
  146. }
  147.  
  148. i,em,italic {
  149. color:#adacac;
  150. font-family:times;
  151. font-size:14px;
  152. text-shadow: 1px 1px 15px #ffffff;
  153. }
  154.  
  155. a {
  156. text-decoration:none;
  157. outline:none;
  158. -moz-outline-style:none;
  159. color:{color:link};
  160. -moz-transition-duration:0.5s;
  161. -webkit-transition-duration:0.5s;
  162. -o-transition-duration:0.5s;
  163. }
  164.  
  165. a:hover {
  166. text-decoration:none;
  167. outline:none;
  168. -moz-outline-style:none;
  169. color:{color:link hover};
  170. }
  171.  
  172. img {
  173. border:none;
  174. }
  175.  
  176.  
  177. #post {
  178. width:300px;
  179. margin-top:0px;
  180. margin-bottom:50px;
  181. opacity:0.8;
  182. -webkit-transition: all 0.6s ease-in-out;
  183. -moz-transition: all 0.6s ease-in-out;
  184. -o-transition: all 0.6s ease-in-out;
  185. -ms-transition: all 0.6s ease-in-out;
  186. transition: all 0.6s ease-in-out;
  187. -webkit-filter:grayscale(100%);
  188. -webkit-transition: all 0.6s ease-in-out;
  189. }
  190.  
  191. #post:hover{
  192. -webkit-filter:none;
  193. -webkit-transition: all 0.6s ease-in-out;
  194. opacity:1;
  195. -webkit-transition: all 0.6s ease-in-out;
  196. -moz-transition: all 0.6s ease-in-out;
  197. -o-transition: all 0.6s ease-in-out;
  198. -ms-transition: all 0.6s ease-in-out;
  199. transition: all 0.6s ease-in-out;
  200. }
  201.  
  202. #container {margin: auto;
  203. position:fixed;
  204. width: 900px;}
  205.  
  206.  
  207. #entries {
  208. padding:10px;
  209. left:320px;
  210. top:80px;
  211. position:fixed;
  212. background-color:transparent;
  213. width:300px;
  214. height:250px;
  215. top:200px;
  216. padding: 20px;
  217. overflow-x:scroll;
  218. scroll:left;
  219. overflow-x:hidden;
  220. }
  221.  
  222.  
  223. #theme {
  224. width:250px;
  225. margin:0 auto -12px auto;
  226. }
  227.  
  228. #sidebar {
  229. color:{color:text};
  230. width:100px;
  231. height:auto;
  232. margin-top:90px;
  233. margin-left:165px;
  234. text-align:left;
  235. }
  236.  
  237. #sidebarimage img {
  238. width:100px;
  239. opacity:.9;
  240. margin-top:-10px;
  241. margin-bottom:0px;
  242. margin-left:43px;
  243. }
  244.  
  245. #links {
  246. font-family:'Gabriola';
  247. width:220px;
  248. margin-top:27px;
  249. margin-left:-770px;
  250. font-size:15px;
  251. text-transform:uppercase;
  252. text-align:center;
  253. line-height:280%;
  254. }
  255.  
  256. #links a{
  257. line-height:280%;
  258. border-bottom:0px solid #fff;
  259. margin-top:4px;
  260. margin-left:30px;
  261. color: #332f33;
  262. text-shadow:1px 1px 15px #1d1c1d;
  263. -moz-transition-duration:.2s;
  264. -webkit-transition-duration:.2s;
  265. -o-transition-duration:.2s;
  266. }
  267.  
  268. #links a:hover {
  269. color: {color:link hover};
  270. width:60px;
  271. -moz-transition-duration:0.2s;
  272. -webkit-transition-duration:0.2s;
  273. -o-transition-duration:0.2s;
  274. }
  275.  
  276.  
  277. .sidebartitle {
  278. width:300px;
  279. text-align:center;
  280. font-family:'californian fb';
  281. line-height:120%;
  282. margin-left:-58px;
  283. word-spacing:2px;
  284. font-style:italic;
  285. font-size:16px;
  286. margin-top:10px;
  287. color:{color:title};
  288. }
  289.  
  290. #pagination {
  291. font-family:corbel;
  292. width:250px;
  293. font-size:9px;
  294. margin-top:25px;
  295. margin-left:-8px;
  296. padding-left:5px;
  297. letter-spacing:1px;
  298. text-align:center;
  299. text-transform:uppercase;
  300. }
  301.  
  302. #pagination a {
  303. color:{color:link};
  304. }
  305.  
  306. #info {
  307. font-family:times;
  308. width:250px;
  309. margin-top:8px;
  310. padding-top:4px;
  311. font-size:7px;
  312. border-top:1px solid #ddd;
  313. opacity:0;
  314. color:{color:text};
  315. text-transform:uppercase;
  316. font-style:normal;
  317. text-align:left;
  318. -moz-transition-duration:0.5s;
  319. -webkit-transition-duration:0.5s;
  320. -o-transition-duration:0.5s;
  321. }
  322.  
  323. #info a {
  324. color:{color:link};
  325. }
  326.  
  327. #info a:hover {
  328. color:{color:link hover};
  329. }
  330.  
  331. .tags {
  332. font-family:times;
  333. font-style:normal;
  334. width:250px;
  335. margin-top:4px;
  336. text-transform:normal;
  337. font-style:normal;
  338. line-height:120%;
  339. padding-top:0px;
  340. font-size:8px;
  341. opacity:0;
  342. letter-spacing:1px;
  343. text-align:left;
  344. -moz-transition-duration:0.5s;
  345. -webkit-transition-duration:0.5s;
  346. -o-transition-duration:0.5s;
  347. }
  348. .tags a{
  349. color:{color:link};
  350. -moz-transition-duration:0.2s;
  351. -webkit-transition-duration:0.2s;
  352. -o-transition-duration:0.2s;
  353. }
  354. .tags a:hover{
  355. color:{color:link hover};
  356. -moz-transition-duration:0.2s;
  357. -webkit-transition-duration:0.2s;
  358. -o-transition-duration:0.2s;
  359. }
  360.  
  361. #post:hover #info{
  362. opacity:1;
  363. -moz-transition-duration:1s;
  364. -webkit-transition-duration:1s;
  365. -o-transition-duration:1s;
  366. }
  367. #post:hover .tags{
  368. opacity:1;
  369. -moz-transition-duration:1s;
  370. -webkit-transition-duration:1s;
  371. -o-transition-duration:1s;
  372. }
  373.  
  374. .audio{
  375. background-color:#ffffff;
  376. height:65px;
  377. overflow:hidden;
  378. }
  379.  
  380. #ask {
  381. float:left;
  382. color:{color:text};
  383. }
  384.  
  385. #credit {
  386. font-size:9px;
  387. font-family:cambria;
  388. font-style:italic;
  389. letter-spacing:1px;
  390. -moz-transition-duration:0.5s;
  391. -webkit-transition-duration:0.5s;
  392. -o-transition-duration:0.5s;
  393. }
  394.  
  395. #credit a {
  396. background-color:#fff;
  397. padding:5px;
  398. border:1px solid #e9e9e9;
  399. position:fixed;
  400. right:15px;
  401. bottom:25px
  402. }
  403.  
  404. #credit a:hover {
  405. color:#fff;
  406. background-color:#191919;
  407. }
  408.  
  409. {CustomCSS}
  410.  
  411. /************** FLAGS UPDATES TAB **************/
  412. /* tutorial by deanlirium|tumblr (clarence.tk) */
  413.  
  414. #flags {
  415. position:fixed;
  416. top:200px; /* distance from the top of the page - adjust as you wish! */
  417. left:1090px;
  418. text-align:center;
  419. text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
  420. color:#8C8C8C; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
  421. font-size:12px; /* adjust font size */
  422. letter-spacing:1px;
  423. z-index:2147483607;
  424. font-family:calibri;}
  425.  
  426.  
  427. #flag1 {
  428. border:solid 6px #ffffff; /* flag color */
  429. border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
  430. padding-left:10px;
  431. width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
  432. height:0px;
  433. position:absolute;
  434. -moz-transition:all 0.7s ease-out;
  435. -webkit-transition:all 0.7s ease-out;
  436. -o-transition:all 0.7s ease-out;}
  437.  
  438. #flag1:hover {
  439. width:180px;} /* lenght of the OPEN flag */
  440.  
  441. #upd1 {
  442. position:absolute;
  443. width:110px;
  444. padding:10px;
  445. padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
  446. left:-180px;
  447. margin-top:6px; /* keep this number equal to the 'border' value for the flag */
  448. opacity:0;
  449. -moz-transition:all 0.7s ease-out;
  450. -webkit-transition:all 0.7s ease-out;
  451. -o-transition:all 0.7s ease-out;}
  452.  
  453. #flag1:hover #upd1{
  454. left:0px;
  455. opacity:1;}
  456.  
  457. /* following is the coding for the other flags - same as above! */
  458.  
  459. #flag2 {
  460. border:solid 6px #ffffff;
  461. margin-top:20px;
  462. position:absolute;
  463. border-right:solid 6px transparent;
  464. padding-left:10px;
  465. width:20px;
  466. height:0px;
  467. -moz-transition:all 0.7s ease-out;
  468. -webkit-transition:all 0.7s ease-out;
  469. -o-transition:all 0.7s ease-out;}
  470.  
  471. #flag2:hover {
  472. width:180px;}
  473.  
  474. #upd2 {
  475. position:absolute;
  476. width:110px;
  477. padding:10px;
  478. padding-left:60px;
  479. left:-180px;
  480. margin-top:6px;
  481. opacity:0;
  482. -moz-transition:all 0.7s ease-out;
  483. -webkit-transition:all 0.7s ease-out;
  484. -o-transition:all 0.7s ease-out;}
  485.  
  486. #flag2:hover #upd2{
  487. left:0px;
  488. opacity:1;}
  489.  
  490. /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
  491.  
  492. #flag3 {
  493. border:solid 6px #ffffff;
  494. position:absolute;
  495. margin-top:40px; /* this one! */
  496. border-right:solid 6px transparent;
  497. padding-left:10px;
  498. width:20px;
  499. height:0px;
  500. -moz-transition:all 0.7s ease-out;
  501. -webkit-transition:all 0.7s ease-out;
  502. -o-transition:all 0.7s ease-out;}
  503.  
  504. #flag3:hover {
  505. width:180px;}
  506.  
  507. #upd3 {
  508. position:absolute;
  509. width:110px;
  510. padding:10px;
  511. padding-left:60px;
  512. left:-180px;
  513. margin-top:6px;
  514. opacity:0;
  515. -moz-transition:all 0.7s ease-out;
  516. -webkit-transition:all 0.7s ease-out;
  517. -o-transition:all 0.7s ease-out;}
  518.  
  519. #flag3:hover #upd3{
  520. left:0px;
  521. opacity:1;}
  522.  
  523. /* to here */
  524.  
  525. #post img{
  526.  
  527. opacity:0.8;
  528.  
  529. -webkit-transition: all 0.6s ease-in-out;
  530.  
  531. -moz-transition: all 0.6s ease-in-out;
  532.  
  533. -o-transition: all 0.6s ease-in-out;
  534.  
  535. -ms-transition: all 0.6s ease-in-out;
  536.  
  537. transition: all 0.6s ease-in-out;
  538.  
  539. }
  540.  
  541. #post img:hover{
  542.  
  543. opacity:1;
  544.  
  545. -webkit-transition: all 0.6s ease-in-out;
  546.  
  547. -moz-transition: all 0.6s ease-in-out;
  548.  
  549. -o-transition: all 0.6s ease-in-out;
  550.  
  551. -ms-transition: all 0.6s ease-in-out;
  552.  
  553. transition: all 0.6s ease-in-out;
  554.  
  555. }
  556.  
  557. .popup_block{
  558. display:none;
  559. background:#fff;
  560. padding:20px;
  561. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  562. float:left;
  563. position:fixed;
  564. top:50%;left:50%;
  565. width: 300px;
  566. height: 400px;
  567. overflow-y:scroll;
  568. overflow-x:hidden;
  569. z-index: 99999;
  570. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  571. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  572. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  573. }
  574.  
  575. *html #fade {position: absolute;}
  576. *html .popup_block {position: absolute;}
  577. #fade {
  578. display:none;
  579. position:fixed;
  580. left:0px;
  581. top:0px;
  582. width:100%;
  583. height:100%;
  584. z-index:9999;
  585. background:#000; /* change to #fff for solid white */
  586. opacity:0.5; /* change to opacity:1; */
  587. }
  588.  
  589.  
  590. </style></head><body>
  591.  
  592. <!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/zeaszfj/6I9n2rp0t/.css','volume':100,'autoplay':false,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'1.','url':'https://www.youtube.com/watch?v=D27XD7aByCM'},{'title':'2.','url':'https://www.youtube.com/watch?v=Ehk6m2seDTE'},{'title':'3.','url':'https://www.youtube.com/watch?v=1uyJYWnc1RM'},{'title':'4.','url':'https://www.youtube.com/watch?v=6D2ghpEnkLs'},{'title':'5.','url':'https://www.youtube.com/watch?v=QV5LddGanOs'},{'title':'6.','url':'https://www.youtube.com/watch?v=cSPfeTwl8Kw'},{'title':'7.','url':'https://www.youtube.com/watch?v=DCamBdxgnGU'},{'title':'8.','url':'https://www.youtube.com/watch?v=ht3PP6hRQOM'},{'title':'9.','url':'https://www.youtube.com/watch?v=wpY1tXHsdgw'}]}" ></script><noscript><a href="http://playlist.me/songs/">player playlist</a></noscript><!-- playlist.me script end -->
  593.  
  594. <div id="flags">
  595. <div id="flag1"><div id="upd1">
  596.  
  597. <h2>READ RULES & ABOUT BEFORE INTERACTING!</h2><br />
  598. #UPPRIVET
  599.  
  600. </div></div>
  601.  
  602. <div id="flag2"><div id="upd2">
  603.  
  604. <strong>DRAFTS COUNT:</strong> a lot.
  605. <strong>OWED STARTERS:</strong> 5.
  606. <strong>INBOX MEMES:</strong> 4.
  607.  
  608. </div></div>
  609.  
  610. <!---- if you want more flags, copy from here ---->
  611.  
  612. <div id="flag3"><div id="upd3">
  613.  
  614. <small><small>INDEPENDENT ROLEPLAY BLOG FOR A CYCLOPS OC.<br />
  615. GREEK MYTHOLOGY BASED.<br /><br />
  616.  
  617. WRITTEN BY </small></small><strong><em>LOU</em></strong><small><small>.</small></small><br /><br /><a href="http://milkmanner.tumblr.com/">art credit</a>.
  618.  
  619. </div></div>
  620.  
  621. <!---- to here and change the numbers according to your css! ---->
  622.  
  623. <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
  624.  
  625. </div>
  626.  
  627. <div id="theme">
  628.  
  629. <div id="container">
  630.  
  631. <div id="sidebar">
  632.  
  633. <div id="sidebarimage">
  634. <a href="/"><img src="{image:sidebar}"></a></div>
  635.  
  636. <div class="sidebartitle">{text:sidebartitle}</div>
  637.  
  638. <div id="links">
  639. <a href="{text:link1 url}" title="refresh.">●</a><br>
  640. <a href="#?w=400" rel="box1" class="poplight" a title="ask.">●</a><br>
  641. <a href="#?w=400" rel="box2" class="poplight"a title="rules.">●</a><br>
  642. <a href="#?w=400" rel="box3" class="poplight"a title="about.">●</a><br>
  643. <a href="#?w=400" rel="box4" class="poplight"a title="navi.">●</a><br>
  644. <a href="http://upprivet.tumblr.com/blogroll" title="blogroll.">●</a><br>
  645. <a href="http://upprivet.tumblr.com/archive" title="archive.">●</a><br>
  646. </a>
  647.  
  648. </div>
  649.  
  650.  
  651. </div>
  652.  
  653. <div id="entries">{block:Posts}<div id="post">
  654.  
  655. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  656.  
  657. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  658.  
  659. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  660.  
  661. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  662.  
  663. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  664.  
  665. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  666.  
  667. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  668. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  669.  
  670. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  671.  
  672. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
  673.  
  674. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  675. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#d588a6>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}
  676.  
  677. {block:RebloggedFrom}&nbsp; <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>+</big> </a>
  678. </div>
  679.  
  680.  
  681. {block:HasTags}
  682. <div class="tags">
  683. {block:Tags} <a href="{TagURL}"> {Tag}, &nbsp; </a> {/block:Tags}</div>
  684. {/block:HasTags}
  685. <div class="postnote">
  686. {block:PostNotes}{PostNotes}{/block:PostNotes}
  687. </div>
  688. </div>
  689. {/block:Posts}
  690.  
  691. <div id="pagination">
  692. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←&nbsp;&nbsp;&nbsp; future</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">past&nbsp;&nbsp;&nbsp; →</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  693.  
  694. </div>
  695. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</a></div></div>
  696.  
  697. </body>
  698. <div id="box1" class="popup_block">
  699. <h2>message.</h2><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/upprivet.tumblr.com" width="100%"></iframe>
  700. </div>
  701. </div>
  702.  
  703. <div id="box2" class="popup_block">
  704. <center><p><img src="https://40.media.tumblr.com/c55ea8f0902b77602fd1319490cac61e/tumblr_inline_np6p0xZdkw1sn3att_500.png" /><img src="https://40.media.tumblr.com/09eeb491e5bc89f949081c861acbaca8/tumblr_inline_np6p10P9k11sn3att_500.png" /><img src="https://36.media.tumblr.com/b11c16fa4d565181317eca65f3e20d50/tumblr_inline_np6p14sMLL1sn3att_500.png" /></p>
  705. <p></p>
  706. <p><strong><big>INTRODUCTION</big></strong>:</p>
  707. <ul>
  708. <li>i&rsquo;m lou, i&rsquo;m sixteen and i live in sweden. my timezone is gmt +1</li>
  709. <li>english is not my first language, and i&rsquo;m still learning, so. don&rsquo;t judge me for my spelling? thanks!</li>
  710. <li>i&rsquo;ve had mio for a long time, and she&rsquo;s constantly developing. her story will change as more time passes. idk why i&rsquo;m putting this here but i feel like it&rsquo;s important to know?&nbsp;</li>
  711. <li>i&rsquo;m usually p nice and open minded <strong><em>(</em></strong> at least i try to be<strong><em> )</em></strong>&nbsp;but i do have aspergers, which means that sometimes my social skills might not be on point. i also have kind of a hard time understanding people&rsquo;s feelings, and certain jokes / sarcasm. if i offend you, it&rsquo;s never on purpose. don&rsquo;t be scared to let me know so i can apologize!</li>
  712. <li>my askbox is open for plotting<strong><em> (</em></strong> even if i myself am not the best at it <strong><em>)</em></strong>.</li>
  713. <li>ALWAYS TAKE YOUR TIME WITH REPLIES. if you feel like i&rsquo;m rushing you, tell me!! i can assure you that it&rsquo;s not intentional, sometimes i just get excited.</li>
  714. <li>i don&rsquo;t know how active i&rsquo;ll be, and there&rsquo;s a big chance i&rsquo;ll have to leave for a while sometimes because i just get anxious, so. apologies!</li>
  715. </ul>
  716. <p><strong style="line-height: 19.6000003814697px;"><big>GENERAL / DISCLAIMER</big></strong><span style="line-height: 19.6000003814697px;">:</span></p>
  717. <ul>
  718. <li>please don&rsquo;t save the icons used on this blog. i made the border psd myself, and i do make some of them from scratch<strong><em> (</em></strong> aka i save screencaps from fansites of the fcs i use, and crop them etc <strong><em>)</em></strong>, but i do not make all of my icons that way. i don&rsquo;t claim them as my own, and all icons that i haven&rsquo;t made belong to their rightful owners<strong><em> (</em> </strong>found on insanejournal / hollow-art <em><strong>)</strong></em>. however, to avoid stealing the ones i have made, <em>please</em> don&rsquo;t save anything off my blog.</li>
  719. <li>mio as a character is my creation. don&rsquo;t steal&nbsp;<strong><em>anything</em></strong>.</li>
  720. <li>i&rsquo;m gonna be really picky about who i follow. if i don&rsquo;t follow you back it&rsquo;s generally to&nbsp;keep my stress and anxiety levels as low as possible. sorry.</li>
  721. <li>i will only roleplay with mutuals. if i don&rsquo;t follow you, please don&rsquo;t like any of my starter calls / reply to my opens. the same goes for blogs that aren&rsquo;t roleplay ones, but i&rsquo;m guessing those guys won&rsquo;t read this. oh well!</li>
  722. <li>i am up for roleplaying with both canons and ocs. if i follow you, i most likely want to write with you.</li>
  723. <li>always feel free to turn memes into threads. but if you do, please place them in a new text post and don&rsquo;t reblog the ask itself.</li>
  724. </ul>
  725. <p><strong style="line-height: 19.6000003814697px;"><big>TRIGGERS / NSFW</big></strong><span style="line-height: 1.4;">:</span></p>
  726. <ul>
  727. <li>triggering subjects will occur, and i&rsquo;ll do my best to tag everything accordingly. if you feel like i&rsquo;ve missed something, please send me a message regarding it.</li>
  728. <li>i am up for roleplaying smut as i am of legal age <strong><em>(</em></strong> in sweden the legal age is 15&nbsp;<em><strong>)</strong></em>, but i will not smut with everyone.&nbsp;<span style="line-height: 19.6000003814697px;">it depends on the thread, the dynamic and how comfortable i am with the mun i&rsquo;m writing with. most of the time. i prefer to do it in private on skype.</span>&nbsp;i,&nbsp;<strong><em>of course,</em></strong> won&rsquo;t force anyone to smut with me. if you&nbsp;think the thread is going in that direction and/or you feel uncomfortable with our thead, please let me know! i won&rsquo;t be mad, i promise. i will tag all my nsfw threads with nsfw or nsfw text.</li>
  729. </ul>
  730. <p><strong style="line-height: 19.6000003814697px;"><big>SHIPPING</big></strong>:</p>
  731. <ul>
  732. <li>i love ships!! like honestly, i ship things so easily that most of the time i have to force myself not write to people in all caps about it. that being said, if i do not ship something and you do, feel free to mention it to me. just don&rsquo;t force it.&nbsp;</li>
  733. <li>i am up for all kinds of relationships! while i do love me some romantic ships, i am also totally up for friendships / enemy&hellip;ships, etc.</li>
  734. <li>it should be mentioned that mio can be very flirtatious if she finds your character attractive. if you feel uncomfortable with that, again, please let me know.</li>
  735. <li>i&rsquo;m a multi verse / multi ship blog. for each relationship mio has with another character, there&rsquo;s usually a separate verse. so unless stated otherwise, expect all interactions to be in separate verses.</li>
  736. </ul>
  737. <p>more to be added ?</p>
  738. </div>
  739. </div>
  740.  
  741. <div id="box3" class="popup_block">
  742. <center><p><img src="https://41.media.tumblr.com/a4564029c21b0b704d889096861dc870/tumblr_nns0bz2Li81sifwm0o1_400.png" /></p>
  743. <p><img src="https://40.media.tumblr.com/4984873902e3d4b33778c5c9183a2047/tumblr_inline_np4x9wCCys1sn3att_500.png" /><img src="https://41.media.tumblr.com/245cb2f5862126a866b50cbf2631f0cb/tumblr_inline_np4xa4I6uk1sn3att_500.png" /><img src="https://40.media.tumblr.com/734749ee41445eea2ba663b4c99811a3/tumblr_inline_np4xaodmpK1sn3att_500.png" /></p>
  744. <p></p>
  745. <p></p>
  746. <p></p>
  747. <p></p>
  748. <p></p>
  749. <blockquote>
  750. <h2><strong>about.</strong></h2>
  751. <small>trigger warning: mentions of abuse, self harm, relations between an adult teacher and a student, etc.</small></blockquote>
  752. <p><em>general.</em><br /><br /><small><strong>name</strong>: mio vega gard<br /><strong>species</strong>: half cyclops / half human.<br /><strong>gender</strong>: cis-female<em><strong> ( </strong></em>she / her <strong>)</strong>.<br /><strong>date of birth</strong>: september 19th, 1995.<br /><strong>nationality</strong>: american / swedish.<br /><strong>spoken languages</strong>: english, swedish, german, greek.<br /><strong>occupation</strong>: waitress at <em>wednesday&rsquo;s diner</em>, camgirl on the side.<br /><strong>religion</strong>: agnostic.<br /><strong>sexuality</strong>: pansexual.</small><br /><br /><em>visage.</em><br /><br /><small><strong>face claim</strong>: emily browning.<br /><strong>voice claim</strong>: <a href="https://www.youtube.com/watch?v=CcnSTzmbiBI">lori petty as tank girl</a>.<br /><strong>height</strong>: 5&rsquo;1. <br /><strong>weight</strong>: 88 lbs. <br /><strong>hair</strong>: the majority of it is a sea green, whilst the tips are blue. it was previously dark brown. it's thick, slightly curly </small><strong><em>(</em></strong><small> though she sometimes straightens it </small><strong><em>)</em></strong><small>, and goes down to her hips.<br /><strong>style</strong>: depending on the day and her mood, it&rsquo;s either just a mess, or a hot mess. she&rsquo;s good at picking out clothes to wear, but during the times when she&rsquo;s feeling her worst she tends to settle for sweatpants and hoodies. <br /><strong>distinguishing features</strong>: piercing in her left nostril, ear piercings going from her earlobe and up, nipple piercings. tattoos include one on her <a href="https://31.media.tumblr.com/b839e6a66102e087708e1a5e275f10f9/tumblr_inline_nifwe58QlL1t45an0.png">back</a>, one over the right side of her <a href="http://25.media.tumblr.com/tumblr_ljsvx7e8cJ1qivi96o1_500.jpg">frame</a>, one on her left <a href="https://s-media-cache-ak0.pinimg.com/236x/c7/7f/9d/c77f9d8255e30e0a7515730ba26d95dd.jpg">rib</a>, one on her <a href="http://40.media.tumblr.com/205dee50f4bd0be3ec509ff07b06fe4c/tumblr_najwgcdXxT1r1arpmo1_500.png">leg</a>. freckles, all over her body and face. one small scar on her forehead, above her left eyebrow from an &lsquo;accident&rsquo; involving her boyfriend/ex boyfriend depending on verse. more scars from self harm <strong><em>( </em></strong>cutting / scratching <strong><em>)</em></strong>, scattered over her body. when she isn&rsquo;t using magic to make herself seem human, there&rsquo;s a big eye instead of two. she&rsquo;s thin, and always covered in bruises.<br /><strong>eye colour</strong>: a mix between green and blue<em><strong> ( </strong></em>but mostly green<strong><em> )</em></strong>.<br /><strong>build</strong>: thin, petite. small shoulders, small chest, small waist. slightly wider hips and thighs from horseback riding.</small><br /><br /><em>background</em>.<br /><br /><small><strong>hometown</strong>: uppsala, sweden.<br /><strong>current residence</strong>: new york.<br /><strong>financial status</strong>: average.<br /><strong>education level</strong>: high school drop-out.<br /><strong>father</strong>: anders gard ( passed ).<br /><strong>mother</strong>: charlotte gard ( alive + hospitalized ).<br /><strong>siblings</strong>: <a href="http://oculused.tumblr.com/">mattias gard</a>.</small><br /><br /><em>psych</em>.<br /><br /><small><strong>moral alignment</strong>: neutral good.<br /><strong>disorders</strong>: depression, add, aspergers.<br /><strong>sin</strong>: sloth.<br /><strong>virtue</strong>: kindness.</small></p>
  753. <h2><strong>BIO.</strong></h2>
  754. <blockquote><small>she always loved fairytales. especially ones where the prince sweeped a princess of her feet. where a touch between two people felt like magic, and a kiss lasted years and years. unconditional love. that was the dream. your biggest desire. like a puppy, she wished for someone to love her and never leave.</small></blockquote>
  755. <blockquote><small><br /></small><small>she thought her wish came through after she had just turned fifteen, and the teacher looked at her for a minute too long, only to kiss her in his car after school and tell her she was beautiful. his hands felt warm against her cheeks. </small></blockquote>
  756. <blockquote><small>the day after their first kiss, the warmth of his hands could be felt on her thighs, before he flipped her around and fucked her without the love she&rsquo;d wanted so bad. he did it again. and again. and </small><strong>again</strong><small>. she was convinced he did it because he wanted her like she wanted him, so she let him. again and again, she let him.</small></blockquote>
  757. <blockquote><small><br /></small><small>but then he stopped. because he was married, because it was wrong. because she didn&rsquo;t seem to enjoy it. she&rsquo;d never been good at expressing her feelings. all she could do was have her breath get caught in her throat and her eyes fill with tears as he pushed her away and out of the car where they&rsquo;d shared their first kiss.</small></blockquote>
  758. <blockquote><small><br /></small><small>she didn&rsquo;t like herself before that, and she liked herself even less afterwards. she convinced someone <em><strong>( </strong></em>doesn&rsquo;t know who, it&rsquo;s all a blur now<em><strong> )</strong></em> to buy her alcohol. enough to make her drunk for days. that didn&rsquo;t happen. instead, the booze poisoned her blood. she collapsed. was sent to a hospital, and in the middle of it all, she met her<em> one true love</em>.</small></blockquote>
  759. <blockquote><small><br /></small><small>it was beauty and the beast. there was magic, there was <strong>love</strong>. especially at first. he was only a monster in the moonlight, at first.</small></blockquote>
  760. <blockquote><small> but then something happened. maybe she said the wrong thing. maybe he had a bad day. maybe it was both of those things, and maybe it was neither. but somehow, his fist ended up against her skin. hard. over and over, until she was nothing but a bloody mess on the floor of their shared apartment. it was a good thing she&rsquo;d dropped out of school. people would&rsquo;ve asked questions if they saw her bruises.</small></blockquote>
  761. <blockquote><small><br /></small><small>time passed slowly. three years felt like a hundred, but the last hours she spent with him felt like seconds. once second he was there, and the next he was on the floor. she wasn&rsquo;t the only one bleeding this time. but she wishes that had been the case. he&rsquo;d been her life for three years, and now he was dead. </small></blockquote>
  762. </div>
  763. </div>
  764.  
  765. <div id="box4" class="popup_block">
  766. <center><blockquote>
  767. <p><a href="http://upprivet.tumblr.com/rules"><strong>RULES, PLEASE READ.</strong></a></p>
  768. <p><strong><a href="http://upprivet.tumblr.com/verses">VERSES.</a></strong></p>
  769. </blockquote>
  770. <blockquote>
  771. <p><strong>tags.</strong></p>
  772. <p><a href="http://upprivet.tumblr.com/tagged/re:%20about.">about tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20muse.">musings tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20mind.">mind tag</a>,</p>
  773. <p><a href="http://upprivet.tumblr.com/tagged/re:%20desires.">desires tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20likes.">likes tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20headcanon.">headcanons</a>,</p>
  774. <p><a href="http://upprivet.tumblr.com/tagged/re:%20radio.">music tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20aesthetic.">aesthetics tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20thread.">threads tag</a>.&nbsp;<span style="line-height: 1.4;">&nbsp;</span></p>
  775. <p><span style="line-height: 1.4;"><a href="http://upprivet.tumblr.com/tagged/re:%20body.">body tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20wardrobe.">wardrobe tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20insp.">inspiration tag</a>,</span></p>
  776. <p><span style="line-height: 1.4;"><a href="http://upprivet.tumblr.com/tagged/re:%20open.">open starters tag</a>, <a href="http://upprivet.tumblr.com/tagged/re:%20plots.">plots tag</a>, <a href="http://upprivet.tumblr.com/tagged/my%20prayer%20has%20always%20been%20love.">face tag</a>.<br /></span></p>
  777. </blockquote>
  778. <p><span style="line-height: 1.4;">under construction???</span></p>
  779.  
  780.  
  781. </div></div></div></div></div></div></div></div></div></div>
  782. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!