API tools faq
paste
Advertisement
littlemisswhoever

Page: Estoires (by iniziare)

littlemisswhoever
Jan 15th, 2019
1,720
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- (BASE) THEME BY INIZIARE -->
  4.  
  5.  
  6.  
  7.  
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. </head>
  13.  
  14.  
  15. <!-- The header image dimensions are 262px by 48px.
  16. Anything bigger will be clipped/hidden, not resized.
  17.  
  18.  
  19. Want to change the color of things but unsure of where it is in the CSS?
  20. Simply press Ctrl+F and do a search:
  21.  
  22. TITLE COLOR - If you want to change the color of 'MUSE # NAME HERE'
  23. LINKS COLOR - If you want to change the color of 'THREADS', 'VISAGE', etc.
  24.  
  25.  
  26. If you want to add extra muse boxes, simply copy the entire code of one of the muse boxes. An entire muse box, by default, looks like this:
  27.  
  28. https://i.gyazo.com/25ffa8cbd736ce7ad54e7103cc6571c3.png
  29.  
  30. Good luck and have fun! -->
  31.  
  32.  
  33.  
  34.  
  35.  
  36. <link href="https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre" rel="stylesheet">
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar-thumb {
  42. border-left:1px solid #151515;
  43. border-top:1px solid #151515;
  44. border-bottom:1px solid #151515;
  45. background-color:#030303!important;
  46. }
  47.  
  48. ::-webkit-scrollbar-track {
  49. border-left:0px solid #0b0b0b;
  50. background-color:#000000;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. height:2px;
  55. width:6px;
  56. border-left:0px solid #0b0b0b;
  57. background-color:#000000;
  58. }
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67. body {
  68.  
  69. background-color:#000000;
  70. color:#c6c6c6;
  71. font-family:'Frank Ruhl Libre';
  72. font-size:10px;
  73. }
  74.  
  75.  
  76.  
  77. b, bold, strong {
  78. font-size:9.5px;
  79. font-family: calibri;
  80. text-transform:uppercase;
  81. letter-spacing:-0.05px;
  82. font-weight:bold;
  83. color:#474747;
  84. padding-right:0px;
  85. padding-left:0px;
  86. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  87. }
  88.  
  89. em, i, italic {
  90. font-family:calibri;
  91. font-style:normal;
  92. font-weight:700;
  93. font-size:9.5px;
  94. line-height:10px;
  95. text-shadow: 0px 0px 1px #000;
  96. color:#ffffff;
  97. text-transform:uppercase;
  98. }
  99.  
  100.  
  101. #outercontainer {
  102. position: absolute;
  103. left: 50%;
  104. top: 50%;
  105. margin-left: -444px;
  106. margin-top: -246px;
  107. width:888px;
  108. height:492px;
  109. border:1px solid #151515;
  110. }
  111.  
  112.  
  113.  
  114. #topbar {
  115. margin-top:-1px;
  116. margin-left:-1px;
  117. margin-bottom:0px;
  118. height:25px;
  119. }
  120.  
  121.  
  122.  
  123. .toplinks {
  124. text-align:center;
  125. line-height:25px;
  126. }
  127.  
  128.  
  129.  
  130. .toplinks a {
  131. text-transform:uppercase;
  132. color:#474747;
  133. font-family:calibri;
  134. text-decoration:none!important;
  135. font-family:9px;
  136. font-weight:bold;
  137. margin-right:165px;
  138. -moz-transition-duration:2s;
  139. -webkit-transition-duration:2s;
  140. -o-transition-duration:2s;
  141. }
  142.  
  143.  
  144. .toplinks a:hover {
  145. color:#ffffff;
  146. -moz-transition-duration:2s;
  147. -webkit-transition-duration:2s;
  148. -o-transition-duration:2s;
  149. }
  150.  
  151.  
  152.  
  153. .toplinks a:last-child {
  154. margin-right:0px;
  155. }
  156.  
  157.  
  158.  
  159.  
  160. #middlecontainer {
  161. border:1px solid #151515;
  162. overflow-y:scroll;
  163. width:888px;
  164. height:442px;
  165. margin-left:-1px;
  166. }
  167.  
  168.  
  169.  
  170. #innercontainer {
  171. margin-left:26px;
  172. margin-top:26px;
  173. }
  174.  
  175.  
  176. #bottombar {
  177. height:25px;
  178. margin-left:-1px;
  179. margin-top:-1px;
  180. }
  181.  
  182.  
  183. #bottomlinks {
  184. text-align:center;
  185. line-height:25px;
  186. margin-left:0px;
  187. }
  188.  
  189.  
  190. #bottomlinks a {
  191. text-transform:uppercase;
  192. color:#151515;
  193. font-family:calibri;
  194. text-decoration:none!important;
  195. font-family:9px;
  196. font-weight:bold;
  197. margin-right:200px;
  198. -moz-transition-duration:2s;
  199. -webkit-transition-duration:2s;
  200. -o-transition-duration:2s;
  201. }
  202.  
  203.  
  204. #bottomlinks a:hover {
  205. color:#ffffff;
  206. -moz-transition-duration:2s;
  207. -webkit-transition-duration:2s;
  208. -o-transition-duration:2s;
  209. }
  210.  
  211.  
  212. #bottomlinks a:last-child {
  213. margin-right:0px;
  214. }
  215.  
  216.  
  217.  
  218. .mbox {
  219. position:relative;
  220. float:left;
  221. width:262px;
  222. margin-top:-1px;
  223. border:0px solid #151515;
  224. height:175px;
  225. max-height:175px;
  226. margin-left:-1px;
  227. margin-right:27px;
  228. margin-bottom:35px;
  229. }
  230.  
  231.  
  232. .mbox:nth-of-type(3n) {
  233. margin-right:0px!important;
  234. }
  235.  
  236.  
  237.  
  238. .mimage {
  239. outline:1px solid #151515;
  240. height:48px;
  241. max-height:48px;
  242. overflow:hidden;
  243. margin-top:0px;
  244. margin-bottom:2px;
  245. margin-left:0px;
  246. margin-right:0px;
  247. padding:0;
  248. }
  249.  
  250.  
  251.  
  252.  
  253. .mtitle {
  254. outline:1px solid #151515;
  255. min-height:24px;
  256. max-height:24px;
  257. margin-top:-1px;
  258. margin-left:0px;
  259. margin-right:0px;
  260. margin-bottom:1px;
  261. text-align:center;
  262. font-family:calibri;
  263. font-style:normal;
  264. font-weight:bold;
  265. font-size:10px;
  266. line-height:24px;
  267. color: #ffffff; /* TITLE COLOR */
  268. text-transform:uppercase;
  269. }
  270.  
  271.  
  272.  
  273. .mdescription {
  274. margin:0px;
  275. text-align:justify;
  276. padding-left:24px;
  277. padding-right:18px;
  278. border-top:20px solid #000000;
  279. border-bottom:20px solid #000000;
  280. outline:1px solid #151515;
  281. overflow-y:hidden;
  282. height:46px;
  283. max-height:46px;
  284. line-height:11px;
  285. overflow-y:scroll;
  286. }
  287.  
  288.  
  289. .mlinks {
  290. text-align:center!important;
  291. font-family:calibri;
  292. font-weight:bold;
  293. border:1px solid #151515;
  294. height:24px;
  295. max-height:24px;
  296. max-width:262px;
  297. overflow:hidden;
  298. line-height:24px;
  299. margin-right:-1px;
  300. margin-left:-1px;
  301. background-color:#030303!important;
  302. }
  303.  
  304.  
  305.  
  306. .mlinks a {
  307. text-align:center!important;
  308. font-weight:bold!important;
  309. text-transform:uppercase;
  310. text-decoration:none!important;
  311. font-family:calibri;
  312. color:#313131; /* LINKS COLOR */
  313. line-height:24px;
  314. font-size:9.5px;
  315. margin-right:24px;
  316. -moz-transition-duration:2s;
  317. -webkit-transition-duration:2s;
  318. -o-transition-duration:2s;
  319. }
  320.  
  321.  
  322.  
  323. .mlinks a:last-child {
  324. margin-right:0px!important;
  325. }
  326.  
  327.  
  328. .mlinks a:hover {
  329. color:#ffffff;
  330. -moz-transition-duration:2s;
  331. -webkit-transition-duration:2s;
  332. -o-transition-duration:2s;
  333. }
  334.  
  335.  
  336.  
  337.  
  338.  
  339. /* CREDIT */
  340.  
  341. #credit {
  342. z-index:999;
  343. position:absolute;
  344. bottom:44px;
  345. right:44px;
  346. width:10px;
  347. height:13px;
  348. word-wrap:break-word;
  349. font-family:calibri;
  350. overflow:hidden;
  351. -webkit-transition:all 1s ease;
  352. -moz-transition:all 1s ease;
  353. -o-transition:all 1s ease;
  354. transition:all 1s ease-in-out;
  355. }
  356.  
  357.  
  358. #credit a {
  359. text-decoration:none!important;
  360. color:#ffffff;
  361. text-transform:uppercase;
  362. font-size:9.5px;
  363. }
  364.  
  365.  
  366.  
  367. #credit:hover {
  368. width:84px;
  369. }
  370.  
  371.  
  372.  
  373. #credit span {
  374. text-shadow:1px 1px .2px #000;
  375. color:{color:bold};
  376. font-family:calibri;
  377. margin-right:5px;
  378. font-size:10.5px;
  379. }
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394. </style>
  395.  
  396. <body>
  397.  
  398.  
  399.  
  400. <div id="outercontainer">
  401. <div id="topbar">
  402. </div id="topbar">
  403.  
  404. <div id="middlecontainer">
  405. <div id="innercontainer">
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412. <!-- MUSE BOX 1 -->
  413.  
  414. <div class="mbox">
  415. <div class="mimage">
  416.  
  417. <!-- IMAGE HEADER URL HERE -->
  418.  
  419. <img src="https://i.imgur.com/ey17hht.png">
  420.  
  421. </div class="mimage">
  422.  
  423.  
  424. <div class="mtitle">
  425.  
  426. <!-- MUSE NAME HERE -->
  427.  
  428. MUSE 1 NAME HERE
  429.  
  430. </div class="mtitle">
  431.  
  432.  
  433.  
  434.  
  435. <div class="mdescription">
  436.  
  437. <!-- MUSE DESCRIPTION HERE -->
  438.  
  439. <b>Duis autem vel</b> eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  440.  
  441. </div class="mdescription">
  442.  
  443.  
  444.  
  445. <!-- LINKS START HERE -->
  446. <div class="mlinks">
  447.  
  448. <a href="/tagged/">
  449. THREADS
  450. </a>
  451.  
  452. <a href="/tagged/">
  453. VISAGE
  454. </a>
  455.  
  456. <a href="/tagged/">
  457. ABOUT
  458. </a>
  459.  
  460. <a href="/tagged/">
  461. AESTHETIC
  462. </a>
  463.  
  464. </div class="mlinks">
  465.  
  466. </div class="mbox">
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473. <!-- MUSE BOX 2 -->
  474.  
  475.  
  476. <div class="mbox">
  477.  
  478. <div class="mimage">
  479.  
  480. <!-- IMAGE HEADER URL HERE -->
  481.  
  482. <img src="https://i.imgur.com/ey17hht.png">
  483.  
  484. </div class="mimage">
  485.  
  486.  
  487. <div class="mtitle">
  488.  
  489. <!-- MUSE NAME HERE -->
  490.  
  491. MUSE 2 NAME HERE
  492.  
  493. </div class="mtitle">
  494.  
  495.  
  496.  
  497.  
  498. <div class="mdescription">
  499.  
  500. <!-- MUSE DESCRIPTION HERE -->
  501.  
  502. <b>Duis autem vel</b> eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  503.  
  504. </div class="mdescription">
  505.  
  506.  
  507.  
  508. <!-- LINKS START HERE -->
  509. <div class="mlinks">
  510.  
  511. <a href="/tagged/">
  512. THREADS
  513. </a>
  514.  
  515. <a href="/tagged/">
  516. VISAGE
  517. </a>
  518.  
  519. <a href="/tagged/">
  520. ABOUT
  521. </a>
  522.  
  523. <a href="/tagged/">
  524. AESTHETIC
  525. </a>
  526.  
  527. </div class="mlinks">
  528.  
  529. </div class="mbox">
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538. <!-- MUSE BOX 3 -->
  539.  
  540.  
  541. <div class="mbox">
  542. <div class="mimage">
  543.  
  544. <!-- IMAGE HEADER URL HERE -->
  545.  
  546. <img src="https://i.imgur.com/ey17hht.png">
  547.  
  548. </div class="mimage">
  549.  
  550.  
  551. <div class="mtitle">
  552.  
  553. <!-- MUSE NAME HERE -->
  554.  
  555. MUSE 3 NAME HERE
  556.  
  557. </div class="mtitle">
  558.  
  559.  
  560.  
  561.  
  562. <div class="mdescription">
  563.  
  564. <!-- MUSE DESCRIPTION HERE -->
  565.  
  566. <b>Duis autem vel</b> eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  567.  
  568. </div class="mdescription">
  569.  
  570.  
  571.  
  572. <!-- LINKS START HERE -->
  573. <div class="mlinks">
  574.  
  575. <a href="/tagged/">
  576. THREADS
  577. </a>
  578.  
  579. <a href="/tagged/">
  580. VISAGE
  581. </a>
  582.  
  583. <a href="/tagged/">
  584. ABOUT
  585. </a>
  586.  
  587. <a href="/tagged/">
  588. AESTHETIC
  589. </a>
  590.  
  591. </div class="mlinks">
  592.  
  593. </div class="mbox">
  594.  
  595.  
  596.  
  597.  
  598.  
  599. <!-- MUSE BOX 4 -->
  600.  
  601.  
  602. <div class="mbox">
  603. <div class="mimage">
  604.  
  605. <!-- IMAGE HEADER URL HERE -->
  606.  
  607. <img src="https://i.imgur.com/ey17hht.png">
  608.  
  609. </div class="mimage">
  610.  
  611.  
  612. <div class="mtitle">
  613.  
  614. <!-- MUSE NAME HERE -->
  615.  
  616. MUSE 4 NAME HERE
  617.  
  618. </div class="mtitle">
  619.  
  620.  
  621.  
  622.  
  623. <div class="mdescription">
  624.  
  625. <!-- MUSE DESCRIPTION HERE -->
  626.  
  627. <b>Duis autem vel</b> eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  628.  
  629. </div class="mdescription">
  630.  
  631.  
  632.  
  633. <!-- LINKS START HERE -->
  634. <div class="mlinks">
  635.  
  636. <a href="/tagged/">
  637. THREADS
  638. </a>
  639.  
  640. <a href="/tagged/">
  641. VISAGE
  642. </a>
  643.  
  644. <a href="/tagged/">
  645. ABOUT
  646. </a>
  647.  
  648. <a href="/tagged/">
  649. AESTHETIC
  650. </a>
  651.  
  652. </div class="mlinks">
  653.  
  654. </div class="mbox">
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663. <!-- MUSE BOX 5 -->
  664.  
  665. <div class="mbox">
  666. <div class="mimage">
  667.  
  668. <!-- IMAGE HEADER URL HERE -->
  669.  
  670. <img src="https://i.imgur.com/ey17hht.png">
  671.  
  672. </div class="mimage">
  673.  
  674.  
  675. <div class="mtitle">
  676.  
  677. <!-- MUSE NAME HERE -->
  678.  
  679. MUSE 5 NAME HERE
  680.  
  681. </div class="mtitle">
  682.  
  683.  
  684.  
  685.  
  686. <div class="mdescription">
  687.  
  688. <!-- MUSE DESCRIPTION HERE -->
  689.  
  690. <b>Duis autem vel</b> eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  691.  
  692. </div class="mdescription">
  693.  
  694.  
  695.  
  696. <!-- LINKS START HERE -->
  697. <div class="mlinks">
  698.  
  699. <a href="/tagged/">
  700. THREADS
  701. </a>
  702.  
  703. <a href="/tagged/">
  704. VISAGE
  705. </a>
  706.  
  707. <a href="/tagged/">
  708. ABOUT
  709. </a>
  710.  
  711. <a href="/tagged/">
  712. AESTHETIC
  713. </a>
  714.  
  715. </div class="mlinks">
  716.  
  717. </div class="mbox">
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729. <!-- MUSE BOX 6 -->
  730.  
  731. <div class="mbox">
  732. <div class="mimage">
  733.  
  734. <!-- IMAGE HEADER URL HERE -->
  735.  
  736. <img src="https://i.imgur.com/ey17hht.png">
  737.  
  738. </div class="mimage">
  739.  
  740.  
  741. <div class="mtitle">
  742.  
  743. <!-- MUSE NAME HERE -->
  744.  
  745. MUSE 6 NAME HERE
  746.  
  747. </div class="mtitle">
  748.  
  749.  
  750.  
  751.  
  752. <div class="mdescription">
  753.  
  754. <!-- MUSE DESCRIPTION HERE -->
  755.  
  756. <b>Duis autem vel</b> eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  757.  
  758. </div class="mdescription">
  759.  
  760.  
  761.  
  762. <!-- LINKS START HERE -->
  763. <div class="mlinks">
  764.  
  765. <a href="/tagged/">
  766. THREADS
  767. </a>
  768.  
  769. <a href="/tagged/">
  770. VISAGE
  771. </a>
  772.  
  773. <a href="/tagged/">
  774. ABOUT
  775. </a>
  776.  
  777. <a href="/tagged/">
  778. AESTHETIC
  779. </a>
  780.  
  781. </div class="mlinks">
  782.  
  783. </div class="mbox">
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793. <!-- IF YOU WANT ADDITIONAL MUSE BOXES. JUST REPLACE THIS WITH THEM. -->
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800. </div id="innercontainer">
  801. </div id="middlecontainer">
  802.  
  803. <div id="bottombar">
  804. <div id="bottomlinks">
  805. <a href="/ask">Ask / Inquiries</a>
  806. <a href="/dashboard">Return to dashboard</a>
  807. <a href="/">Return to blog</a>
  808. </div id="bottomlinks">
  809. </div id="bottombar">
  810. </div id="outercontainer">
  811.  
  812.  
  813.  
  814.  
  815.  
  816. <!-- CREDIT -->
  817.  
  818. <div id="credit">
  819. <div style="width:105px;margin-right:10px;">
  820. <a href="http://iniziarearchive.tumblr.com/post/182039789307/muses-page-estoires-live-preview-download" target="blank">
  821. <span>S.</span>MADE BY SAE.</a>
  822. </div style>
  823. </div id="credit">
  824.  
  825.  
  826. </body>
  827. </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!