adanmacreates

theladywasp purple

Jun 23rd, 2016
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--------
  4.  
  5.  
  6. .8. 8 888888888o. .8.
  7. .888. 8 8888 `^888. .888.
  8. :88888. 8 8888 `88. :88888.
  9. . `88888. 8 8888 `88 . `88888.
  10. .8. `88888. 8 8888 88 .8. `88888.
  11. .8`8. `88888. 8 8888 88 .8`8. `88888.
  12. .8' `8. `88888. 8 8888 ,88 .8' `8. `88888.
  13. .8' `8. `88888. 8 8888 ,88'.8' `8. `88888.
  14. .888888888. `88888. 8 8888 ,o88P' .888888888. `88888.
  15. .8' `8. `88888. 8 888888888P' .8' `8. `88888.
  16.  
  17. THEME BY THELADYWASP. PLEASE BE A DEAR AND DO NOT STEAL. YOU ARE FREE TO EDIT THIS AS MUCH AS YOU LIKE BUT DO NOT RELEASE AS YOUR OWN.THIS THEME WAS MADE FOR RP PURPOSES BUT CAN BE USED FOR WHATEVER.
  18.  
  19. --->
  20.  
  21.  
  22. <meta name="color:background" content="#ed9cfc"/>
  23. <meta name="color:text" content="#000000"/>
  24. <meta name="color:italic" content="#b01010"/>
  25. <meta name="color:link" content="#fbe6ff"/>
  26. <meta name="color:link hover" content="#dddddd"/>
  27. <meta name="color:border" content="#000000"/>
  28. <meta name="color:hoverlink text" content="#000000"/>
  29. <meta name="color:scrollbar bg" content="#df61ff"/>
  30. <meta name="color:tooltip color" content="#df61ff"/>
  31. <meta name="color:title color" content="#d27fe7"/>
  32. <meta name="color:blockquote color" content="#000000"/>
  33.  
  34. <meta name="text:title text" content="title">
  35.  
  36. <!-- fonts --->
  37.  
  38. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  39. <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,900' rel='stylesheet' type='text/css'>
  40. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,900' rel='stylesheet' type='text/css'>
  41.  
  42. <head></head>
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49.  
  50. <!--- POP UPS --->
  51.  
  52. <script type="text/javascript"
  53. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54. <script>
  55. $(document).ready(function() {
  56. //
  57. $('a.poplight[href^=#]').click(function() {
  58. var popID = $(this).attr('rel'); //Get Popup Name
  59. var popURL = $(this).attr('href'); //Get Popup href to define size
  60. var query= popURL.split('?');
  61. var dim= query[1].split('&');
  62. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  63. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  64. var popMargTop = ($('#' + popID).height() + 80) / 2;
  65. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  66. //Apply Margin to Popup
  67. $('#' + popID).css({
  68. 'margin-top' : -popMargTop,
  69. 'margin-left' : -popMargLeft
  70. });
  71. $('body').append('<div id="fade"></div>');
  72. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  73. return false;
  74. });
  75. $('a.close, #fade').live('click', function() {
  76. $('#fade , .popup_block').fadeOut(function() {
  77. $('#fade, a.close').remove(); //fade them both out
  78. });
  79. return false;
  80. });
  81. });
  82. </script>
  83.  
  84.  
  85. <!---- POP UP END --->
  86.  
  87.  
  88.  
  89.  
  90. </head>
  91.  
  92. <style type="text/css">
  93.  
  94. /* scrollbar info */
  95.  
  96. ::-webkit-scrollbar {
  97. width: 2px;
  98. height: 2px;
  99. }
  100. ::-webkit-scrollbar-button {
  101. width: 0px;
  102. height: 0px;
  103. }
  104. ::-webkit-scrollbar-thumb {
  105. background: #e1e1e1;
  106. border: 0px none #ffffff;
  107. border-radius: 50px;
  108. }
  109. ::-webkit-scrollbar-thumb:hover {
  110. background: #ffffff;
  111. }
  112. ::-webkit-scrollbar-thumb:active {
  113. background: #000000;
  114. }
  115. ::-webkit-scrollbar-track {
  116. background: #666666;
  117. border: 0px none #ffffff;
  118. border-radius: 50px;
  119. }
  120. ::-webkit-scrollbar-track:hover {
  121. background: #666666;
  122. }
  123. ::-webkit-scrollbar-track:active {
  124. background: #333333;
  125. }
  126. ::-webkit-scrollbar-corner {
  127. background: transparent;
  128. }
  129.  
  130.  
  131. /* text styles and colors */
  132.  
  133. h1 {
  134. font-size:15px;
  135. font-family:Latha;
  136. text-align:center;
  137. letter-spacing:1px;
  138. color:{color:text};
  139. padding:zpx;
  140. }
  141.  
  142. h2 {
  143. font-size:18px;
  144. font-family:Latha;
  145. text-align:center;
  146. letter-spacing:1px;
  147. color:{color:bold};
  148. font-family: 'Playfair Display', serif;
  149. padding:1px;
  150. }
  151.  
  152. a {
  153. text-decoration:none;
  154. color:{color:link};
  155. -webkit-transition: all 0.7s ease;
  156. -moz-transition: all 0.7s ease;
  157. -o-transition: all 0.7s ease;
  158. }
  159.  
  160. a:hover {
  161. color:{color:link hover};
  162. text-decoration:none;
  163. -webkit-transition: all 0.7s ease;
  164. -moz-transition: all 0.7s ease;
  165. -o-transition: all 0.7s ease;
  166. }
  167.  
  168. small {
  169. font-family:‘Gibson’, sans-serif;
  170. font-size: 11px;
  171. color:{color:text};
  172. }
  173.  
  174. b {
  175. font-size:14px;
  176. font-family:Latha;
  177. font-weight: 900;
  178. letter-spacing:1px;
  179. color:#430f76;
  180. font-family: 'Alegreya Sans SC', sans-serif;
  181. }
  182.  
  183. i, em {
  184. font-size:12px;
  185. font-family: 'Calligraffitti', cursive;
  186. font-weight: bold;
  187. letter-spacing:1px;
  188. color:{color:italic};
  189. }
  190.  
  191. hr {
  192. height:1px;
  193. border-width:1;
  194. color:black;
  195. background-color:black;
  196. }
  197.  
  198.  
  199. blockquote {
  200. padding:1px 5px;
  201. margin:3px 0 3px 8px;
  202. border-left:.5px solid {color:blockquote color};
  203. }
  204.  
  205. blockquote blockquote {
  206. padding:1px 5px;
  207. margin:3px 0 3px 8px;
  208. }
  209.  
  210. blockquote img {
  211. max-width:100%;
  212. height:auto;
  213. }
  214.  
  215. img {
  216. max-width: 100%;
  217. }
  218.  
  219. /* here is the post info */
  220. body {
  221. background:{color:background};
  222. font-family:‘Gibson’, sans-serif;
  223. font-size: 12px;
  224. color:{color:text};
  225. background-image:url("http://static.tumblr.com/vt541sw/uFmo7i6qs/best_bg.png");
  226. background-position: top left;
  227. background-repeat: no-repeat;
  228. background-attachment: fixed;
  229. }
  230.  
  231. #container {
  232. padding:8px;
  233. width:278px;
  234. margin-left:292px;
  235. margin-top:213px;
  236. height:384px;
  237. overflow-x: hidden;
  238. overflow-y: auto;
  239. }
  240.  
  241. .posts {
  242. width:250px;
  243. text-align: justify;
  244. padding:10px;
  245.  
  246. }
  247.  
  248. img, embed, object, video {
  249. max-width: 100%;
  250. width: auto;
  251. height: auto;
  252. border: none;
  253. }
  254.  
  255. /*time posted, note count, via and source*/
  256.  
  257. .postinfo {
  258. background-image:url("http://static.tumblr.com/vt541sw/XTXo7iccv/info.png");
  259. letter-spacing:2px;
  260. font-size:10px;
  261. margin-top:1px;
  262. color:{color:em};
  263. text-align:center;
  264. padding:10px;
  265. }
  266.  
  267. .postinfo a {
  268. color:{color:link};
  269. }
  270.  
  271. .postinfo a:hover {
  272. color:{color:link hover};
  273. }
  274.  
  275.  
  276. .postnote {
  277. width:230px;
  278. margin-top:40px;
  279. font-family:arial;
  280. text-transform:lowercase;
  281. font-style:normal;
  282. letter-spacing:0px;
  283. font-size:10px;
  284. text-align:left;
  285. }
  286.  
  287.  
  288. /* ~~~~~~tags~~~~~~ */
  289.  
  290. .tags {
  291. width:230px;
  292. margin-top:0px;
  293. margin-left:10px;
  294. padding:5px;
  295. font-family:arial;
  296. letter-spacing:0px;
  297. font-size:10px;
  298. text-align:center;
  299.  
  300. }
  301.  
  302. .tags a {
  303. color:{color:text};
  304. opacity:0.4;
  305. -webkit-transition: all 0.7s ease-in-out;
  306. -moz-transition: all 0.7s ease-in-out;
  307. -o-transition: all 0.7s ease-in-out;
  308. }
  309.  
  310. .tags a:hover {
  311. opacity:1;
  312. -webkit-transition: all 0.7s ease-in-out;
  313. -moz-transition: all 0.7s ease-in-out;
  314. -o-transition: all 0.7s ease-in-out;
  315. }
  316.  
  317. #container #notecontainer {
  318. margin: 20px auto;
  319. width: 250px;
  320. font-size: 11px;
  321. }
  322. #container #notecontainer ol.notes {
  323. list-style-type: none;
  324. margin: 0;
  325. padding: 1;
  326. }
  327. #container #notecontainer img.avatar {
  328. margin-right: 5px;
  329. width: 16px;
  330. height: 16px;
  331. }
  332.  
  333.  
  334. #pagi a{
  335. top:-30px;
  336. left:672px;
  337. position: relative;
  338. text-align: left;
  339. letter-spacing:1px;
  340. text-transform: lowercase;
  341. font-weight:bold;
  342. font-family: arial;
  343. font-size: 20px;
  344.  
  345.  
  346. }
  347.  
  348. #pagi a:hover {
  349. color:{color:link hover};);
  350. -webkit-transition: all 0.7s ease;
  351. -moz-transition: all 0.7s ease;
  352. -o-transition: all 0.7s ease;
  353. }
  354.  
  355. /* title*/
  356.  
  357. #title a {
  358. color:{color:title color};
  359. font-family:Russel Write TT, italic;
  360. font-size:20px;
  361. font-weight:bold;
  362. letter-spacing:3px;
  363. padding:4px;
  364. margin-top: -105px;
  365. margin-left: -10px;
  366. position:fixed;
  367. text-align:center;
  368. text-shadow: 2px 2px 6px black;
  369. }
  370.  
  371.  
  372. #title a:hover {
  373. color:{color:title color};
  374. text-shadow: -3px 2px 10px white;
  375. }
  376.  
  377.  
  378. #sidebar {
  379. position:fixed;
  380. left:624px;
  381. top:212px;
  382. height:350px;
  383. width:158px;
  384. border:1px solid transparent;
  385. }
  386.  
  387. #description {
  388. letter-spacing:0px;
  389. line-height:100%;
  390. height:350px;
  391. font-size:11px;
  392. color:black;
  393. text-align:justify;
  394. padding:5px;
  395. overflow-x: hidden;
  396. overflow-y: auto;
  397. }
  398.  
  399. /* links */
  400. .link001 {
  401. position:fixed;
  402. font-family:signerica;
  403. width:65px;
  404. top:82px;
  405. left:393px;
  406. font-size:25px;
  407. text-transform:uppercase;
  408. text-align:center;
  409. line-height:170%;
  410. -moz-transform: rotate(-40deg);
  411. -webkit-transform: rotate(-40deg);
  412. -o-transform: rotate(-40deg);
  413. -ms-transform: rotate(-40deg);
  414. transform: rotate(-40deg);
  415. }
  416.  
  417. .link001 a{
  418. line-height:170%;
  419. padding:1px;
  420. margin-top:1px;
  421. margin-left:2px;
  422. color:{color:sidebar link};
  423. size:15px;
  424. -moz-transition-duration:.7s;
  425. -webkit-transition-duration:.7s;
  426. -o-transition-duration:.7s;
  427. }
  428.  
  429. .link001 a:hover {
  430. color:{color:link hover};
  431. -moz-transition-duration:.4s;
  432. -webkit-transition-duration:.4s;
  433. -o-transition-duration:.4s;
  434.  
  435. }
  436.  
  437. .link002 {
  438. position:fixed;
  439. font-family:signerica;
  440. width:65px;
  441. top:44px;
  442. left:680px;
  443. font-size:25px;
  444. text-transform:uppercase;
  445. text-align:center;
  446. line-height:170%;
  447. -moz-transform: rotate(0deg);
  448. -webkit-transform: rotate(0deg);
  449. -o-transform: rotate(0deg);
  450. -ms-transform: rotate(0deg);
  451. transform: rotate(0deg);
  452. }
  453.  
  454. .link002 a{
  455. line-height:170%;
  456. padding:1px;
  457. margin-top:1px;
  458. margin-left:2px;
  459. color:{color:sidebar link};
  460. size:15px;
  461. -moz-transition-duration:.7s;
  462. -webkit-transition-duration:.7s;
  463. -o-transition-duration:.7s;
  464. }
  465.  
  466. .link002 a:hover {
  467. color:{color:link hover};
  468. -moz-transition-duration:.4s;
  469. -webkit-transition-duration:.4s;
  470. -o-transition-duration:.4s;
  471.  
  472. }
  473.  
  474. .link003 {
  475. position:fixed;
  476. font-family:signerica;
  477. width:110px;
  478. top:110px;
  479. left:792px;
  480. font-size:25px;
  481. text-transform:uppercase;
  482. text-align:center;
  483. line-height:170%;
  484. -moz-transform: rotate(50deg);
  485. -webkit-transform: rotate(50deg);
  486. -o-transform: rotate(50deg);
  487. -ms-transform: rotate(50deg);
  488. transform: rotate(50deg);
  489. }
  490.  
  491. .link003 a{
  492. line-height:170%;
  493. padding:1px;
  494. margin-top:1px;
  495. margin-left:2px;
  496. color:{color:sidebar link};
  497. size:15px;
  498. -moz-transition-duration:.7s;
  499. -webkit-transition-duration:.7s;
  500. -o-transition-duration:.7s;
  501. }
  502.  
  503. .link003 a:hover {
  504. color:{color:link hover};
  505. -moz-transition-duration:.4s;
  506. -webkit-transition-duration:.4s;
  507. -o-transition-duration:.4s;
  508.  
  509. }
  510.  
  511. .link004 {
  512. position:fixed;
  513. font-family:signerica;
  514. width:80px;
  515. top:35px;
  516. left:498px;
  517. font-size:1px;
  518. text-transform:uppercase;
  519. text-align:center;
  520. line-height:170%;
  521. -moz-transform: rotate(-10deg);
  522. -webkit-transform: rotate(-10deg);
  523. -o-transform: rotate(-10deg);
  524. -ms-transform: rotate(-10deg);
  525. transform: rotate(-10deg);
  526. }
  527.  
  528. .link004 a{
  529. line-height:170%;
  530. padding:1px;
  531. margin-top:1px;
  532. margin-left:2px;
  533. color:{color:sidebar link};
  534. }
  535.  
  536. .link004 a:hover {
  537. color:{color:link hover};
  538.  
  539. }
  540.  
  541. .link005 {
  542. position:fixed;
  543. font-family:signerica;
  544. width:50px;
  545. top:200px;
  546. left:800px;
  547. font-size:25px;
  548. text-transform:uppercase;
  549. text-align:center;
  550. line-height:170%;
  551. -moz-transform: rotate(14deg);
  552. -webkit-transform: rotate(14deg);
  553. -o-transform: rotate(14deg);
  554. -ms-transform: rotate(14deg);
  555. transform: rotate(14deg);
  556. }
  557.  
  558. .link005 a{
  559. line-height:170%;
  560. padding:1px;
  561. margin-top:1px;
  562. margin-left:2px;
  563. color:{color:sidebar link};
  564. size:15px;
  565. -moz-transition-duration:.7s;
  566. -webkit-transition-duration:.7s;
  567. -o-transition-duration:.7s;
  568. }
  569.  
  570. .link005 a:hover {
  571. color:{color:link hover};
  572. -moz-transition-duration:.4s;
  573. -webkit-transition-duration:.4s;
  574. -o-transition-duration:.4s;
  575.  
  576. }
  577.  
  578. /* this is the box that comes up when you hover over something with a title*/
  579.  
  580. #s-m-t-tooltip {
  581. max-width:300px;
  582. padding:5px 5px 5px 6px;
  583. margin:20px 0px 0px 20px;
  584. background-color:{color:tooltip color};
  585. font-family:arial;
  586. font-size:9px;
  587. letter-spacing:2px;
  588. text-transform:lowercase;
  589. font-weight:bold;
  590. color:#fff;
  591. z-index:999999999999999999999999999999999999;
  592. }
  593.  
  594. /* boring */
  595. .asker {
  596. font-size:12px;
  597. font-style italic;
  598. text-align:center;
  599. border-bottom:1px solid #eee;
  600. margin-bottom:5px;
  601. padding-bottom:5px;
  602. }
  603.  
  604. .question {
  605. font-size:11px;
  606. font-style:none;
  607. font-family:arial;
  608. letter-spacing:0px;
  609. text-align:center;
  610. padding-top: 2px;
  611. padding-bottom: 7px;
  612. padding-left:9px;
  613. background:#;
  614. color:{color:text} ;
  615. }
  616.  
  617. .quote {
  618. font-size:13px;
  619. letter-spacing:1px;
  620. text-align:center;
  621. border-bottom:1px solid #eee;
  622. margin-bottom:5px;
  623. padding-bottom:3px;
  624. }
  625.  
  626. .quotesource {
  627. font-size:10px;
  628. letter-spacing:1px;
  629. text-align:center;
  630. margin-bottom:10px;
  631. }
  632.  
  633. /* CHAT POSTS BY freyayuki and codehelp */
  634. .chat {
  635. padding:5px;
  636.  
  637. }
  638.  
  639. .chat li:nth-of-type(odd){
  640. list-style-type: none;
  641. background-color: #fcf9ff;
  642.  
  643. }
  644.  
  645. .chat li:nth-of-type(even){
  646. list-style-type: none;
  647. background-color: #9c4ee9;
  648. }
  649.  
  650. /* AUDIO POSTS */
  651.  
  652. .playerbuttonbg {
  653. position: absolute;
  654. left: 20px;
  655. top: 20px;
  656. width: 19px;
  657. height: 19px;
  658. background-color: white;
  659. padding: 10px;
  660. -webkit-border-radius: 40px;
  661. -moz-border-radius: 40px;
  662. border-radius: 40px;
  663. opacity: .4;
  664. filter: alpha(opacity=40);
  665. -moz-opacity: 0.4;
  666. -khtml-opacity: 0.4;
  667. transition: opacity .7s ease-in-out;
  668. -moz-transition: opacity .7s ease-in-out;
  669. -webkit-transition: opacity .7s ease-in-out;
  670. }
  671.  
  672. .playerbuttonbg:hover {
  673. opacity: 1;
  674. filter: alpha(opacity=100);
  675. -moz-opacity: 1;
  676. -khtml-opacity: 1;
  677. }
  678.  
  679. .newplayerbutton {
  680. position: relative;
  681. width: 19px;
  682. height: 19px;
  683. overflow: hidden;
  684. }
  685.  
  686. .playerbuttonhug {
  687. position: absolute;
  688. top: -18px;
  689. left: -5px;
  690. }
  691.  
  692. .tumblr_audio_player {
  693. height: 90px;
  694. width: 270px;
  695. -moz-transform: scale(0.60, 0.60);
  696. -webkit-transform: scale(0.60, 0.60);
  697. -o-transform: scale(0.60, 0.60);
  698. -ms-transform: scale(0.60, 0.60);
  699. transform: scale(0.60, 0.60);
  700. -moz-transform-origin: top left;
  701. -webkit-transform-origin: top left;
  702. -o-transform-origin: top left;
  703. -ms-transform-origin: top left;
  704. transform-origin: top left;
  705. }
  706.  
  707. .audioimgwrapper {
  708. position: absolute;
  709. left: 0px;
  710. top: 0px;
  711. -webkit-border-radius: 40px;
  712. -moz-border-radius: 40px;
  713. border-radius: 40px;
  714. overflow: hidden;
  715. width: 79px;
  716. height: 79px;
  717. }
  718.  
  719. .audioimgwrapper img {
  720. width: 100%;
  721. height: auto;
  722. -webkit-border-radius: 40px;
  723. -moz-border-radius: 40px;
  724. border-radius: 40px;
  725. }
  726.  
  727. .trackdetails {
  728. width: auto;
  729. border: 1px transparent;
  730. display:inline-block;
  731. margin-left: 90px;
  732. margin-top:15px;
  733. min-height: 85px;
  734. }
  735.  
  736. .audiowrapper {
  737. position: relative;
  738. display:inline-block;
  739. }
  740.  
  741. /*audio player container*/
  742.  
  743. .playercontainer {
  744. text-align:left;
  745. padding:10px;
  746. padding-left:0px;
  747. background-color:#fff;
  748. width:480px;
  749. }
  750.  
  751. /*artist, song, etc.*/
  752.  
  753. .musicinfo {
  754. padding-top:7px;
  755. padding-left:50px;
  756. color:#000;
  757. text-align:justify;
  758. }
  759.  
  760. /* POP UP */
  761.  
  762. .popup_block{
  763. WIDTH: 460px;
  764. height:355px;
  765. MAX-HEIGHT: 355px;
  766. OVERFLOW-Y:scroll;
  767. OVERFLOW-X:hidden;
  768. color:#ddd;
  769. display:none;
  770. background:transparent;
  771. padding:20px;
  772. float:left;
  773. position:fixed;
  774. top:50%;left:50%;
  775. z-index: 9999999;
  776. box-shadow: 4px 4px 20px black;
  777. }
  778.  
  779.  
  780. *html #fade {position: absolute;}
  781. *html .popup_block {position: absolute;}
  782. #fade {
  783. display:none;
  784. position:fixed;
  785. left:0px;
  786. top:0px;
  787. width:100%;
  788. height:100%;
  789. z-index:9999;
  790. background:#000; /* change to #fff for solid white */
  791. opacity:0.5; /* change to opacity:1; */
  792. }
  793.  
  794. #popuptext {
  795. width:220px;
  796. margin-left:170px;
  797. margin-top:30px;
  798. HEIGHT:300px;
  799. max-height: 300px;
  800. OVERFLOW-x:hidden;
  801. overflow-y:scroll;
  802. color:white;
  803. size: 15px;
  804. }
  805.  
  806. #popuptext a{
  807. color:white;
  808. }
  809.  
  810. #popuptitle {
  811. width:300px;
  812. text-align:left;
  813. font-size:20px;
  814. margin-bottom:10px;
  815. color:black;
  816. font-weight:900;
  817. padding:10px;
  818. text-shadow: 2px 2px 6px black;
  819. font-family:Russel Write TT, italic;
  820. letter-spacing: 3px;
  821. }
  822.  
  823. #poplinks a {
  824. display:block;
  825. font-size:15px;
  826. text-align:center;
  827. margin-top:8px;
  828. padding:5px;
  829. letter-spacing:1px;
  830. border:2px solid white;
  831. color:{color:bacckground};
  832. width:200px;
  833. -webkit-transition: all .8s ease-in-out;
  834. -moz-transition: all .8s ease-in-out;
  835. -ms-transition: all .8s ease-in-out;
  836. -o-transition: all .8s ease-in-out;
  837. transition: all .8s ease-in-out;}
  838.  
  839. #poplinks a:hover {
  840. border:1px solid black;
  841. box-shadow:inset 500px 0 0 black;
  842. color:white;
  843. -webkit-transition: all .8s ease-in-out;
  844. -moz-transition: all .8s ease-in-out;
  845. -ms-transition: all .8s ease-in-out;
  846. -o-transition: all .8s ease-in-out;
  847. transition: all .8s ease-in-out;}
  848.  
  849.  
  850. #box1 {
  851. box-shadow: 4px 4px 20px transparent;
  852.  
  853. }
  854.  
  855. #box2 {
  856. background-image: url("http://static.tumblr.com/vt541sw/xvZo7fnmz/pop.png");
  857. }
  858.  
  859. #box3 {
  860. background-image: url("http://static.tumblr.com/vt541sw/xvZo7fnmz/pop.png");
  861. }
  862.  
  863. /* POP UP END */
  864.  
  865. /*credit.*/
  866.  
  867. #credit {
  868. position:fixed;
  869. font-size:8px;
  870. color:white;
  871. font-weight:bold;
  872. line-height:150%;
  873. letter-spacing:2px;
  874. right:10px;
  875. bottom:10px;
  876. text-transform:lowercase;
  877. text-align:center;
  878. }
  879.  
  880. #credit a {
  881. letter-spacing: 0px;
  882. padding:3px;
  883. color:#000;
  884. }
  885.  
  886. #credit a:hover {
  887. background:#fff;
  888. color:{color:link hover};
  889. }
  890.  
  891. /* stop */
  892. </style>
  893.  
  894. <!--- POP UP PAGES CAN BE EDITED HERE --->
  895.  
  896. <div id="box1" class="popup_block">
  897. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  898. </div>
  899.  
  900.  
  901. <div id="box2" class="popup_block">
  902. <div id="popuptext"><div id="popuptitle">VERSES</div> <!--THIS IS YOUR TITLE-->
  903. <p>My verses are broken up into <b>three primary universes</b> with varying backgrounds. Of all of them, it is important to look over my mcu2 verse if you are a <b>Marvel Cinematic Universe blog.</b> Have fun!</p>
  904.  
  905. <div id='poplinks'>
  906. <a href=/616>616 - Comics</a>
  907. <a href=mcu>MCU - Movies</a>
  908. <a href=/mcu2>MCU2 - Alternate Movies</a>
  909. </div>
  910. </div>
  911.  
  912.  
  913. </div>
  914. </div>
  915. </div>
  916.  
  917. <div id="box3" class="popup_block">
  918. <div id="popuptext"><div id="popuptitle">RULES</div> <!--THIS IS YOUR TITLE-->
  919. <li><span style="line-height: 1.4;">This account is </span><strong style="line-height: 1.4;">selective</strong><span style="line-height: 1.4;"> due to my </span><strong style="line-height: 1.4;">schedule</strong><span style="line-height: 1.4;">. I consider your character, quality of writing, readability of your blog, and overall activity. I will not be following every blog back.</span></li>
  920. <li><span style="line-height: 1.4;">Mun is<strong> 18+</strong>, there will be <strong>NSFW</strong> themes, tagged with the standard tags.&nbsp;</span></li>
  921. <li><strong style="line-height: 1.4;">Do not reblog memes from me</strong><span style="line-height: 1.4;">. It clogs my activity feed.</span></li>
  922. <li><span style="line-height: 1.4;">I often use the <strong>queue</strong> to give myself time off.&nbsp;</span></li>
  923. <li><span style="line-height: 1.4;">Do not like my starter calls or send memes if I</span><strong style="line-height: 1.4;"> do not follow you back.&nbsp;</strong></li>
  924. <li><span style="line-height: 1.4;">You must look at my </span><strong style="line-height: 1.4;">verse page&nbsp;</strong><span style="line-height: 1.4;">if you are an </span><strong style="line-height: 1.4;">mcu</strong><span style="line-height: 1.4;"> </span><strong style="line-height: 1.4;">blog</strong><span style="line-height: 1.4;">.</span></li>
  925. <li><span style="line-height: 1.4;">I like to start up <strong>multiple</strong> threads and interactions. Sometimes I get <strong>overwhelmed</strong> and drop things, but I am <strong>always</strong> looking to start up new plots or send meme whenever!&nbsp;</span></li>
  926. <li><span style="line-height: 1.4;">I am not exclusive, but I am open to <strong><a href="http://janetvandyne.co.vu/mains">mains</a>&nbsp;</strong>if we have interacted a few times ic&nbsp;+ ooc. ( Ships are case by case with <strong>exclusivity</strong>, but Hank/Jan will be unlimited bc i am trash )&nbsp;</span></li>
  927. </ol>
  928. <p><span style="line-height: 1.4;">If you finished these, you are the reason I smil</span>e. Please like <a href="http://theladywasp.tumblr.com/post/140538337821/thanks-fam">THIS POST</a>&nbsp;for me to know you&rsquo;re serious about interaction. <strong>Failure</strong> to like this post will prompt me to <strong>not</strong> want to <strong>interact</strong> you.&nbsp;</p>
  929. <p><strong>extra:&nbsp;</strong></p>
  930. <p><span style="line-height: 1.4;">This is an independent roleplay account for Marvel&rsquo;s Janet Van Dyne. The only thing I&nbsp;</span><strong style="line-height: 1.4;">own</strong><span style="line-height: 1.4;">&nbsp;here are the graphics, comic icons, and the writing. Most real life icons were collected from various resource blogs, but do not&nbsp;</span><strong style="line-height: 1.4;">steal</strong><span style="line-height: 1.4;">&nbsp;the versions I post here. The theme&nbsp;</span><strong style="line-height: 1.4;">credit</strong><span style="line-height: 1.4;">&nbsp;goes to the original poster and was heavily altered by me.&nbsp;</span></p>
  931.  
  932. </div>
  933. </div>
  934. </div>
  935.  
  936. <div id="box4" class="popup_block">
  937. <div id="popuptext"><div id="popuptitle">LINKS</div> <!--THIS IS YOUR TITLE-->
  938. <p>under construction</p> <!--- PUT YOUR TEXT HERE --->
  939. </div>
  940. </div>
  941. </div>
  942.  
  943.  
  944. </div></div></div></div></div></div></div></div></div></div>
  945.  
  946. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  947. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  948. <script>
  949.  
  950. (function($){
  951.  
  952. $(document).ready(function(){
  953.  
  954. $("a[title]").style_my_tooltips({
  955.  
  956. tip_follows_cursor:true,
  957.  
  958. tip_delay_time:50,
  959.  
  960. tip_fade_speed:600,
  961.  
  962. attribute:"title"
  963.  
  964. });
  965.  
  966. });
  967.  
  968. })(jQuery);
  969.  
  970. </script>
  971.  
  972.  
  973. <body>
  974. <div id="sidebar">
  975. <div id="title" ><a href="/" title="refresh">{text:title text}</a></div>
  976.  
  977. <!----- HERE IS YOUR DESCRIPTION ---->
  978.  
  979. <div id="description">
  980. <center>
  981. <br><br>
  982. <i>Independent & Private</i>
  983. <h2>WASP</h2>
  984. <b>MCU & 616 Based</b>
  985. <br><br>
  986. <i>read RULES before interacting</i>
  987. <br>
  988. <br>
  989. </center>
  990. <img src="http://static.tumblr.com/vt541sw/Lwpo7favo/info.png" height="50">
  991. <br><br>
  992. ❞before i came here i was nothing but an heiress. the avengers are about giving you a chance to start over. you have to decide what you want that start to be. you make your own choices. create your own path. you come up with a vision of what you aspire to && then you work to make it happen.❞
  993. <br>
  994. <br>
  995. <img src="http://static.tumblr.com/vt541sw/Lwpo7favo/info.png" height="50">
  996. <center>
  997. <b>activity:</b> slow
  998. <br>
  999. <b>eastablished:</b> 8.11.15
  1000. <br>
  1001. <b>written by:</b> ada
  1002. <br>
  1003. <p>small PSA that my commissions are open!! <a href="http://janetvandyne.co.vu/commissions">here</a>
  1004. <br><br>
  1005.  
  1006. <!--- Oline user counter --->
  1007.  
  1008. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5304862";
  1009. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1010. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1011. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1012. </script>
  1013.  
  1014. 🐝
  1015.  
  1016.  
  1017. </center>
  1018.  
  1019.  
  1020. </div></div>
  1021.  
  1022.  
  1023.  
  1024. <div id="container">
  1025.  
  1026. {block:Posts}
  1027.  
  1028. <div class="posts">
  1029.  
  1030. {block:Text}<hi>{block:Title}<big><b>{Title}</b></big>{/block:Title}</hi>{Body}{/block:Text}
  1031.  
  1032. {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{block:Caption}{/block:Caption}{/block:Photo}
  1033.  
  1034. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{/block:Caption}{/block:Panorama}
  1035.  
  1036. {block:Photoset}{Photoset-250}{block:Caption}{/block:Caption}{/block:Photoset}
  1037.  
  1038. {block:Quote}<big><b>"{Quote}"</b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  1039.  
  1040. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  1041.  
  1042. <div class="chat">{block:Chat}{block:Title}{Title}</a>{/block:Title}
  1043. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}</div>
  1044.  
  1045.  
  1046. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1047.  
  1048. <!-- AUDIO POSTS BY alphathemes --->
  1049.  
  1050. {block:AudioPlayer} <div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"> <div class="playerbuttonhug">
  1051. {AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>{block:Album}<b>Album:</b> {Album}{/block:Album}</div></div> {/block:AudioPlayer}{block:Caption}{Caption}{/block:Caption}
  1052.  
  1053. {block:Answer}
  1054. <div class="asker">{Asker} whispered</div>
  1055. <div class="question">{Question}</div>
  1056. {Answer}
  1057. {/block:Answer}
  1058.  
  1059. <div class="postinfo">
  1060. <a href="{Permalink}" title=" posted {timeago}">●</a> <a href="{Permalink}"title="{NoteCountWithLabel}"> {block:NoteCount}●{/block:NoteCount}</a>
  1061. {block:RebloggedFrom}
  1062. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">●</a>
  1063. <a href="{ReblogRootURL}" title="{ReblogRootName}">●</a>
  1064. {/block:RebloggedFrom}
  1065. </div>
  1066.  
  1067. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1068.  
  1069. {block:PostNotes}
  1070. <div id="notecontainer">{PostNotes}</div>
  1071. {/block:PostNotes}
  1072.  
  1073. {/block:Posts}
  1074.  
  1075.  
  1076.  
  1077. </div>
  1078.  
  1079.  
  1080.  
  1081. <div class="link001">
  1082. <a href="#?w=460" rel="box1" class="poplight" title="ask"><img src="http://static.tumblr.com/vt541sw/E7Zo7feqo/links.png"></a></div>
  1083. <div class="link002">
  1084. <a href="#?w=460" rel="box2" class="poplight" title="verses"><img src="http://static.tumblr.com/vt541sw/E7Zo7feqo/links.png"></a></div>
  1085. <div class="link003">
  1086. <a href="#?w=460" rel="box3" class="poplight" title="rules"><img src="http://static.tumblr.com/vt541sw/E7Zo7feqo/links.png"></a></div>
  1087. <div class="link004">
  1088. <a href="/links"title="links"><img src="http://static.tumblr.com/vt541sw/E7Zo7feqo/links.png"></a></div>
  1089. <div class="link005">
  1090. <a href="/mains"title="mains"><img src="http://static.tumblr.com/vt541sw/E7Zo7feqo/links.png"></a></div>
  1091.  
  1092.  
  1093.  
  1094. {block:Pagination}<div id="pagi">
  1095. {block:PreviousPage}
  1096. <a href="{PreviousPage}">&larr;</a>
  1097. {/block:PreviousPage}
  1098.  
  1099.  
  1100. {block:NextPage}
  1101. <a href="{NextPage}">&rarr;</a>
  1102. {/block:NextPage}
  1103. {/block:Pagination}
  1104.  
  1105. </div>
  1106.  
  1107.  
  1108.  
  1109. {block:ContentSource}
  1110. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1111. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1112. {/block:SourceLogo}
  1113. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1114. {/block:ContentSource}
  1115.  
  1116.  
  1117.  
  1118.  
  1119. </div></div>
  1120.  
  1121. <div id="credit"><a href="http://theladywasp.tumblr.com/commissions">ADA</a></div>
  1122. <!--. -->
  1123. </body>
  1124. </html>
Advertisement
Add Comment
Please, Sign In to add comment