Advertisement
xsubZERO

ANYA: Freya Mikaelson

Jul 14th, 2020
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.46 KB | None | 0 0
  1. “FREYA MIKAELSON” WAS MADE BY ANYA @ SUBZERO.
  2.  
  3. Made on GOOGLE CHROME
  4.  
  5. YOU CAN:
  6. Change colors
  7. Add/change graphics
  8.  
  9. DO NOT:
  10. claim as yours
  11. remove credit
  12.  
  13. KNOWLEDGE
  14. of DIV required
  15.  
  16. -----ABOUT ME-----
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Lemonada" rel="stylesheet">
  19.  
  20.  
  21.  
  22. <body oncontextmenu="alert('© by Anya @ subzero. Do not Steal.');return false;"><body onkeydown="alert('© By Anya @ Silverrain. Do not Steal.');return false;"><body ondragstart="alert('© by Anya @ Silverrain. Do not Steal.');return false;">
  23. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  24.  
  25.  
  26.  
  27. <style>
  28.  
  29.  
  30.  
  31. .anya { background information }
  32.  
  33. body {
  34. background-color: #beafa5;
  35. background-image:url("https://i.imgur.com/a2Tt2kS.png");
  36. background-attachment:fixed;
  37. background-repeat:repeat;
  38. }
  39.  
  40.  
  41. .hbic
  42. body, td, li, p, div, textarea, li, p, br {
  43. font-family: calibri;
  44. font-size: 9px;
  45. text-align: justify;
  46. color: #ffffff;}
  47.  
  48.  
  49.  
  50. a:link, a:visited {
  51. background-color: transparent;
  52. text-transform: lowercase;
  53. color: #2b1e41;
  54. font-family: consolas;
  55. text-align: center;
  56. font-size: 12px;
  57. margin-left: 2px;
  58. display: inline-block;}
  59.  
  60.  
  61. a:hover, a:active {
  62. background-color: transparent;
  63. text-transform: lowercase;
  64. color: #4e3775;
  65. font-family: consolas;
  66. text-align: center;
  67. font-size: 12px;
  68. -webkit-filter: blur(1px)
  69. -moz-transition-duration: 0.4s;
  70. -webkit-transition-duration: 0.4s;
  71. -o-transition-duration: 0.4s;
  72. transition-duration: 0.4s;}
  73.  
  74. a.nav:link, a.nav:visited, a.nav:active, {
  75. background-color: #2b1e41;
  76. font-family: calibri;
  77. box-shadow: 1px 1px 1px #fff;
  78. size: 15px;
  79. border: 10px solid #2b1e41;
  80. border-radius: 100px;
  81. width: 20px;
  82. height: 20px;
  83. display: inline-block;
  84. }
  85.  
  86. a.nav:hover {
  87. background-color: #4e3775;
  88. box-shadow: 1px 1px 1px #fff;
  89. font-family: calibri;
  90. size: 15px;
  91. border: 10px solid #4e3775;
  92. border-radius: 100px;
  93. width: 20px;
  94. height: 20px;
  95. display: inline-block;
  96. -webkit-filter: blur(1px)
  97. -moz-transition-duration: 0.4s;
  98. -webkit-transition-duration: 0.4s;
  99. -o-transition-duration: 0.4s;
  100. transition-duration: 0.4s;}
  101.  
  102.  
  103.  
  104. ::-webkit-scrollbar-thumb:vertical {
  105. background-color: transparent;
  106. height: 7px;
  107. }
  108. ::-webkit-scrollbar-thumb:horizontal{ background-color: transparent;
  109. height: 7px;
  110. }
  111. ::-webkit-scrollbar {
  112. background-color: transparent;
  113. border: 2px solid transparent;
  114. height:5px;
  115. width:5px;
  116. }
  117.  
  118.  
  119. .anya { div codes }
  120.  
  121. .title {
  122. position: fixed;
  123. left: 200px;
  124. top: 500px;;
  125. width: auto;
  126. height: auto;
  127. overflow: none
  128. }
  129.  
  130.  
  131. .info {
  132. position: fixed;
  133. overflow:auto;
  134. font-style:normal;
  135. line-height:11px;
  136. font-size:11px;
  137. z-index:22;
  138. top: 50px;
  139. left: 100px;
  140. width:0px;
  141. height:0px;
  142. opacity:0;
  143. filter: alpha(opacity=0.0);
  144. background-color: #3f3053;
  145. border: 1px solid #ffffff;
  146. -webkit-transition: opacity 400ms ease-in;
  147. -moz-transition: opacity 400ms ease-in;
  148. transition: opacity 400ms ease-in;}
  149.  
  150.  
  151. .info:target {
  152. width: 350px;
  153. height: 300px;
  154. padding:10px;
  155. opacity:1;
  156. filter:alpha(opacity1);
  157. font-style:normal;
  158. line-height:11px;
  159. font-size:11px;
  160. background-color: #3f3053;
  161. border: 1px solid #ffffff;
  162. text-align: justify;
  163. -webkit-transition: opacity 400ms ease-out;
  164. -moz-transition: opacity 400ms ease-out;
  165. transition: opacity 400ms ease-out;
  166. -webkit-box-shadow: -1px 40px 100px 500px rgba(0, 0, 0,0.33);
  167. -moz-box-shadow: -1px 40px 100px 500px rgba(0, 0, 0,0.33);
  168. box-shadow: -1px 40px 100px 500px rgba(0, 0, 0,0.33);
  169. }
  170.  
  171.  
  172. #circle {
  173. background-color: #2b1e41;
  174. font-family: calibri;
  175. box-shadow: 1px 1px 1px #fff;
  176. size: 15px;
  177. border: 10px solid #2b1e41;
  178. border-radius: 100px;
  179. width: 20px;
  180. height: 20px;
  181. }
  182.  
  183. #circle:hover {
  184. background-color: #4e3775;
  185. box-shadow: 1px 1px 1px #fff;
  186. font-family: calibri;
  187. size: 15px;
  188. border: 10px solid #4e3775;
  189. border-radius: 100px;
  190. width: 20px;
  191. height: 20px;
  192. display: inline-block;
  193. -webkit-filter: blur(1px)
  194. -moz-transition-duration: 0.4s;
  195. -webkit-transition-duration: 0.4s;
  196. -o-transition-duration: 0.4s;
  197. transition-duration: 0.4s;
  198. }
  199.  
  200.  
  201. .anya { text codes }
  202.  
  203.  
  204.  
  205. b {
  206. font-family: 'Inconsolata', monospace;
  207. color: #c5ace7;
  208. font-size: 12px;
  209. letter-spacing: 2px;
  210. text-transform: uppercase;
  211. }
  212.  
  213. i {
  214. font: 20px georgia;
  215. font-style: italic;
  216. text-transform: uppercase;
  217. text-shadow:1px 1px 1px #ffffff;
  218. color: #7c585d;}
  219.  
  220. h1 {
  221. font-family: 'Lemonada', cursive;
  222. color: #a491c3;
  223. font-size: 50px;
  224. font-weight: bold;
  225. text-align: center;
  226. letter-spacing: 2px;
  227. text-shadow: 2px 2px #000;
  228. margin-bottom: -20px;
  229. }
  230.  
  231. h2{
  232. font-family: 'Cinzel', serif;
  233. color:#292a37;
  234. background-color: #9a7cc2;
  235. border: 3px solid #9a7cc2;
  236. border-radius-right: 30px;
  237. border-radius-left: 30px;
  238. font-size: 20px;
  239. text-shadow:1px 1px 1px #ffffff;
  240. text-align: center;
  241. text-transform: uppercase;
  242. font-weight: normal;
  243. line-height: 21px;
  244. -webkit-border-top-left-radius: 30px;
  245. -webkit-border-bottom-right-radius: 30px;
  246. -moz-border-radius-topleft: 30px;
  247. -moz-border-radius-bottomright: 30px;
  248. border-top-left-radius: 30px;
  249. border-bottom-right-radius: 30px;
  250. }
  251.  
  252. h3{
  253. font-family: 'Cinzel', serif;
  254. color:#a59e88;
  255. background-color:;
  256. font-size: 20px;
  257. text-align: right;
  258. text-transform: uppercase;
  259. border-right: 20px solid #a59e88;
  260. font-weight: normal;
  261. line-height: 21px;
  262. letter-spacing: 2px;
  263. }
  264.  
  265. h4{
  266. font-family: 'Cinzel', serif;
  267. color:#a59e88;
  268. background-color:;
  269. font-size: 20px;
  270. text-align: left;
  271. text-transform: uppercase;
  272. border-left: 20px solid #a59e88;
  273. font-weight: normal;
  274. line-height: 21px;
  275. letter-spacing: 2px;
  276. }
  277.  
  278.  
  279. h5 {
  280. background-image: url('https://i.imgur.com/a2Tt2kS.png');
  281. background-repeat:repeat;
  282. background-attachment:fixed;
  283. border-left: double 3px #000;
  284. border-top: double 3px #000;
  285. border-right: double 3px #000;
  286. border-bottom: double 3px #000;
  287. padding:2px;
  288. color:#9a7cc2;
  289. overflow: auto;
  290. margin-top: -1px;
  291. text-shadow:1px 1px 0px #000,
  292. 1px -1px 0px #000,
  293. -1px -1px 0px #000,
  294. -1px 1px 0px #000,
  295. 0px 1px 0px #000,
  296. 0px -1px 0px #000,
  297. 1px 0px 0px #000,
  298. -1px 0px 0px #000;
  299. font-size:15px;
  300. font-family:calibri;
  301. text-transform:uppercase;
  302. letter-spacing:1px;
  303. text-align:center;
  304. }
  305.  
  306. .anya { TOOLTIP }
  307.  
  308. .tooltip {
  309. position: relative;
  310. display: inline-block; }
  311.  
  312. .tooltip .tooltiptext {
  313. visibility: hidden;
  314. width: 75px;
  315. background-color: #a491c3;
  316. color:#fff;
  317. text-shadow:0px 0px 7px #7f7f7f;
  318. text-decoration:none;
  319. text-transform:uppercase;
  320. text-align: center;
  321. border-radius: 6px;
  322. padding: 5px 0;
  323. /* Position the tooltip */
  324. position: absolute;
  325. margin-left: -40px;
  326. margin-top: 40px;
  327. z-index: 1; }
  328.  
  329. .tooltip:hover .tooltiptext {
  330. visibility: visible; }
  331.  
  332.  
  333. .anya { hide codes }
  334.  
  335.  
  336. table table div form {display:inline !important;}
  337.  
  338. .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
  339.  
  340. td td td td{border:0px;width:0px;text-align:left;}
  341.  
  342. table,td,tr{padding:0px;width:;background-color:transparent}
  343.  
  344. table table table{padding:1px;height:.01%;width:100%;}
  345.  
  346. table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
  347.  
  348. a.text,table div font a,table div div,.navbar font,tr td font{visibility:;display:;height:0px;!important;}
  349.  
  350. td.text table table{display:inline;visibility:visible;}
  351.  
  352. table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
  353.  
  354. table div div{visibility: visible;!important;}
  355.  
  356. table table table table td.text{display:none;}
  357.  
  358. td.text td.text table{display:none;}
  359.  
  360. body div div form {display:none !important;}div div div select {position:absolute !important;
  361.  
  362. margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
  363.  
  364. div div, div td {background-color:transparent; background-image:none!important;}
  365.  
  366. div.profileWidth {margin-top: -20px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
  367.  
  368. div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:20px}
  369.  
  370. div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;}
  371.  
  372.  
  373.  
  374. .profile, div ul {display:none !important;} .userAlbums { display:none; }
  375.  
  376. #headerWrap{display:none;} .clearfix{display:none;} #leaderboard{display:none;} .profileInfo{margin-top:22px;position:relative;} .userProfileURL{display:none;} .userProfileDetail{display:none;} .extendedNetwork{display:none;} .blurbs{display:none;} .latestBlogEntry{display:none;} .friendSpace{display:none;} .friendsComments{display:none;} #footerWarpper{display:none;} .contactTable{display:none;} .msOnlineNow{display:none;} .Table2{display:none;} #GeneralRow{display:none;} #Groups{display:none;} .interestsAndDetails{display:none;}{160791}
  377.  
  378. .profileInfo {display:none;} a span.ai, a:hover span.kz{display: inline;} a:hover span.ai, a span.kz{display: none;} a:hover {visibility:visible;}
  379.  
  380.  
  381.  
  382.  
  383. </style>
  384.  
  385.  
  386.  
  387. -----LIKE TO MEET-----
  388.  
  389. <span class="text"></td></tr></tbody></table></td></tr></tbody></table><br><table width="500" bgcolor="ffcc99" border="0" bordercolor="ffffff" cellpadding="0" cellspacing="0"><tbody><tr><td><table width="500" align="left" bgcolor="ffffff" border="0" bordercolor="000000" cellpadding="0" cellspacing="0"><tbody><tr><td style="word-wrap: break-word;" valign="top" width="500" align="" bgcolor="ffffff">
  390.  
  391. <div class="title">
  392. <h1>Freya Mikaelson</h1>
  393. <center><div class="tooltip"><a href="/home.php" title="home" id="circle"><span class="tooltiptext">Home</span>
  394. </div></a> <div class="tooltip"><a href="/add_comment.php?member_id=xxxxxx" id="circle"><span class="tooltiptext">Comment</span>
  395. </div></a> <div class="tooltip"><a href="/send_message.php?member_id=xxxxxx" id="circle"><span class="tooltiptext">Message</span>
  396. </div></a> <div class="tooltip"><a href="/" id="circle"><span class="tooltiptext">Blog</span>
  397. </div></a> <div class="tooltip"><a href="/albums.php?member_id=xxxxxx" id="circle"><span class="tooltiptext">Pictures</span>
  398. </div></a> <div class="tooltip"><a href="#info" id="circle"><span class="tooltiptext">Information</span>
  399. </div></a> <div class="tooltip"><a href="/xsubzero" id="circle"><span class="tooltiptext">Credit</span>
  400. </div></a></center>
  401. </div>
  402.  
  403.  
  404. <div id="info" class="info">
  405. <div style="width: 350px; height: 25px; margin-top: -5px">
  406. <a href="#" class="close" style="float:right;"><span style="font-size: 15px">✖</span></a>
  407. </div>
  408. <h5>Freya Michaelson</h5>
  409. <div style="background-color: #1f1729; width: 160px; float: left; height: 225px; margin-top: -5px; margin-left: -5px; overflow: auto; padding: 5px;">
  410. <h1>Header 1</h1>
  411. <h2>Header 2</h2>
  412. <h3>Header 3</h3>
  413. <h4>header 4</h4>
  414. <h5>Header 5</h5>
  415. <b>Bold</b> <i>italic</i>
  416. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean mattis quam dolor, sit amet eleifend lorem laoreet vel. Curabitur laoreet tempus orci non facilisis. Cras commodo vehicula egestas. Nulla eu sem id nisl pretium ullamcorper nec ac nisi. Sed venenatis tincidunt velit, eu laoreet augue luctus a. Etiam blandit nibh quis lectus volutpat tincidunt. Suspendisse nibh mi, imperdiet id elementum eu, bibendum sit amet lacus. Mauris vulputate sem sem, eget sagittis turpis lacinia vel. Vestibulum sollicitudin finibus pharetra. Cras non hendrerit mi. Proin in ex cursus, semper libero nec, lacinia dolor. Suspendisse potenti. Etiam vitae libero et justo imperdiet molestie non sit amet mauris. Cras posuere, justo ac iaculis ultrices, ex justo vestibulum dolor, at viverra urna arcu a ipsum. Suspendisse potenti. In hac habitasse platea dictumst.
  417.  
  418. <p>Etiam tincidunt urna vitae nibh sodales vestibulum. Nunc accumsan porta tristique. Morbi ullamcorper, massa id pretium pharetra, enim lorem tempus justo, eu porta mauris quam luctus elit. Nullam id arcu ex. Suspendisse risus metus, facilisis sit amet quam eu, laoreet vestibulum ipsum. Pellentesque ornare est non ullamcorper cursus. Mauris cursus viverra ipsum, id volutpat tortor. Praesent imperdiet, justo eu ullamcorper ultrices, metus lacus volutpat quam, eu aliquam urna enim vel enim. Duis aliquet scelerisque lacus dapibus dapibus. Vestibulum tristique non nunc at congue. Nulla eu consectetur tellus. Duis rhoncus turpis a scelerisque pretium. Maecenas eu mi sagittis, dignissim nibh non, sollicitudin orci. Sed nec elementum felis. Suspendisse mollis hendrerit ornare. Vestibulum semper, mauris elementum condimentum elementum, sem sem pellentesque ipsum, et aliquam leo orci id justo.
  419.  
  420. <p>Aliquam dignissim vulputate urna, a pretium lacus malesuada quis. Etiam egestas ex sit amet felis feugiat consectetur. Fusce ut nulla lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent id semper augue, vel dictum dui. Ut cursus dolor pellentesque odio iaculis, vel luctus nisi pulvinar. Phasellus eu pharetra purus. Nunc velit tortor, maximus et viverra quis, iaculis sit amet tellus. Morbi sit amet lacinia diam. Nunc sed pretium libero.
  421.  
  422. <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque a ipsum eget lorem tempus pulvinar at a dolor. Nulla vestibulum tincidunt vehicula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur hendrerit tristique ultricies. Cras sit amet erat finibus, fringilla leo ut, hendrerit libero. Cras a cursus nulla, a ultrices ipsum. Donec et tincidunt quam.
  423.  
  424. <p>Praesent a dui orci. Nulla placerat purus at ex cursus, sit amet tempor purus fermentum. Praesent at dignissim nibh. Sed facilisis viverra tortor eget aliquam. Fusce sagittis ut ligula vel ultrices. Aenean scelerisque nulla metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla cursus nulla ut laoreet. Duis nec convallis ligula, eget aliquet sapien. In hac habitasse platea dictumst. Morbi vel justo vel erat aliquet accumsan. Mauris nec facilisis mi. In pretium faucibus placerat. Pellentesque eu velit commodo, pellentesque justo in, volutpat magna.
  425.  
  426. </div>
  427.  
  428. <div style="background-color: #1f1729; width: 160px; float: right; height: 225px; margin-top: -5px; margin-left: -5px; overflow: auto; padding: 5px;">
  429. <h2>Information</h2>
  430. <b>FULL NAME:</b> Input here<br>
  431. <b>NICKNAME:</b> Input here<br>
  432. <b>AGE:</b> Input here<br>
  433. <b>BIRTH DATE:</b> Input here<br>
  434. <b>ETHNICITY:</b> Input here<br>
  435. <b>GENDER: </b>Input here<br>
  436. <b>ROMANTIC ORIENTATION:</b> Input here<br>
  437. <b>SEXUAL ORIENTATION:</b> Input here<br>
  438. <b>RELIGION:</b> Input here<br>
  439. <b>SPOKEN LANGUAGE:</b> Input here<br>
  440. <b>CURRENT LIVING CONDITIONS:</b> Input here<br>
  441. <b>OCCUPATION:</b> Input here<br>
  442.  
  443. <p><h2>Relationships</h2>
  444. <b>PARENTS:</b> Input here<br>
  445. <b>SIBLINGS:</b> Input here<br>
  446. <b>SIGNIFICANT OTHER:</b> Input here<br>
  447. <b>CHILDREN:</b> Input here<br>
  448.  
  449. <p><h2>Physical Traits</h2>
  450. <b>EYE COLOUR:</b> Input here<br>
  451. <b>HAIR COLOUR: </b> Input here<br>
  452. <b>HEIGHT:</b> Input here<br>
  453. <b>BODY BUILD: </b> Input here<br>
  454. <b>TATTOOS + PIERCINGS:</b> Input here<br>
  455. <b>NOTABLE PHYSICAL TRAITS:</b> Input here<br>
  456.  
  457. <p><h2>Personality</h2>
  458. <b>INTELLIGENCE:</b> Input here<br>
  459. <b>LIKES:</b> Input here<br>
  460. <b>DISLIKES:</b> Input here<br>
  461. <b>DISPOSITION:</b> Input here<br>
  462. <b>EXTRAS:</b> Input here<br>
  463.  
  464. </div>
  465. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement