API tools faq
paste
littlemisswhoever

Dean - Verses page

littlemisswhoever
Jun 2nd, 2020
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.75 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. background-image:url('https://cdn.discordapp.com/attachments/668183229848748032/717402325437906994/BG04.png');
  69. background-attachment:fixed;
  70. background-repeat:no-repeat;
  71. background-position:top left;
  72. background-color:#000000;
  73. color:#c6c6c6;
  74. font-family:calibri;
  75. font-size:10px;
  76. }
  77.  
  78.  
  79.  
  80. b, bold, strong {
  81. font-size:9.5px;
  82. font-family: calibri;
  83. text-transform:uppercase;
  84. letter-spacing:-0.05px;
  85. font-weight:bold;
  86. color:#555555;
  87. text-shadow: 0px 0px 1px #555555;
  88. padding-right:0px;
  89. padding-left:0px;
  90. text-shadow: 0px 0px 1px rgba(69, 64, 64, 0.45);
  91. }
  92.  
  93.  
  94. em, i, italic {
  95. font-family:calibri;
  96. font-style:normal;
  97. font-weight:700;
  98. font-size:9.5px;
  99. line-height:10px;
  100. text-shadow: 0px 0px 1px #000;
  101. color:#ffffff;
  102. text-transform:uppercase;
  103. }
  104.  
  105.  
  106. #outercontainer {
  107. position: absolute;
  108. left: 50%;
  109. top: 50%;
  110. margin-left: -444px;
  111. margin-top: -375px;
  112. width:787px;
  113. height:707px;
  114. border:1px solid #151515;
  115. background:rgba(0,0,0,.75);
  116. }
  117.  
  118.  
  119.  
  120. #topbar {
  121. margin-top:-1px;
  122. margin-left:-1px;
  123. margin-bottom:0px;
  124. height:25px;
  125. }
  126.  
  127.  
  128.  
  129. .toplinks {
  130. text-align:center;
  131. line-height:25px;
  132. }
  133.  
  134.  
  135.  
  136. .toplinks a {
  137. text-transform:uppercase;
  138. color:#474747;
  139. font-family:calibri;
  140. text-decoration:none!important;
  141. font-family:9px;
  142. font-weight:bold;
  143. margin-right:165px;
  144. -moz-transition-duration:2s;
  145. -webkit-transition-duration:2s;
  146. -o-transition-duration:2s;
  147. }
  148.  
  149.  
  150. .toplinks a:hover {
  151. color:#ffffff;
  152. -moz-transition-duration:2s;
  153. -webkit-transition-duration:2s;
  154. -o-transition-duration:2s;
  155. }
  156.  
  157.  
  158.  
  159. .toplinks a:last-child {
  160. margin-right:0px;
  161. }
  162.  
  163.  
  164.  
  165. #middlecontainer {
  166. border:1px solid #151515;
  167. overflow-y:scroll;
  168. width:787px;
  169. height:653px;
  170. margin-left:-1px;
  171. }
  172.  
  173.  
  174.  
  175. #innercontainer {
  176. margin-left:26px;
  177. margin-top:26px;
  178. }
  179.  
  180.  
  181. #bottombar {
  182. height:25px;
  183. margin-left:-1px;
  184. margin-top:-1px;
  185. }
  186.  
  187.  
  188. #bottomlinks {
  189. text-align:center;
  190. line-height:25px;
  191. margin-left:0px;
  192. }
  193.  
  194.  
  195. #bottomlinks a {
  196. text-transform:uppercase;
  197. color:#555555;
  198. font-family:calibri;
  199. text-decoration:none!important;
  200. font-family:9px;
  201. font-weight:bold;
  202. margin-right:200px;
  203. text-shadow: 0px 0px 1px #555555;
  204. -moz-transition-duration:2s;
  205. -webkit-transition-duration:2s;
  206. -o-transition-duration:2s;
  207. }
  208.  
  209.  
  210. #bottomlinks a:hover {
  211. color:#ffffff;
  212. -moz-transition-duration:2s;
  213. -webkit-transition-duration:2s;
  214. -o-transition-duration:2s;
  215. }
  216.  
  217.  
  218. #bottomlinks a:last-child {
  219. margin-right:0px;
  220. }
  221.  
  222.  
  223.  
  224. .mbox {
  225. position:relative;
  226. float:left;
  227. width:227px;
  228. margin-top:-1px;
  229. border:0px solid #151515;
  230. margin-left:-1px;
  231. margin-right:27px;
  232. margin-bottom:35px;
  233. }
  234.  
  235.  
  236. .mbox:nth-of-type(3n) {
  237. margin-right:0px!important;
  238. }
  239.  
  240.  
  241.  
  242. .mimage {
  243. outline:1px solid #151515;
  244. height:171px;
  245. max-height:171px;
  246. overflow:hidden;
  247. margin-top:0px;
  248. margin-bottom:2px;
  249. margin-left:0px;
  250. margin-right:0px;
  251. padding:0;
  252. }
  253.  
  254.  
  255.  
  256.  
  257. .mtitle {
  258. outline:1px solid #151515;
  259. min-height:24px;
  260. max-height:24px;
  261. margin-top:-1px;
  262. margin-left:0px;
  263. margin-right:0px;
  264. margin-bottom:1px;
  265. text-align:center;
  266. font-family:calibri;
  267. font-style:normal;
  268. font-weight:bold;
  269. font-size:10px;
  270. line-height:24px;
  271. color: #ffffff; /* TITLE COLOR */
  272. text-transform:uppercase;
  273. }
  274.  
  275.  
  276.  
  277. .mdescription {
  278. margin:0px;
  279. text-align:justify;
  280. padding-left:24px;
  281. padding-right:18px;
  282. border-top:20px solid #000000;
  283. border-bottom:20px solid #000000;
  284. outline:1px solid #151515;
  285. overflow-y:hidden;
  286. height:46px;
  287. max-height:46px;
  288. line-height:11px;
  289. overflow-y:scroll;
  290. }
  291.  
  292.  
  293.  
  294.  
  295.  
  296. /* CREDIT */
  297.  
  298. #credit {
  299. z-index:999;
  300. position:absolute;
  301. bottom:44px;
  302. right:44px;
  303. width:10px;
  304. height:13px;
  305. word-wrap:break-word;
  306. font-family:calibri;
  307. overflow:hidden;
  308. -webkit-transition:all 1s ease;
  309. -moz-transition:all 1s ease;
  310. -o-transition:all 1s ease;
  311. transition:all 1s ease-in-out;
  312. }
  313.  
  314.  
  315. #credit a {
  316. text-decoration:none!important;
  317. color:#ffffff;
  318. text-transform:uppercase;
  319. font-size:9.5px;
  320. }
  321.  
  322.  
  323.  
  324. #credit:hover {
  325. width:84px;
  326. }
  327.  
  328.  
  329.  
  330. #credit span {
  331. text-shadow:1px 1px .2px #000;
  332. color:{color:bold};
  333. font-family:calibri;
  334. margin-right:5px;
  335. font-size:10.5px;
  336. }
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351. </style>
  352.  
  353. <body>
  354.  
  355.  
  356.  
  357. <div id="outercontainer">
  358. <div id="topbar">
  359. </div id="topbar">
  360.  
  361. <div id="middlecontainer">
  362. <div id="innercontainer">
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369. <!-- MUSE BOX 1 -->
  370.  
  371. <div class="mbox">
  372. <div class="mimage">
  373.  
  374. <!-- IMAGE HEADER URL HERE -->
  375.  
  376. <img src="https://i.imgur.com/B6PcW2O.png">
  377.  
  378. </div class="mimage">
  379.  
  380.  
  381. <div class="mtitle">
  382.  
  383. <!-- MUSE NAME HERE -->
  384.  
  385. 001. For Camelot
  386.  
  387. </div class="mtitle">
  388.  
  389.  
  390.  
  391.  
  392. <div class="mdescription">
  393.  
  394. <!-- MUSE DESCRIPTION HERE -->
  395.  
  396. <b>001. Canon universe.</b> Any events within the canon verse taking place between 1x01 and 5x13.
  397. ( canon verse. )
  398.  
  399. </div class="mdescription">
  400.  
  401.  
  402.  
  403. </div class="mbox">
  404.  
  405.  
  406.  
  407.  
  408.  
  409.  
  410. <!-- MUSE BOX 2 -->
  411.  
  412.  
  413. <div class="mbox">
  414.  
  415. <div class="mimage">
  416.  
  417. <!-- IMAGE HEADER URL HERE -->
  418.  
  419. <img src="https://i.imgur.com/VsIuQY4.png">
  420.  
  421. </div class="mimage">
  422.  
  423.  
  424. <div class="mtitle">
  425.  
  426. <!-- MUSE NAME HERE -->
  427.  
  428. 002. Albion United
  429.  
  430. </div class="mtitle">
  431.  
  432.  
  433.  
  434.  
  435. <div class="mdescription">
  436.  
  437. <!-- MUSE DESCRIPTION HERE -->
  438.  
  439. <b>Canon Divergent.</b> Any events post 5x13, in which Arthur lives, having been saved by the Sidhe, Albion has been built and united, and Merlin now serves as Court Sorcerer.
  440.  
  441. </div class="mdescription">
  442.  
  443. </div class="mbox">
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452. <!-- MUSE BOX 3 -->
  453.  
  454.  
  455. <div class="mbox">
  456. <div class="mimage">
  457.  
  458. <!-- IMAGE HEADER URL HERE -->
  459.  
  460. <img src="https://i.imgur.com/mPqMi6v.png">
  461.  
  462. </div class="mimage">
  463.  
  464.  
  465. <div class="mtitle">
  466.  
  467. <!-- MUSE NAME HERE -->
  468.  
  469. 003. Dragonlord
  470.  
  471. </div class="mtitle">
  472.  
  473.  
  474.  
  475.  
  476. <div class="mdescription">
  477.  
  478. <!-- MUSE DESCRIPTION HERE -->
  479.  
  480. <b>Canon divergent.</b> Balinor lived, having raise Merlin alongside Hunith in Ealdor, before Merlin traveled to live with the Druids rather than to Camelot at the age of eighteen. He meets Arthur later in life, as the fully realized Dragonlord: Emrys.
  481.  
  482. </div class="mdescription">
  483.  
  484.  
  485. </div class="mbox">
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495. <!-- MUSE BOX 4 -->
  496.  
  497.  
  498. <div class="mbox">
  499. <div class="mimage">
  500.  
  501. <!-- IMAGE HEADER URL HERE -->
  502.  
  503. <img src="https://i.imgur.com/fuVRm9H.png">
  504.  
  505. </div class="mimage">
  506.  
  507.  
  508. <div class="mtitle">
  509.  
  510. <!-- MUSE NAME HERE -->
  511.  
  512. 004. Turn of the Century
  513.  
  514. </div class="mtitle">
  515.  
  516.  
  517.  
  518.  
  519. <div class="mdescription">
  520.  
  521. <!-- MUSE DESCRIPTION HERE -->
  522.  
  523. <b>Victorian verse.</b> Set at the turn of the century, the 1890s, Merlin has been waiting for over a thousand years for his King to return. He can no longer count how many days he spent idling by the lake before giving up hope. But a chance meeting with a young Lord changes everything.
  524.  
  525. </div class="mdescription">
  526.  
  527.  
  528. </div class="mbox">
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542. <!-- MUSE BOX 5 -->
  543.  
  544. <div class="mbox">
  545. <div class="mimage">
  546.  
  547. <!-- IMAGE HEADER URL HERE -->
  548.  
  549. <img src="https://i.imgur.com/xq5kKZd.png">
  550.  
  551. </div class="mimage">
  552.  
  553.  
  554. <div class="mtitle">
  555.  
  556. <!-- MUSE NAME HERE -->
  557.  
  558. 005. Legend of the Sword
  559.  
  560. </div class="mtitle">
  561.  
  562.  
  563.  
  564.  
  565. <div class="mdescription">
  566.  
  567. <!-- MUSE DESCRIPTION HERE -->
  568.  
  569. <b>Canon divergent / post 5x13.</b> After waking up in an alternate realm, Emrys soon meets Arthur Pendragon - and it is Arthur; he can sense it, his magic crackling at his fingertips, no matter the unfamiliar face. Merlin knows he's been sent to this strange new world for a reason: the only question is why?
  570.  
  571. </div class="mdescription">
  572.  
  573.  
  574. </div class="mbox">
  575.  
  576.  
  577.  
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587.  
  588. <!-- MUSE BOX 6 -->
  589.  
  590. <div class="mbox">
  591. <div class="mimage">
  592.  
  593. <!-- IMAGE HEADER URL HERE -->
  594.  
  595. <img src="https://i.imgur.com/FSNcjgG.png">
  596.  
  597. </div class="mimage">
  598.  
  599.  
  600. <div class="mtitle">
  601.  
  602. <!-- MUSE NAME HERE -->
  603.  
  604. 006. IT Tech
  605.  
  606. </div class="mtitle">
  607.  
  608.  
  609.  
  610.  
  611. <div class="mdescription">
  612.  
  613. <!-- MUSE DESCRIPTION HERE -->
  614.  
  615. <b>Office verse.</b> Merlin, a disgruntled IT technician, just has a way of working his magic on these bloody computers, as his boss, Arthur Pendragon often says. No one around the office has any idea how on the nose Arthur might actually be.
  616.  
  617. </div class="mdescription">
  618.  
  619.  
  620.  
  621. </div class="mbox">
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633. <!-- IF YOU WANT ADDITIONAL MUSE BOXES. JUST REPLACE THIS WITH THEM. -->
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640. </div id="innercontainer">
  641. </div id="middlecontainer">
  642.  
  643. <div id="bottombar">
  644. <div id="bottomlinks">
  645. <a href="/ask">Ask / Inquiries</a>
  646. <a href="/dashboard">Return to dashboard</a>
  647. <a href="/">Return to blog</a>
  648. </div id="bottomlinks">
  649. </div id="bottombar">
  650. </div id="outercontainer">
  651.  
  652.  
  653.  
  654.  
  655.  
  656. <!-- CREDIT -->
  657.  
  658. <div id="credit">
  659. <div style="width:105px;margin-right:10px;">
  660. <a href="http://iniziarearchive.tumblr.com/post/182039789307/muses-page-estoires-live-preview-download" target="blank">
  661. <span>S.</span>MADE BY SAE.</a>
  662. </div style>
  663. </div id="credit">
  664.  
  665.  
  666. </body>
  667. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!