API tools faq
paste
NicaRox

First Code

NicaRox
Jun 25th, 2020
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.13 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 𝐋𝐀𝐘𝐎𝐔𝐓 𝐌𝐀𝐃𝐄 𝐁𝐘: 𝐊𝐈𝐓𝐓𝐘𝐂𝐎𝐃𝐄𝐒
  3. 𝐏𝐋𝐄𝐀𝐒𝐄 𝐃𝐎𝐍'𝐓 𝐓𝐀𝐌𝐏𝐄𝐑 𝐖𝐈𝐓𝐇, 𝐓𝐀𝐊𝐄 𝐂𝐑𝐄𝐃𝐈𝐓 𝐅𝐎𝐑 𝐎𝐑 𝐔𝐒𝐄 𝐀𝐒 𝐀 𝐁𝐀𝐒𝐄 𝐂𝐎𝐃𝐄.
  4. 𝐅𝐎𝐑 𝐀𝐍𝐘 𝐈𝐍𝐐𝐔𝐈𝐑𝐈𝐄𝐒, 𝐂𝐎𝐍𝐓𝐀𝐂𝐓 𝐌𝐄 (𝐊𝐈𝐓𝐓𝐘𝐂𝐎𝐃𝐄𝐒@𝐓𝐔𝐌𝐁𝐋𝐑)
  5. -->
  6.  
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10.  
  11. <meta charset="utf-8">
  12. <meta name="viewport" content="initial-scale=1.0, width=device-width"/>
  13.  
  14. <!-- BROWSER TITLE -->
  15. <title>𝐃𝐄𝐌𝐄𝐓𝐄𝐑 .</title>
  16. <!-- END OF BROWSER TITLE -->
  17.  
  18. <!-- BROWSER ICON -->
  19. <link rel="shortcut icon" href="https://66.media.tumblr.com/e948812964cb16505f4cd4f894344288/672e88b582120b94-84/s540x810/9301ad0a7a1dc0235256ca2aa89738258b0383a5.png">
  20. <!-- END OF BROWSER ICON -->
  21.  
  22. <!-- FONTS -->
  23. <link href="https://fonts.googleapis.com/css2?family=Bowlby+One&display=swap" rel="stylesheet">
  24. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,900,700,700italic,500italic,500' rel='stylesheet' type='text/css'>
  25. <!-- END OF FONTS -->
  26.  
  27. <style type="text/css">
  28.  
  29. /* PULSE ANIMATION */
  30. .pulsate { -webkit-animation: pulsate 2s ease-out;
  31. -webkit-animation-iteration-count: infinite;
  32. opacity: 0.5; }
  33.  
  34. @-webkit-keyframes pulsate { 0% { opacity: 0.5; }
  35. 50% { opacity: 1.0;}
  36. 100% { opacity: 0.5; } }
  37. /* END OF PULSE ANIMATION */
  38.  
  39. /* FOLLOW BUTTONS */
  40. .iframe-controls--desktop { position:fixed;
  41. top:0px;
  42. right:0px;
  43. z-index:214748364789123456789;
  44. -filter:invert(100%);
  45. -webkit-filter:invert(100%);
  46. -webkit-transform:scale(0.6,0.6);
  47. -webkit-transform-origin: 100% 0%;
  48. -ms-transform-origin:100% 0%;
  49. -ms-transform:scale(0.6,0.6);
  50. transform:scale(0.6,0.6);
  51. transform-origin:100% 0%; }
  52. /* END OF FOLLOW BUTTONS */
  53.  
  54. /* SELECTION */
  55. ::selection { background:#ff40f3; }
  56. ::-moz-selection { background:#ff40f3; }
  57. /* END OF SELECTION */
  58.  
  59. /* SCROLLBAR */
  60. ::-webkit-scrollbar-thumb { background:#ff62f5;
  61. border-radius:25px;linear-gradient(to bottom, #b1e0f5 , #ffc4f6);
  62. width:8px;
  63. height:5px; }
  64.  
  65. ::-webkit-scrollbar { background:#292929;
  66. border-radius:25px;
  67. height:5px;
  68. width:8px; }
  69. /* END OF SCROLLBAR */
  70.  
  71. /* EMBEDS */
  72. embed, object, video { max-width: 200px; }
  73.  
  74. img { max-width:180px;
  75. height:auto;
  76. width:auto; }
  77. /* END OF EMBEDS */
  78.  
  79. /* BLOG STYLINGS */
  80. html { background-color:#e6eaeb;
  81. color:#e6eaeb;
  82. font-family:'Roboto', sans-serif;
  83. font-size:11px;
  84. text-align:left;
  85. word-spacing:3px;
  86. text-transform:uppercase; }
  87.  
  88. .tc a:hover, .nav a:hover, .pagc a:hover,#mybtn:hover { cursor: pointer;
  89. color: #ff62f5;
  90. -webkit-transition: all 0.2s ease-out;
  91. -moz-transition: all 0.2s ease-out;
  92. transition: all 0.2s ease-out; }
  93.  
  94. .posts a:hover, .pnc a:hover { color: #ff62f5;
  95. -webkit-transition: all 0.2s ease-out;
  96. -moz-transition: all 0.2s ease-out;
  97. transition: all 0.2s ease-out; }
  98.  
  99. .divider { border-top: 6px solid #02afff;
  100. border-radius:5px;
  101. margin:auto;
  102. width:80%; }
  103.  
  104. pre, small, sup, sub { font-size:1rem;
  105. font-family:'Roboto', sans-serif; }
  106.  
  107. blockquote { border-left:4px solid;
  108. color:#ff62f5;
  109. padding-left:5px;
  110. margin-left:3px;
  111. width:94%; }
  112.  
  113. blockquote p { font-family:'Roboto', sans-serif;
  114. color:#efefef; }
  115.  
  116. blockquote blockquote { margin-left:1px; }
  117.  
  118. h3 { text-transform:uppercase;
  119. color:#ff62f5;
  120. text-align:center;
  121. font-family:'Bowlby One', cursive;
  122. font-size:1.5rem;
  123. letter-spacing:1px; }
  124.  
  125. h1, h2 { color:#02afff;
  126. text-decoration:none;
  127. line-height:25px;
  128. padding-bottom:2px;
  129. font-family:'Bowlby One', cursive;
  130. text-align:center;
  131. text-transform:uppercase;
  132. font-size:2rem;
  133. margin-top:10px;
  134. margin-right:15px;
  135. background-color:#313131;
  136. box-shadow: 0 -4px #ff62f5 inset; }
  137.  
  138. p { font-family:'Roboto', sans-serif; }
  139.  
  140. b, strong { color:#02afff; }
  141.  
  142. i { color:#ff62f5;
  143. font-style:normal; }
  144. /* END OF BLOG STYLINGS */
  145.  
  146. /* READ MORE BUTTON */
  147. #more { color:#e6eaeb;
  148. text-decoration:none;
  149. display:inline-block;
  150. font-family:'Bowlby One', cursive;
  151. font-size:1rem;
  152. text-transform:uppercase;
  153. text-align:center;
  154. padding:2px;
  155. background-color:#ff62f5;
  156. border-radius:25px; }
  157.  
  158. #more:hover { color:#02afff;
  159. cursor: pointer; }
  160. /* END OF READ MORE BUTTON */
  161.  
  162. /* SCROLL TO TOP BUTTON */
  163. #stt { position: fixed; /* Fixed/sticky position */
  164. z-index:99999999999999;
  165. display: none; /* Hidden by default */
  166. top:613px; /* Place the button at the bottom of the page */
  167. left:1029px; /* Place the button 30px from the right */
  168. border: none; /* Remove borders */
  169. outline: none; /* Remove outline */
  170. font-family:'Bowlby One', cursive;
  171. background-color: #02afff; /* Set a background color */
  172. color:#e6eaeb;
  173. cursor: pointer; /* Add a mouse pointer on hover */
  174. padding:6px;
  175. border-radius:15px; /* Rounded corners */
  176. text-transform:uppercase;
  177. text-align:center;
  178. font-size:1rem; /* Increase font size */ }
  179. /* END OF SCROLL TO TOP BUTTON */
  180.  
  181. /* PERMALINK PAGE */
  182. .permc { margin-top:5px;
  183. margin-left:18px;
  184. left:368px;
  185. width:387px;
  186. max-height:220px;
  187. background-color:#252525;
  188. overflow-x:hidden;
  189. border-left:25px solid #ff62f5; }
  190.  
  191. .permc p, .permc a { color:#ff62f5;
  192. margin:0 auto;
  193. margin-top:0px;
  194. text-decoration:none;
  195. display:inline-block;
  196. font-family:'Bowlby One', cursive;
  197. font-size:1rem;
  198. text-transform:uppercase; }
  199.  
  200. .permc img.avatar { display:none; }
  201.  
  202. .permc li { list-style-type:none;
  203. margin:0;
  204. padding:0; }
  205. /* END OF PERMALINK PAGE */
  206.  
  207. /* MAIN TITLE */
  208. .mtc { margin-top:45px;
  209. margin-bottom:45px;
  210. position:absolute;
  211. z-index:1;
  212. left:385px;
  213. width:648px;
  214. height:96px;
  215. background-color:#252525;
  216. border-left:25px solid #ff62f5;
  217. padding:0 -15px -40px 0;
  218. -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.39);
  219. -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.39);
  220. box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.39); }
  221.  
  222. .mt { font-family: 'Bowlby One', cursive;
  223. color:#e6eaeb;
  224. text-indent:20px;
  225. font-size:5.9rem;
  226. text-shadow:3px 5px 1px #6bb6fa; }
  227. /* END OF MAIN TITLE */
  228.  
  229. /* POSTS */
  230. .pc { position:absolute;
  231. padding-top:98px;
  232. padding-bottom:6px;
  233. top:14px;
  234. left:368px;
  235. width:445px;
  236. min-height:450px;
  237. margin-bottom:15px;
  238. background-color:#313131;
  239. border-top:15px solid #02afff;
  240. border-bottom:15px solid #02afff;
  241. -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.39);
  242. -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.39);
  243. box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.39); }
  244.  
  245. .posts { width:375px;
  246. font-weight:900;
  247. max-height:350px;
  248. min-height:150px;
  249. margin-top:5px;
  250. margin-left:18px;
  251. padding-left:10px;
  252. left:368px;
  253. background-color:#252525;
  254. overflow-x:hidden;
  255. overflow-y:auto;
  256. border-left:25px solid #ff62f5; }
  257.  
  258. .posts a { text-decoration:none;
  259. box-shadow:0 -4px #ff62f5 inset;
  260. font-family: 'Bowlby One', cursive;
  261. color:#02afff;
  262. padding-bottom:5px;
  263. font-size:1rem; }
  264. /* END OF POSTS */
  265.  
  266. /* POST TITLE */
  267. .ptc { width:375px;
  268. margin-top:5px;
  269. margin-left:18px;
  270. padding-left:10px;
  271. left:368px;
  272. background-color:#252525;
  273. border-left:25px solid #ff62f5; }
  274.  
  275. .pt { color:#e6eaeb;
  276. text-decoration:none;
  277. line-height:35px;
  278. padding-bottom:5px;
  279. font-family:'Bowlby One', cursive;
  280. text-align:center;
  281. text-transform:uppercase;
  282. font-size:2.8rem;
  283. padding-top:5px;
  284. margin-right:15px;
  285. text-shadow:3px 3px 1px #6bb6fa }
  286. /* END OF POST TITLE */
  287.  
  288. /* POST TAGS */
  289. .tc { width:367px;
  290. padding-left:10px;
  291. padding-right:10px;
  292. margin-left:18px;
  293. margin-top:5px;
  294. background-color:#252525;
  295. border-left:25px solid #ff62f5; }
  296.  
  297. .tc a { color:#e6eaeb;
  298. text-decoration:none;
  299. display:inline-block;
  300. font-family:'Bowlby One', cursive;
  301. font-size:1rem;
  302. text-transform:uppercase;
  303. text-align:center;
  304. margin-top:5px;
  305. margin-bottom:5px;
  306. padding:4px;
  307. background-color:#02afff;
  308. border-radius:25px; }
  309. /* END OF POST TAGS */
  310.  
  311. /* NAVIGATION CONTAINER + NAVIGATION */
  312. .navc { position:fixed;
  313. top:547px;
  314. left:818px;
  315. width:242px;
  316. min-height:32px;
  317. background-color:#313131;
  318. border-top:15px solid #02afff;
  319. border-bottom:15px solid #02afff; }
  320.  
  321. .nav { display:inline block;
  322. width:67px;
  323. float:left;
  324. height:24px;
  325. margin-top:4px;
  326. margin-left:2px;
  327. background-color:#252525;
  328. border-left:10px solid #ff62f5; }
  329.  
  330. .nav a { text-decoration:none;
  331. font-family: 'Bowlby One', cursive;
  332. color:#e6eaeb;
  333. text-align:center;
  334. font-size:1.3rem;
  335. margin-left:4px;
  336. margin-top:3px;
  337. text-shadow:2px 1px 1px #0081bd; }
  338. /* END OF NAVIGATION */
  339.  
  340. /* PAGINATION */
  341. .pagc { position:fixed;
  342. top:613px;
  343. left:818px;
  344. max-width:148px;
  345. height:15px;
  346. padding:7px;
  347. background-color:#02afff;
  348. border-radius:25px; }
  349.  
  350. .pagc a { color:#e6eaeb;
  351. font-size:.9rem;
  352. text-decoration:none;
  353. font-family: 'Bowlby One', cursive; }
  354. /* END OF PAGINATION */
  355.  
  356. /* SIDEBAR 1 + CONTAINER */
  357. .sbc1 { position:fixed;
  358. top:155px;
  359. left:818px;
  360. width:242px;
  361. height:327px;
  362. background-color:#313131;
  363. border-top:15px solid #02afff;
  364. border-bottom:15px solid #02afff;
  365. overflow-y:auto;
  366. z-index:1; }
  367.  
  368. .sb1 { margin-right:10px;
  369. margin-left:10px;
  370. font-weight:900; }
  371. /* END OF SIDEBAR 1 + CONTAINER */
  372.  
  373. /* POSTNOTES */
  374. .pnc { width:250px;
  375. height:45px;
  376. background-color:#252525;
  377. padding-left:10px;
  378. margin-left:18px;
  379. line-height:2.8;
  380. margin-top:35px;
  381. border-left:25px solid #ff62f5; }
  382.  
  383. .pnc a { text-decoration:none;
  384. color:#02afff;
  385. font-family: 'Bowlby One', cursive;
  386. font-size:.9rem;
  387. display:inline-block;
  388. text-transform:uppercase;
  389. text-align:center;
  390. box-shadow:0 -4px #ff62f5 inset; }
  391. /* END OF POSTNOTES CONTAINER */
  392.  
  393. /* MODAL POPUP */
  394.  
  395. /* MODAL OPEN BUTTON */
  396. #mybtn { width:242px;
  397. position:fixed;
  398. height:26px;
  399. background-color:#02afff;
  400. border:none;
  401. top:516px;
  402. left:818px;
  403. font-size:1.6rem;
  404. color:#e6eaeb;
  405. font-family: 'Bowlby One', cursive; }
  406.  
  407. button:focus { outline: none; }
  408. /* END OF MODAL OPEN BUTTON */
  409.  
  410. /* MODAL BOX */
  411. .modal { display:none; /* Hidden by default */
  412. position:fixed; /* Stay in place */
  413. z-index:9999999999999999999; /* Sit on top */
  414. padding-top:50px; /* Location of the box */
  415. left:0;
  416. top:0;
  417. overflow-y:auto;
  418. width:100%; /* Full width */
  419. height:100%;
  420. background-color:rgb(0,0,0); /* Fallback color */
  421. background-color:rgba(0,0,0,0.95); /* Black w/ opacity */ }
  422. /* END OF MODAL BOX */
  423.  
  424. /* MODAL CONTENT */
  425. .modal-content { position: relative;
  426. background-color: #313131;
  427. margin:auto;
  428. overflow-y:auto;
  429. padding:0;
  430. border-top:15px solid #02afff;
  431. border-bottom:15px solid #02afff;
  432. width:680px;
  433. max-height:85%;
  434. box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,1);
  435. -webkit-animation-name:zoom;
  436. -webkit-animation-duration:0.4s;
  437. animation-name:zoom;
  438. animation-duration: 0.4s }
  439.  
  440. .modal-body { padding: 5px 26px;
  441. font-size:1rem;
  442. font-weight:900;
  443. color:#e6eaeb; }
  444. /* END OF MODAL CONTENT */
  445.  
  446. /* MODAL ANIMATION */
  447. @keyframes zoom {0% {transform: scale(1,1);}
  448. 50% {transform: scale(1.2,1.2);}
  449. 100% {transform: scale(1,1);} }
  450. /* END OF MODAL ANIMATION */
  451.  
  452. /* MODAL CLOSE BUTTON */
  453. .close { color:#e6eaeb;
  454. width:85px;
  455. text-decoration:none;
  456. font-family:'Bowlby One', cursive;
  457. font-size:1rem;
  458. text-transform:uppercase;
  459. text-align:center;
  460. margin:0 auto;
  461. margin-top:2%;
  462. padding:4px;
  463. background-color:#02afff;
  464. border-radius:25px; }
  465.  
  466. .close:hover { cursor: pointer;
  467. color: #ff62f5;
  468. -webkit-transition: all 0.2s ease-out;
  469. -moz-transition: all 0.2s ease-out;
  470. transition: all 0.2s ease-out; }
  471. /* END OF MODAL CLOSE BUTTON */
  472.  
  473. /* END OF MODAL POPUP */
  474.  
  475. /* SVG GRAPHICS */
  476. /* BOTTOM WAVE */
  477. #wave { position:fixed;
  478. z-index:-100;
  479. width:100%;
  480. bottom:-3px;
  481. background-repeat:repeat-x;
  482. left: 0px;
  483. right: 0px; }
  484. /* END OF BOTTOM WAVE */
  485.  
  486. /* RIGHT BLOB */
  487. #blob1 {position:fixed;
  488. margin:auto;
  489. left:860px;
  490. top:80px;
  491. bottom:0px;
  492. width:500px;
  493. height:515px;
  494. overflow: hidden; }
  495.  
  496. #blob1stroke {position:fixed;
  497. margin:auto;
  498. stroke:#ffa6f9;
  499. stroke-width:1px;
  500. transform:rotate(10deg);
  501. left:860px;
  502. top:80px;
  503. bottom:0px;
  504. width:500px;
  505. height:515px;
  506. overflow: hidden; }
  507. /* END OF RIGHT BLOB */
  508.  
  509. /* LEFT BLOB */
  510. #blob2 { position:fixed;
  511. margin:auto;
  512. left:50px;
  513. top:-80px;
  514. z-index:-2;
  515. bottom:0px;
  516. width:500px;
  517. height:515px;
  518. overflow: hidden; }
  519.  
  520. #blob2stroke { position:fixed;
  521. margin:auto;
  522. left:50px;
  523. top:-80px;
  524. z-index:-2;
  525. stroke:#ffa6f9;
  526. stroke-width:1px;
  527. transform:rotate(10deg);
  528. bottom:0px;
  529. width:500px;
  530. height:515px;
  531. overflow: hidden; }
  532. /* END OF LEFT BLOB */
  533.  
  534. </style>
  535. </head>
  536.  
  537. <body>
  538.  
  539. <!-- SMOOTH SCROLL SCRIPT -->
  540. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  541. <!-- END OF SMOOTH SCROLL SCRIPT -->
  542.  
  543. <!-- SCROLL TO TOP BUTTON -->
  544. <button onclick="topFunction()" id="stt" title="Go to top">Top</button>
  545. <!-- END OF SCROLL TO TOP BUTTON -->
  546.  
  547. <!-- MAIN TITLE -->
  548. <div class="mtc">
  549. <div class="mt">
  550. Ceres Victoria
  551. </div></div></div>
  552. <!-- END OF MAIN TITLE -->
  553.  
  554. <!-- BLOG IMAGES -->
  555.  
  556. <!-- BOTTOM WAVE -->
  557. <div id="wave">
  558. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
  559. <path fill="#ffa6f9" fill-opacity="1" d="M0,192L34.3,176C68.6,160,137,128,206,149.3C274.3,171,343,245,411,256C480,267,549,213,617,192C685.7,171,754,181,823,186.7C891.4,192,960,192,1029,202.7C1097.1,213,1166,235,1234,240C1302.9,245,1371,235,1406,229.3L1440,224L1440,320L1405.7,320C1371.4,320,1303,320,1234,320C1165.7,320,1097,320,1029,320C960,320,891,320,823,320C754.3,320,686,320,617,320C548.6,320,480,320,411,320C342.9,320,274,320,206,320C137.1,320,69,320,34,320L0,320Z"></path>
  560. </svg>
  561. </div>
  562. <!-- END OF BOTTOM WAVE -->
  563.  
  564. <!-- RIGHT BLOB -->
  565. <div id="blob1">
  566. <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  567. <path fill="#252525" d="M42.1,-74.5C52.2,-67.1,56.4,-51,55.1,-37.2C53.9,-23.3,47.2,-11.6,48.2,0.6C49.2,12.8,57.7,25.5,59,39.4C60.2,53.2,54,68,43,75.4C31.9,82.8,16,82.7,2.3,78.8C-11.4,74.8,-22.7,66.9,-32.7,58.9C-42.7,50.9,-51.4,42.8,-58.5,33C-65.5,23.1,-70.9,11.6,-72.9,-1.2C-75,-13.9,-73.6,-27.8,-65.1,-35.1C-56.6,-42.5,-41,-43.3,-29,-49.5C-16.9,-55.8,-8.5,-67.7,3.8,-74.2C16,-80.7,32,-81.9,42.1,-74.5Z" transform="translate(100 100)"/>
  568. </svg>
  569. </div>
  570.  
  571. <div id="blob1stroke">
  572. <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  573. <path fill="transparent" d="M42.1,-74.5C52.2,-67.1,56.4,-51,55.1,-37.2C53.9,-23.3,47.2,-11.6,48.2,0.6C49.2,12.8,57.7,25.5,59,39.4C60.2,53.2,54,68,43,75.4C31.9,82.8,16,82.7,2.3,78.8C-11.4,74.8,-22.7,66.9,-32.7,58.9C-42.7,50.9,-51.4,42.8,-58.5,33C-65.5,23.1,-70.9,11.6,-72.9,-1.2C-75,-13.9,-73.6,-27.8,-65.1,-35.1C-56.6,-42.5,-41,-43.3,-29,-49.5C-16.9,-55.8,-8.5,-67.7,3.8,-74.2C16,-80.7,32,-81.9,42.1,-74.5Z" transform="translate(100 100)"/>
  574. </svg>
  575. </div>
  576. <!-- END OF RIGHT BLOB -->
  577.  
  578. <!-- LEFT BLOB -->
  579. <div id="blob2">
  580. <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  581. <path fill="#252525" d="M25.3,-44.7C35,-33.1,46.5,-29.8,54,-22.1C61.4,-14.4,64.6,-2.3,65.1,10.8C65.5,24,63.1,38.3,55.1,48.1C47.2,57.9,33.7,63.3,21.5,61.7C9.3,60.1,-1.6,51.4,-16,49.5C-30.3,47.5,-48.1,52.3,-53.1,46.2C-58.1,40.1,-50.3,23.1,-51.1,8.2C-51.9,-6.7,-61.2,-19.5,-61,-31.1C-60.8,-42.8,-50.9,-53.3,-39.1,-64C-27.3,-74.6,-13.7,-85.4,-2.9,-80.9C7.8,-76.3,15.6,-56.4,25.3,-44.7Z" transform="translate(100 100)" />
  582. </svg>
  583. </div>
  584.  
  585. <div id="blob2stroke">
  586. <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  587. <path fill="transparent" d="M25.3,-44.7C35,-33.1,46.5,-29.8,54,-22.1C61.4,-14.4,64.6,-2.3,65.1,10.8C65.5,24,63.1,38.3,55.1,48.1C47.2,57.9,33.7,63.3,21.5,61.7C9.3,60.1,-1.6,51.4,-16,49.5C-30.3,47.5,-48.1,52.3,-53.1,46.2C-58.1,40.1,-50.3,23.1,-51.1,8.2C-51.9,-6.7,-61.2,-19.5,-61,-31.1C-60.8,-42.8,-50.9,-53.3,-39.1,-64C-27.3,-74.6,-13.7,-85.4,-2.9,-80.9C7.8,-76.3,15.6,-56.4,25.3,-44.7Z" transform="translate(100 100)" />
  588. </svg>
  589. </div>
  590. <!-- END OF LEFT BLOB -->
  591.  
  592. <!-- 2 CERES -->
  593. <div style="width:321px;
  594. height:513px;
  595. background:url(https://static.tumblr.com/rcvxpmk/a1Cqbosyt/left_img_for_gctita_theme.png);
  596. z-index:2;
  597. top:120px;
  598. left:48px;
  599. position:fixed;">
  600. </div>
  601. <!-- END OF 2 CERES -->
  602.  
  603. <!-- SEAL -->
  604. <div style="width:479px;
  605. height:497px;
  606. background:url(https://66.media.tumblr.com/b0b88ded5bea8fc054258f887fd4c70e/672e88b582120b94-c6/s540x810/a1c41fda8aca73e03be85f68af17ea81bd9fa60e.png);
  607. position:fixed;
  608. z-index:-1;
  609. top:120px;
  610. left:47px;">
  611. </div>
  612. <!-- END OF SEAL -->
  613.  
  614. <!-- KITTEN -->
  615. <div style="width:242px;
  616. height:343px;
  617. background:url(https://static.tumblr.com/rcvxpmk/GBUqbosyu/black_cat_for_gctita_theme.png);
  618. position:fixed;
  619. z-index:1;
  620. top:270px;
  621. left:1056px;">
  622. </div>
  623. <!-- END OF KITTEN -->
  624.  
  625. <!-- END OF IMAGES -->
  626.  
  627. <!-- EVERYTHING MODAL -->
  628.  
  629. <!-- MODAL OPEN -->
  630. <button id="mybtn">
  631. <div class="pulsate">CLICK ME!</div>
  632. </button>
  633. <!-- END OF MODAL OPEN -->
  634.  
  635. <!-- MODAL POPUP -->
  636. <div id="myModal" class="modal">
  637. <div class="modal-content">
  638. <div class="close">close me!</div>
  639. <div class="modal-body">
  640. <p><b>MUNDANE /  </b> <br>COOKIE ( SHE / HER )<br>21+<br>NICARAGUAN<br>VIRGO<br>WIRE: <b><i>@GCTITA ( COOKIE )</i></b><br>DISCORD: FRIENDS ONLY!<br></p><p><b>DNI IF YOU /  </b><br>ENGAGE IN DRAMA!<br>MISANDRIST!<br>VAGUEPOST!<br>GATEKEEPER!<br>FICTION = REALITY!<br>UNDER 18 Y/O! <br></p><p><b>THIS BLOG IS /  </b><br>PRIVATE<br>SELEVTIVE<br>PLOT HEAVY<br>USES LARGE ICONS<br>USES MEDIUM FORMATTING<br>2001 HELLSING BASED</p><p><b>PLEASE DO /  </b><br>SEND MEMES!<br>CHAT THRU IMS!<br>LIKE STARTER CALLS!<br>ROLEPLAY THRU ASKBOX!<br></p><p><b>PLEASE TAG /  </b><br>#NECROPHILIA<br>#INCEST<br>#ANIMAL ABUSE / ANIMAL DEATH<br>#TRYPOPHOBIA </p><p><b>CONTENT WARNINGS I ( CURRENTLY ) TAG /  <br><i>* message me if you need a specific tag</i></b><br>#cw   ━━   mature.<br>#cw   ━━   sexual assault.<br>#cw   ━━   car crashes.<br>#cw   ━━   death.<br>#cw   ━━   nazism.<br>#cw   ━━   trypophobia.<br>#cw   ━━   eyes.<br>#cw   ━━   spiders.<br>#lemon    <i>( for explicit nsfw aka <b>nsfw</b> )</i><br>#lime   <i>( for implicit nsfw aka <b>nsfw ish</b> )</i></p>
  641.  
  642. <p>I  AM  SLOW  IN  REPLIES;  I  LOVE  RECEIVING  ASKS  AND  STARTERS,  SO  PLEASE  DON’T  TAKE  MY  DELAY  AS  DISCOURAGEMENT.   I  ALSO  TEND  TO  WRITE  IN  SECOND  PERSON.</p><p>IF  WE’RE  MUTUALS,  YOU  ARE  110%  FREE  TO  THROW  STARTERS  AT  ME  WITHOUT  WARNING,  ALWAYS  HIT  ME  UP  THRU  MY  INBOX,  ASK  ME  TO  WRITE  DRABBLES/STARTERS  FOR  YOU  AND  REQUEST  WRITING  WRITING  FROM  ME.</p><p>I  AM  CROSSOVER  FRIENDLY,  HOWEVER  I  AM  VERY  SELECTIVE  WITH  THIS  —  I’M  MOSTLY  INTERESTED  IN  INTERACTING  WITH  HELLSING  MUSES  ABOVE  ALL  ELSE.  YOU  CAN  ASK  ME  THRU  IMS  BUT  GENERALLY  SPEAKING  IT  HONESTLY  DEPENDS  ON  WHETHER  OR  NOT  I  THINK  THERE’S  CHANCE  AT  MEANINGFUL  INTERACTIONS.</p><p>I’M  SIMPLY  NOT  INTERESTED  INTERACTING  WITH  ORIGINAL  CHARACTERS.  OF  COURSE  THERE  ARE  EXCEPTIONS  BUT  UNLESS  I  FOLLOW  YOU  FIRST,  DON’T  GET  YOUR  HOPES  UP.</p><p>ALL  ASKS  ARE  WELCOMED  TO  BE  TURNED  INTO  THREADS.  I  SPECIFICALLY  FORMAT  THESE  IN  A  WAY  SO  THAT  YOU  CAN  SIMPLY  REBLOG  THE  ANSWERED  ASK  AND  RESPOND  TO  IT  IF  YOU  SO  WISH.  </p><p>I  ASK  THAT  YOU  PLEASE  SOFTBLOCK  ME  IF  YOU  HAVE  NO  INTEREST  IN  INTERACTING.  I  PROMISE  YOU’RE  NOT  HURTING  MY  FEELINGS,  IN  FACT  I  APPRECIATE  IT.</p><p>MEMES,  NO  MATTER  HOW  LONG  AGO  I  REBLOGGED  THEM,  ARE  ALWAYS  OPEN;  IF  YOU  DO  SEND  ME  AN  OLD  MEME,  JUST  PLEASE  TELL  ME  WHICH  ONE  IT  IS,  ESPECIALLY  IF  IT’S  A SYMBOL-PROMPT.  YOU  ARE  ALSO  MORE  THAN  WELCOME  TO  CONTINUE  THEM  AS  THREADS.  SEND  AS  MANY  AS  YOU  WISH!</p><p>I  AM  SUPER  HEAVILY  SHIP  -  DRIVEN.  BUT  I  AM  NEVER  TRYING  TO  PUSH  SHIPS  ONTO  ANYONE.   IF  WE  ARE  MUTUALLY  SHIPPING,  I  WILL  BE  INVESTED.  DON’T  EVER  BE  AFRAID  TO  ASK  ME  IF  YOU  WANT  TO  SHIP;  EVEN  IF  I  DON’T  SHIP  THE  THING,  ASK  ME  ANYWAY.  I  DON’T  JUDGE,  I  PROMISE  YOU.</p><p>IF  YOU  ARE  A  MISANDRIST,  FANDOM  GATEKEEPER  OR  AN  AVID  PRO CALLOUT  I  WANT  ABSOLUTELY  NOTHING  TO  DO  WITH  YOU.  HATE  OF  ANY  KIND  WILL  BE  SCREENCAPPED,  TIME  STAMPED  AND  DELETED/BLOCKED  ON  SIGHT.  TAG  YOUR  CALLOUTS.  VAGUING  AND  DRAMA  ARE  A  NO  GO.  IF  FOR  WHATEVER  REASON  YOU  WANT  TO  TALK  CIVILLY,  MY  IMS  ARE  ALWAYS  OPEN.  IF  MY  CONTENT  BOTHERS  YOU,  BLOCK ME.</p></p>
  643. </div>
  644. </div>
  645. </div>
  646. <!-- END OF MODAL POPUP -->
  647.  
  648. <!-- BACK TO TOP SCRIPT -->
  649. <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  650.  
  651. <script>
  652. // When the user scrolls down 20px from the top of the document, show the button
  653. window.onscroll = function() {scrollFunction()};
  654.  
  655. function scrollFunction() {
  656. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  657. document.getElementById("stt").style.display = "block";
  658. } else {
  659. document.getElementById("stt").style.display = "none";
  660. }
  661.  
  662. }
  663.  
  664. // When the user clicks on the button, scroll to the top of the document
  665. function topFunction() {
  666.  
  667. $('html, body').animate({scrollTop:0}, 'slow');
  668. }
  669. </script>
  670. <!--END OF BACK TO TOP SCRIPT-->
  671.  
  672. <!-- TAB SCRIPT -->
  673. <script>
  674. function openCity(evt, cityName)
  675. { // Declare all variables
  676. var i, tabcontent, tablinks;
  677.  
  678. // Get all elements with class="tabcontent" and hide them
  679. tabcontent = document.getElementsByClassName("tabcontent");
  680. for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; }
  681.  
  682. // Get all elements with class="tablinks" and remove the class "active"
  683. tablinks = document.getElementsByClassName("tablinks");
  684. for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); }
  685.  
  686. // Show the current tab, and add an "active" class to the button that opened the tab
  687. document.getElementById(cityName).style.display = "block";
  688. evt.currentTarget.className += " active"; }
  689. </script>
  690. <!-- END OF TAB SCRIPT -->
  691.  
  692. <!-- MODAL SCRIPT -->
  693. <script>
  694. // Get the modal
  695. var modal = document.getElementById("myModal");
  696.  
  697. // Get the button that opens the modal
  698. var btn = document.getElementById("mybtn");
  699.  
  700. // Get the <span> element that closes the modal
  701. var span = document.getElementsByClassName("close")[0];
  702.  
  703. // When the user clicks the button, open the modal
  704. btn.onclick = function() {
  705. modal.style.display = "block"; }
  706.  
  707. // When the user clicks on <span> (x), close the modal
  708. span.onclick = function() {
  709. modal.style.display = "none"; }
  710. </script>
  711. <!-- END OF MODAL SCRIPT -->
  712.  
  713. <!-- END OF EVERYTHING MODAL -->
  714.  
  715. <!-- SIDEBAR 1 -->
  716. <div class="sbc1">
  717. <div class="sb1">
  718. <h3>Welcome!</h3>
  719. <p>This is an independent and semi-selective roleplaying blog for the character <b>Ceres Victoria</b> from the 2001 anime, <i>Hellsing!</i> (not to be confused with <b>Hellsing Ultimate</b>)
  720.  
  721. <p>Have a look at my rules page and about page before IC interaction. This blog is <b>safe</b> for all Hellsing roleplayers, hate will not be tolerated here.
  722.  
  723. <p><i>disclaimer: this blog contains mature content not limited to: sexual content, gore and heavy topics. Continue at your own discretion!</i>
  724.  
  725. <p>Please enjoy your stay! :) If you have any questions, please let me know!
  726.  
  727. </div>
  728. </div>
  729. <!-- END OF SIDEBAR 1 -->
  730.  
  731. <!-- NAVIGATION -->
  732. <div class="navc">
  733. <div class="nav"><a href="https://gctita.tumblr.com/a">About</a></div>
  734. <div class="nav"><a href="https://gctita.tumblr.com/ask">Inbox</a></div>
  735. <div class="nav"><a href="https://gctita.tumblr.com/post/614091833735315456/mobile-navigation-post-ask-bio">Mobile</a></div>
  736. </div>
  737. <!-- END OF NAVIGATION -->
  738.  
  739. <!-- PAGINATION -->
  740. <div class="pagc">
  741. {block:Pagination}
  742. {block:PreviousPage}
  743. <a href="{PreviousPage}">BACKWARD</a>
  744. {/block:PreviousPage}
  745. /
  746. {block:NextPage}
  747. <a href="{NextPage}">FORWARD</a>
  748. {/block:NextPage}
  749. {/block:Pagination}
  750. </div>
  751. <!-- END OF PAGINATION -->
  752.  
  753. <!-- MAIN BLOG CONTAINER -->
  754. <div class="pc">
  755. {block:Posts}
  756.  
  757. <!-- POSTNOTES -->
  758. <div class="pnc">
  759. {block:Date}
  760. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {ShortYear}</a>
  761. &nbsp;&nbsp;
  762. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>
  763. {/block:NoteCount}&nbsp;
  764. {block:RebloggedFrom}
  765. <a href="{ReblogParentURL}" ="{ReblogParentName}"></a>
  766. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  767. {/block:RebloggedFrom}
  768. {/block:Date}
  769. </div>
  770. <!-- END OF POSTNOTES -->
  771.  
  772. <!-- POST TITLE CONTAINER -->
  773. {block:Title}
  774. <div class="ptc">
  775. <div class="pt">{Title}</div>
  776. </div>
  777. {/block:Title}
  778. <!-- END OF POST TITLE CONTAINER -->
  779.  
  780. <!-- INSIDE OF POSTS -->
  781. <div class="posts">
  782. {block:Text}
  783. {Body}
  784. {/block:Text}
  785.  
  786. <!-- PHOTOS -->
  787. <!-- SINGLE PHOTO -->
  788. {block:Photo}
  789. <center>
  790. <div style="margin-top:10px"></div>
  791. <img src="{PhotoURL-250}" alt="{PhotoAlt}">
  792. </center>
  793. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  794. <!-- END OF SINGLE PHOTO -->
  795.  
  796. <!--READ MORE-->
  797. {block:More}
  798. <center>
  799. <div id="more">
  800. <a href="{Permalink}" id="more">
  801. Click to read more!
  802. </a>
  803. </div>
  804. </center>
  805. <div style="margin-bottom:5px"></div>
  806. {/block:More}
  807. <!--READ MORE-->
  808.  
  809. <!-- PHOTOSET -->
  810. {block:Photoset}
  811. <div style="margin-top:10px"></div>
  812. <center>{Photoset-250}</center>
  813. {block:Caption}{Caption}{/block:Caption}
  814. {/block:Photoset}
  815. <!-- END OF PHOTOSET -->
  816.  
  817. <!-- PANAROMA -->
  818. {block:Panorama}
  819. {LinkOpenTag}
  820. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  821. {LinkCloseTag}
  822. {block:Caption}{Caption}{/block:Caption}
  823. {/block:Panorama}
  824. <!-- END OF PANAROMA -->
  825.  
  826. <!-- ASKS -->
  827. {block:Answer}
  828. <center>
  829. <div style="margin-top:10px"></div>
  830. <img src="{AskerPortraitURL-64}"></img>
  831. <br>{Asker}&nbsp;ASKS
  832. <h3>{Question}</h3>
  833. </center>
  834. <div class="divider"></div>
  835. {Answer}
  836. {/block:Answer}
  837. <!-- END OF ASKS -->
  838.  
  839. <!-- VIDEOS -->
  840. {block:Video}
  841. <center>
  842. <div style="margin-top:10px"></div>
  843. {Video-250}
  844. </center>
  845. {block:Caption}{Caption}{/block:Caption}
  846. {/block:Video}
  847. <!-- END OF VIDEOS -->
  848.  
  849. <!-- QUOTES -->
  850. {block:Quote}
  851. <center>
  852. <div style="margin-top:10px"></div>
  853. <div class="pt">"{Quote}"</div>
  854. {block:Source}
  855. <div class="source">{Source}</div>
  856. {/block:Source}
  857. </center>
  858. {/block:Quote}
  859. <!-- END OF QUOTES -->
  860.  
  861. <!-- LINKS -->
  862. {block:Link}
  863. <a href="{URL}" {Target}>{Name}</a>
  864. {block:Description}{Description}{/block:Description}
  865. {/block:Link}
  866. <!-- LINKS -->
  867.  
  868. <!-- CHAT -->
  869. {block:Chat}
  870. {block:Title}{Title}{/block:Title}
  871. {block:Lines}
  872. {block:Label}{Label}{/block:Label}
  873. {Line}
  874. {/block:Lines}
  875. {/block:Chat}
  876. <!-- END OF CHAT -->
  877.  
  878. <!-- AUDIO -->
  879. {block:Audio}
  880. <div style="margin-top:10px;"></div>
  881. <center>
  882. {AudioPlayerWhite}
  883. {block:AlbumArt}
  884. <img src="{AlbumArtURL}">
  885. {/block:AlbumArt}
  886. <h3>{block:TrackName}{TrackName}{/block:TrackName}
  887. {block:Artist}{Artist}{/block:Artist}</h3>
  888. </center>
  889. {block:Caption}{Caption}{/block:Caption}
  890. {/block:Audio}
  891. <!-- END OF AUDIO -->
  892.  
  893. </div>
  894.  
  895. <!-- END OF INSIDE OF POSTS -->
  896.  
  897. <!-- TAGS -->
  898. <div class="tc">
  899. {block:Tags}
  900. <a href="{TagURL}" id="{Tag}">*&nbsp;{Tag}</a>
  901. {/block:Tags}
  902. </div>
  903. <!-- END OF TAGS -->
  904.  
  905. <!-- PERMALINK -->
  906. {block:PermalinkPage}
  907. {block:PostNotes}
  908. <div class="permc">
  909. {PostNotes}
  910. </div>
  911. {/block:PostNotes}
  912. {/block:PermalinkPage}
  913. <!-- END OF PERMALINK -->
  914.  
  915. {/block:Posts}
  916. </div>
  917. <!-- END OF MAIN BLOG CONTAINER -->
  918.  
  919. </body>
  920. </html>
Advertisement
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!