Advertisement
Guest User

SYLVANAS THEME. take it and i'll hunt you down and gut you

a guest
Jun 29th, 2017
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.77 KB | None | 0 0
  1.  
  2. <!-----html start------>
  3.  
  4. <html>
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="http://static.tumblr.com/ra2qs1x/iaKoiniv3/favicon.png">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. </head>
  10.  
  11.  
  12. <!-----tooltips------>
  13.  
  14. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:200,
  22. tip_fade_speed:300
  23. } ); }); })(jQuery);
  24. </script>
  25.  
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  27. </script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28.  
  29. <script>
  30. (function($){
  31. $(document).ready(function(){
  32. $("[title]").style_my_tooltips({
  33. tip_follows_cursor:true,
  34. tip_delay_time:90,
  35. tip_fade_speed:600,
  36. attribute:"title"
  37. });
  38. });
  39. })(jQuery);
  40. </script>
  41.  
  42. <!-----popup tabs------>
  43.  
  44. <script>
  45.  
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }});});
  56.  
  57. </script>
  58.  
  59. <!-----fonts------>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC'
  62. rel='stylesheet' type='text/css'>
  63.  
  64. <link href='https://fonts.googleapis.com/css?family=Montserrat'
  65. rel='stylesheet' type='text/css'>
  66.  
  67. <link href='https://fonts.googleapis.com/css?family=Lobster+Two:700,'
  68. rel='stylesheet' type='text/css'>
  69.  
  70. <link href="https://fonts.googleapis.com/css?family=EB+Garamond"
  71. rel="stylesheet">
  72.  
  73. <link href="https://fonts.googleapis.com/css?family=Kaushan+Script"
  74. rel="stylesheet">
  75.  
  76. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed"
  77. rel="stylesheet">
  78.  
  79. <link href="https://fonts.googleapis.com/css?family=Cantarell"
  80. rel="stylesheet">
  81.  
  82. <!-----popups------>
  83.  
  84. <script type="text/javascript"
  85. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  86. <script>
  87. $(document).ready(function() {
  88. //
  89. $('a.poplight[href^=#]').click(function() {
  90. var popID = $(this).attr('rel');
  91. var popURL = $(this).attr('href');
  92. var query= popURL.split('?');
  93. var dim= query[1].split('&');
  94. var popWidth = dim[0].split('=')[1];
  95. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  96. var popMargTop = ($('#' + popID).height() + 80) / 2;
  97. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  98. $('#' + popID).css({
  99. 'margin-top' : -popMargTop,
  100. 'margin-left' : -popMargLeft
  101. });$('body').append('<div id="fade"></div>');
  102. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  103. return false;});$('a.close, #fade').live('click', function() {
  104. $('#fade , .popup_block').fadeOut(function() {
  105. $('#fade, a.close').remove();
  106. });return false;});});</script>
  107.  
  108. <!-----css------>
  109.  
  110. <style type="text/css">
  111.  
  112. /*-----main-----*/
  113.  
  114. body {
  115. font-family:'arial';
  116. font-size:10px;
  117. text-align:justify;
  118. color:#777777;
  119. line-height:145%;
  120. position:fixed;
  121. background-color:#050503;
  122. background-attachment: fixed;
  123. background-repeat: no-repeat;
  124. background-position:left top;
  125. background-image:url('http://i.imgur.com/EV5diBa.png');
  126. }
  127.  
  128. *, body {
  129. cursor: url(https://38.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), auto;
  130. }
  131.  
  132. #container {
  133. position:fixed;
  134. left:490px;
  135. top:72px;
  136. height:530px;
  137. width:267px;
  138. scroll:left;
  139. overflow-y:auto;
  140. overflow-x:hidden;
  141. opacity:0;
  142. background-color:#050505;
  143. -webkit-transition: all 1s ease-in-out;
  144. -moz-transition: all 1s ease-in-out;
  145. -o-transition: all 1s ease-in-out;
  146. -webkit-mask-image:-webkit-gradient(linear, left 80%, left bottom,
  147. color-stop(0.00, rgba(0,0,0,1)),
  148. color-stop(1.00, rgba(0,0,0,0)));
  149. -webkit-transition: all 1s ease-in-out;
  150. -moz-transition: all 1s ease-in-out;
  151. -o-transition: all 1s ease-in-out;
  152. }
  153.  
  154. #container:hover {
  155. opacity:1;
  156. -webkit-transition: all 1s ease-in-out;
  157. -moz-transition: all 1s ease-in-out;
  158. -o-transition: all 1s ease-in-out;
  159. }
  160.  
  161. .posts {
  162. width:250px;
  163. margin-right:2px;
  164. padding:4px;
  165. margin-top:8px;
  166. margin-bottom:6px;
  167. white-space:normal;
  168. overflow-x:hidden;
  169. word-break:keep-all;
  170. background-color:#050505;
  171. }
  172.  
  173. .posts img {
  174. max-width:100%;
  175. height:auto;
  176. -webkit-filter: grayscale(1);
  177. -webkit-transition: .5s ease-in-out;
  178. -moz-transition: .5s ease-in-out;
  179. -o-transition: .5s ease-in-out;
  180. }
  181.  
  182. .posts img:hover {
  183. max-width:100%;
  184. height:auto;
  185. -webkit-filter: grayscale(0);
  186. -webkit-transition: .5s ease-in-out;
  187. -moz-transition: .5s ease-in-out;
  188. -o-transition: .5s ease-in-out;
  189. }
  190.  
  191. /*-----pictures-----*/
  192.  
  193. img {
  194. max-width: 100%;
  195. height: auto;
  196. }
  197.  
  198. .photoset {
  199. -webkit-filter: grayscale(1);
  200. -webkit-transition: .5s ease-in-out;
  201. -moz-transition: .5s ease-in-out;
  202. -o-transition: .5s ease-in-out;
  203. }
  204.  
  205. .photoset:hover {
  206. -webkit-filter: grayscale(0);
  207. -webkit-transition: .5s ease-in-out;
  208. -moz-transition: .5s ease-in-out;
  209. -o-transition: .5s ease-in-out;
  210. }
  211.  
  212. .photoset a:hover {
  213. cursor: url(https://33.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_n6zhnrva5p1r1shc4.png), auto;
  214. }
  215.  
  216. .photo {
  217. -webkit-filter: grayscale(1);
  218. -webkit-transition: .5s ease-in-out;
  219. -moz-transition: .5s ease-in-out;
  220. -o-transition: .5s ease-in-out;
  221. }
  222.  
  223. .photo:hover {
  224. -webkit-filter: grayscale(0);
  225. -webkit-transition: .5s ease-in-out;
  226. -moz-transition: .5s ease-in-out;
  227. -o-transition: .5s ease-in-out;
  228. }
  229.  
  230. .photo a:hover {
  231. cursor: url(https://33.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_n6zhnrva5p1r1shc4.png), auto;
  232. }
  233.  
  234. /*-----blockquotes-----*/
  235.  
  236. blockquote blockquote blockquote {
  237. border-left:4px solid #aaaaaa;
  238. padding-left:8px;
  239. margin:4px;
  240. }
  241.  
  242. blockquote blockquote {
  243. border-left:4px solid #aaaaaa;
  244. padding-left:12px;
  245. margin:5px;
  246. }
  247.  
  248. blockquote {
  249. border-left:4px solid #aaaaaa;
  250. padding-left:9px;
  251. padding-right:2px;
  252. margin:5px;
  253. }
  254.  
  255.  
  256. blockquote img {
  257. max-width:100%;
  258. height:auto;
  259. }
  260.  
  261. /*-----tooltips-----*/
  262.  
  263. #s-m-t-tooltip {
  264. font-family: 'Roboto Condensed', sans-serif;
  265. font-size:7px;
  266. letter-spacing:1px;
  267. text-align:center;
  268. text-transform:uppercase;
  269. color:#cecece;
  270. background:#050505;
  271. border:1px solid #000000;
  272. width:150px;
  273. max-width:350px;
  274. margin:12px 0px 0px 20px;
  275. padding:3px 14px 3px 14px;
  276. -webkit-transition: .5s ease-in-out;
  277. -moz-transition: .5s ease-in-out;
  278. -o-transition: .5s ease-in-out;
  279. z-index:99999;
  280. }
  281.  
  282. /*-----updates-----*/
  283.  
  284. #bite #bite a{
  285. display:block
  286. }
  287.  
  288. #bite .death {
  289. margin-top:0px;
  290. filter: alpha(opacity = 100);
  291. opacity:100;
  292. -webkit-transition: all 0.5s ease-out;
  293. -moz-transition: all 0.5s ease-out;
  294. transition: all 0.5s ease-out;
  295. }
  296.  
  297. #bite:hover .death {
  298. margin-top:0px;
  299. -webkit-transition: all 0.8s ease-out;
  300. -moz-transition: all 0.8s ease-out;
  301. transition: all 0.8s ease-out;
  302. filter: alpha(opacity = 100);
  303. filter: alpha(opacity = 100);
  304. opacity:100;
  305. }
  306.  
  307. #actualnews {
  308. position:fixed;
  309. top:150px;
  310. line-height:16px;
  311. left:835px;
  312. color:#bebebe;
  313. font-size:10px;
  314. width:220px;
  315. height:110px;
  316. padding:2px;
  317. letter-spacing:.5px;
  318. word-spacing:1px;
  319. overflow-x:hidden;
  320. overflow-y:scroll;
  321. text-align:center;
  322. border:dashed #555555 1px;
  323. background-color:#050505;
  324. }
  325.  
  326. #thekey {
  327. position:fixed;
  328. top:310px;
  329. left:958px;
  330. letter-spacing:2px;
  331. line-height:120%;
  332. font-family: 'montserrat', serif;
  333. color:#131313;
  334. text-shadow: 0px 0px 3px #ccc;
  335. font-size:8px;
  336. -webkit-transform: rotate(23deg);
  337. -ms-transform: rotate(23deg);
  338. transform: rotate(23deg);
  339. }
  340.  
  341. /*-----freehosted scripts-----*/
  342.  
  343. #scripts {
  344. font-family: 'Roboto Condensed', sans-serif;
  345. font-size:10px;
  346. background:transparent;
  347. padding:0px;
  348. }
  349.  
  350. /*-----scrollbar-----*/
  351.  
  352. ::-webkit-scrollbar {
  353. width:4px;
  354. height:0px;
  355. }
  356.  
  357. ::-webkit-scrollbar-track-piece {
  358. background-color:transparent;
  359. }
  360.  
  361. ::-webkit-scrollbar-button:start:decrement,
  362. ::-webkit-scrollbar-button:end:increment {
  363. height:9px;
  364. display:block;
  365. background-color:transparent;
  366. }
  367.  
  368. ::-webkit-scrollbar-thumb:vertical {
  369. height:80px;
  370. width:5px;
  371. background-color:#transparent;
  372. }
  373.  
  374. /*-----selection-----*/
  375.  
  376. ::-moz-selection {
  377. color: #101010;
  378. background: #fefefe;
  379. }
  380.  
  381. ::selection {
  382. color: #101010;
  383. background: #fefefe;
  384. }
  385.  
  386. /*-----pagination-----*/
  387.  
  388. #pagination {
  389. position:fixed;
  390. font-family: 'helvetica';
  391. font-weight:bold;
  392. width:40px;
  393. height:auto;
  394. font-size:14px;
  395. line-height:10px;
  396. left:930px;
  397. top:72px;
  398. letter-spacing:1px;
  399. text-transform: uppercase;
  400. text-align:center;
  401. -ms-transform: rotate(0deg);
  402. -webkit-transform: rotate(0deg);
  403. transform: rotate(0deg);
  404. }
  405.  
  406. #pagination a{
  407. color:#fefefe;
  408. text-shadow:#070707 2px 2px 0px;
  409. }
  410.  
  411. #pagination a:hover {
  412. color: #6a6a6a;
  413. text-shadow:#070707 2px 2px 0px;
  414. }
  415.  
  416. /*-----headers-----*/
  417.  
  418. h1 {
  419. font-size:10px;
  420. font-family: 'Roboto Condensed', sans-serif;
  421. font-weight: 400;
  422. color:#dedede;
  423. text-transform:uppercase;
  424. text-align:center;
  425. letter-spacing:.6px;
  426. width:auto;
  427. max-width:250px;
  428. line-height:24px;
  429. padding-top:1px;
  430. padding-bottom:1px;
  431. }
  432.  
  433. h2 {
  434. font-size:9px;
  435. font-family:'montserrat';
  436. font-weight: 400;
  437. text-transform:uppercase;
  438. text-align: justify;
  439. -moz-text-align-last: center;
  440. text-align-last: center;
  441. letter-spacing:1px;
  442. width:auto;
  443. max-width:250px;
  444. background:#030303;
  445. color: #050505;
  446. text-shadow:0px 0px 2px #aeaeae;
  447. background-color: #aeaeae;
  448. border: solid 1px #000000;
  449. outline: solid 1px #aeaeae;
  450. outline-offset:2px;
  451. line-height:30px;
  452. padding-top:2px;
  453. padding-bottom:2px;
  454. padding-left:7px;
  455. padding-right:7px;
  456. }
  457.  
  458. h2 b {
  459. font-weight: 400;
  460. text-transform:uppercase;
  461. color:#fefefe;
  462. text-shadow: 0px 0px 3px #aeaeae;
  463. }
  464.  
  465. h3 {
  466. font-size:9px;
  467. font-family:'montserrat';
  468. font-weight: 400;
  469. line-height:14px;
  470. text-transform:uppercase;
  471. text-align: justify;
  472. -moz-text-align-last: center;
  473. text-align-last: center;
  474. letter-spacing:1px;
  475. width:auto;
  476. max-width:250px;
  477. color:#dedede;
  478. line-height:30px;
  479. padding-top:2px;
  480. padding-bottom:2px;
  481. padding-left:6px;
  482. padding-right:6px;
  483. }
  484.  
  485. /*-----general-----*/
  486.  
  487. a {
  488. text-decoration:none;
  489. text-shadow:none;
  490. color:#afafaf;
  491. -webkit-transition: all 0.7s ease;
  492. -moz-transition: all 0.7s ease;
  493. -o-transition: all 0.7s ease;
  494. }
  495.  
  496. a:hover {
  497. color:#fefefe;
  498. text-shadow: 0px 0px 4px #fefefe;
  499. cursor: url(https://33.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_n6zhnrva5p1r1shc4.png), auto;
  500. }
  501.  
  502. big {
  503. font-size:15px;
  504. text-transform: none;
  505. }
  506.  
  507. small, smallsmall, sub, sup {
  508. font-size:10px;
  509. text-transform: none;
  510. }
  511.  
  512. hr {
  513. width:76%;
  514. max-width:240px;
  515. height:3px;
  516. border:1px solid #555555;
  517. outline-offset:1px;
  518. outline:1px solid #101010;
  519. }
  520.  
  521. /*-----bold and italic-----*/
  522.  
  523. b, bold, strong {
  524. font-size:10px;
  525. font-family:'montserrat';
  526. font-weight:400;
  527. color:#fefefe;
  528. text-shadow: 0px 0px 4px #fefefe;
  529. text-transform:uppercase;
  530. }
  531.  
  532. b a, bold a, strong a {
  533. font-weight:400; color:#fefefe; text-shadow: none;
  534. }
  535.  
  536. b a:hover, bold a:hover, strong a:hover {
  537. font-weight:400; color:#010101;
  538. text-shadow: 0px 0px 4px #333333;
  539. }
  540.  
  541. i, italic, em {
  542. font-size:11px;
  543. font-weight:400;
  544. font-style: italic;
  545. letter-spacing:0.1px;
  546. text-transform:lowercase;
  547. color:#fefefe;
  548. font-family: 'Cantarell', sans-serif;
  549. }
  550.  
  551. i a, italic a, em a {
  552. color:#787878; text-shadow: none;
  553. }
  554.  
  555. i a:hover, italic a:hover, em a:hover {
  556. color:#f7f7f7;
  557. text-shadow: 0px 0px 3px #f7f7f7;
  558. }
  559.  
  560. /*-----chat-----*/
  561.  
  562. .chat li:nth-of-type(odd) {
  563. list-style-type: none;
  564. background-color: #060606;
  565. color:#aeaeae;
  566. padding:4px 5px 4px 5px;
  567. margin:4px 1px 4px 1px;
  568. }
  569.  
  570. .chat li:nth-of-type(even) {
  571. list-style-type: none;
  572. background-color: #aeaeae;
  573. color:#101010;
  574. padding:4px 5px 4px 5px;
  575. margin:4px 1px 4px 1px;
  576. }
  577.  
  578. /*-----lists-----*/
  579.  
  580. ul {
  581. display: block;
  582. list-style-type:square;
  583. margin-top: 2px;
  584. margin-bottom: 0px;
  585. margin-left: 0px;
  586. margin-right: 0px;
  587. padding-left: 20px;
  588. }
  589.  
  590. li {
  591. display: square;
  592. padding-bottom:6px;
  593. }
  594.  
  595. ol {
  596. display: block;
  597. list-style-type: decimal;
  598. color:#fefefe;
  599. margin-top: 2px;
  600. margin-bottom: 2px;
  601. margin-left: 0px;
  602. margin-right: 0px;
  603. padding-left: 32px;
  604. }
  605.  
  606. pre {
  607. word-break:keep-all;
  608. max-width:245px;
  609. font-size:10px;
  610. letter-spacing:0px;
  611. color:#fefefe;
  612. border-right:2px solid #fefefe;
  613. background-color:#ababab;
  614. padding:5px;
  615. white-space: pre-wrap;
  616. }
  617.  
  618. /*-----quotes-----*/
  619.  
  620. .quote::first-letter {
  621. font-size:16px;
  622. font-family: 'Lobster Two', sans-serif;
  623. font-weight:700;
  624. color:#dedede;
  625. text-shadow: #aeaeae 0px 0px 3px;
  626. text-transform:uppercase;
  627. letter-spacing:1px;
  628. margin-right:1px;
  629. }
  630.  
  631. .quote {
  632. font-size:9px;
  633. font-family: 'Roboto Condensed', sans-serif;
  634. color:#cecece;
  635. text-align-last: center;
  636. text-transform:uppercase;
  637. letter-spacing:1px;
  638. line-height:150%;
  639. text-align: justify;
  640. -moz-text-align-last: center;
  641. border-bottom:1px dashed #1a191a;
  642. margin-bottom:10px;
  643. margin-top:5px;
  644. padding:4px 6px 4px 6px;
  645. }
  646.  
  647. .quotesource {
  648. width:auto;
  649. font-size:10px;
  650. font-family: 'Roboto Condensed', sans-serif;
  651. text-transform:uppercase;
  652. letter-spacing:1px;
  653. text-align:center;
  654. margin-bottom:10px;
  655. }
  656.  
  657. .quotesource b, bold, strong {
  658. font-size:10px;
  659. font-family: 'Roboto Condensed', sans-serif;
  660. text-transform:uppercase;
  661. }
  662.  
  663. .quotesource i, italic, em {
  664. font-size:10px;
  665. font-style: italic;
  666. font-family: 'Roboto Condensed', sans-serif;
  667. text-transform:uppercase;
  668. }
  669.  
  670. .quotesource a {
  671. font-size:10px;
  672. font-weight:700;
  673. font:#070707;
  674. text-transform:uppercase;
  675. }
  676.  
  677. .quotesource a:hover {
  678. font-weight:400;
  679. }
  680.  
  681. /*-----pulse-----*/
  682.  
  683. @-webkit-keyframes pulse {
  684. 0% {
  685. -webkit-transform: scale(.5, .5);
  686. opacity: 1;
  687. }
  688. 50% {
  689. -webkit-transform: scale(1, 1);
  690. opacity: 1;}
  691.  
  692. 100% {
  693. -webkit-transform: scale(.5, .5);
  694. opacity: 1;}
  695. }
  696.  
  697. /*-----links 1-----*/
  698.  
  699. #howdy1 {
  700. position:fixed;
  701. font-size:38px;
  702. top:36px;
  703. left:1000px;
  704. padding:10px;
  705. text-align:center;
  706. }
  707.  
  708. #howdy1 a {
  709. color:#ffffff;
  710. -webkit-transition: all 0.7s ease;
  711. -moz-transition: all 0.7s ease;
  712. -o-transition: all 0.7s ease;
  713. }
  714.  
  715. #howdy1 a:hover {
  716. color:#dddddd;
  717. -webkit-transition: all 0.5s ease-in-out;
  718. -moz-transition: all 0.5s ease-in-out;
  719. -o-transition: all 0.5s ease-in-out;
  720. transition: all 0.5s ease-in-out;
  721. -webkit-filter: blur(2px);
  722. -moz-filter: blur(2px);
  723. -o-filter: blur(2px);
  724. -ms-filter: blur(2px);
  725. filter: blur(2px);
  726. }
  727.  
  728. /*-----links 2-----*/
  729.  
  730. #howdy2 {
  731. position:fixed;
  732. font-size:18px;
  733. top:308px;
  734. left:800px;
  735. padding:10px;
  736. text-align:center;
  737. }
  738.  
  739. #howdy2 a {
  740. color:#ffffff;
  741. -webkit-transition: all 0.7s ease;
  742. -moz-transition: all 0.7s ease;
  743. -o-transition: all 0.7s ease;
  744. }
  745.  
  746. #howdy2 a:hover {
  747. color:#dddddd;
  748. -webkit-transition: all 0.5s ease-in-out;
  749. -moz-transition: all 0.5s ease-in-out;
  750. -o-transition: all 0.5s ease-in-out;
  751. transition: all 0.5s ease-in-out;
  752. -webkit-filter: blur(2px);
  753. -moz-filter: blur(2px);
  754. -o-filter: blur(2px);
  755. -ms-filter: blur(2px);
  756. filter: blur(2px);
  757. }
  758.  
  759. /*-----links 3-----*/
  760.  
  761. #howdy3 {
  762. position:fixed;
  763. font-size:30px;
  764. top:2px;
  765. left:362px;
  766. padding:10px;
  767. text-align:center;
  768. }
  769.  
  770. #howdy3 a {
  771. color:#ffffff;
  772. -webkit-transition: all 0.7s ease;
  773. -moz-transition: all 0.7s ease;
  774. -o-transition: all 0.7s ease;
  775. }
  776.  
  777. #howdy3 a:hover {
  778. color:#dddddd;
  779. -webkit-transition: all 0.5s ease-in-out;
  780. -moz-transition: all 0.5s ease-in-out;
  781. -o-transition: all 0.5s ease-in-out;
  782. transition: all 0.5s ease-in-out;
  783. -webkit-filter: blur(2px);
  784. -moz-filter: blur(2px);
  785. -o-filter: blur(2px);
  786. -ms-filter: blur(2px);
  787. filter: blur(2px);
  788. }
  789.  
  790. /*-----links 4-----*/
  791.  
  792. #howdy4 {
  793. position:fixed;
  794. font-size:20px;
  795. top:182px;
  796. left:86px;
  797. padding:10px;
  798. text-align:center;
  799. }
  800.  
  801. #howdy4 a {
  802. color:#ffffff;
  803. -webkit-transition: all 0.7s ease;
  804. -moz-transition: all 0.7s ease;
  805. -o-transition: all 0.7s ease;
  806. }
  807.  
  808. #howdy4 a:hover {
  809. color:#dddddd;
  810. -webkit-transition: all 0.5s ease-in-out;
  811. -moz-transition: all 0.5s ease-in-out;
  812. -o-transition: all 0.5s ease-in-out;
  813. transition: all 0.5s ease-in-out;
  814. -webkit-filter: blur(2px);
  815. -moz-filter: blur(2px);
  816. -o-filter: blur(2px);
  817. -ms-filter: blur(2px);
  818. filter: blur(2px);
  819. }
  820.  
  821. /*-----links 5-----*/
  822.  
  823. #howdy5 {
  824. position:fixed;
  825. font-size:20px;
  826. top:415px;
  827. left:320px;
  828. padding:10px;
  829. text-align:center;}
  830.  
  831. #howdy5 a {
  832. color:#ffffff;
  833. text-shadow:#cecece 0px 0px 5px;
  834. -webkit-transition: all 0.7s ease;
  835. -moz-transition: all 0.7s ease;
  836. -o-transition: all 0.7s ease;
  837. }
  838.  
  839. #howdy5 a:hover {
  840. color:#dddddd;
  841. -webkit-transition: all 0.5s ease-in-out;
  842. -moz-transition: all 0.5s ease-in-out;
  843. -o-transition: all 0.5s ease-in-out;
  844. transition: all 0.5s ease-in-out;
  845. -webkit-filter: blur(2px);
  846. -moz-filter: blur(2px);
  847. -o-filter: blur(2px);
  848. -ms-filter: blur(2px);
  849. filter: blur(2px);
  850. }
  851.  
  852. /*-----links 6-----*/
  853.  
  854. #howdy6 {
  855. position:fixed;
  856. font-size:35px;
  857. top:350px;
  858. left:75px;
  859. padding:10px;
  860. text-align:center;
  861. }
  862.  
  863. #howdy6 a {
  864. color:#ffffff;
  865. -webkit-transition: all 0.7s ease;
  866. -moz-transition: all 0.7s ease;
  867. -o-transition: all 0.7s ease;
  868. }
  869.  
  870. #howdy6 a:hover {
  871. color:#dddddd;
  872. -webkit-transition: all 0.5s ease-in-out;
  873. -moz-transition: all 0.5s ease-in-out;
  874. -o-transition: all 0.5s ease-in-out;
  875. transition: all 0.5s ease-in-out;
  876. -webkit-filter: blur(2px);
  877. -moz-filter: blur(2px);
  878. -o-filter: blur(2px);
  879. -ms-filter: blur(2px);
  880. filter: blur(2px);
  881. }
  882.  
  883. /*-----exclusives link-----*/
  884.  
  885. #ex {
  886. position:fixed;
  887. width:56px;
  888. height:auto;
  889. top:415px;
  890. left:1000px;
  891. text-align:center;
  892. }
  893.  
  894. #ex a {
  895. -webkit-transition: all 0.7s ease;
  896. -moz-transition: all 0.7s ease;
  897. -o-transition: all 0.7s ease;
  898. }
  899.  
  900. #ex a:hover {
  901. color:#dddddd;
  902. -webkit-transition: all 0.5s ease-in-out;
  903. -moz-transition: all 0.5s ease-in-out;
  904. -o-transition: all 0.5s ease-in-out;
  905. transition: all 0.5s ease-in-out;
  906. -webkit-filter: blur(2px);
  907. -moz-filter: blur(2px);
  908. -o-filter: blur(2px);
  909. -ms-filter: blur(2px);
  910. filter: blur(2px);
  911. }
  912.  
  913. /*-----permalinks-----*/
  914.  
  915. .permalinks {
  916. background-image:url('http://static.tumblr.com/ra2qs1x/yWRoic38d/untitled-3.png');
  917. margin-left:42px;
  918. margin-top:10px;
  919. margin-bottom:4px;
  920. word-spacing:2px;
  921. padding:6px;
  922. height:12px;
  923. width:152px;
  924. border: 1px #8d8d8d solid;
  925. outline-offset:2px;
  926. outline:1px dashed #1a191a;
  927.  
  928. }
  929.  
  930. .permalinks a {
  931. text-decoration:none;
  932. font-size:9px;
  933. color:#fefefe;
  934.  
  935. }
  936.  
  937. .permalinks a:hover {
  938. color:#070707;
  939. text-shadow:#070707 0px 0px 1px;
  940.  
  941. }
  942.  
  943. .date {
  944. float:left;
  945. }
  946.  
  947. .reblogs {
  948. float:right;
  949. }
  950. /*-----tags-----*/
  951.  
  952. #tags {
  953. font-size: 10px;
  954. font-family: 'Cantarell', sans-serif;
  955. font-weight: 400;
  956. letter-spacing:0px;
  957. word-spacing:1px;
  958. line-height:15px;
  959. color:#6e1a18;
  960. border:double 3px #1a191a;
  961. width:233px;
  962. margin-left:0px;
  963. margin-top:2px;
  964. padding:6px 11px 6px 11px;
  965. text-align: justify;
  966. -moz-text-align-last: center;
  967. text-align-last: center;
  968. }
  969.  
  970. #tags a {
  971. text-decoration:none;
  972. font-size:9px;
  973. text-transform:normal;
  974. color:#aeaeae;
  975. }
  976.  
  977. #tags a:hover {
  978. color:#fefefe;
  979. text-shadow: 0px 0px 4px #eeeeee;
  980. }
  981.  
  982. /*-----notes-----*/
  983.  
  984. .notecontainer {
  985. margin-top:-20px;
  986. line-height:190%;
  987. margin: 10px auto;
  988. width: 240px;
  989. color:#bbbbbb;
  990. font-size: 10px;
  991. letter-spacing:1px;
  992. }
  993.  
  994. .notecontainer ol.notes {
  995. list-style-type: decimal;
  996. margin-left: 9px;
  997. padding: 1px;
  998. }
  999.  
  1000. ol.notes img {
  1001. display:none;
  1002. }
  1003.  
  1004. .notecontainer img.avatar {
  1005. width: 15px;
  1006. height: 15px;
  1007. border-radius:50px;
  1008. }
  1009.  
  1010. /*-----asks-----*/
  1011.  
  1012. #asker {
  1013. font-size:12px;
  1014. font-family: 'Roboto Condensed', sans-serif;
  1015. color: #dedede;
  1016. text-shadow: 0px 0px 4px #aeaeae;
  1017. font-weight:400;
  1018. letter-spacing:1px;
  1019. text-transform: uppercase;
  1020. text-align:center;
  1021. background:transparent;
  1022. margin-top:4px;
  1023. margin-bottom:2px;
  1024. }
  1025.  
  1026. #asker a {
  1027. color: #dedede;
  1028. text-shadow: 0px 0px 4px #aeaeae;
  1029. }
  1030.  
  1031. #asker a:hover {
  1032. font-size:12px;
  1033. color: #fefefe;
  1034. font-weight:400;
  1035. text-shadow: 0px 0px 4px #fefefe;
  1036. -webkit-filter: blur(2px);
  1037. -moz-filter: blur(2px);
  1038. -o-filter: blur(2px);
  1039. -ms-filter: blur(2px);
  1040. filter: blur(2px);
  1041. }
  1042.  
  1043. #askerheader {
  1044. margin-left:26px;
  1045. }
  1046.  
  1047. #askertext {
  1048. font-size:12px;
  1049. font-weight:400;
  1050. font-family: 'IM Fell Double Pica SC', serif;
  1051. text-transform: lowercase;
  1052. color:#aeaeae;
  1053. text-align:center;
  1054. padding:2px;
  1055. margin-top:-4px;
  1056. margin-bottom:2px;
  1057. letter-spacing:1px;
  1058. word-spacing:2px;
  1059. }
  1060.  
  1061. #question {
  1062. font-size: 9px;
  1063. font-family: 'Cantarell', sans-serif;
  1064. text-transform:normal;
  1065. text-align: justify;
  1066. color:#010101;
  1067. -moz-text-align-last: center;
  1068. text-align-last: center;
  1069. background: #aeaeae;
  1070. border: 1px #000000 dashed;
  1071. border-top-left-radius:15px;
  1072. border-bottom-right-radius:15px;
  1073. letter-spacing:0.5px;
  1074. padding:10px;
  1075. padding-left:10px;
  1076. padding-right:10px;
  1077. margin-bottom:8px;
  1078. }
  1079.  
  1080. #answer {
  1081. max-width:250px;
  1082. line-height:15px;
  1083. }
  1084.  
  1085. /*-----audio-----*/
  1086.  
  1087. .playerbuttonbg {
  1088. position: absolute;
  1089. left: 10px;
  1090. top: 10px;
  1091. width: 19px;
  1092. height: 19px;
  1093. background-color: #ffffff;
  1094. padding: 10px;
  1095. opacity: .4;
  1096. filter: alpha(opacity=40);
  1097. -moz-opacity: 0.4;
  1098. -khtml-opacity: 0.4;
  1099. transition: opacity .7s ease-in-out;
  1100. -moz-transition: opacity .7s ease-in-out;
  1101. -webkit-transition: opacity .7s ease-in-out;
  1102. }
  1103.  
  1104. .playerbuttonbg:hover {
  1105. opacity: 1;
  1106. filter: alpha(opacity=100);
  1107. -moz-opacity: 1;
  1108. -khtml-opacity: 1;
  1109. }
  1110.  
  1111. .newplayerbutton {
  1112. position: relative;
  1113. width: 19px;
  1114. height: 19px;
  1115. overflow: hidden;
  1116. }
  1117.  
  1118. .playerbuttonhug {
  1119. position: absolute;
  1120. top: -18px;
  1121. left: -6px;
  1122. }
  1123.  
  1124. .tumblr_audio_player {
  1125. height: 90px;
  1126. width: 270px;
  1127. -moz-transform: scale(0.60, 0.60);
  1128. -webkit-transform: scale(0.60, 0.60);
  1129. -o-transform: scale(0.60, 0.60);
  1130. -ms-transform: scale(0.60, 0.60);
  1131. transform: scale(0.60, 0.60);
  1132. -moz-transform-origin: top left;
  1133. -webkit-transform-origin: top left;
  1134. -o-transform-origin: top left;
  1135. -ms-transform-origin: top left;
  1136. transform-origin: top left;
  1137. }
  1138.  
  1139. .audioimgwrapper {
  1140. position: absolute;
  1141. left: 0px;
  1142. top: 0px;
  1143. overflow: hidden;
  1144. width: 60px;
  1145. height: 60px;
  1146. }
  1147.  
  1148. .audioimgwrapper img {
  1149. width: 100%;
  1150. height: auto;
  1151. }
  1152.  
  1153. .trackdetails {
  1154. font-family: 'Roboto Condensed', sans-serif;
  1155. text-transform: lowercase;
  1156. line-height:12px;
  1157. font-size:10.5px;
  1158. width: auto;
  1159. display:inline-block;
  1160. margin-left: 68px;
  1161. margin-top:2px;
  1162. min-height: 75px;
  1163. }
  1164.  
  1165. .audiowrapper {
  1166. position: relative;
  1167. display:inline-block;
  1168. }
  1169.  
  1170. /*-----popups-----*/
  1171.  
  1172. .popup_block{
  1173. display:none;
  1174. height:500px;
  1175. width:456px;
  1176. background-image: url('http://i.imgur.com/qYYDh21.png');
  1177. float:left;
  1178. position:fixed;
  1179. left:608px;
  1180. top:325px;
  1181. z-index: 99999;
  1182. outline-offset:3px;
  1183. outline: dashed #000000 1px;
  1184. -webkit-box-shadow: 0px 0px 0px #000000;
  1185. -moz-box-shadow: 0px 0px 0px #000000;
  1186. box-shadow: 0px 0px 0px #000000;
  1187. }
  1188.  
  1189. .content {
  1190. position:absolute;
  1191. text-align:justify;
  1192. font-size:10.3px;
  1193. font-family: 'helvetica';
  1194. padding:0px 20px 0px 20px;
  1195. color:#777777;
  1196. width:214px;
  1197. height:378px;
  1198. line-height:15px;
  1199. word-spacing:1.4px;
  1200. overflow-y:scroll;
  1201. margin-left:201px;
  1202. margin-top:40px;
  1203. }
  1204.  
  1205. .popuptext {
  1206. font-size:30px;
  1207. font-family: 'lobster two', sans-serif;
  1208. text-transform:normal;
  1209. letter-spacing:.5px;
  1210. color:#fafafa;
  1211. text-shadow:2px 1px 0px #101010;
  1212. text-align:center;
  1213. margin-left:198px;
  1214. margin-top:438px;
  1215. }
  1216.  
  1217. *html #fade {
  1218. position: absolute;
  1219. }
  1220.  
  1221. *html .popup_block {
  1222. position: absolute;
  1223. }
  1224.  
  1225. #fade {
  1226. display:none;
  1227. position:fixed;
  1228. left:0px;
  1229. top:0px;
  1230. width:100%;
  1231. height:100%;
  1232. z-index:9999;
  1233. background:#050505;
  1234. opacity:.7;
  1235. }
  1236.  
  1237. /*-----popup tabs-----*/
  1238.  
  1239. ul#tabs {
  1240. list-style-type: none;
  1241. text-align: justify;
  1242. -moz-text-align-last: center;
  1243. text-align-last: center;
  1244. padding: 0px;
  1245. }
  1246.  
  1247. ul#tabs li {
  1248. display: inline-block;
  1249. font-size:9px;
  1250. font-family: 'Roboto Condensed', sans-serif;
  1251. color: #ffffff;
  1252. width:74px;
  1253. height:auto;
  1254. letter-spacing:.7px;
  1255. border: solid 1px #6a6a6a;
  1256. outline: solid 1px #aeaeae;
  1257. outline-offset:2px;
  1258. background-color: #050505;
  1259. background-image: url('');
  1260. padding: 2px 10px 2px 10px;
  1261. margin-left:3px;
  1262. margin-right:3px;
  1263. margin-top: 2px;
  1264. margin-bottom: 8px;
  1265. }
  1266.  
  1267. ul#tabs li:hover {
  1268. background-color: #101010;
  1269. color: #fefefe;
  1270. text-shadow:0px 0px 3px #fefefe;
  1271.  
  1272. }
  1273.  
  1274. ul#tabs li.active {
  1275. color: #050505;
  1276. text-shadow:0px 0px 2px #aeaeae;
  1277. background-color: #aeaeae;
  1278. border: solid 1px #000000;
  1279. outline: solid 1px #aeaeae;
  1280. outline-offset:2px;
  1281. }
  1282.  
  1283. ul#tab {
  1284. list-style-type: none;
  1285. margin: 0px;
  1286. padding: 0px;
  1287. font-size:11px;
  1288. }
  1289.  
  1290. ul#tab li {
  1291. display: none;
  1292. }
  1293.  
  1294. ul#tab li.active {
  1295. display: block;
  1296. }
  1297.  
  1298. /*-----verse img-----*/
  1299.  
  1300. #verseimg {
  1301. width: 100%;
  1302. height:auto;
  1303. background-color: transparent;
  1304. padding-bottom:5px;
  1305. margin-bottom:4px;
  1306. margin-top:4px;
  1307. font-size:9px;
  1308. letter-spacing:0.4px;
  1309. color:#777777;
  1310. font-family: helvetica;
  1311. }
  1312.  
  1313. #verseimg h2 {
  1314. letter-spacing:0px;
  1315. }
  1316.  
  1317. #txt img {
  1318. float:left;
  1319. margin:4px 10px 3px 5px;
  1320. border:2px solid #fefefe;
  1321. outline: 1px solid #dedede;
  1322. outline-offset:2px;
  1323. width:54px;
  1324. height:54px;
  1325. }
  1326.  
  1327. #txt img:hover {
  1328. }
  1329.  
  1330. /*-----music-----*/
  1331.  
  1332. #music {
  1333. position:fixed;
  1334. }
  1335.  
  1336.  
  1337. /*-----buttons-----*/
  1338.  
  1339. .button {
  1340. display: inline-block;
  1341. font-size:8px;
  1342. font-family: 'Roboto Condensed', sans-serif;
  1343. text-transform:uppercase;
  1344. color: #050505;
  1345. width:71px;
  1346. height:auto;
  1347. letter-spacing:.7px;
  1348. outline-offset:3px;
  1349. outline:#aeaeae 1px solid;
  1350. background-color: #aeaeae;
  1351. background-image: url('');
  1352. padding: 2px 10px 2px 10px;
  1353. margin-left:3px;
  1354. margin-right:3px;
  1355. margin-top: 7px;
  1356. margin-bottom: 7px;
  1357. }
  1358.  
  1359. .button:hover {
  1360. color:#fefefe;
  1361. background-color: #050505;
  1362. text-shadow: 0px 0px 3px #fefefe;
  1363. }
  1364.  
  1365. .button a {
  1366. color:#050505;
  1367. text-shadow: 0px 0px 0px #0c0c0c;
  1368. }
  1369.  
  1370. .button a:hover {
  1371. -webkit-transition: all 0.5s ease-in-out;
  1372. -moz-transition: all 0.5s ease-in-out;
  1373. transition: all 0.5s ease-in-out;
  1374. }
  1375.  
  1376. /*-----credit-----*/
  1377.  
  1378. #credit {
  1379. color:#fefefe;
  1380. }
  1381.  
  1382. #credit a {
  1383. font-family: 'lobster two', sans-serif;
  1384. font-size:6px;
  1385. font-weight:400;
  1386. background:#050505;
  1387. border: 3px double #aeaeae;
  1388. position:fixed;
  1389. color:#fefefe;
  1390. padding:2px 2px 2px 2px;
  1391. width:14px;
  1392. bottom:4px;
  1393. text-align:center;
  1394. text-transform:uppercase;
  1395. right:5px;
  1396. }
  1397.  
  1398. #credit a:hover {
  1399. font-size:6px;
  1400. font-weight:400;
  1401. background:#aeaeae;
  1402. border: 3px double #fefefe;
  1403. position:fixed;
  1404. color:#070707;
  1405. text-shadow: 0px 0px 0px #550d0d;
  1406. text-transform:uppercase;
  1407. }
  1408.  
  1409. </style></head><body>
  1410.  
  1411.  
  1412. <!-- 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':50,'autoplay':true,'shuffle':true,'repeat':0,'placement':'bottom','showplaylist':false,'playlist':[{'title':'I.','url':'https://www.youtube.com/watch?v=ovx-PX1Txik'},{'title':'II.','url':'https://www.youtube.com/watch?v=4gasPjHyENQ'}]}" ></script><noscript><a href="http://playlist.me/w/i.php">SCM music player</a></noscript><!-- playlist.me script end --> <!-----updates------>
  1413.  
  1414. <div id="bite">
  1415. <div id="thekey"></div>
  1416. <div class="death">
  1417. <div id="actualnews">
  1418.  
  1419. <p>
  1420. private and selective<br>
  1421. <b>sylvanas windrunner</b><br>
  1422. from <i>world of warcraft</i></p>
  1423.  
  1424. <p><b>rebooted:</b>&nbsp; nov 25th, 2016<br>
  1425. <b>est:</b>&nbsp; dec 3rd, 2014</p>
  1426.  
  1427. <!-----scripts------>
  1428.  
  1429. <div id="scripts">
  1430.  
  1431. ( <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5418586";
  1432. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1433. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1434. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1435. </script>
  1436.  
  1437. &nbsp;|&nbsp;
  1438.  
  1439. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3211373";
  1440. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  1441. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1442. </script>)
  1443.  
  1444. </div>
  1445.  
  1446. <p><i>written by raven</i><br></p>
  1447.  
  1448. </div></div></div></div></div></div></div></div></div>
  1449.  
  1450. <!-----ask------>
  1451.  
  1452. <div id="yeehaw2" class="popup_block">
  1453. <div class="content"><center>
  1454.  
  1455. <h3>bend your knee and <b>pledge allegiance</b>
  1456. to the <i>banshee queen</i>.</h3>
  1457.  
  1458. <iframe frameborder="0" height="255" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/finelendal.tumblr.com/" width="100%"></iframe>
  1459.  
  1460. </iframe></center></div>
  1461.  
  1462. <div class="popuptext">Questions</div>
  1463.  
  1464. </div></div></div></div></div></div></div></div></div></div></div>
  1465.  
  1466. <!-----rules------>
  1467.  
  1468. <div id="yeehaw3" class="popup_block">
  1469. <div class="content">
  1470.  
  1471. <center><h2>GENERAL</h2></center>
  1472.  
  1473. <center><p>private and highly selective rp blog for<br>
  1474. <b>SYLVANAS WINDRUNNER</b><br>
  1475. of blizzard’s <i>WORLD OF WARCRAFT</i>
  1476. </p></center>
  1477.  
  1478. <p><b>i.</b>&nbsp;&nbsp;&nbsp;nothing on this blog is owned by me unless stated otherwise. this blog was made on december 3rd, 2014 and rebooted on november the 25th, 2016.</p>
  1479.  
  1480. <p><b>ii.</b>&nbsp;&nbsp;&nbsp;i’m selective when it comes to starter calls. this is nothing against you or your blog, i make starters depending on whether i’m inspired at the time or have an idea on how to begin the starter. <b>sometimes</b> it takes me days, even <i>weeks</i> before i get around to making a starter for you from my call. i take my time with my writing, as i want to make sure everything is done to the <b>BEST</b> of my ability.</p>
  1481.  
  1482. <p><b>iii.</b>&nbsp;&nbsp;&nbsp;do not push me to roleplay with you. I will roleplay with those who I follow, and if I do not follow you back that means I don’t see how our muses could interact.</p>
  1483.  
  1484. <p><b>iv.</b>&nbsp;&nbsp;&nbsp; i am very flexible with crossovers and verses, the <b>WARCRAFT</b> universe is quite diverse and easy when it comes to those. HOWEVER, i am still going to be picky.</p>
  1485.  
  1486. <p><b>v.</b>&nbsp;&nbsp;&nbsp;i’m multi-ship here. however, i’m selective with who i ship sylvanas with. i will not ship her in any romantic or sexual ships. this also leads to my next point. <b>NO SMUT</b>. i will not write it with sylvanas. i also only ship with muns that are 18+ just to be safe. though it is <b>VERY</b> important to me that before we ship, there is heavy discussion ooc between us as muns.</p>
  1487.  
  1488. <p><b>vi.</b>&nbsp;&nbsp;&nbsp;i encourage that you turn asks into threads, don’t even ask me ! just PLEASE, PLEASE make sure you move it to a whole new post --- don’t reblog the ask with your reply.</p>
  1489.  
  1490. <p><b>vii.</b>&nbsp;&nbsp;&nbsp;i will NOT stand for any hate or drama here. you’re entitled to your opinions, as am i. but there is <i>NO NEED</i> to spew hate if you don’t agree with something. this also goes for negativity. if there is a consistent amount of vagues and negativity on my dash from the same person, i will unfollow.</p>
  1491.  
  1492. <p><b>viii.</b>&nbsp;&nbsp;&nbsp;unfollow me and i’ll unfollow you. this is nothing out of petty revenge, i just prefer to keep a clean dash and i see it pointless to continue to follow someone that is not following me.</p>
  1493.  
  1494. <p><b>ix.</b>&nbsp;&nbsp;&nbsp;while i, myself, do not have any triggers, please keep in mind that this blog will have <i>HEAVY</i> death content. this includes a lot of <b>dark/mature</b> themes surrounding plague, torture, cannibalism and other things related. i will do my <b>BEST</b> to tag everything. <b>HOWEVER</b> i will not tag death/plague content as it's far too prominent in my portrayal & muse, everything else i'll tag.</p>
  1495.  
  1496. <center><h2>WRITER</h2></center>
  1497.  
  1498. <p>my name is raven, i’m 20 years old. she/her. my skype is available to mutuals, just shoot me a message and i’ll give it to you<i>!</i>.</p>
  1499.  
  1500. <p>the PSD used for my icons is not mine, and credit goes to the tumblr user <a href="http://forzia.tumblr.com/">forzia</a>. theme coding and dashboard graphics were made by <a href="http://ensuespurity.tumblr.com/">ensuespurity</a>.</p>
  1501.  
  1502. </div>
  1503.  
  1504. <div class="popuptext">Guidelines</div>
  1505.  
  1506. </div></div></div></div></div></div></div></div></div></div></div>
  1507.  
  1508. <!-----bio------>
  1509.  
  1510. <div id="yeehaw4" class="popup_block">
  1511. <div class="content">
  1512.  
  1513. <ul id="tabs"><li class="active">
  1514. BASICS</li>
  1515. <li>STATS</li>
  1516. <li>HISTORY</li>
  1517. <li>RELATIONSHIPS</li>
  1518. </ul>
  1519.  
  1520. <ul id="tab">
  1521. <li class="active">
  1522.  
  1523. <center><h2>GENERAL</h2></center>
  1524.  
  1525. <p><b>NAME.</b>&nbsp;&nbsp;&nbsp;sylvanas windrunner.</p>
  1526. <p><b>GENDER/SEX.</b>&nbsp;&nbsp;&nbsp;female/female.</p>
  1527. <p><b>TITLES.</b>&nbsp;&nbsp;&nbsp;the dark lady, forsaken queen, banshee queen, mistress/lady sylvanas, warchief.</p>
  1528. <p><b>FORMER TITLES.</b>&nbsp;&nbsp;&nbsp;ranger-general of silvermoon ( before undeath. )</p>
  1529. <p><b>RACE.</b>&nbsp;&nbsp;&nbsp;high elf (quel'dorei), unique undead ( banshee. )</p>
  1530.  
  1531. <p><b>NATIONALITY.</b>&nbsp;&nbsp;&nbsp;forsaken.</p>
  1532. <p><b>STATUS.</b>&nbsp;&nbsp;&nbsp;queen of the forsaken ( undead ), warchief of the horde.</p>
  1533.  
  1534. <p><b>AFFILIATION.</b>&nbsp;&nbsp;&nbsp;the forsaken, the horde.</p>
  1535. <p><b>RESIDENCE.</b>&nbsp;&nbsp;&nbsp;undercity.</p>
  1536. <p><b>HOME WORLD.</b>&nbsp;&nbsp;&nbsp;azeroth.</p>
  1537.  
  1538. <center><h2>PHYSICAL</h2></center>
  1539.  
  1540. <p><b>HEIGHT.</b>&nbsp;&nbsp;&nbsp;six foot, four inches.</p>
  1541. <p><b>AGE.</b>&nbsp;&nbsp;&nbsp;1,967 ( immortal. )</p>
  1542. <p><b>EYE COLOUR.</b>&nbsp;&nbsp;&nbsp;iris and sclera are all red, glowing.</p>
  1543. <p><b>HAIR COLOUR.</b>&nbsp;&nbsp;&nbsp;blonde.</p>
  1544. <p><b>SKIN.</b>&nbsp;&nbsp;&nbsp;cold to the touch, blue.</p>
  1545. <p><b>VOICE.</b> echoed, ghostly. </p>
  1546.  
  1547. <center><h2>MISC</h2></center>
  1548.  
  1549. <p><b>ALIGNMENT.</b>&nbsp;&nbsp;&nbsp;neutral evil </p>
  1550. <p><b>KNOWN LANGUAGES.</b>&nbsp;&nbsp;&nbsp;thalassian, common, gutterspeak, orcish.</p>
  1551. <p><b>CLASS.</b>&nbsp;&nbsp;&nbsp;ranger. ( uses necromancy and demon magic. )</p>
  1552. <p><b>WEAPONS.</b>&nbsp;&nbsp;&nbsp;bow, dual blades.</p>
  1553.  
  1554. </li><li>
  1555.  
  1556. <h2>STATS</h2>
  1557.  
  1558. <p><b>PERSONALITY TRAITS.</b>&nbsp;&nbsp;&nbsp;cold, cruel, arrogant, calculating, cynical, manipulative, passionate, ruthless, dishonest, vengeful, selfish, strong-willed, leader.</p>
  1559.  
  1560. <p><b>ABILITIES.</b>&nbsp;&nbsp;&nbsp;drain life, mind control, cannibalize (for healing purposes), posessing, soul transfer, fade ( turns her invisible and increases her movement speed by 50% for a limited period of time. ), black arrow, plagued arrow, summon skeletons/ghouls, banshee scream.</p>
  1561.  
  1562. </li><li>
  1563.  
  1564. <h2>STORY</h2>
  1565.  
  1566. <p>once the <b>ranger-general</b> of silvermoon, sylvanas windrunner was murdered by the death knight, <i>arthas</i>, and brought back as a creature of undeath; as such, she hates arthas with a passion. after regaining her free will, she rebelled against the lich king and the scourge and became the founder of the forsaken faction of undead, who are allied with the horde. she has styled herself the dark Lady, queen of the forsaken, an expansion of her original title, "<b>the Banshee Queen</b>".</p>
  1567.  
  1568. <p>as leader of the forsaken and the horde on the eastern kingdoms, sylvanas is a military <i>genius</i>. the middle sister of alleria and vereesa windrunner, she was ranger-general of the high elf kingdom of quel'thalas. she fought valiantly against arthas when he invaded quel'thalas, but during the fall of silvermoon, arthas <b>killed</b> and raised her as an undead minion as a form of petty revenge. when the lich king’s hold on his minions weakened, sylvanas, among other undead, regained her free will, and she led her forces against the dreadlords who had taken hold over lordaeron, ultimately affirming her sovereignty by killing off two of the nathrezim and bending the third, <i>varimathras</i>, to her will. she renamed her force of self-aware undead the forsaken and declared herself their queen.</p>
  1569.  
  1570. <p>under her leadership, the forsaken have managed to not only <i>fend off</i> the scourge, but also the scarlet crusade. she has a certain mastery of leadership, military strategy, and the bow. she is also adept at <b>demon magic</b> — having the ability to drain life, create skeletons, and use mind control. sylvanas is the <u>best archer</u> on azeroth — she claimed she could hit a flying bird in the eye. she wields sunstrider's longbow — once owned by dath'remar sunstrider, it was passed on to sylvanas when she became ranger-general.</p>
  1571.  
  1572. </li><li>
  1573.  
  1574. <h2>RELATIONSHIPS</h2>
  1575.  
  1576. <p><b>SIBLINGS.</b>&nbsp;&nbsp;&nbsp;alleria, vereesa, lirath ( deceased. )</p>
  1577. <p><b>PARENTS.</b>&nbsp;&nbsp;&nbsp;deceased.</p>
  1578.  
  1579. </li></ul>
  1580.  
  1581. </div>
  1582.  
  1583. <div class="popuptext">Biography</div>
  1584.  
  1585. </div></div></div></div></div></div></div></div></div></div></div>
  1586.  
  1587. <!-----verses------>
  1588.  
  1589. <div id="yeehw5" class="popup_block">
  1590. <div class="content">
  1591.  
  1592. <div id="verseimg"><div id="txt">
  1593.  
  1594. <h2>RANGER GENERAL</h2>
  1595.  
  1596. <p>this verse will be taking place BEFORE sylvanas’ undeath. either way she is alive and ( high elven ) ranger-general, first in command of Silvermoon. her days are entirely focused on her rangers, training new recruits, and making sure that Silvermoon’s defences are always at their prime. she is dedicated to her people and her position, taking it <b>EXTREMELY</b> seriously. she shows little interest in making friends or spending time looking for any sort of <i>romantic</i> relationships; stern, strong-willed, and tough, there is little that could ever bring her down. she will die defending her people, a promise that she made, and an oath.</p>
  1597.  
  1598. <p>in this verse the forsaken never happened, blood elves are still not a concept, this is before the fall of quel’thalas. she is not the banshee queen, but is addressed as lady sylvanas or ranger-general. she does still use magic aside from her bow && arrow, a lot of her magic is combined with her archery, she is known as the best archer in azeroth.</p>
  1599.  
  1600. <p>not a HUGE amount of her personality will be changed, though instead of her being neutral evil/chaotic evil, she’ll follow a more neutral good alignment. she’s very independent && as she’s always be: very to the point of things. her residence is within quel’thalas. eyes are a light azure colour. armour is adorned in rich blues && golds.</p>
  1601.  
  1602. </div></div></div>
  1603.  
  1604. <div class="popuptext">Verses</div>
  1605.  
  1606. </div></div></div></div></div></div></div></div></div></div></div>
  1607.  
  1608. <!-----navigation------>
  1609.  
  1610. <div id="yeehaw6" class="popup_block">
  1611. <div class="content">
  1612.  
  1613. <center>
  1614.  
  1615. <h2>GENERAL</h2>
  1616.  
  1617. <a class="button" href="/tagged/┊-↪┊%7B-ʷᵉ-ᵃʳᵉ-ᶠᵒʳˢᵃᵏᵉᶰˑ-┊⁽- ᵒᵒᶜˑ-⁾">ooc posts</a>
  1618. <a class="button" href="/tagged/┊-↪┊%7B-ʷʰᵃᵗ-ʲᵒʸ-ᶤˢ-ᵗʰᵉʳᵉ-ᶤᶰ-ᵗʰᶤˢ-ᶜᵘʳˢᵉˀ-ʷʰᵃᵗ-ᵐᵒʳᵉ-ᵈᵒ-ʷᵉ-ʰᵃᵛᵉˀ┊⁽- ᶤᶰ-ᶜʰᵃʳᵃᶜᵗᵉʳˑ- ⁾">ic posts</a>
  1619. <a class="button" href="">memes</a>
  1620. <a class="button" href="">answered asks</a>
  1621. <a class="button" href="">headcanons</a>
  1622. <a class="button" href="">starter calls</a>
  1623. <a class="button" href="">promos</a>
  1624. <a class="button" href="">open threads</a>
  1625. <a class="button" href="">wishlist</a>
  1626. <a class="button" href="">psas</a>
  1627.  
  1628. <h2>MUSE</h2>
  1629.  
  1630. <a class="button" href="">musings</a>
  1631. <a class="button" href="">aesthetic</a>
  1632. <a class="button" href="">clothing</a>
  1633. <a class="button" href="">body</a>
  1634. <a class="button" href="">music</a>
  1635. <a class="button" href="">occupation</a>
  1636. <a class="button" href="">westworld</a>
  1637. <a class="button" href="">hosts</a>
  1638.  
  1639. <h2>PEOPLE</h2>
  1640.  
  1641. <a class="button" href="">man in black</a>
  1642. <a class="button" href="">william</a>
  1643. <a class="button" href="">dr ford</a>
  1644. <a class="button" href="">dolores</a>
  1645. <a class="button" href="">logan</a>
  1646. <a class="button" href="">hector</a>
  1647. <a class="button" href="">lawrence</a>
  1648. <a class="button" href="">maeve</a>
  1649.  
  1650. </center>
  1651. </div>
  1652.  
  1653. <div class="popuptext">Navigation</div>
  1654.  
  1655. </div></div></div></div></div></div></div></div></div></div></div>
  1656.  
  1657. <!-----exclusives------>
  1658.  
  1659. <div id="yeehaw7" class="popup_block">
  1660. <div class="content">
  1661.  
  1662. <h3>EXCLUSIVES</h3>
  1663.  
  1664. <blockquote>I will&nbsp;<strong>only</strong>&nbsp;write with their version of this character. I will not write with, follow, or interact IC with any other blogs with this muse. I practice&nbsp;<u>mutual exclusivity</u>, so I expect my exclusives <i>not</i> to write with any variations of my muse as well.</blockquote>
  1665.  
  1666. <br>
  1667. <b>TO BE ADDED.</b>
  1668. </div>
  1669.  
  1670. <div class="popuptext">Exclusives</div>
  1671.  
  1672. </div></div></div></div></div></div></div></div></div></div></div>
  1673.  
  1674.  
  1675.  
  1676. <!-----links------>
  1677.  
  1678. <div id="howdy1" class="emergency">
  1679. <a href="/" title="INDEX"><img src="http://i.imgur.com/QPNlmLT.png"></a></div>
  1680.  
  1681. <div id="howdy2">
  1682. <a href="#?w=456" rel="yeehaw2" class="poplight" title="QUESTIONS">
  1683.  
  1684. <img src="http://i.imgur.com/Ji4fe6c.png">
  1685. </a></div>
  1686.  
  1687. <div id="howdy3">
  1688. <a href="#?w=456" rel="yeehaw3" class="poplight" title="GUIDELINES"><img src="http://i.imgur.com/0EMoXXS.png"></a></div>
  1689.  
  1690. <div id="howdy4">
  1691. <a href="#?w=456" rel="yeehaw4" class="poplight" title="BANSHEE QUEEN">
  1692. <img src="http://i.imgur.com/aDTVSJ3.png"></a></div>
  1693.  
  1694. <div id="howdy6">
  1695. <a href="#?w=456" rel="yeehaw7" class="poplight" title="SERVANTS">
  1696. <img src="http://i.imgur.com/rovDfBO.png"></a></div>
  1697.  
  1698. </div>
  1699.  
  1700. <!-----pagination------>
  1701.  
  1702. <div id="pagination">
  1703. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"title="PREVIOUS PAGE">‹‹</a>{/block:PreviousPage}{/block:Pagination}
  1704.  
  1705. {block:Pagination}{block:NextPage} <a href="{NextPage}" title="NEXT PAGE">››</a>{/block:NextPage}{/block:Pagination}{/block:Pagination}</div>
  1706.  
  1707. <!-----credit------>
  1708.  
  1709. <div id="credit"><a href="http://ensuespurity.tumblr.com/">☆</a></div>
  1710.  
  1711. <!-----main------>
  1712.  
  1713. <div id="container">
  1714.  
  1715. {block:Posts}
  1716.  
  1717. <div class="posts">
  1718.  
  1719. {block:Text}
  1720. {block:Title}<h1>
  1721. {Title}
  1722. </h1>{/block:Title}
  1723. {Body}{/block:Text}
  1724.  
  1725. <!-----photos------>
  1726.  
  1727. {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  1728. {/block:Photo}
  1729.  
  1730. <div class="photoset">{block:Photoset}{Photoset-250}
  1731. {/block:Photoset}</div>
  1732.  
  1733. <!-----quotes------>
  1734.  
  1735. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}
  1736. <div class="quotesource">{Source}</div>
  1737. {/block:Source}{/block:Quote}
  1738.  
  1739. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>
  1740. {block:Description}{Description}{/block:Description}
  1741. {/block:Link}
  1742.  
  1743. <!-----chat------>
  1744.  
  1745. {block:Chat}<div class="chat">{block:Title}{Title}</a>{/block:Title}
  1746. {block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label}
  1747. {Line}</li>{/block:Lines}</div>{/block:Chat}
  1748.  
  1749. <!-----video------>
  1750.  
  1751. {block:Video}{Video-250}
  1752. {/block:Video}
  1753.  
  1754. <!-----audio------>
  1755.  
  1756. {block:AudioPlayer}
  1757. <div class="audiowrapper">{block:AlbumArt}
  1758. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1759. {/block:AlbumArt}
  1760.  
  1761. <div class="playerbuttonbg">
  1762. <div class="newplayerbutton">
  1763. <div class="playerbuttonhug">
  1764.  
  1765. {AudioPlayerWhite}
  1766.  
  1767. </div></div></div>
  1768.  
  1769. <div class="trackdetails">
  1770.  
  1771. {block:TrackName}<font color="#3c3742">TITLE.</font>&nbsp;&nbsp;
  1772. <font color="#fefefe">{TrackName}</font>{/block:TrackName}<br/>
  1773.  
  1774. {block:Artist}<font color="#3c3742">ARTIST.</font>&nbsp;&nbsp;
  1775. <font color="#fefefe">{Artist}</font>{/block:Artist}<br/>
  1776.  
  1777. {block:Album}<font color="#3c3742">ALBUM.</font>&nbsp;&nbsp;
  1778. <font color="#fefefe">{Album}</font>{/block:Album}<br/>
  1779. </div></div>
  1780.  
  1781. {/block:AudioPlayer}
  1782. {block:Caption}{Caption}{/block:Caption}
  1783.  
  1784. <!-----asks------>
  1785.  
  1786. {block:Answer}<div id="askerheader">
  1787.  
  1788. <img src="http://static.tumblr.com/ra2qs1x/Panoic5nq/jj.png" draggable="false"></div>
  1789.  
  1790. <div id="asker">{Asker}</div>
  1791. <div id="askertext">APPROACHED THE THRONE.</div>
  1792.  
  1793. <div id="question">{Question}</div>
  1794. <div id="answer">{Answer}</div>
  1795.  
  1796. {/block:Answer}
  1797.  
  1798. <!-----permalinks------>
  1799.  
  1800. <div class="permalinks"><div class="date">
  1801. <a href="{Permalink}" title="{TimeAgo} {block:NoteCount}with {NoteCount} notes{/block:NoteCount}">✦</a></div>
  1802.  
  1803. <div class="reblogs">{block:RebloggedFrom}
  1804. <a href="{ReblogParentURL}" title="via: {ReblogParentName}">i.</a>
  1805. <a href="{SourceURL}" title="source: {ReblogRootName}">ii.</a>
  1806. {/block:RebloggedFrom}
  1807. <a href="{ReblogURL}" target="_blank" title="reblog?">↻</a></div>
  1808.  
  1809. </div></div>
  1810.  
  1811. <!-----tags------>
  1812.  
  1813. {block:HasTags}<div id="tags">
  1814. {block:tags}&nbsp;#.&nbsp;<a title="{tag}" href="{tagurl}">{tag}</a>{/block:tags}
  1815. </div>{/block:HasTags}
  1816.  
  1817. <!-----notes------>
  1818.  
  1819. <div id="postnote">
  1820. {block:PostNotes}<div class="notecontainer">
  1821. {PostNotes}{/block:PostNotes}
  1822.  
  1823. </div>{/block:Posts}</div>
  1824.  
  1825. </body>
  1826. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement