API tools faq
paste
Advertisement
littlemisswhoever

Theme: dewintr (Viper)

littlemisswhoever
Sep 19th, 2019
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 60.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5. <!-- (BASE) THEME BY SAE (INIZIARE) -->
  6.  
  7.  
  8. <!-- TO EDIT YOUR PAGES, DO A SEARCH FOR 'Information' AND FOLLOW THE COPY/PASTE INSTRUCTIONS AT YOUR SEARCH RESULT. -->
  9.  
  10.  
  11.  
  12.  
  13. <html>
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. </head>
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28. <!-- SCRIPT: TOOLTIP -->
  29.  
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("a[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:90,
  38. tip_fade_speed:600,
  39. attribute:"title"
  40. });
  41. });
  42. })(jQuery);
  43. </script>
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <!-- SCRIPT: AUDIO PLAYER -->
  50.  
  51. <script>
  52. $(document).ready(function() {
  53. $('iframe.tumblr_audio_player').load( function() {
  54. $('iframe.tumblr_audio_player').contents().find("head")
  55. .append($("<style type='text/css'> .audio-player{background:transparent!important; color:{color:bold}!important;} </style>"));
  56. });
  57. });
  58. </script>
  59.  
  60.  
  61.  
  62.  
  63.  
  64. <!-- SCRIPT: CLICK MENU -->
  65.  
  66. <script>
  67. $(document).ready(function(){
  68. jQuery('.dropbtn').click( function() {
  69. $(this).next('.dropdown-content').fadeToggle();
  70. return false;
  71. });
  72. });
  73. </script>
  74.  
  75.  
  76.  
  77.  
  78. <!-- SCRIPT: NAVIGATION TABS -->
  79.  
  80. <script>
  81. function openNavi(naviName) {
  82. var i;
  83. var x = document.getElementsByClassName("navi");
  84. for (i = 0; i < x.length; i++) {
  85. x[i].style.display = "none";
  86. }
  87. document.getElementById(naviName).style.display = "block";
  88. }
  89. </script>
  90.  
  91.  
  92.  
  93. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js">
  94. </script>
  95.  
  96. <script type="text/javascript">
  97. $(document).ready(function(){
  98. popUp(true);
  99. });
  100. </script>
  101.  
  102.  
  103.  
  104.  
  105.  
  106. <!-- SCRIPT: MUSE TABS -->
  107.  
  108.  
  109. <script>
  110. function openPage(pageName) {
  111. var i;
  112. var x = document.getElementsByClassName("page");
  113. for (i = 0; i < x.length; i++) {
  114. x[i].style.display = "none";
  115. }
  116. document.getElementById(pageName).style.display = "block";
  117. }
  118.  
  119. </script>
  120.  
  121.  
  122.  
  123.  
  124. <!-- SCRIPT: POPUP TABS -->
  125.  
  126. <script>$(document).ready(function(){
  127. $("ul#tabs li").click(function(e){
  128. if (!$(this).hasClass("active")) {
  129. var tabNum = $(this).index();
  130. var nthChild = tabNum+1;
  131. $("ul#tabs li.active").removeClass("active");
  132. $(this).addClass("active");
  133. $("ul#tab li.active").removeClass("active");
  134. $("ul#tab li:nth-child("+nthChild+")").addClass("active");}});});</script>
  135.  
  136.  
  137.  
  138. <!-- SCRIPT: VIDEO WIDTH (CREDIT: SHYTHEMES) -->
  139.  
  140. <script>
  141. $(document).ready(function(){
  142. resizeVideos();
  143. });
  144. function resizeVideos() {
  145. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  146. var vw = $(this).width(482);
  147. var vh = $(this).height(auto);
  148. var scale = $(this).parents('.video').width() / vw;
  149. $(this).attr({
  150. width: Math.floor($(this).attr('width') * scale),
  151. height: Math.floor($(this).attr('height') * scale)
  152. });
  153. $(this).parents('.video').addClass('resized');
  154. });
  155. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  156. var vw = $(this).width();
  157. var vh = $(this).height();
  158. var scale = $(this).parents('.video').width() / vw;
  159. $(this).css({
  160. 'transform': 'scale(' + scale + ')',
  161. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  162. });
  163. $(this).parents('.tumblr_video_container').css({
  164. width: Math.floor(vw * ( scale + 1 ) / 2),
  165. height: Math.floor(vh * ( scale + 1 ) / 2)
  166. });
  167. $(this).parents('.video').addClass('resized');
  168. });
  169. }
  170. </script>
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177. <!-- CUSTOM FONTS -->
  178.  
  179. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  180.  
  181. <link rel="stylesheet" href="https://static.tumblr.com/gjexvml/yTwpxxahr/stylesheet.css">
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188. <!-- META LINES -->
  189.  
  190. <meta name="image:Background" content="https://static.tumblr.com/gjexvml/SLdpy2tfb/bg.png"/>
  191. <meta name="image:Sidebar Background" content="https://static.tumblr.com/gjexvml/l9opy2tfo/sidebg.png"/>
  192. <meta name="image:Sidebar Image Top" content="https://static.tumblr.com/gjexvml/BzIpy2tg2/side04.png"/>
  193. <meta name="image:Sidebar Image Bottom" content="https://static.tumblr.com/gjexvml/Cvzpy2tge/side02.png"/>
  194.  
  195. <meta name="text:Custom Capitals Font" content="'customfonthere'">
  196. <meta name="text:Title" content="Serpent">
  197. <meta name="text:Title Font Size" content="111px">
  198.  
  199. <meta name="color:Background" content="#000000"/>
  200. <meta name="color:Border" content="#151515"/>
  201. <meta name="color:Body Text" content="#c6c6c6"/>
  202. <meta name="color:Button Active" content="#c6c6c6"/>
  203. <meta name="color:Button Inactive" content="#474747"/>
  204. <meta name="color:Bold" content="#555555"/>
  205. <meta name="color:Headers" content ="#555555"/>
  206. <meta name="color:Italic" content="#ffffff"/>
  207. <meta name="color:Links" content="#ffffff"/>
  208. <meta name="color:Navigation List Links" content="#555555"/>
  209. <meta name="color:links hover" content="#ffffff"/>
  210. <meta name="color:Title" content="#000000"/>
  211. <meta name="color:Title Shadow" content="#151515"/>
  212. <meta name="color:Permalink" content="#2f2f2f"/>
  213. <meta name="color:Tags" content="#151515"/>
  214.  
  215. <meta name="if:Text Wrapping" content="1"/>
  216. <meta name="if:Boxed Blockquotes" content="1"/>
  217. <meta name="if:Icon Borders" content="1"/>
  218. <meta name="if:Bigger Tags on Hover" content="0"/>
  219. <meta name="if:First Letter Styling" content="0"/>
  220. <meta name="if:Muses Page" content="0"/>
  221. <meta name="if:Calibri Font" content="0"/>
  222. <meta name="if:SidebarTitle" cotent="0"/>
  223.  
  224. <style type="text/css">
  225.  
  226.  
  227.  
  228.  
  229. /* SCROLLBAR */
  230.  
  231. ::-webkit-scrollbar {
  232. background-color:transparent;
  233. height: 0px;
  234. display:none;
  235. width: 0px
  236. -ms-overflow-style: none; // IE 10+
  237. overflow: -moz-scrollbars-none; // Firefox
  238. }
  239.  
  240.  
  241. ::-webkit-scrollbar-thumb {
  242. background-color:transparent;
  243. }
  244.  
  245.  
  246.  
  247. /* TEXT SELECTION */
  248.  
  249. ::selection {
  250. background: {color:background};
  251. color:{color:links};
  252. }
  253.  
  254.  
  255. ::-moz-selection {
  256. background: {color:background};
  257. color:{color:links};
  258. }
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265. /* TOOLTIP */
  266.  
  267.  
  268. #s-m-t-tooltip {
  269. z-index:999;
  270. height:40px;
  271. line-height:40px;
  272. max-width:350px;
  273. margin-left:12.5px;
  274. margin-top:12.5px;
  275. font-weight:bold;
  276. background-color:{color:background};
  277. border:1px solid {color:border};
  278. padding-left:25px;
  279. padding-right:25px;
  280. font-family:calibri;
  281. font-size:10px;
  282. color: {color:italic};
  283. text-transform:uppercase;
  284. text-shadow: 0px 0px 1px {color:italic};
  285. }
  286.  
  287.  
  288.  
  289.  
  290.  
  291. /* FOUNDATION */
  292.  
  293.  
  294. body {
  295. background-image:url({image:background});
  296. background-attachment:fixed;
  297. background-repeat:no-repeat;
  298. background-position:center top;
  299. background-color:{color:background};
  300. color:{color:Body Text};
  301. font-size:10px;
  302. line-height:14px;
  303. word-spacing:-1px;
  304. color:{color:Body Text};
  305. font-family: 'Frank Ruhl Libre', serif;
  306. {block:ifCalibriFont}
  307. font-family:calibri;
  308. {/block:ifCalibriFont}
  309. word-wrap: break-word;
  310. }
  311.  
  312.  
  313. body a {
  314. font-size:10px;
  315. font-weight:bold;
  316. color:{color:links};
  317. text-decoration:none!important;
  318. -moz-transition-duration:2s;
  319. -webkit-transition-duration:2s;
  320. -o-transition-duration:2s;
  321. text-shadow: 0px 0px 1px {color:links};
  322. }
  323.  
  324.  
  325. body a:hover {
  326. color:{color:links hover};
  327. -moz-transition-duration:2s;
  328. -webkit-transition-duration:2s;
  329. -o-transition-duration:2s;
  330. text-shadow: 0px 0px 1px {color:links hover};
  331. }
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. /* BLOCKQUOTES */
  339.  
  340.  
  341. {block:IfBoxedBlockquotes}
  342.  
  343. blockquote {
  344. background-color:{color:background};
  345. padding-left:25px;
  346. padding-right:25px;
  347. padding-top:12px;
  348. padding-bottom:12px;
  349. margin-top:12px;
  350. margin-bottom:25px;
  351. text-align:justify;
  352. margin-left:0px;
  353. margin-right:0px;
  354. outline:1px solid {color:border};
  355. word-wrap: break-word!important;
  356. }
  357.  
  358.  
  359.  
  360. blockquote blockquote {
  361. border-left:1px solid {color:border}!important;
  362. border-top:0px!important;
  363. border-bottom:0px!important;
  364. border-right:0px!important;
  365. padding-left:25px;
  366. padding-right:0px;
  367. padding-top:0px;
  368. padding-bottom:0px;
  369. margin-top:12px!important;
  370. margin-bottom:0px!important;
  371. }
  372. {/block:IfBoxedBlockquotes}
  373.  
  374.  
  375.  
  376.  
  377. {block:IfNotBoxedBlockquotes}
  378. blockquote {
  379. padding-left:12px;
  380. margin-top:12px;
  381. margin-left:0px;
  382. margin-right:0px;
  383. text-align:justify;
  384. margin-bottom:25px;
  385. border-left:1px solid {color:border};
  386. background-color:transparent;
  387. word-wrap: break-word!important;
  388. }
  389.  
  390.  
  391.  
  392. blockquote blockquote {
  393. margin-top:15px;
  394. margin-bottom:15px;
  395. }
  396.  
  397.  
  398.  
  399. blockquote img {
  400. max-width:386px!important;
  401. height:auto;
  402. }
  403. {/block:IfNotBoxedBlockquotes}
  404.  
  405.  
  406.  
  407.  
  408.  
  409. /* FONT-RELATED */
  410.  
  411.  
  412. small {
  413. font-size:10px;
  414. }
  415.  
  416.  
  417. sub, sup {
  418. font-size:10px;
  419. vertical-align: baseline!important;
  420. position: relative!important;
  421. top: 0em!important;
  422. line-height:14px;
  423. }
  424.  
  425.  
  426. big {
  427. font-size:125%;
  428. }
  429.  
  430.  
  431. ul, ol {
  432. padding:0;
  433. list-style: decimal outside;
  434. margin-left:8px;
  435. }
  436.  
  437.  
  438. li {
  439. padding-left:2px;
  440. }
  441.  
  442.  
  443. b, bold, strong {
  444. font-size:9.5px;
  445. text-transform:uppercase;
  446. font-family: calibri, sans-serif;
  447. font-weight:bold!important;
  448. color:{color:bold};
  449. text-shadow: 0px 0px 1px {color:bold};
  450.  
  451. }
  452.  
  453.  
  454. em, i, italic {
  455. color: {color:italic};
  456. margin-right:1px;
  457. }
  458.  
  459.  
  460. pre {
  461. text-transform:uppercase;
  462. line-height:155%;
  463. font-weight:lighter!important;
  464. color:{color:body text};
  465. font-size:8.4px;
  466. letter-spacing:0.6px;
  467. white-space: pre-wrap;
  468. white-space: -moz-pre-wrap;
  469. white-space: -pre-wrap;
  470. white-space: -o-pre-wrap;
  471. word-wrap: break-word;
  472. }
  473.  
  474.  
  475. pre a {
  476. color:{color:links};
  477. -moz-transition-duration:2s;
  478. -webkit-transition-duration:2s;
  479. -o-transition-duration:2s;
  480. }
  481.  
  482.  
  483. h1 {
  484. border: 1px solid {color:border};
  485. background-color: transparent;
  486. line-height:24px;
  487. overflow:hidden;
  488. margin-top:12px;
  489. margin-bottom:12px;
  490. padding-left:25px;
  491. padding-right:25px;
  492. height:25px;
  493. line-height:25px;
  494. text-align:left!important;
  495. font-family:calibri;
  496. font-weight:bold;
  497. font-size:10px!important;
  498. text-transform:uppercase;
  499. color: {color:headers};
  500. text-shadow: 0px 0px 1px {color:headers};
  501. }
  502.  
  503.  
  504. h1 a {
  505. color: {color:links};
  506. font-size:10px!important;
  507. text-shadow: 0px 0px 1px {color:links};
  508. }
  509.  
  510.  
  511. h2 {
  512. font-family: calibri, sans-serif;
  513. font-size:12.5px!important;
  514. text-transform:uppercase!important;
  515. color:{color:headers};
  516. letter-spacing:-0.4px;
  517. text-shadow: 0px 0px 1px {color:headers};
  518. }
  519.  
  520.  
  521. h2 a {
  522. font-family: calibri, sans-serif;
  523. font-size:12.5px!important;
  524. text-transform:uppercase!important;
  525. color:{color:links};
  526. letter-spacing:-0.4px;
  527. text-shadow: 0px 0px 1px {color:links};
  528. }
  529.  
  530.  
  531. h4 {
  532. border:1px solid {color:border};
  533. margin-bottom:12.5px;
  534. margin-top:12.5px;
  535. padding-left:25px;
  536. padding-right:25px;
  537. height:25px;
  538. text-align:left;
  539. font-family:calibri;
  540. font-style:normal;
  541. font-weight:bold;
  542. font-size:10px;
  543. line-height:25px;
  544. color: {color:headers};
  545. text-transform:uppercase;
  546. text-shadow: 0px 0px 1px {color:headers};
  547. }
  548.  
  549.  
  550. h4:first-child {
  551. margin-top:0px;
  552. }
  553.  
  554.  
  555. h4 a {
  556. font-family:calibri;
  557. font-style:normal;
  558. font-weight:700;
  559. font-size:10px;
  560. line-height:10px;
  561. color: {color:links};
  562. text-shadow: 0px 0px 1px {color:links};
  563. }
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570. /* CONTAINER */
  571.  
  572.  
  573. #container {
  574. z-index:9999;
  575. left: 50%;
  576. margin-left:-448px;
  577. margin-top:88px;
  578. position:fixed;
  579. width:896px;
  580. height:475px;
  581. overflow:hidden;
  582. outline:1px solid {color:border};
  583. background-color:rgba(0,0,0,0.88);
  584. -webkit-box-shadow: 0px 0px 48px 20px {color:background};
  585. -moz-box-shadow: 0px 0px 48px 20px {color:background};
  586. box-shadow: 0px 0px 48px 20px {color:background};
  587. }
  588.  
  589.  
  590. .sidebar {
  591. position:absolute;
  592. width:284px;
  593. height:423px;
  594. left:26px;
  595. top:26px;
  596. overflow-y:hidden;
  597. outline:1px solid {color:border};
  598. }
  599.  
  600.  
  601. {block:ifSidebarTitle}
  602. .sidebartitle {
  603. position:absolute;
  604. font-family: 'birds_of_paradise__personalRg';
  605. color:{color:title};
  606. font-weight:bold!important;
  607. text-transform:none;
  608. padding-left:8px;
  609. padding-right:8px;
  610. font-size:88px;
  611. width:215px;
  612. left:26px;
  613. top:113px;
  614. line-height:14px;
  615. letter-spacing:0px;
  616. text-align:right!important;
  617. z-index:999;
  618. pointer-events:none;
  619. background-color:transparent;
  620. text-shadow:
  621. -1px -1px 0 {color:title shadow},
  622. 1px -1px 0 {color:title shadow},
  623. -1px 1px 0 {color:title shadow},
  624. 1px 1px 0 {color:title shadow};
  625. }
  626. {/block:ifSidebarTitle}
  627.  
  628.  
  629. .sidebarbg {
  630. background-image:url('{Sidebar Background}');
  631. background-position:top left;
  632. position:absolute;
  633. width:284px;
  634. height:423px;
  635. -webkit-filter: brightness(1) contrast(1) saturate(1);
  636. }
  637.  
  638.  
  639. .inner {
  640. position:absolute;
  641. width:231px;
  642. margin-left:26px;
  643. margin-top:26px;
  644. outline:1px solid {color:border};
  645. background-color:{color:background};
  646. -webkit-box-shadow: 0px 0px 48px 4px {color:background};
  647. -moz-box-shadow: 0px 0px 48px 4px {color:background};
  648. box-shadow: 0px 0px 48px 4px {color:background};
  649. }
  650.  
  651.  
  652. .sidebarimgtop {
  653. background-image:url('{Sidebar Image Top}');
  654. background-position:top left;
  655. outline:1px solid {color:border};
  656. overflow:hidden;
  657. width:231px;
  658. height:120px!important;
  659. -webkit-filter: brightness(1) contrast(1) saturate(1);
  660. }
  661.  
  662.  
  663. .sidebarimgbottom {
  664. background-image:url('{Sidebar Image Bottom}');
  665. background-position:top left;
  666. margin-top:1px;
  667. outline:1px solid {color:border};
  668. overflow:hidden;
  669. width:231px;
  670. height:120px;
  671. -webkit-filter: brightness(1) contrast(1) saturate(1);
  672. }
  673.  
  674.  
  675. {block:ifnotSidebarTitle}
  676. .title {
  677. position:fixed;
  678. font-family: 'janeaustennosecret';
  679. color:{color:title};
  680. font-weight:lighter!important;
  681. text-transform:none;
  682. padding-left:8px;
  683. padding-right:8px;
  684. font-size:{text:title font size};
  685. width:490px;
  686. margin-left:340px;
  687. margin-top:400px;
  688. line-height:14px;
  689. letter-spacing:-4px;
  690. word-spacing:-1px;
  691. text-align:right!important;
  692. z-index:99999999999999999999999999999999999999999999999999999!important;
  693. padding-right:25px;
  694. pointer-events:none;
  695. background-color:transparent;
  696. text-shadow:
  697. -1px -1px 0 {color:title shadow},
  698. 1px -1px 0 {color:title shadow},
  699. -1px 1px 0 {color:title shadow},
  700. 1px 1px 0 {color:title shadow};
  701. }
  702. {/block:ifnotSidebarTitle}
  703.  
  704.  
  705. .description {
  706. width:181px;
  707. height:80px;
  708. padding-left:25px;
  709. padding-right:25px;
  710. outline:1px solid {color:border};
  711. border-top:25px solid {color:background};
  712. border-bottom:25px solid {color:background};
  713. background-color:{color:background};
  714. line-height:13px;
  715. text-align:justify;
  716. overflow-y:scroll;
  717. -moz-transition-duration:2s;
  718. -webkit-transition-duration:2s;
  719. -o-transition-duration:2s;
  720. }
  721.  
  722.  
  723. .description a {
  724. color:{color:links};
  725. font-family: calibri;
  726. text-transform:uppercase;
  727. font-size:10px;
  728. font-weight:bold!important;
  729. -moz-transition-duration:2s;
  730. -webkit-transition-duration:2s;
  731. -o-transition-duration:2s;
  732. text-shadow: 0px 0px 1px {color:links};
  733. }
  734.  
  735.  
  736.  
  737. .description:first-letter {
  738. background-color: transparent;
  739. font-family: 'janeaustennosecret';
  740. color:{color:title};
  741. font-weight:bold!important;
  742. text-transform:uppercase!important;
  743. float:left;
  744. padding-left:0px;
  745. padding-right:9px;
  746. font-size:44px;
  747. margin-left:-6px;
  748. margin-right: 12.5px;
  749. margin-top:25px;
  750. margin-bottom:12px;
  751. vertical-align: middle;
  752. text-shadow:
  753. -1px -1px 0 {color:title shadow},
  754. 1px -1px 0 {color:title shadow},
  755. -1px 1px 0 {color:title shadow},
  756. 1px 1px 0 {color:title shadow};
  757. }
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764. /* POSTS: GENERAL */
  765.  
  766.  
  767. #content {
  768. position:absolute;
  769. text-align:justify;
  770. height:320px;
  771. width:533px;
  772. left:337px;
  773. top:76px;
  774. background-color:transparent;
  775. overflow-y:scroll;
  776. overflow-x:hidden;
  777. z-index:9;
  778. outline:1px solid {color:border}!important;
  779. }
  780.  
  781.  
  782. #content2 {
  783. width:485px;
  784. height:270px;
  785. overflow-y:scroll;
  786. padding-left:25px;
  787. padding-right:25px;
  788. margin-left:-1px;
  789. margin-top:25px!important;
  790. }
  791.  
  792.  
  793. .posts {
  794. width:485px;
  795. word-wrap: break-word;
  796. text-align:justify;
  797. line-height:14px;
  798. margin-bottom:36px;
  799. }
  800.  
  801.  
  802. .posts:first-child, .posts:first-of-type {
  803. margin-top:15px;
  804. }
  805.  
  806.  
  807. .posts:last-child {
  808. margin-bottom:0px!important;
  809. }
  810.  
  811.  
  812. .posts a {
  813. font-family: calibri;
  814. text-transform:uppercase;
  815. font-size:9.5px;
  816. font-weight:bold!important;
  817. color:{color:links};
  818. -moz-transition-duration:2s;
  819. -webkit-transition-duration:2s;
  820. -o-transition-duration:2s;
  821. text-shadow: 0px 0px 1px {color:links};
  822. }
  823.  
  824.  
  825. .posts a:hover {
  826. color:{color:links hover};
  827. -moz-transition-duration:2s;
  828. -webkit-transition-duration:2s;
  829. -o-transition-duration:2s;
  830. text-shadow: 0px 0px 1px {color:links hover};
  831. }
  832.  
  833.  
  834. .posts img {
  835. max-width: -webkit-calc(100% - 22px);
  836. max-width: -moz-calc(100% - 22px);
  837. max-width: calc(100% - 22px);
  838. height:auto;
  839. }
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846. /* TEXT-WRAPPING AROUND ICONS/IMAGES */
  847.  
  848.  
  849. #wrap {
  850. margin-top:12px;
  851. margin-bottom: 12px;
  852. }
  853.  
  854.  
  855. #wrap img {
  856. overflow: hidden;
  857. background-color:{color:background};
  858. margin-top:0px!important;
  859. margin-bottom:12px!important;
  860. padding-right:3px;
  861. padding-bottom:3px;
  862. {block:IfTextWrapping}
  863. float:left;
  864. margin-right:14px;
  865. {/block:IfTextWrapping}
  866. {block:ificonborders}
  867. padding:14px;
  868. border:1px solid {color:border};
  869. {/block:ificonborders}
  870. -webkit-filter: brightness(1) contrast(1) saturate(1);
  871. }
  872.  
  873.  
  874. {block:IfTextWrapping}
  875. #wrap blockquote img {
  876. background-color:{color:background};
  877. margin-top:12px!important;
  878. margin-bottom:10px!important;
  879. margin-left:12px;
  880. margin-right:0px!important;
  881. float:right;
  882. -webkit-filter: brightness(.88) contrast(1) saturate(1);
  883. }
  884. {/block:IfTextWrapping}
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891. /* NAVIGATION BAR */
  892.  
  893.  
  894. .navigation {
  895. top:25px;
  896. left:336px;
  897. width:600px;
  898. position:absolute;
  899. border:0px!important;
  900. height:25px;
  901. }
  902.  
  903.  
  904. button {
  905. display:inline-block;
  906. box-sizing: border-box;
  907. font-size:9.5px;
  908. text-align:center;
  909. padding-left:25px;
  910. padding-right:25px;
  911. font-family: calibri, sans-serif;
  912. text-transform:uppercase;
  913. width:180px;
  914. max-width:180px;
  915. height:25px;
  916. background-color:{color:background};
  917. border:1px solid {color:border};
  918. line-height:22px;
  919. margin-left:0px;
  920. margin-right:-4px;
  921. color: {color:button inactive};
  922. cursor:pointer;
  923. font-weight:bold!important;
  924. overflow:hidden;
  925. text-shadow: 0px 0px 1px {color:button inactive};
  926. -webkit-transition: all 2s ease-in-out;
  927. -moz-transition: all 2s ease-in-out;
  928. -o-transition: all 2s ease-in-out;
  929. -ms-transition: all 2s ease-in-out;
  930. transition: all 2s ease-in-out;
  931. }
  932.  
  933.  
  934. button:focus, button:active {
  935. border:1px solid {color:border}!important;
  936. outline:0px!important;
  937. color:{color:button active}!important;
  938. text-shadow: 0px 0px 1px {color:button active};
  939. }
  940.  
  941.  
  942. button:hover {
  943. color:{color:links hover}!important;
  944. -webkit-transition: all 2s ease-in-out;
  945. -moz-transition: all 2s ease-in-out;
  946. -o-transition: all 2s ease-in-out;
  947. -ms-transition: all 2s ease-in-out;
  948. transition: all 2s ease-in-out;
  949. text-shadow: 0px 0px 1px {color:links hover};
  950. }
  951.  
  952.  
  953. #tabcontent {
  954. position:absolute;
  955. text-align:justify;
  956. height:348px;
  957. width:485px;
  958. left:337px;
  959. top:76px;
  960. overflow-y:hidden;
  961. padding-top:0px!important;
  962. background-color:{color:background}!important;
  963. border-top:0px solid {color:background};
  964. border-bottom:25px solid {color:background};
  965. overflow-y:scroll;
  966. padding-left:25px;
  967. padding-right:25px;
  968. z-index:99999999999999;
  969. outline:1px solid {color:border}!important;
  970. }
  971.  
  972.  
  973. #tabcontent a {
  974. font-family:calibri;
  975. font-size:9.5px;
  976. color:{color:links};
  977. text-transform:uppercase;
  978. text-shadow: 0px 0px 1px {color:links};
  979. }
  980.  
  981.  
  982.  
  983.  
  984.  
  985.  
  986. /* POSTS: TEXT */
  987.  
  988. #textbody {
  989. margin-top:-12px!important;
  990. {block:permalinkpage}
  991. margin-top:-12px!important;
  992. {/block:permalinkpage}
  993. }
  994.  
  995.  
  996.  
  997.  
  998.  
  999.  
  1000. /* POSTS: PHOTO/PHOTOSETS */
  1001.  
  1002.  
  1003. #psingle {
  1004. width: 505px;
  1005. margin-top:-12px!important;
  1006. pointer-events:none;
  1007. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.9);
  1008. -webkit-transition: all 2s ease-in-out;
  1009. -moz-transition: all 2s ease-in-out;
  1010. -o-transition: all 2s ease-in-out;
  1011. -ms-transition: all 2s ease-in-out;
  1012. transition: all 2s ease-in-out;
  1013. }
  1014.  
  1015.  
  1016. #psingle:hover {
  1017. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.9);
  1018. -webkit-transition: all 2s ease-in-out;
  1019. -moz-transition: all 2s ease-in-out;
  1020. -o-transition: all 2s ease-in-out;
  1021. -ms-transition: all 2s ease-in-out;
  1022. transition: all 2s ease-in-out;
  1023. }
  1024.  
  1025.  
  1026. #pset {
  1027. margin-top:-12px!important;
  1028. {block:permalinkpage}
  1029. margin-top:0px;
  1030. {block:permalinkpage}
  1031. width: 484px;
  1032. pointer-events:none;
  1033. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.85);
  1034. -webkit-transition: all 2s ease-in-out;
  1035. -moz-transition: all 2s ease-in-out;
  1036. -o-transition: all 2s ease-in-out;
  1037. -ms-transition: all 2s ease-in-out;
  1038. transition: all 2s ease-in-out;
  1039. }
  1040.  
  1041.  
  1042. #pset:hover {
  1043. -webkit-filter: brightness(.75) contrast(1.1) saturate(0.85);
  1044. -webkit-transition: all 2s ease-in-out;
  1045. -moz-transition: all 2s ease-in-out;
  1046. -o-transition: all 2s ease-in-out;
  1047. -ms-transition: all 2s ease-in-out;
  1048. transition: all 2s ease-in-out;
  1049. }
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056. /* POSTS: QUOTE */
  1057.  
  1058.  
  1059. #quote {
  1060. font-size:15px;
  1061. text-align:left;
  1062. padding-top:0px;
  1063. padding-bottom:0px;
  1064. letter-spacing:-1px;
  1065. line-height:15px;
  1066. margin-top:-12px;
  1067. }
  1068.  
  1069.  
  1070.  
  1071. .source:first-letter {
  1072. position:relative;
  1073. z-index:50;
  1074. background-color: transparent;
  1075. font-family: 'janeaustennosecret';
  1076. color:{color:title};
  1077. font-weight:bold!important;
  1078. text-transform:uppercase!important;
  1079. float:left;
  1080. padding-left:0px;
  1081. padding-right:9px;
  1082. font-size:44px;
  1083. margin-left:-6px;
  1084. margin-right: 12.5px;
  1085. margin-top:12px;
  1086. margin-bottom:12px;
  1087. vertical-align: middle;
  1088. text-shadow:
  1089. -1px -1px 0 {color:title shadow},
  1090. 1px -1px 0 {color:title shadow},
  1091. -1px 1px 0 {color:title shadow},
  1092. 1px 1px 0 {color:title shadow};
  1093. }
  1094.  
  1095.  
  1096. .source {
  1097. position:relative;
  1098. box-sizing: border-box;
  1099. z-index:45;
  1100. border:1px solid {color:border};
  1101. font-family:calibri;
  1102. font-weight:bold;
  1103. text-align:left;
  1104. font-size:9.5px;
  1105. height:24px;
  1106. line-height:25px;
  1107. color: {color:bold};
  1108. text-transform:uppercase;
  1109. letter-spacing:0.2px;
  1110. margin-top:25px;
  1111. padding-right:25px;
  1112. padding-left:25px;
  1113. margin-top:25px;
  1114. text-shadow: 0px 0px 1px {color:bold};
  1115. }
  1116.  
  1117.  
  1118.  
  1119. .source a {
  1120. color: {color:bold};
  1121. text-shadow: 0px 0px 1px {color:bold};
  1122. }
  1123.  
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129. /* POSTS: LINK */
  1130.  
  1131.  
  1132. #link {
  1133. outline:1px solid {color:border};
  1134. padding:25px;
  1135. margin-top:-12px;
  1136. }
  1137.  
  1138.  
  1139. #link a {
  1140. font-size:12px;
  1141. }
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148. /* POSTS: CHAT */
  1149.  
  1150.  
  1151. #chat {
  1152. margin-top:-16px!important;
  1153. padding-left:0px;
  1154. padding-right:0px;
  1155. }
  1156.  
  1157.  
  1158.  
  1159.  
  1160.  
  1161.  
  1162. /* POSTS: AUDIO */
  1163.  
  1164.  
  1165. .audioplayer {
  1166. margin-left:12.5px;
  1167. margin-top:-12px;
  1168. width: 25px;
  1169. height: 25px;
  1170. overflow: hidden;
  1171. }
  1172.  
  1173.  
  1174. .audioinfo {
  1175. outline:1px solid {color:border};
  1176. margin-right: 0px;
  1177. padding-left:60px;
  1178. padding-right:25px;
  1179. margin-top:-24px;
  1180. margin-bottom:12px;
  1181. height:25px;
  1182. line-height:25px;
  1183. display: block;
  1184. font-family:calibri;
  1185. font-weight:bold;
  1186. text-transform: uppercase;
  1187. text-align: left;
  1188. letter-spacing:0.2px;
  1189. word-spacing:-0.5px;
  1190. overflow:hidden;
  1191. font-size:9.5px;
  1192. color:{color:bold};
  1193. text-shadow: 0px 0px 1px {color:bold};
  1194. }
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201. /* POSTS: VIDEO */
  1202.  
  1203.  
  1204. .video {
  1205. margin-top:-15px;
  1206. }
  1207.  
  1208.  
  1209.  
  1210.  
  1211.  
  1212.  
  1213. /* POSTS: ASK */
  1214.  
  1215.  
  1216. #question {
  1217. position:relative;
  1218. width: 80%;
  1219. height:70px;
  1220. margin-left:1px;
  1221. margin-top:-12px!important;
  1222. background-color:{color:background};
  1223. }
  1224.  
  1225.  
  1226. #ask {
  1227. position:relative;
  1228. z-index:999999!important;
  1229. float:left;
  1230. font-family:calibri, sans-serif;
  1231. text-transform:uppercase;
  1232. font-weight:bold;
  1233. background-color:{color:background};
  1234. font-size:9px;
  1235. line-height:12px!important;
  1236. width:368px;
  1237. min-height:21px;
  1238. max-height:21px;
  1239. overflow:scroll;
  1240. margin-top:0px;
  1241. margin-left:0px;
  1242. margin-bottom:0px;
  1243. padding-left:24px;
  1244. padding-right:24px;
  1245. outline:solid 1px {color:border};
  1246. border-top:22px solid {color:background};
  1247. border-bottom:22px solid {color:background};
  1248. -moz-transition-duration:2s;
  1249. -webkit-transition-duration:2s;
  1250. -o-transition-duration:2s;
  1251. }
  1252.  
  1253.  
  1254. #ask:hover {
  1255. max-height:35px!important;
  1256. width:434px;
  1257. z-index:999999!important;
  1258. -moz-transition-duration:2s;
  1259. -webkit-transition-duration:2s;
  1260. -o-transition-duration:2s;
  1261. }
  1262.  
  1263.  
  1264. #ask a {
  1265. font-weight:bold;
  1266. color:{color:bold};
  1267. font-size:9.5px;
  1268. text-decoration:none;
  1269. text-shadow: 0px 0px 1px {color:bold};
  1270. }
  1271.  
  1272.  
  1273. #ask b {
  1274. color:{color:bold};
  1275. font-size:9.5px;
  1276. line-height:11px;
  1277. font-family:calibri!important;
  1278. text-shadow: 0px 0px 1px {color:bold};
  1279. }
  1280.  
  1281.  
  1282. .letterask {
  1283. font-family: 'janeaustennosecret';
  1284. position:relative;
  1285. font-weight:bold;
  1286. z-index:9999!important;
  1287. font-style:normal!important;
  1288. position:absolute;
  1289. text-align:center;
  1290. font-size:36px;
  1291. margin-left:417px;
  1292. outline:1px solid {color:border};
  1293. background-color:{color:background};
  1294. padding-top:35px;
  1295. padding-bottom:16px;
  1296. padding-left:11px;
  1297. padding-right:18px;
  1298. color:{color:title};
  1299. -webkit-user-select: none;
  1300. -moz-user-select: none;
  1301. -ms-user-select: none;
  1302. user-select: none;
  1303. text-shadow:
  1304. -1px -1px 0 {color:title shadow},
  1305. 1px -1px 0 {color:title shadow},
  1306. -1px 1px 0 {color:title shadow},
  1307. 1px 1px 0 {color:title shadow};
  1308. }
  1309.  
  1310.  
  1311. #response {
  1312. margin-bottom:0px!important;
  1313. margin-top:20px;
  1314. }
  1315.  
  1316.  
  1317. #response blockquote {
  1318. margin-top:12px;
  1319. margin-bottom:12px!important;
  1320. padding-top:0px;
  1321. padding-bottom:0px;
  1322. }
  1323.  
  1324.  
  1325.  
  1326.  
  1327.  
  1328.  
  1329. /* POST INFORMATION */
  1330.  
  1331.  
  1332. .permalink {
  1333. margin-top:25px!important;
  1334. margin-left:-25px;
  1335. margin-right:-25px;
  1336. margin-bottom:25px!important;
  1337. }
  1338.  
  1339.  
  1340. .permalinkbuttons {
  1341. height:25px;
  1342. background-color:{color:background};
  1343. font-weight:bold!important;
  1344. line-height:25px;
  1345. letter-spacing:-0.2px;
  1346. margin-left:0px!important;
  1347. margin-bottom:1px!important;
  1348. border:1px solid {color:border};
  1349. color:{color:border};
  1350. }
  1351.  
  1352.  
  1353. .permalinkbuttons a {
  1354. display:inline-block;
  1355. box-sizing: border-box;
  1356. font-size:9.5px;
  1357. text-align:center;
  1358. padding-left:25px;
  1359. padding-right:25px;
  1360. font-family: calibri, sans-serif;
  1361. text-transform:uppercase;
  1362. width:177px;
  1363. max-width:177px;
  1364. height:25px;
  1365. background-color:{color:background};
  1366. outline:1px solid {color:border};
  1367. line-height:25px;
  1368. color: {color:permalink};
  1369. font-weight:bold!important;
  1370. overflow:hidden;
  1371. text-shadow: 0px 0px 1px {color:permalink};
  1372. }
  1373.  
  1374.  
  1375. .permalinkbuttons a:hover {
  1376. color:{color:links hover};
  1377. -moz-transition-duration:2s;
  1378. -webkit-transition-duration:2s;
  1379. -o-transition-duration:2s;
  1380. text-shadow: 0px 0px 1px {color:links hover};
  1381. }
  1382.  
  1383.  
  1384. .tags {
  1385. font-family: calibri!important;
  1386. font-weight:bold!important;
  1387. background-color:{color:background};
  1388. border:1px solid {color:border};
  1389. padding-top:12px;
  1390. padding-bottom:12px;
  1391. padding-left:24px;
  1392. padding-right:24px;
  1393. margin-top:-2px;
  1394. color:{color:border};
  1395. text-transform:uppercase!important;
  1396. font-style:normal;
  1397. line-height:150%;
  1398. font-size:8.5px;
  1399. text-align:justify;
  1400. -moz-text-align-last: center; /* Code for Firefox */
  1401. text-align-last: center;
  1402.  
  1403. }
  1404.  
  1405.  
  1406.  
  1407. .tags a {
  1408. text-decoration:none!important;
  1409. font-weight:bold!important;
  1410. font-size:8.5px;
  1411. margin-right:0px;
  1412. text-transform:uppercase!important;
  1413. font-family: calibri!important;
  1414. color:{color:border};
  1415. -moz-transition-duration:2s;
  1416. -webkit-transition-duration:2s;
  1417. -o-transition-duration:2s;
  1418. text-shadow: 0px 0px 1px {color:border};
  1419. }
  1420.  
  1421.  
  1422. .tags a:hover {
  1423. color:{color:italic}!important;
  1424. -moz-transition-duration:2s;
  1425. -webkit-transition-duration:2s;
  1426. -o-transition-duration:2s;
  1427. text-shadow: 0px 0px 1px {color:links hover};
  1428. {block:ifBiggerTagsonHover}
  1429. font-size:9px!important;
  1430. {block:ifBiggerTagsonHover}
  1431. }
  1432.  
  1433.  
  1434.  
  1435.  
  1436.  
  1437.  
  1438. /* PERMAPAGE NOTES */
  1439.  
  1440.  
  1441. #notes {
  1442. outline:1px solid {color:border};
  1443. margin-bottom:1px!important;
  1444. margin-left:1px;
  1445. margin-right:1px;
  1446. margin-top:25px!important;
  1447. padding-top:16px;
  1448. padding-bottom:16px;
  1449. padding-left:16px;
  1450. padding-right:16px;
  1451. color:{color:body text}!important;
  1452. }
  1453.  
  1454.  
  1455. #notes span, .note span {
  1456. color:{color:body text}!important;
  1457. }
  1458.  
  1459.  
  1460.  
  1461. .note li, .note, .note a {
  1462. list-style-type:none;
  1463. padding-top:0px;
  1464. line-height:14px;
  1465. padding-bottom:0px;
  1466. padding-left:0px;
  1467. padding-right:0px;
  1468. text-align:left!important;
  1469. -moz-transition-duration:0.5s;
  1470. -webkit-transition-duration:0.5s;
  1471. -o-transition-duration:0.5s;
  1472. font-family:calibri!important;
  1473. font-size:9.5px!important;
  1474. font-weight:bold;
  1475. text-transform:uppercase;
  1476. color:{color:body text}!important;
  1477. text-shadow: 0px 0px 1px {color:body text};
  1478. }
  1479.  
  1480.  
  1481. .note li a {
  1482. text-align:left!important;
  1483. font-family:calibri!important;
  1484. font-size:9.5px!important;
  1485. padding-right:0px;
  1486. font-weight:bold;
  1487. text-transform:uppercase;
  1488. letter-spacing:0px;
  1489. color: {color:italic}!important;
  1490. text-shadow: 0px 0px 1px {color:italic};
  1491. }
  1492.  
  1493.  
  1494. .more_notes_link, .more_notes_link a {
  1495. text-align:left!important;
  1496. margin-top:25px!important;
  1497. padding-top:25px!important;
  1498. color:{color:italic}!important;
  1499. text-shadow: 0px 0px 1px {color:italic};
  1500. }
  1501.  
  1502.  
  1503. .note blockquote a {
  1504. padding-top:12px;
  1505. padding-bottom:12px;
  1506. padding-left:24px;
  1507. padding-right:24px;
  1508. margin-top:12px;
  1509. margin-bottom:12px;
  1510. margin-left:0px;
  1511. margin-right:0px;
  1512. color:{color:body text}!important;
  1513. text-shadow: 0px 0px 1px {color:body text};
  1514. }
  1515.  
  1516.  
  1517. .note img.avatar {
  1518. display:none;
  1519. width: 0px;
  1520. height: 0px;
  1521. }
  1522.  
  1523.  
  1524.  
  1525.  
  1526.  
  1527.  
  1528. /* PAGINATION */
  1529.  
  1530.  
  1531. .navigationbottom {
  1532. left:337px;
  1533. top:424px;
  1534. position:absolute;
  1535. width: 533px;
  1536. outline:1px solid {color:border};
  1537. height:25px;
  1538. line-height:25px;
  1539. z-index:80;
  1540. }
  1541.  
  1542.  
  1543. .pagination {
  1544. height:25px;
  1545. line-height:25px;
  1546. }
  1547.  
  1548.  
  1549. .pagination b {
  1550. color:{color:button inactive}!important;
  1551. text-shadow: 0px 0px 1px {color:button inactive};
  1552. }
  1553.  
  1554.  
  1555. .pagination a {
  1556. display:inline-block;
  1557. box-sizing: border-box;
  1558. font-size:10px;
  1559. text-align:center;
  1560. padding-left:25px;
  1561. padding-right:25px;
  1562. font-family: calibri, sans-serif;
  1563. text-transform:uppercase;
  1564. width:177px;
  1565. max-width:177px;
  1566. height:25px;
  1567. background-color:{color:background};
  1568. outline:1px solid {color:border};
  1569. line-height:25px;
  1570. margin-right:0px;
  1571. color: {color:button inactive};
  1572. font-weight:bold!important;
  1573. overflow:hidden;
  1574. text-shadow: 0px 0px 1px {color:button inactive};
  1575. }
  1576.  
  1577.  
  1578. .pagination a:first-child {
  1579. margin-left:0px!important;
  1580. }
  1581.  
  1582.  
  1583. .pagination a:last-child {
  1584. margin-right:0px!important;
  1585. }
  1586.  
  1587.  
  1588. .navigationbottom a:hover, .pagination a:hover, .pagination:hover {
  1589. font-weight:bold!important;
  1590. color:{color:links hover}!important;
  1591. -moz-transition-duration:2s;
  1592. -webkit-transition-duration:2s;
  1593. -o-transition-duration:2s;
  1594. text-shadow: 0px 0px 1px {color:links hover};
  1595. }
  1596.  
  1597.  
  1598.  
  1599.  
  1600.  
  1601.  
  1602. /* POPUPS: GENERAL */
  1603.  
  1604.  
  1605. .popup_block {
  1606. box-sizing: border-box;
  1607. width:400px;
  1608. height:388px;
  1609. max-height:388px;
  1610. margin-top:76px!important;
  1611. margin-left:337px!important;
  1612. display:none;
  1613. background-color:{color:background}!important;
  1614. outline:1px solid {color:border};
  1615. border-bottom:24px solid {color:background};
  1616. padding-left:24px;
  1617. padding-right:24px;
  1618. position:absolute;
  1619. z-index:99999999;
  1620. opacity:1;
  1621. overflow-y:hidden;
  1622. text-align:justify;
  1623. overflow-x:hidden;
  1624. }
  1625.  
  1626.  
  1627. .popup_block a {
  1628. margin-right:0px;
  1629. vertical-align:top;
  1630. font-family: calibri, sans-serif;
  1631. font-size:9.5px;
  1632. color:{color:links};
  1633. font-weight:bold!important;
  1634. position: relative;
  1635. text-decoration:none;
  1636. text-transform:uppercase;
  1637. text-shadow: 0px 0px 1px {color:links};
  1638. }
  1639.  
  1640.  
  1641. *html #fade {
  1642. position: absolute;
  1643. }
  1644.  
  1645.  
  1646. *html .popup_block {
  1647. position: absolute;
  1648. }
  1649.  
  1650.  
  1651. #fade {
  1652. display:none;
  1653. position:fixed;
  1654. left:0px;
  1655. top:0px;
  1656. width:100%;
  1657. height:100%;
  1658. z-index:9;
  1659. background:transparent;
  1660. opacity:0;
  1661. }
  1662.  
  1663.  
  1664.  
  1665.  
  1666.  
  1667.  
  1668. /* NAVIGATION LIST */
  1669.  
  1670.  
  1671. .nlist {
  1672. position:absolute;
  1673. left:52px;
  1674. margin-top:173px;
  1675. height:129px;
  1676. max-height:129px;
  1677. width:231px;
  1678. max-width:231px;
  1679. border-bottom:0px solid {color:background}!important;
  1680. border-top:0px solid {color:background}!important;
  1681. background-color:{color:background};
  1682. overflow-y:scroll;
  1683. padding-left:0px;
  1684. padding-right:0px;
  1685. outline:1px solid {color:border}!important;
  1686. opacity:1!important;
  1687. }
  1688.  
  1689.  
  1690. .nlinks {
  1691. margin-top:0px;
  1692. padding-left:0px!important;
  1693. width:275px;
  1694. background-color:{color:background};
  1695. }
  1696.  
  1697.  
  1698. .nlinks a, .nlinks li {
  1699. display:inline-block;
  1700. box-sizing: border-box;
  1701. padding-right:24px;
  1702. outline:1px solid {color:border};
  1703. background-color:{color:background};
  1704. width:275px;
  1705. overflow:hidden;
  1706. height:31.5px;
  1707. padding-left:24px;
  1708. padding-right:24px;
  1709. font-family:calibri;
  1710. text-align:left;
  1711. font-style:normal;
  1712. font-weight:bold!important;
  1713. margin-right:0px;
  1714. margin-bottom:-3px;
  1715. font-size:9.5px;
  1716. letter-spacing:0px;
  1717. line-height:31.5px;
  1718. color: {color:Navigation List Links};
  1719. text-transform:uppercase;
  1720. cursor:pointer;
  1721. text-shadow: 0px 0px 1px {color:Navigation List Links};
  1722. }
  1723.  
  1724.  
  1725. .nlinks li:hover, .nlinks li:nth-of-type(even):hover {
  1726. color:{color:links}!important;
  1727. text-shadow: 0px 0px 1px {color:links};
  1728. -moz-transition-duration:2s;
  1729. -webkit-transition-duration:2s;
  1730. -o-transition-duration:2s;
  1731. }
  1732.  
  1733.  
  1734.  
  1735.  
  1736.  
  1737.  
  1738. /* NAVIGATION PAGES */
  1739.  
  1740.  
  1741. .npheader {
  1742. margin-top:0px;
  1743. margin-left:-25px;
  1744. margin-bottom:0px!important;
  1745. height:90px;
  1746. width:538px;
  1747. overflow:hidden;
  1748. outline:1px solid {color:border};
  1749. -webkit-filter: brightness(1.1) contrast(1) saturate(1);
  1750. }
  1751.  
  1752.  
  1753. .npnavi {
  1754. margin-top:1px;
  1755. margin-left:-25px!important;
  1756. margin-right:-25px!important;
  1757. margin-bottom:0px;
  1758. outline:0px;
  1759. }
  1760.  
  1761.  
  1762. .dropbtn {
  1763. pointer-events:none!important;
  1764. display:inline-block;
  1765. box-sizing: border-box;
  1766. font-size:9.5px;
  1767. text-align:center;
  1768. padding-left:25px;
  1769. padding-right:25px;
  1770. margin-top:-1px;
  1771. margin-left:-1px;
  1772. margin-bottom:0px!important;
  1773. font-family: calibri, sans-serif;
  1774. text-transform:uppercase;
  1775. width:537px;
  1776. max-width:537px;
  1777. height:31.5px;
  1778. background-color:transparent;
  1779. border:1px solid {color:border};
  1780. line-height:31.5px;
  1781. margin-right:0px;
  1782. color: {color:headers};
  1783. font-weight:bold!important;
  1784. overflow:hidden;
  1785. text-shadow: 0px 0px 1px {color:headers};
  1786. }
  1787.  
  1788.  
  1789. .dropbtn:hover, .dropbtn:focus {
  1790. color:{color:button active};
  1791. text-shadow: 0px 0px 1px {color:button active};
  1792. }
  1793.  
  1794.  
  1795. .dropdown {
  1796. pointer-events:none!important;
  1797. position: relative;
  1798. display: inline-block;
  1799. }
  1800.  
  1801.  
  1802. .dropdown-content {
  1803. display: none;
  1804. position: absolute;
  1805. margin-top:-1px!important;
  1806. margin-left:-1px;
  1807. background-color: {color:background};
  1808. min-width: 160px;
  1809. box-shadow:0px 18px 0px 5px {color:background};
  1810. z-index: 999999999999999999999999;
  1811. }
  1812.  
  1813.  
  1814. .dropdown-content a {
  1815. color: black;
  1816. padding: 12px 16px;
  1817. text-decoration: none;
  1818. display: block;
  1819. }
  1820.  
  1821.  
  1822. .dropdown-content a:hover, .dropdown a:hover {
  1823. color:{color:links hover};!important;
  1824. }
  1825.  
  1826.  
  1827. .show {
  1828. display:block;
  1829. }
  1830.  
  1831.  
  1832. ul#tabs {
  1833. text-align: left;
  1834. Cursor:pointer;
  1835. }
  1836.  
  1837.  
  1838. ul#tabs li {
  1839. display:inline-block;
  1840. box-sizing: border-box;
  1841. font-size:9.5px;
  1842. text-align:center;
  1843. padding-left:24px;
  1844. padding-right:24px;
  1845. margin-bottom:-5px!important;
  1846. font-family: calibri, sans-serif;
  1847. text-transform:uppercase;
  1848. width:269px;
  1849. max-width:269px;
  1850. height:25px;
  1851. background-color:transparent;
  1852. border:1px solid {color:border};
  1853. line-height:25px;
  1854. margin-left:0px;
  1855. margin-right:-2px;
  1856. color: {color:navigation list links};
  1857. font-weight:bold!important;
  1858. overflow:hidden;
  1859. text-shadow: 0px 0px 1px {color:navigation list links};
  1860. }
  1861.  
  1862.  
  1863. ul#tabs li.active {
  1864. display:inline-block;
  1865. box-sizing: border-box;
  1866. font-size:9.5px;
  1867. text-align:center;
  1868. padding-left:24px;
  1869. padding-right:24px;
  1870. font-family: calibri, sans-serif;
  1871. text-transform:uppercase;
  1872. background-color:transparent;
  1873. border:1px solid {color:border};
  1874. margin-left:0px;
  1875. margin-right:-2px;
  1876. color:{color:button active};
  1877. font-weight:bold!important;
  1878. overflow:hidden;
  1879. text-shadow: 0px 0px 1px {color:button active};
  1880. }
  1881.  
  1882.  
  1883. ul#tab, ul#tabs{
  1884. list-style-type:none;
  1885. margin:0px;
  1886. padding:0px;
  1887. }
  1888.  
  1889.  
  1890. ul#tab li.active {
  1891. display: block;
  1892. }
  1893.  
  1894.  
  1895. ul#tab li {
  1896. display: none;
  1897. }
  1898.  
  1899.  
  1900. .npcontent {
  1901. margin-top:0px!important;
  1902. border-top:24px solid {color:background};
  1903. border-bottom:24px solid {color:background};
  1904. overflow-y:scroll!important;
  1905. height:205px;
  1906. background-color:transparent;
  1907. }
  1908.  
  1909.  
  1910. .npcontent a {
  1911. color:{color:button inactive}!important;
  1912. text-shadow: 0px 0px 1px {color:button inactive}!important;
  1913. }
  1914.  
  1915.  
  1916. .nplinks {
  1917. margin-top:0px!important;
  1918. margin-bottom:0px!important;
  1919. padding-top:0px!important;
  1920. padding-bottom:0px;
  1921. background-color:{color:background};
  1922. width:489px;
  1923. }
  1924.  
  1925.  
  1926. .nplinks h4 {
  1927. color:{color:headers}!important;
  1928. width:431px!important;
  1929. text-shadow: 0px 0px 1px {color:headers};
  1930. }
  1931.  
  1932.  
  1933. .nplinks a {
  1934. font-family:calibri!important;
  1935. font-weight:bold!important;
  1936. display:inline-block;
  1937. box-sizing: border-box;
  1938. width:237.7px;
  1939. height:25px!important;
  1940. padding-left:24px;
  1941. line-height:25px;
  1942. margin-left:-0px;
  1943. margin-right:6px;
  1944. margin-bottom:8.4px;
  1945. text-align:left;
  1946. border: 1px solid {color:border};
  1947. font-size:9.5px;
  1948. }
  1949.  
  1950.  
  1951. .nplinks a:hover, .nplinks:hover {
  1952. color:{color:links hover}!important;
  1953. -moz-transition-duration:2s;
  1954. -webkit-transition-duration:2s;
  1955. -o-transition-duration:2s;
  1956. text-shadow: 0px 0px 1px {color:links hover};
  1957. }
  1958.  
  1959.  
  1960.  
  1961.  
  1962.  
  1963.  
  1964. /* CREDIT */
  1965.  
  1966.  
  1967. #credit {
  1968. background-color:{color:background};
  1969. border:1px solid {color:border};
  1970. padding:6px 10px;
  1971. z-index:999;
  1972. position:absolute;
  1973. bottom:44px;
  1974. right:44px;
  1975. width:6px;
  1976. height:14px;
  1977. word-wrap:break-word;
  1978. font-family:calibri;
  1979. overflow:hidden;
  1980. -webkit-transition:all 2s ease;
  1981. -moz-transition:all 2s ease;
  1982. -o-transition:all 2s ease;
  1983. transition:all 2s ease-in-out;
  1984. }
  1985.  
  1986.  
  1987. #credit a {
  1988. color:{color:links};
  1989. text-transform:uppercase;
  1990. font-size:9.5px;
  1991. text-shadow: 0px 0px 1px {color:links};
  1992. }
  1993.  
  1994.  
  1995. #credit:hover {
  1996. width:73px;
  1997. }
  1998.  
  1999.  
  2000. #credit span {
  2001. color:{color:bold};
  2002. font-family:calibri;
  2003. margin-right:10px;
  2004. font-size:10.5px;
  2005. text-shadow: 0px 0px 1px {color:bold};
  2006. }
  2007.  
  2008.  
  2009. </style>
  2010. </head>
  2011.  
  2012.  
  2013.  
  2014.  
  2015. <body>
  2016.  
  2017.  
  2018. <!-- CONTAINER -->
  2019.  
  2020. <div id="container">
  2021.  
  2022. {block:ifnotSidebarTitle}
  2023. <div class="title">
  2024. {text:Title}
  2025. </div class="title">
  2026. {/block:ifnotSidebarTitle}
  2027.  
  2028.  
  2029.  
  2030.  
  2031. <!-- SIDEBAR -->
  2032.  
  2033. <div class="sidebar">
  2034.  
  2035. {block:ifSidebarTitle}
  2036. <div class="sidebartitle">
  2037. {text:Title}
  2038. </div class="sidebartitle">
  2039. {/block:ifSidebarTitle}
  2040.  
  2041. <div class="sidebarbg">
  2042. <img src="{image:Sidebar Background}">
  2043. </div class="sidebarbg">
  2044.  
  2045.  
  2046. <div class="inner">
  2047.  
  2048. <div class="sidebarimgtop">
  2049. <img src="{image:Sidebar Image Top}">
  2050. </div class="sidebarimgtop">
  2051.  
  2052.  
  2053. <div class="description">
  2054.  
  2055. Private portrayal for <b>Milady de Winter.</b> —Based on <i>"The Three Musketeers"</i> novel by Alexandre Dumas; drawing influence from the BBC's rendition. <br><b>// Written by Dory.</b>
  2056.  
  2057. </div class="description">
  2058.  
  2059.  
  2060. <div class="sidebarimgbottom">
  2061. <img src="{image:Sidebar Image Bottom}">
  2062. </div class="sidebarimgbottom">
  2063.  
  2064.  
  2065. </div class="inner">
  2066.  
  2067. </div class="sidebar">
  2068.  
  2069.  
  2070.  
  2071.  
  2072.  
  2073.  
  2074. <!-- TOP NAVIGATION -->
  2075.  
  2076.  
  2077. <div class="navigation">
  2078.  
  2079. <button class="w3-bar-item w3-button" onclick="openPage('Index'); openNavi('Index')" autofocus style="text-align:left; color:{color:button active}; text-shadow: 0px 0px 1px {color:button active};">
  2080. Close the pages
  2081. </button>
  2082.  
  2083. <button class="w3-bar-item w3-button" onclick="openPage('Inquiries')">
  2084. Inquiries / Askbox
  2085. </button>
  2086.  
  2087. <button class="w3-bar-item w3-button" onclick="openNavi('Navigation')" style="text-align:right;">
  2088. The Navigation
  2089. </button>
  2090.  
  2091. </div class="navigation">
  2092.  
  2093.  
  2094.  
  2095.  
  2096.  
  2097.  
  2098. <!-- POSTS -->
  2099.  
  2100.  
  2101. <div id="content">
  2102. <div id="content2">
  2103.  
  2104.  
  2105. {block:Posts}
  2106. <div class="posts">
  2107.  
  2108.  
  2109.  
  2110.  
  2111.  
  2112.  
  2113. <!-- POSTS: TEXT -->
  2114.  
  2115.  
  2116. {block:Text}
  2117. <div id="textbody">
  2118.  
  2119. {block:Title}
  2120. <h1>{Title}</h1>
  2121. {/block:Title}
  2122.  
  2123. <div id="wrap">
  2124. {Body}
  2125. </div id="wrap">
  2126.  
  2127. <div style="clear:both;">
  2128. </div style="clear:both">
  2129.  
  2130. </div id="textbody">
  2131. {/block:Text}
  2132.  
  2133.  
  2134.  
  2135.  
  2136.  
  2137.  
  2138. <!-- POSTS: PHOTO/SET -->
  2139.  
  2140.  
  2141. {block:Photo}
  2142. <div id="psingle">
  2143. {LinkOpenTag}
  2144.  
  2145. <img src="{PhotoURL-HighRes}">
  2146. {LinkCloseTag}
  2147.  
  2148. </div id="psingle">
  2149.  
  2150.  
  2151. {block:Caption}
  2152.  
  2153. <div id="pcaption">
  2154. {Caption}
  2155. </div id="pcaption">
  2156.  
  2157. {/block:Caption}
  2158.  
  2159. {/block:Photo}
  2160.  
  2161.  
  2162.  
  2163.  
  2164. {block:Photoset}
  2165. <div id="pset">
  2166. {Photoset}
  2167. </div id="pset">
  2168.  
  2169. {block:Caption}
  2170. {Caption}
  2171. {/block:Caption}
  2172.  
  2173. {/block:Photoset}
  2174.  
  2175.  
  2176.  
  2177.  
  2178.  
  2179.  
  2180. <!-- POSTS: QUOTE -->
  2181.  
  2182.  
  2183. {block:Quote}
  2184. <div id="quote">
  2185. {Quote}
  2186.  
  2187. <div class="source">
  2188. Source: {Source}
  2189. </div class="source">
  2190.  
  2191. </div id="quote">
  2192. {/block:Quote}
  2193.  
  2194.  
  2195.  
  2196.  
  2197.  
  2198.  
  2199. <!-- POSTS: LINK -->
  2200.  
  2201.  
  2202. {block:Link}
  2203. <div id="link">
  2204.  
  2205. <a href="{URL}" {Target}>{Name}&nbsp;&nbsp; ►</a>
  2206.  
  2207. </div id="link">
  2208. {/block:Link}
  2209.  
  2210.  
  2211.  
  2212.  
  2213.  
  2214.  
  2215. <!-- POSTS: CHAT -->
  2216.  
  2217.  
  2218. {block:Chat}
  2219. <div id="chat">
  2220.  
  2221. {block:Lines}
  2222. <div id="{Alt}">
  2223.  
  2224. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  2225.  
  2226. </div id="{Alt}">
  2227. {/block:Lines}
  2228.  
  2229. </div id="chat">
  2230. {/block:Chat}
  2231.  
  2232.  
  2233.  
  2234.  
  2235.  
  2236.  
  2237. <!-- POSTS: AUDIO -->
  2238.  
  2239.  
  2240. {block:Audio}
  2241. <div class="audioplayer">
  2242.  
  2243. {AudioPlayerWhite}
  2244.  
  2245. </div class="audioplayer">
  2246.  
  2247.  
  2248. <div class="audioinfo">
  2249. {block:TrackName}{TrackName}{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}
  2250. </div class="audioinfo">
  2251.  
  2252. {block:Caption}
  2253. {Caption}
  2254. {/block:Caption}
  2255.  
  2256. {/block:Audio}
  2257.  
  2258.  
  2259.  
  2260.  
  2261.  
  2262.  
  2263. <!-- POSTS: VIDEO -->
  2264.  
  2265.  
  2266. {block:Video}
  2267. <div class="video">
  2268.  
  2269. {VideoEmbed-500}
  2270.  
  2271. </div class="video">
  2272.  
  2273. {block:Caption}
  2274. {Caption}
  2275. {/block:Caption}
  2276.  
  2277. {/block:Video}
  2278.  
  2279.  
  2280.  
  2281.  
  2282.  
  2283.  
  2284. <!-- POSTS: ASK -->
  2285.  
  2286.  
  2287. {block:Answer}
  2288.  
  2289. <div id="question">
  2290. <div id="ask">
  2291.  
  2292. <b>{Asker} is inquiring for information:</b>
  2293. {Question}
  2294.  
  2295. </div id="ask">
  2296. <div class="letterask">Q</div class="letterask">
  2297.  
  2298. </div id="question">
  2299.  
  2300. <div id="response">
  2301. <div id="wrap">{Answer}</div id="wrap">
  2302.  
  2303. <div style="clear:both; margin-bottom:-5px;">
  2304. </div style="clear:both">
  2305.  
  2306. </div id="response">
  2307.  
  2308. {/block:Answer}
  2309.  
  2310.  
  2311.  
  2312.  
  2313.  
  2314.  
  2315.  
  2316.  
  2317. <!-- POST INFORMATION -->
  2318.  
  2319.  
  2320.  
  2321. {block:Date}
  2322.  
  2323. {block:indexpage}
  2324.  
  2325. <div class="permalink">
  2326. <div class="permalinkbuttons">
  2327.  
  2328. <a href="{Permalink}" style="text-align:left;">
  2329. {Month} {DayOfMonth}{DayOfMonthSuffix} / {12Hour}:{Minutes}{CapitalAmPm} / {NoteCountWithLabel}
  2330. </a>
  2331.  
  2332. {block:RebloggedFrom}
  2333. <a href="{ReblogParentURL}" title="{ReblogParentName}: {ReblogParentTitle}">
  2334. REBLOGGED FROM / VIA
  2335. </a>
  2336. {/block:RebloggedFrom}
  2337.  
  2338. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; text-align:right;">
  2339. CLICK HERE TO REBLOG THIS POST
  2340. </a>
  2341.  
  2342. </div class="permalinkbuttons">
  2343.  
  2344.  
  2345. {block:HasTags}
  2346. <div class="tags">
  2347.  
  2348. {block:Tags}
  2349. <a href="{TagURL}">{Tag}&nbsp;&nbsp;</a>
  2350. {/block:Tags}
  2351.  
  2352. </div class="tags">
  2353. {/block:HasTags}
  2354.  
  2355.  
  2356. </div class="permalink">
  2357. {/block:indexpage}
  2358.  
  2359.  
  2360.  
  2361.  
  2362.  
  2363.  
  2364. {block:permalinkpage}
  2365. <div class="permalink">
  2366. <div class="permalinkbuttons">
  2367.  
  2368. {block:RebloggedFrom}
  2369. <a href="{ReblogParentName}" title="{ReblogParentName}" style="text-align:left;">
  2370. REBLOGGED FROM / VIA
  2371. </a>
  2372. {/block:RebloggedFrom}
  2373.  
  2374. <a href="{ReblogURL}" target="_blank" class="details" style="float:right; ">
  2375. CLICK HERE TO REBLOG THIS POST
  2376. </a>
  2377.  
  2378. </div class="permalinkbuttons">
  2379.  
  2380. {block:HasTags}
  2381. <div class="tags">
  2382. {block:Tags}
  2383.  
  2384. <a href="{TagURL}">
  2385. {Tag}&nbsp;&nbsp;
  2386. </a>
  2387.  
  2388. {/block:Tags}
  2389. </div class="tags">
  2390. {/block:HasTags}
  2391.  
  2392. </div class="permalink">
  2393. {/block:permalinkpage}
  2394.  
  2395. {/block:Date}
  2396.  
  2397.  
  2398.  
  2399.  
  2400.  
  2401.  
  2402. <!-- NOTES -->
  2403.  
  2404. {block:PostNotes}
  2405. <div id="notes">
  2406.  
  2407. <div class="note">
  2408. {PostNotes}
  2409. </div class="note">
  2410.  
  2411. </div id="notes">
  2412. {/block:PostNotes}
  2413.  
  2414.  
  2415.  
  2416.  
  2417.  
  2418.  
  2419. <!-- HIDE VIA/SOURCE IN POSTS -->
  2420.  
  2421.  
  2422. {block:ContentSource}<!-- {SourceURL}
  2423. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2424. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2425. {/block:ContentSource}
  2426.  
  2427.  
  2428. <!-- {block:NoRebloggedFrom}
  2429. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2430. {/block:NoRebloggedFrom} -->
  2431.  
  2432.  
  2433. </div class="posts">
  2434. {/block:Posts}
  2435.  
  2436.  
  2437. </div id="content2">
  2438. </div id="content">
  2439.  
  2440.  
  2441.  
  2442.  
  2443.  
  2444.  
  2445. <div class="navigationbottom">
  2446. <div class="pagination">
  2447.  
  2448. <a href="/" title="Refresh the page" autofocus style="text-align:left; color:{color:button active}; text-shadow: 0px 0px 1px {color:button active};">RETURN TO MAIN PAGE</a>
  2449.  
  2450. {block:Indexpage}
  2451. {block:PreviousPage}<a href="{PreviousPage}">RETURN TO LAST PAGE</a>{/block:PreviousPage}
  2452. {block:NextPage}<a href="{NextPage}" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT PAGE</a>{/block:NextPage}
  2453. {/block:Indexpage}
  2454.  
  2455.  
  2456.  
  2457. {block:PermalinkPagination}
  2458. {block:PreviousPost}<a href="{PreviousPost}" title="Previous Post">RETURN TO LAST POST</a>{/block:PreviousPost}
  2459. {block:NextPost}<a href="{NextPost}" title="Next Post" style="float:right; margin-right:1px; text-align:right;">PROCEED TO NEXT POST</a>{/block:NextPost}
  2460. {/block:PermalinkPagination}
  2461.  
  2462.  
  2463. </div class="pagination">
  2464. </div class="navigationbottom">
  2465.  
  2466.  
  2467.  
  2468.  
  2469.  
  2470.  
  2471. <div id="Index" class="navi; page" style="display:block">
  2472.  
  2473. </div id="Index" class="navi; page">
  2474.  
  2475.  
  2476.  
  2477.  
  2478.  
  2479.  
  2480.  
  2481.  
  2482.  
  2483. <!-- POPUP: INQUIRIES -->
  2484.  
  2485.  
  2486. <div id="Inquiries" class="page" style="display:none;">
  2487. <div id="tabcontent" style="overflow:hidden!important;">
  2488.  
  2489.  
  2490. <div class="npheader">
  2491. <img src="https://static.tumblr.com/gjexvml/DoYpxz5yf/header10.png">
  2492. </div class="npheader">
  2493.  
  2494. <div class="npnavi">
  2495. <ul id="tabs">
  2496.  
  2497. <div class="dropdown">
  2498. <button onclick="myFunction()" class="dropbtn">
  2499.  
  2500. Inquiries / Curiosities
  2501.  
  2502. </button>
  2503. </div class="dropdown">
  2504.  
  2505. </ul id="tabs">
  2506. </div class="npnavi">
  2507.  
  2508.  
  2509. <div id="npcontent">
  2510.  
  2511. <iframe frameborder="0" scrolling="yes" width="100%" height="190" src="https://www.tumblr.com/ask_form/dewintr.tumblr.com" style="background-color:{color:background}!important; overflow:hidden; margin-top:25px;" id="ask_form"></iframe>
  2512.  
  2513. </div id="npcontent">
  2514.  
  2515.  
  2516. </div id="tabcontent">
  2517. </div id="Inquiries" class="page">
  2518.  
  2519.  
  2520.  
  2521.  
  2522.  
  2523.  
  2524.  
  2525.  
  2526.  
  2527.  
  2528.  
  2529.  
  2530.  
  2531.  
  2532. <!-- NAVIGATIONAL LIST LINKS -->
  2533.  
  2534. <div id="Navigation" class="navi" style="display:none;">
  2535.  
  2536.  
  2537. <div class="nlist">
  2538. <div class="nlinks">
  2539.  
  2540.  
  2541. <li onclick="openPage('Information')">
  2542. General Information
  2543. </li>
  2544.  
  2545. <li onclick="openPage('Regulations')">
  2546. The Regulations
  2547. </li>
  2548.  
  2549. <li onclick="openPage('Timelines')">
  2550. Universes / Timelines
  2551. </li>
  2552.  
  2553. <li onclick="openPage('Navi')">
  2554. General Navigation
  2555. </li>
  2556.  
  2557.  
  2558. </div class="nlinks">
  2559. </div class="nlist">
  2560.  
  2561. </div id="Navigation" class="navi">
  2562.  
  2563.  
  2564.  
  2565.  
  2566.  
  2567.  
  2568.  
  2569.  
  2570.  
  2571.  
  2572.  
  2573.  
  2574.  
  2575.  
  2576.  
  2577. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Information' -->
  2578.  
  2579.  
  2580. <!-- Information -->
  2581.  
  2582.  
  2583. <div id="Information" class="page" style="display:none;">
  2584. <div id="tabcontent" style="overflow:hidden!important;">
  2585.  
  2586.  
  2587. <div class="npheader">
  2588. <img src="https://static.tumblr.com/gjexvml/iBDpxycn8/header09.png">
  2589. </div class="npheader">
  2590.  
  2591.  
  2592. <div class="npnavi">
  2593. <ul id="tabs">
  2594.  
  2595. <button onclick="myFunction()" class="dropbtn">
  2596.  
  2597. About the character of Milady de Winter
  2598.  
  2599. </button>
  2600.  
  2601. </ul id="tabs">
  2602. </div class="npnavi">
  2603.  
  2604.  
  2605. <!-- TAB01 -->
  2606.  
  2607.  
  2608. <div class="npcontent">
  2609.  
  2610. <blockquote style="font-style:italic!important; margin-top:0px!important; color:">"No violence; violence is the proof of weakness. In the first place, I have never succeeded by that means. Perhaps if I employed my strength against women I might perchance find them weaker than myself, and consequently conquer them; but it is with men that I struggle, and I am but a woman to them. <i>Let me fight like a woman, then; my strength is in my weakness."</i></b></blockquote>
  2611.  
  2612. <h4>Information Header</h4>
  2613.  
  2614. Etiam non posuere mi, et sollicitudin nulla. Donec id pulvinar tellus. Donec at tellus nec odio suscipit malesuada vitae at ipsum. Phasellus velit massa, euismod at fermentum eu, vestibulum ac felis. Proin malesuada tortor quis tellus egestas pulvinar. Curabitur posuere neque non purus tempus, quis volutpat nisi malesuada. Etiam feugiat mi nec sapien finibus cursus. Phasellus bibendum est sem. Cras hendrerit tincidunt ex. Duis diam dolor, molestie eget pulvinar sit amet, egestas vitae turpis. Aenean lacinia ultrices porttitor. Praesent tellus ligula, ornare eget efficitur id, scelerisque ut lorem. Morbi venenatis, lectus a porta pretium, dolor diam dictum urna, at sagittis dui enim eu mi. Phasellus tempus nulla eu lacus facilisis pretium. Donec quis libero nec dolor vestibulum fermentum. Sed aliquet euismod nibh et lobortis.
  2615.  
  2616. <p>Nullam pretium, ligula nec facilisis ullamcorper, tellus massa mollis tellus, eu dictum mi sem sit amet risus. Cras metus neque, porta quis consectetur ut, rutrum vel mauris. Nullam dapibus massa nec nulla consequat, et commodo risus pretium. In hac habitasse platea dictumst. Ut faucibus at neque in sagittis. Nam sit amet leo est. Ut a sem cursus, dignissim ligula et, rhoncus est. Aliquam hendrerit, eros quis efficitur luctus, eros tellus volutpat elit, non auctor sapien risus tempus libero. In gravida nisi justo, a condimentum sem porttitor non. Donec pharetra ut lorem vitae consectetur. Nulla fringilla massa a risus euismod euismod. Aliquam pellentesque massa sit amet nisi eleifend, eget sagittis augue consequat. Sed volutpat, lorem quis rhoncus ultrices, est elit ornare arcu, ut vulputate neque odio ut enim. Mauris sed hendrerit tortor. Nunc ut blandit purus. Duis viverra, lorem pharetra egestas aliquam, est mi aliquet turpis, sed auctor ex dolor finibus tortor.
  2617.  
  2618.  
  2619. </div class="npcontent">
  2620.  
  2621.  
  2622. </div id="tabcontent" style="overflow:hidden!important;">
  2623. </div id="Information" class="page">
  2624.  
  2625.  
  2626. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Information' -->
  2627.  
  2628.  
  2629.  
  2630.  
  2631.  
  2632.  
  2633.  
  2634.  
  2635.  
  2636.  
  2637.  
  2638.  
  2639.  
  2640.  
  2641. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Navigation' -->
  2642.  
  2643.  
  2644. <!-- Information -->
  2645.  
  2646.  
  2647. <div id="Regulations" class="page" style="display:none;">
  2648. <div id="tabcontent" style="overflow:hidden!important;">
  2649.  
  2650.  
  2651. <div class="npheader">
  2652. <img src="https://static.tumblr.com/gjexvml/1hHpxzced/header17.png">
  2653. </div class="npheader">
  2654.  
  2655.  
  2656. <div class="npnavi">
  2657. <ul id="tabs">
  2658.  
  2659. <button onclick="myFunction()" class="dropbtn">
  2660.  
  2661. The Guidelines and Regulations
  2662.  
  2663. </button>
  2664.  
  2665. </ul id="tabs">
  2666. </div class="npnavi">
  2667.  
  2668.  
  2669. <!-- TAB01 -->
  2670.  
  2671.  
  2672. <div class="npcontent">
  2673.  
  2674. <blockquote style="font-style:italic!important; margin-top:0px!important; color:">"To be a woman condemned to a painful and disgraceful punishment is no impediment to beauty, but it is an obstacle to the recovery of power. Like all persons of real genius, <i>Milady knew what suited her nature and her means.</i> ——— Poverty was repugnant to her; degradation took away two-thirds of her greatness. <i>Milady was only a queen while among queens.</i> The pleasure of satisfied pride was necessary to her domination. To command inferior beings was rather a humiliation than a pleasure for her."</i></b></blockquote>
  2675.  
  2676. <h4>Regulations</h4>
  2677.  
  2678. <b>REBOOTED 06/04/2017 // PREVIOUSLY JXZABEL</b>
  2679.  
  2680. <p>♠ ️Selective, semi-active, private
  2681. <br>♠ ️No exclusives policy
  2682. <br>♠ ️Tagged trigger warnings ( requests always open )
  2683. <br>♠ Para, multi-para, novella & script
  2684. <br>♠ Memes available to mutuals
  2685. <br>♠️ More than okay to turn memes into threads ( on a new post )
  2686. <br>♠️ Questions regarding milady open to everyone
  2687. <br>♠️ No pressuring policy
  2688. <br>♠️ No forced ships
  2689. <br>♠️ Portrayal highly based on the three musketeers by Alexandre Dumas
  2690. <br>♠️ Portrayal draws influence from the bbc’s the musketeers ( read more here )
  2691. <br>♠️ Mun: Dory, xx, cool bean <b>(☞ ͡° ͜ʖ ͡°)☞</b>
  2692.  
  2693.  
  2694. </div class="npcontent">
  2695.  
  2696.  
  2697. </div id="tabcontent" style="overflow:hidden!important;">
  2698. </div id="Regulations" class="page">
  2699.  
  2700.  
  2701. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Navigation' -->
  2702.  
  2703.  
  2704.  
  2705.  
  2706.  
  2707.  
  2708.  
  2709.  
  2710.  
  2711.  
  2712.  
  2713. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Timelines' -->
  2714.  
  2715.  
  2716. <!-- Information -->
  2717.  
  2718.  
  2719. <div id="Timelines" class="page" style="display:none;">
  2720. <div id="tabcontent" style="overflow:hidden!important;">
  2721.  
  2722.  
  2723. <div class="npheader">
  2724. <img src="https://static.tumblr.com/gjexvml/vtQpxzbgq/header14.png">
  2725. </div class="npheader">
  2726.  
  2727.  
  2728. <div class="npnavi">
  2729. <ul id="tabs">
  2730.  
  2731. <button onclick="myFunction()" class="dropbtn">
  2732.  
  2733. Universes / Timelines
  2734.  
  2735. </button>
  2736.  
  2737. </ul id="tabs">
  2738. </div class="npnavi">
  2739.  
  2740.  
  2741. <!-- TAB01 -->
  2742.  
  2743.  
  2744. <div class="npcontent">
  2745.  
  2746. <blockquote style="font-style:italic!important; margin-top:0px!important; color:">"—— But this time she had to contend with an unpolished nature, concentrated and insensible by force of austerity. Religion and its observances had made the man inaccessible to ordinary seductions. There fermented in that sublimated brain plans so vast, projects so tumultuous, <i>that there remained no room for any capricious or material love–</i> that sentiment which is fed by leisure and grows with corruption."</i></b></blockquote>
  2747.  
  2748.  
  2749.  
  2750. <h4><a href="/tagged/iv.%C2%A0-%C2%A0-%C2%A0%2F%C2%A0-%C2%A0verse-%2A%C2%A0-choker-of-daggers">Choker of Daggers</a></h4>
  2751.  
  2752.  
  2753. Etiam non posuere mi, et sollicitudin nulla. Donec id pulvinar tellus. Donec at tellus nec odio suscipit malesuada vitae at ipsum. Phasellus velit massa, euismod at fermentum eu, vestibulum ac felis. Proin malesuada tortor quis tellus egestas pulvinar. Curabitur posuere neque non purus tempus, quis volutpat nisi malesuada. Etiam feugiat mi nec sapien finibus cursus. Phasellus bibendum est sem.
  2754.  
  2755.  
  2756.  
  2757. <h4><a href="/tagged/iv.%C2%A0-%C2%A0-%C2%A0%2F%C2%A0-%C2%A0verse-%2A%C2%A0-queen-among-queens">Queen Among Queens</a></h4>
  2758.  
  2759.  
  2760. Cras hendrerit tincidunt ex. Duis diam dolor, molestie eget pulvinar sit amet, egestas vitae turpis. Aenean lacinia ultrices porttitor. Praesent tellus ligula, ornare eget efficitur id, scelerisque ut lorem. Morbi venenatis, lectus a porta pretium, dolor diam dictum urna, at sagittis dui enim eu mi. Phasellus tempus nulla eu lacus facilisis pretium. Donec quis libero nec dolor vestibulum fermentum. Sed aliquet euismod nibh et lobortis.
  2761.  
  2762.  
  2763.  
  2764. <h4><a href="/tagged/iv.%C2%A0-%C2%A0-%C2%A0%2F%C2%A0-%C2%A0verse-%2A%C2%A0-undecided">Undecided / Unsorted</a></h4>
  2765.  
  2766.  
  2767. </div class="npcontent">
  2768.  
  2769.  
  2770. </div id="tabcontent" style="overflow:hidden!important;">
  2771. </div id="Timelines" class="page">
  2772.  
  2773.  
  2774. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Navigation' -->
  2775.  
  2776.  
  2777.  
  2778.  
  2779.  
  2780.  
  2781.  
  2782.  
  2783.  
  2784.  
  2785.  
  2786.  
  2787.  
  2788. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Navigation' -->
  2789.  
  2790.  
  2791. <!-- Navigation -->
  2792.  
  2793.  
  2794. <div id="Navi" class="page" style="display:none;">
  2795. <div id="tabcontent" style="overflow:hidden!important;">
  2796.  
  2797.  
  2798. <div class="npheader">
  2799. <img src="https://static.tumblr.com/gjexvml/zBHpxzcxx/header21.png">
  2800. </div class="npheader">
  2801.  
  2802.  
  2803. <div class="npnavi">
  2804. <ul id="tabs">
  2805.  
  2806. <button onclick="myFunction()" class="dropbtn">
  2807.  
  2808. The General Navigational Links
  2809.  
  2810. </button>
  2811.  
  2812. </ul id="tabs">
  2813. </div class="npnavi">
  2814.  
  2815.  
  2816.  
  2817.  
  2818.  
  2819.  
  2820. <div class="npcontent">
  2821.  
  2822. <blockquote style="font-style:italic!important; margin-top:0px!important; color:">"The cardinal could not drive from his mind the fear he entertained of his terrible emissary–for he comprehended the strange qualities of this woman, <i>sometimes a serpent, sometimes a lion."</i></i></b></blockquote>
  2823.  
  2824. <div class="nplinks">
  2825.  
  2826. <h4>General / References</h4>
  2827.  
  2828. <a href="/tagged/ooc-%2A-%2F-finding-dory">
  2829. Out of Character Posts
  2830. </a>
  2831.  
  2832. <a href="/tagged/mine-%2A-%2F-photosh-%28-t-%29-op">
  2833. My Edits / Graphics
  2834. </a>
  2835.  
  2836. <a href="/tagged/save-%2A-%2F-shot-to-the-heart">
  2837. Saved Messages
  2838. </a>
  2839.  
  2840. <a href="/tagged/meme-%2A-%2F-wicked-games">
  2841. Memes / Prompts
  2842. </a>
  2843.  
  2844. <a href="/tagged/self-promo-%2A-%2F-no-shame-no-game">
  2845. Self Promotions
  2846. </a>
  2847.  
  2848. <a href="/tagged/promo-%2A-%2F-coats-of-arm">
  2849. Other Promotions
  2850. </a>
  2851.  
  2852. <h4>About Milady de Winter</h4>
  2853.  
  2854. <a href="/tagged/answered-%2A-%2F-written-%26-sealed">
  2855. Answered Questions
  2856. </a>
  2857.  
  2858. <a href="/tagged/milady-%2A-%2F-beauty-is-terror">
  2859. Visage / Countenance
  2860. </a>
  2861.  
  2862. <a href="/tagged/musings-%2A-%2F-haunted-by-words">
  2863. Musings / Inspirations
  2864. </a>
  2865.  
  2866. <a href="/tagged/i.%C2%A0-%C2%A0-%C2%A0%2F%C2%A0-%C2%A0study-%2A-a-tale-of-poisonous-beauty">
  2867. Study / Essence
  2868. </a>
  2869.  
  2870.  
  2871.  
  2872.  
  2873. <h4>Connections</h4>
  2874.  
  2875. <a href="/tagged/milathos-%2A-%2F-all-my-love-and-all-its-ashes">
  2876. Athos, Compte de la Fère
  2877. </a>
  2878.  
  2879.  
  2880. <a href="/tagged/%28-c-%29-%3A%3A%3A-%27-the-cardinal-%27">
  2881. Cardinal Richelieu
  2882. </a>
  2883.  
  2884.  
  2885. <a href="/">
  2886. d'Artagnan
  2887. </a>
  2888.  
  2889. <a href="/">
  2890. Aramis
  2891. </a>
  2892.  
  2893. <a href="/">
  2894. Porthos
  2895. </a>
  2896.  
  2897. <a href="/">
  2898. Ezio Auditore
  2899. </a>
  2900.  
  2901.  
  2902. </div class="nplinks">
  2903.  
  2904. </div class="npcontent">
  2905.  
  2906.  
  2907. </div id="tabcontent" style="overflow:hidden!important;">
  2908. </div id="Navi" class="page">
  2909.  
  2910.  
  2911. <!-- COPY/PASTE THIS TO MAKE ANOTHER PAGE AND RENAME 'Navigation' -->
  2912.  
  2913.  
  2914.  
  2915.  
  2916.  
  2917.  
  2918.  
  2919.  
  2920.  
  2921. <!-- PASTE ADDITIONAL PAGES HERE -->
  2922.  
  2923.  
  2924.  
  2925.  
  2926.  
  2927.  
  2928.  
  2929.  
  2930.  
  2931.  
  2932.  
  2933.  
  2934.  
  2935.  
  2936.  
  2937.  
  2938. </div id="container">
  2939.  
  2940.  
  2941. <!-- CREDIT -->
  2942.  
  2943. <div id="credit">
  2944. <div style="width:105px;margin-right:10px;">
  2945.  
  2946.  
  2947. <a href="http://iniziare.tumblr.com/post/183826974792/base-theme-viper-preview-download-code" target="blank">
  2948. <span>S.</span>MADE BY SAE.</a>
  2949.  
  2950.  
  2951. </div style>
  2952. </div id="credit">
  2953.  
  2954. </body>
  2955. </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!