Advertisement
Daichi-Sama

Sailor Moon

Dec 14th, 2018
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.16 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5. <!--
  6.  
  7. WINTER'S LADY THEMES
  8. ♛ this code was made by AGIRLINGREY@TUMBLR.
  9. ♛ do not remove credit or claim as your own.
  10.  
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20.  
  21. <!--
  22. TOOLTIP STYLING SCRIPT
  23. -->
  24.  
  25.  
  26. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  29. <script>
  30. (function($){
  31. $(document).ready(function(){
  32. $("[title]").style_my_tooltips({
  33. tip_follows_cursor:true,
  34. tip_delay_time:200,
  35. tip_fade_speed:500
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47. <meta name="color:background" content="#000000"/>
  48. <meta name="color:text" content="#a1a0a0"/>
  49. <meta name="color:description" content=transparent/>
  50. <meta name="color:link" content="#e0d3ed"/>
  51. <meta name="color:link hover" content="#989898" />
  52. <meta name="color:bold" content="#cdc2f0" />
  53. <meta name="color:italic" content="#ffffff" />
  54. <meta name="color:border" content="#292828" />
  55. <meta name="color:scrollbar" content="#ffffff" />
  56. <meta name="color:postbg" content=transparent />
  57. <meta name="color:blockquote" content="#121212" />
  58. <meta name="color:tags" content="#e0d3ed"/>
  59.  
  60. <meta name="image:background" content=""/>
  61.  
  62. <meta name="text:link 1" content="link 1"/>
  63. <meta name="text:link 1 url" content="/"/>
  64. <meta name="text:link 2" content="link 2"/>
  65. <meta name="text:link 2 url" content="/"/>
  66. <meta name="text:link 3" content="link 3"/>
  67. <meta name="text:link 3 url" content="/"/>
  68. <meta name="text:link 4" content="link 4"/>
  69. <meta name="text:link 4 url" content="/"/>
  70. <meta name="text:link 5" content="link 5"/>
  71. <meta name="text:link 5 url" content="/"/>
  72. <meta name="text:link 6" content="link 6"/>
  73. <meta name="text:link 6 url" content="/"/>
  74. <meta name="text:link 7" content="link 7"/>
  75. <meta name="text:link 7 url" content="/"/>
  76. <meta name="text:link 8" content="link 8"/>
  77. <meta name="text:link 8 url" content="/"/>
  78.  
  79. <meta name="if:tinycursor" content="1"/>
  80. <meta name="if:greyscale" content="0"/>
  81. <meta name="text:text size" content="12px" />
  82. <meta name="if:showsubmit" content="0"/>
  83.  
  84. <meta name="color:updates bar" content="#070707"/>
  85. <meta name="image:Updates" content=""/>
  86. <meta name="image:thekey" content=""/>
  87.  
  88.  
  89.  
  90. <!--
  91. CUSTOM FONTS
  92. -->
  93.  
  94.  
  95. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  96.  
  97. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  98.  
  99. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  100.  
  101. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106.  
  107.  
  108. /* the hover update thing */
  109.  
  110.  
  111.  
  112. #bite
  113. #bite a{
  114. display:block
  115. }
  116. #bite .death {
  117. margin-top:0px;filter: alpha(opacity = 1.0);
  118. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  119. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  120. }
  121.  
  122. #bite:hover .death {
  123. margin-top:0px;
  124. -webkit-transition: all 0.8s ease-out;
  125. -moz-transition: all 0.8s ease-out;
  126. transition: all 0.8s ease-out;
  127. filter: alpha(opacity = 100);
  128. filter: alpha(opacity = 100);
  129. opacity:100;
  130. }
  131.  
  132.  
  133. /* selection font and background */
  134.  
  135.  
  136. ::selection {
  137. background: #444;
  138. color:#fff; }
  139.  
  140.  
  141. ::-moz-selection {
  142. background: #444;
  143. color:#fff; }
  144.  
  145.  
  146.  
  147. /* scrollbar details */
  148.  
  149.  
  150.  
  151. ::-webkit-scrollbar {
  152. height: 0px;
  153. width: 2px;
  154. background:transparent;
  155. border-left:0px solid transparent;
  156. border-right:0px solid transparent;}
  157.  
  158.  
  159. ::-webkit-scrollbar-thumb {
  160. background:transparent;}
  161.  
  162. /* general look & background */
  163.  
  164.  
  165. body {
  166. background:#9060a6;
  167. background-image:url('https://static.tumblr.com/9jpnowp/uIepjq08f/sailor-moon.png');
  168. background-attachment: fixed;
  169. background-repeat: no-repeat;
  170. background-position: left top;
  171. color:#9060a6;
  172. font-family: calibri;
  173. text-align:justify;
  174. font-size: 10px;
  175. letter-spacing:1px;
  176. line-height:135%;
  177.  
  178. }
  179.  
  180.  
  181.  
  182. /* back to general look & details */
  183.  
  184.  
  185.  
  186. a:link, a:active, a:visited {
  187. text-decoration: none;
  188. color: #cb6ea5;
  189. -moz-transition-duration:.6s;
  190. -webkit-transition-duration:.6s;
  191. -o-transition-duration:.6s;
  192. -webkit-filter: blur(0px);}
  193.  
  194. a:hover {
  195. color: #9060a6;
  196. -moz-transition-duration:.6s;
  197. -webkit-transition-duration:.6s;
  198. -o-transition-duration:.6s;
  199. -webkit-filter: blur(1px);}
  200.  
  201.  
  202.  
  203. h1 {
  204. background-color: transparent;
  205. font-family: 'Montserrat', sans-serif;
  206. font-size: 16px;
  207. line-height: 20px;
  208. letter-spacing: 2px;
  209. text-align: center;
  210. text-transform:uppercase;
  211. color: #9060a6;
  212. }
  213.  
  214.  
  215. h2 {
  216. background-color: transparent;
  217. font-family: 'Montserrat', sans-serif;
  218. font-size: 15px;
  219. line-height: 16px;
  220. letter-spacing: 2px;
  221. text-align: left;
  222. text-transform:uppercase;
  223. color: #9060a6;
  224. }
  225.  
  226.  
  227.  
  228. h3 {
  229. background-color: transparent;
  230. background-image:url("https://static.tumblr.com/9jpnowp/ZQ5pjq3qw/sailormoon.png");
  231. border:1px dotted #9b9b9b;
  232. font-family: arial;
  233. font-weight:bold;
  234. color: #9060a6;
  235. text-shadow:0px 0px 2px #2c2f34;
  236. font-size: 10px;
  237. line-height: 12px;
  238. letter-spacing: 2px;
  239. text-align: center;
  240. text-transform:uppercase;
  241. padding:1px;
  242. line-height:120%;}
  243.  
  244.  
  245.  
  246. quotetext {
  247. background-color: transparent;
  248. font-family: times;
  249. font-size: 14px;
  250. line-height: 20px;
  251. letter-spacing: 2px;
  252. text-align: center;
  253. text-transform:uppercase;
  254. color: #dadada;
  255. }
  256.  
  257.  
  258.  
  259. blockquote {
  260. word-wrap: break-word;
  261. padding:2px 7px;
  262. margin:3px 0 3px 10px;
  263. border-left:1px solid #cb6ea5;
  264. background-color:transparent;}
  265.  
  266.  
  267. blockquote img{
  268. max-width:100%;
  269. height:auto;
  270. }
  271.  
  272. blockquote blockquote img{
  273. max-width:100%;
  274. height:auto;
  275. }
  276.  
  277.  
  278.  
  279. b, bold {
  280. font-size:10px;
  281. text-transform:uppercase;
  282. letter-spacing:1px;
  283. font-family: times;
  284. color: #cb6ea5;
  285. text-shadow:1px 1px 0 #9060a6;
  286. }
  287.  
  288.  
  289. i, italic {
  290. font-size:12px;
  291. color: #fff;
  292. font-family: 'Roboto Condensed', sans-serif;
  293. text-shadow: 0px 0px 2px #cb6ea5;
  294. letter-spacing:1px;
  295. text-transform:lowercase;
  296. }
  297.  
  298.  
  299.  
  300. p {
  301. margin-top:5px;
  302. margin-bottom:5px;}
  303.  
  304.  
  305. ol {
  306. list-style:normal;}
  307.  
  308.  
  309. ul {
  310. list-style:square;}
  311.  
  312.  
  313. small {
  314. font-size:10px}
  315.  
  316.  
  317. sup,sub {
  318. font-size:11px}
  319.  
  320.  
  321. pre {
  322. font-size: 10px;
  323. letter-spacing:3px;
  324. background-color:#7f7f7f;
  325. font-family: "Times New Roman", Times, serif;
  326. font-style: none;
  327. text-align:center;
  328. }
  329.  
  330.  
  331.  
  332. big {
  333. font-size:14px;
  334. text-transform:uppercase;
  335. letter-spacing:2px;
  336. font-family: "Times New Roman", Times, serif;
  337. color: #cb6ea5;
  338. text-shadow: 0px 0px 2px #cb6ea5;
  339. }
  340.  
  341.  
  342.  
  343.  
  344. img {
  345. -webkit-filter:grayscale(50%);
  346. -webkit-transition: all 0.9s ease-in-out;
  347. -moz-transition: all 0.9s ease-in-out;
  348. -o-transition: all 0.9s ease-in-out;
  349. -ms-transition: all 0.9s ease-in-out;
  350. transition: all 0.9s ease-in-out;}
  351.  
  352. img:hover {
  353. -webkit-filter:none;}
  354.  
  355. .html_photoset {
  356. -webkit-filter: grayscale(50%);
  357. -webkit-transition: all 0.9s ease-in-out;
  358. -moz-transition: all 0.9s ease-in-out;
  359. -o-transition: all 0.9s ease-in-out;
  360. -ms-transition: all 0.9s ease-in-out;
  361. transition: all 0.9s ease-in-out;}
  362.  
  363. .html_photoset:hover {
  364. -webkit-filter: none;}
  365.  
  366.  
  367. #pcontainer {
  368. background-color:transparent;
  369. width:350px;
  370. height:348px;
  371. padding: 20px;
  372. top:263px;
  373. margin-left: 252px;
  374. position:relative;
  375. overflow-y:scroll;
  376. overflow-x:hidden;
  377. border:1px solid transparent;
  378. }
  379.  
  380.  
  381.  
  382. #pcontainer img {
  383. height:auto;
  384. max-width:100%;
  385. }
  386.  
  387.  
  388.  
  389. #content {
  390. margin-left:62px;
  391. width:310px;
  392. margin-top: -100px;
  393. }
  394.  
  395.  
  396. #posts {
  397. width:340px;
  398. padding:10px;
  399. margin-top: 85px;
  400. margin-left:-70px;
  401. padding-bottom:0px;}
  402.  
  403.  
  404.  
  405. #sidebar {
  406. margin-left: 1590px;
  407. line-height:15px;
  408. width: 180px;
  409. position: fixed;
  410. top: 200px;
  411. text-align: center; }
  412.  
  413.  
  414. #sidebar img {
  415. width:150px;
  416. padding-top:10px;
  417. padding-bottom:10px;}
  418.  
  419.  
  420. #description {
  421. margin-left: 0px;
  422. margin-top: -50px;
  423. width:180px;
  424. color:transparent;}
  425.  
  426.  
  427.  
  428. #actualnews {
  429. font-family: calibri;
  430. font-size:10px;
  431. text-align:justify;
  432. background:transparent;
  433. color: #9060a6;
  434. width:132px;
  435. height:100px;
  436. padding-top:3px;
  437. border:0px solid #131313;
  438. margin-left: 735px;
  439. margin-top: 30px;
  440. position:fixed;
  441.  
  442.  
  443. }
  444.  
  445.  
  446.  
  447.  
  448. #thekey {
  449. position:fixed;
  450. color:#7c7470;
  451. text-shadow: 0px 0px 2px #fff;
  452. margin-top:175px;
  453. margin-left:55px;
  454. width:710px;
  455. padding:9px;
  456. letter-spacing:2px;
  457. word-spacing:5px; /*this defines the separation of each word of the links*/
  458. font-family: helvetica;
  459. font-size:12px;
  460. text-align:center;
  461. background:transparent;
  462. text-transform:uppercase;
  463. -webkit-transform: rotate(-90deg);
  464. -moz-transform: rotate(-90deg);
  465. -o-transform: rotate(-90deg);
  466. }
  467.  
  468.  
  469.  
  470.  
  471. /* JUMBLED LINKS */
  472.  
  473.  
  474.  
  475. .alinks {
  476. position:fixed;
  477. text-shadow: 0px 0px 0px #fff;
  478. left:950px;
  479. top:280px;
  480. transform: rotate(0deg);
  481. font-family: 'Montserrat', sans-serif;
  482. font-size: 15px;}
  483.  
  484.  
  485. .alinks a {
  486. padding:10px;
  487. color:#cb6ea5;
  488. margin-right:0px;
  489. -webkit-filter: blur(0px);
  490. -webkit-transition: 0.8s ease-in;
  491. -moz-transition: 1s ease-in;
  492. transition: 1s ease-in;
  493. }
  494.  
  495. .alinks a:hover {
  496. -webkit-transition: all 0.6s ease-in-out;
  497. -moz-transition: all 0.6s ease-in-out;
  498. -o-transition: all 0.6s ease-in-out;
  499. -ms-transition: all 0.6s ease-in-out;
  500. transition: all 0.6s ease-in-out;
  501. color: #9060a6;
  502. text-shadow: 2px 2px 2px #fff;
  503. }
  504.  
  505.  
  506.  
  507.  
  508. .blinks {
  509. position:fixed;
  510. text-shadow: 0px 0px 0px #fff;
  511. left:985px;
  512. top:294px;
  513. transform: rotate(0deg);
  514. font-family: 'Montserrat', sans-serif;
  515. font-size: 15px;}
  516.  
  517.  
  518. .blinks a {
  519. padding:10px;
  520. color:#cb6ea5;
  521. margin-right:0px;
  522. -webkit-filter: blur(0px);
  523. -webkit-transition: 0.8s ease-in;
  524. -moz-transition: 1s ease-in;
  525. transition: 1s ease-in;
  526. }
  527.  
  528. .blinks a:hover {
  529. -webkit-transition: all 0.6s ease-in-out;
  530. -moz-transition: all 0.6s ease-in-out;
  531. -o-transition: all 0.6s ease-in-out;
  532. -ms-transition: all 0.6s ease-in-out;
  533. transition: all 0.6s ease-in-out;
  534. color: #9060a6;
  535. text-shadow: 2px 2px 2px #fff;
  536. }
  537.  
  538.  
  539.  
  540.  
  541. .clinks {
  542. position:fixed;
  543. text-shadow: 0px 0px 0px #fff;
  544. left:1015px;
  545. top:316px;
  546. transform: rotate(0deg);
  547. font-family: 'Montserrat', sans-serif;
  548. font-size: 15px;}
  549.  
  550.  
  551. .clinks a {
  552. padding:10px;
  553. color:#cb6ea5;
  554. margin-right:0px;
  555. -webkit-filter: blur(0px);
  556. -webkit-transition: 0.8s ease-in;
  557. -moz-transition: 1s ease-in;
  558. transition: 1s ease-in;
  559. }
  560.  
  561. .clinks a:hover {
  562. -webkit-transition: all 0.6s ease-in-out;
  563. -moz-transition: all 0.6s ease-in-out;
  564. -o-transition: all 0.6s ease-in-out;
  565. -ms-transition: all 0.6s ease-in-out;
  566. transition: all 0.6s ease-in-out;
  567. color: #9060a6;
  568. text-shadow: 2px 2px 2px #fff;
  569. }
  570.  
  571.  
  572.  
  573.  
  574. .dlinks {
  575. position:fixed;
  576. text-shadow: 0px 0px 0px #fff;
  577. left:1038px;
  578. top:343px;
  579. transform: rotate(0deg);
  580. font-family: 'Montserrat', sans-serif;
  581. font-size: 15px;}
  582.  
  583.  
  584. .dlinks a {
  585. padding:10px;
  586. color:#cb6ea5;
  587. margin-right:0px;
  588. -webkit-filter: blur(0px);
  589. -webkit-transition: 0.8s ease-in;
  590. -moz-transition: 1s ease-in;
  591. transition: 1s ease-in;
  592. }
  593.  
  594. .dlinks a:hover {
  595. -webkit-transition: all 0.6s ease-in-out;
  596. -moz-transition: all 0.6s ease-in-out;
  597. -o-transition: all 0.6s ease-in-out;
  598. -ms-transition: all 0.6s ease-in-out;
  599. transition: all 0.6s ease-in-out;
  600. color: #9060a6;
  601. text-shadow: 2px 2px 2px #fff;
  602. }
  603.  
  604.  
  605.  
  606.  
  607. .elinks {
  608. position:fixed;
  609. text-shadow: 0px 0px 0px #fff;
  610. left:1055px;
  611. top:370px;
  612. transform: rotate(0deg);
  613. font-family: 'Montserrat', sans-serif;
  614. font-size: 15px;}
  615.  
  616.  
  617. .elinks a {
  618. padding:10px;
  619. color:#cb6ea5;
  620. margin-right:0px;
  621. -webkit-filter: blur(0px);
  622. -webkit-transition: 0.8s ease-in;
  623. -moz-transition: 1s ease-in;
  624. transition: 1s ease-in;
  625. }
  626.  
  627. .elinks a:hover {
  628. -webkit-transition: all 0.6s ease-in-out;
  629. -moz-transition: all 0.6s ease-in-out;
  630. -o-transition: all 0.6s ease-in-out;
  631. -ms-transition: all 0.6s ease-in-out;
  632. transition: all 0.6s ease-in-out;
  633. color: #9060a6;
  634. text-shadow: 2px 2px 2px #000;
  635. }
  636.  
  637.  
  638.  
  639. .flinks {
  640. position:fixed;
  641. text-shadow: 0px 0px 0px #000;
  642. left:1065px;
  643. top:400px;
  644. transform: rotate(0deg);
  645. font-family: 'Montserrat', sans-serif;
  646. font-size: 15px;}
  647.  
  648.  
  649. .flinks a {
  650. padding:10px;
  651. color:#cb6ea5;
  652. margin-right:0px;
  653. -webkit-filter: blur(0px);
  654. -webkit-transition: 0.8s ease-in;
  655. -moz-transition: 1s ease-in;
  656. transition: 1s ease-in;
  657. }
  658.  
  659. .flinks a:hover {
  660. -webkit-transition: all 0.6s ease-in-out;
  661. -moz-transition: all 0.6s ease-in-out;
  662. -o-transition: all 0.6s ease-in-out;
  663. -ms-transition: all 0.6s ease-in-out;
  664. transition: all 0.6s ease-in-out;
  665. color: #9060a6;
  666. text-shadow: 2px 2px 2px #000;
  667. }
  668.  
  669.  
  670.  
  671. .credit {
  672. position:fixed;
  673. text-shadow: 0px 0px 11px #cb6ea5;
  674. right:15px;
  675. bottom:15px;
  676. transform: rotate(0deg);
  677. font-family: helvetica;
  678. font-size: 14px; }
  679.  
  680.  
  681. .credit a {
  682. padding:10px;
  683. color:#fff;
  684. margin-right:0px;
  685. -webkit-filter: blur(0px);
  686. -webkit-transition: 0.8s ease-in;
  687. -moz-transition: 1s ease-in;
  688. transition: 1s ease-in;
  689. }
  690.  
  691. .credit a:hover {
  692. -webkit-transition: all 0.6s ease-in-out;
  693. -moz-transition: all 0.6s ease-in-out;
  694. -o-transition: all 0.6s ease-in-out;
  695. -ms-transition: all 0.6s ease-in-out;
  696. transition: all 0.6s ease-in-out;
  697. color: #cb6ea5;
  698. text-shadow: 2px 2px 2px #cb6ea5;
  699. }
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710. /* JUMBLED LINKS ENDS */
  711.  
  712.  
  713.  
  714. #pagination {
  715. position:fixed;
  716. font-family:times;
  717. width:300px;
  718. font-size:8px;
  719. top:472px;
  720. left:755px;
  721. letter-spacing:3px;
  722. text-align:center;
  723. z-index:999999999999;
  724. }
  725.  
  726. #pagination a {
  727. text-transform:uppercase;
  728. color:#cb6ea5;
  729.  
  730. }
  731.  
  732. #pagination a:hover {
  733. color:#9060a6;
  734. -webkit-filter: blur(0px);
  735. -webkit-transition: 0.2s ease-in;
  736. -moz-transition: 1s ease-in;
  737. transition: 1s ease-in;
  738. }
  739.  
  740.  
  741. .audio {
  742. width:335px;
  743. padding-bottom:10px;
  744. background-color:{color:#efd0e8};}
  745.  
  746. .albumart {
  747. float:left;
  748. padding:0px 10px 10px 0px;}
  749.  
  750. .albumart img {
  751. width:65px;
  752. height:65px;}
  753.  
  754. .playercontainer {
  755. text-align:left;
  756. padding:10px;
  757. background-color:#efd0e8;
  758. width:335px;}
  759.  
  760. .audioinfo {
  761. padding:10px;
  762. color:#9060a6;}
  763.  
  764.  
  765.  
  766.  
  767.  
  768. /* QUESTIONS & ANSWERS DETAILS */
  769.  
  770.  
  771. #asker {
  772. font-family: 'Arizonia', cursive;
  773. font-style:none;
  774. letter-spacing:2px;
  775. text-align:center;
  776. padding-top: 10px;
  777. margin-left:0px;
  778. text-transform:lowercase;
  779. color: #fff;
  780. font-size:30px;
  781. padding:5px;
  782. letter-spacing:0px
  783. text-shadow:2 2 2px #cb6ea5;
  784. }
  785.  
  786.  
  787. #asker a{
  788. font-family: 'Arizonia', cursive;
  789. font-style:none;
  790. letter-spacing:2px;
  791. text-transform:lowercase;
  792. font-size:30px;
  793. letter-spacing: 0px;
  794. text-shadow: none;
  795. color: #cb6ea5;
  796. text-shadow:0 0 2px #cb6ea5;
  797. -webkit-filter: blur(0.5px);
  798. }
  799.  
  800.  
  801. #asker a:hover {
  802. color: #656565;
  803. letter-spacing: 0px;
  804. text-shadow:0 0 2px #000;
  805. -webkit-filter: blur(2px);
  806. -webkit-transition:all .5s ease-in-out;
  807. -moz-transition:all .5s ease-in-out;
  808. transition:all .5s ease-in-out;
  809. }
  810.  
  811.  
  812.  
  813. #ask {
  814. font-family: times;
  815. width:310px;
  816. font-size:8px;
  817. text-align:center;
  818. padding-top: 5px;
  819. margin-left:0px;
  820. text-transform:auto;
  821. letter-spacing:3px
  822. margin-top:-10px;
  823. padding:5px;
  824. background: #cb6ea5;
  825. background: url("https://static.tumblr.com/9jpnowp/ZQ5pjq3qw/sailormoon.png");
  826. color:#fff;
  827. text-transform: uppercase;
  828. border-bottom-left-radius: 10px;
  829. border-bottom-right-radius: 10px;
  830. border-top-left-radius: 10px;
  831. border-top-right-radius: 10px;
  832. padding:10px;
  833. letter-spacing:2px;
  834. border-bottom:dashed 1px #cb6ea5;
  835. border-top:dashed 1px #cb6ea5;
  836. }
  837.  
  838.  
  839. .ans {
  840. text-align:center;
  841. padding:10px;
  842. }
  843.  
  844.  
  845. /* POST INFO DETAILS */
  846.  
  847.  
  848.  
  849. #info {
  850. background: url("https://static.tumblr.com/9jpnowp/ZQ5pjq3qw/sailormoon.png");
  851. border: 1px dashed #cb6ea5;
  852. border-bottom-right-radius: 15px;
  853. border-bottom-left-radius: 15px;
  854. border-top-right-radius: 15px;
  855. border-top-left-radius: 15px;
  856. width:330px;
  857. height:25px;
  858. text-align:center;
  859. letter-spacing:10px;
  860. margin-top:8px;
  861. margin-bottom:50px;
  862. text-transform:uppercase;
  863. font-size:15px;
  864. font-style:none;
  865. }
  866.  
  867.  
  868.  
  869.  
  870. #info a {
  871. color:#fff;}
  872.  
  873. #info a:hover {
  874. color:#cb6ea5;}
  875.  
  876.  
  877.  
  878.  
  879. #tags {
  880. font-family: helvetica;
  881. color:#cb6ea5;
  882. padding-bottom:35px;
  883. letter-spacing:2px;
  884. text-transform:uppercase;
  885. font-size:7px;
  886. font-style:normal;
  887. margin-top:10px;
  888. text-align:right;
  889. float:right;
  890. }
  891.  
  892.  
  893. #tags a {
  894. display:inline-block;
  895. padding:-3px;
  896. opacity:0.8;
  897. text-align:center;
  898. color:#cb6ea5;
  899.  
  900. }
  901.  
  902.  
  903. #tags a:hover {
  904. color:#9060a6;
  905. }
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912. .note {
  913. text-transform:uppercase;
  914. font-style:normal;
  915. letter-spacing:0px;
  916. font-size: 10px;
  917. text-align:left;
  918. line-height:90%;
  919. margin-left:-40px;}
  920.  
  921. .note li {
  922. list-style-type:none;
  923. border-bottom:0px solid #cb6ea5;
  924. padding:10px 25px 10px 25px;
  925. text-align:left;
  926. margin:0px;
  927. -moz-transition-duration:0.5s;
  928. -webkit-transition-duration:0.5s;
  929. -o-transition-duration:0.5s;}
  930.  
  931. .note img.avatar {
  932. margin-right: 10px;
  933. width: 16px;
  934. height: 16px;}
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943. /*--TOOLTIP DETAILS--*/
  944.  
  945.  
  946.  
  947. #s-m-t-tooltip{
  948. max-width:400px;
  949. margin:15px;
  950. padding:2px 8px;
  951. background: #dcdcdc;
  952. background-image:url('https://static.tumblr.com/9jpnowp/ZQ5pjq3qw/sailormoon.png');
  953. border:1px dotted;
  954. border-color: #9060a6;
  955. color:#9b9b9b;
  956. z-index:99999999999999999999;
  957. font-size:9px;
  958. letter-spacing:2px;
  959. font-style:bold;
  960. letter-spacing:2px;
  961. font-family:'helvetica';
  962. text-tr9060a6form:uppercase;
  963. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  964.  
  965.  
  966.  
  967.  
  968.  
  969. </style>
  970.  
  971.  
  972. </head>
  973.  
  974. <body>
  975.  
  976. <div id="content">
  977.  
  978. <div id="sidebar">
  979.  
  980. <img src="{image:Sidebar}" />
  981.  
  982. <div id="description">{description}</div>
  983.  
  984. </div>
  985.  
  986. <div id="pagination">
  987. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◄</a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">►</a>{/block:NextPage}{/block:Pagination}
  988. </div>
  989.  
  990.  
  991. <div id="links">
  992.  
  993.  
  994. <div id="linkbar">
  995.  
  996.  
  997. <div class="alinks">
  998. <a href="/" title="refresh."> ✦ </a>
  999. </div>
  1000.  
  1001.  
  1002. <div class="blinks">
  1003. <a href="/ask" title="ask."> ✧ </a>
  1004. </div>
  1005.  
  1006.  
  1007. <div class="clinks">
  1008. <a href="/rules" title="rules."> ✦ </a>
  1009. </div>
  1010.  
  1011.  
  1012. <div class="dlinks">
  1013. <a href="/bio" title="bio."> ✧ </a>
  1014. </div>
  1015.  
  1016.  
  1017.  
  1018. <div class="elinks">
  1019. <a href="/hcs" title="headcanons."> ✦ </a>
  1020. </div>
  1021.  
  1022.  
  1023.  
  1024. <div class="flinks">
  1025. <a href="/mun" title="mun."> ✧ </a>
  1026. </div>
  1027.  
  1028.  
  1029. <div class="credit">
  1030. <a href="https://agirlingrey.tumblr.com/" title="agirlingrey.">A.</a>
  1031. </div>
  1032.  
  1033.  
  1034. </div></div>
  1035.  
  1036.  
  1037. <div id="pcontainer">
  1038.  
  1039. <div id="content"><div id="posts">
  1040. {block:Posts}
  1041.  
  1042.  
  1043. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1044. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1045. {block:Text}{Body}{/block:Text}
  1046.  
  1047. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1048.  
  1049. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1050.  
  1051. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1052. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1053.  
  1054. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1055.  
  1056. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1057.  
  1058.  
  1059. {block:Answer}<div id="asker" style="width:255px; text-shadow:0 0 5px #cb6ea5; ">{Asker}:<div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:; marging-left:0px;">{Answer}</span>{/block:Answer}
  1060.  
  1061.  
  1062. {block:Audio}<div class="audio">
  1063.  
  1064. {block:AlbumArt}
  1065. {/block:AlbumArt}
  1066.  
  1067.  
  1068. <div class="audiocb6ea5">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1069. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1070. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1071. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1072.  
  1073.  
  1074. <div id="info">
  1075. <br>
  1076.  
  1077. &nbsp; &nbsp;
  1078.  
  1079.  
  1080. {block:Date}
  1081. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #cb6ea5;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ● </a>
  1082. {/block:Date}
  1083.  
  1084.  
  1085. {block:RebloggedFrom}
  1086. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #cb6ea5;" title=" via. {ReblogParentName} "> ● </a>
  1087. {/block:RebloggedFrom}
  1088.  
  1089.  
  1090. {block:ContentSource}
  1091. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #cb6ea5;" title=" source. {SourceTitle} "> ● </a>
  1092. {/block:ContentSource}
  1093.  
  1094.  
  1095. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #cb6ea5;" title=" {NoteCount} notes "> ● </a>
  1096.  
  1097.  
  1098. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #cb6ea5;" title="reblog"> ● </a>
  1099.  
  1100.  
  1101. <br>
  1102.  
  1103. {block:HasTags}<div id="tags">{block:Tags} & <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1104. {/block:Posts}
  1105. <div class="note">
  1106. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1107. </div>
  1108.  
  1109. {/block:Posts}</div></div>
  1110.  
  1111.  
  1112.  
  1113. </div> </div> </div> </div> </div> </div>
  1114.  
  1115. <div id="bite">
  1116. <div id="thekey"></div>
  1117. <div class="death">
  1118. <div id="actualnews">
  1119.  
  1120. <center>
  1121.  
  1122. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1123.  
  1124. Indepedent <i>Selective</i> Usagi Tsukino - Sailor Moon.<br>
  1125. Please read the <a href="/rules">rules</a> before interacting! <br> Penned by <b>Seraph</b>.
  1126.  
  1127.  
  1128.  
  1129.  
  1130. </center>
  1131.  
  1132. </body>
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139. </div>
  1140. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement