LadyDarkness

Noemie's code

May 19th, 2019
135
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.23 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
  4. @import url(https://fonts.googleapis.com/css?family=Rajdhani:600);
  5.  
  6. body {
  7.  
  8. background-color: #fff;
  9. background-image: url(http://i.picpar.com/spwd.jpg);
  10. background-attachment: fixed;
  11. background-position: center center;
  12. background-repeat: repeat;
  13. background-size: auto;
  14. font-family: Times New Roman;
  15. font-variant: normal;
  16. font-size: 70%;
  17. color: #666666;}
  18.  
  19. ::-webkit-scrollbar-track {background-color:#fff;}
  20. ::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
  21. ::-webkit-scrollbar {width:11px;height:5px;}
  22.  
  23. a {color: #A60000; text-decoration: none; }
  24.  
  25. a:hover {color: black; text-decoration: line-through;
  26. cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  27. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  28.  
  29. b, strong {font-weight: bold; color: #74828d;}
  30.  
  31. #pictureone { position:fixed; left: 21%; top: 20%; border: solid #000 1px; height: 403px; width: 200px;}
  32.  
  33. #box { position: fixed; top: 17.5%; left: 19.7%; height: 435px; width: 236px; background-color: ; overflow: auto; z-index: 1; border: #fff solid 1px;}
  34.  
  35. .abox {background-color:#fff; color: #000; font-size: 11px; font-family: 'Rajdhani', sans-serif; text-align: justify; position: absolute; width: 235; height: 260; left: 215; top:135; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid black; opacity: .9;}
  36.  
  37. .aimg {background-color: #fff; position: absolute; width: 239; height: 130; left: 217; top:408; overflow:auto; border:1px solid white;}
  38.  
  39. .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 35.89%; Bottom: 33.5%; padding: 4px; z-index: 100;}
  40.  
  41. .link1 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #4c5f66; border-radius: 50%;}
  42.  
  43. .link2 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #49372d; border-radius: 50%;}
  44.  
  45. .link3 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #2c1716; border-radius: 50%;}
  46.  
  47. .link4 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #1d1612; border-radius: 50%;}
  48.  
  49. .link5 {Position: absolute; Left: 10px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000000; border-radius: 50%;}
  50.  
  51. .link1:hover {Background-color: #fff; Border: solid 1px #fff;}
  52. .link2:hover {Background-color: #fff; Border: solid 1px #fff;}
  53. .link3:hover {Background-color: #fff; Border: solid 1px #fff;}
  54. .link4:hover {Background-color: #fff; Border: solid 1px #fff;}
  55. .link5:hover {Background-color: #fff; Border: solid 1px #fff;}
  56.  
  57. .slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: -350; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  58.  
  59. .slide:target {Left: 310; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  60.  
  61.  
  62. h1 { Color: #000; Border-bottom: 1.5px solid #4F335E; Border-left: 40px solid #8C0E30; font-size:16px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Font-family: 'Rajdhani', sans-serif; Margin-Top: 1px;}
  63.  
  64. credit { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
  65.  
  66. .circle{border-radius:150px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;}
  67.  
  68. .circle:hover{border-radius:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg);}
  69. </style>
  70.  
  71. <div id="pictureone">
  72. <img src="http://i.picpar.com/mpwd.jpg" class="image" width="100%;" height="100%;">
  73. </div>
  74.  
  75. <div id="box"></div>
  76.  
  77. <div class="navbar">
  78. <a class="link1" href="#1"></a><br><br>
  79. <a class="link2" href="#2"></a><br><br>
  80. <a class="link3" href="#3"></a><br><br>
  81. <a class="link4" href="#4"></a><br><br>
  82. <a class="link5" href="#5"></a>
  83. </div></div>
  84.  
  85.  
  86. <div id="1" class="slide">
  87. <div class="abox">
  88. <h1>Stats</h1>
  89. <b>Name:</b> Noémie Forest <br><br>
  90. <b> Alias:</b> Cooper Beauty <br><br>
  91. <b>Age:</b> 24 <br><br>
  92. <b>Race:</b> Lycan <br><br>
  93. <b>Sexuality:</b> Bisexual (Meaning all female, all male) <br><br>
  94. <b>Status:</b> Single <br><br>
  95. <b>Likes:</b> Ask, too many to list. <br><br>
  96. <b>Dislikes:</b> Vore, Rape/Force, Incest, Anal, She-males, ECT.<br><br>
  97. </div>
  98.  
  99. <div class="aimg">
  100. <img src="http://data.whicdn.com/images/98962919/large.gif" Height="100%" Width="100%">
  101. </div></div>
  102.  
  103. <div id="2" class="slide">
  104. <div class="abox">
  105. <h1> History </h1>
  106. <br>
  107. Will be told another time.
  108. </div>
  109.  
  110. <div class="aimg">
  111. <img src="http://i.picpar.com/npwd.gif" Height="100%" Width="100%">
  112. </div></div>
  113.  
  114. <div id="3" class="slide">
  115. <div class="abox">
  116. <h1>Packmates/Friends</h1>
  117. <br><br>
  118. <center>
  119. <a href="profile.php?user=" target="_blank" title="Friend"><img src="http://i.picpar.com/qpwd.png" height="75" width="75"></a>
  120.  
  121. <a href="profile.php?user=" target="_blank" title="Friend"><img src="http://i.picpar.com/qpwd.png" height="75" width="75"></a>
  122.  
  123. <a href="profile.php?user=" target="_blank" title="Friend"><img src="http://i.picpar.com/qpwd.png" height="75" width="75"></a>
  124. </div>
  125.  
  126. <div class="aimg">
  127. <img src="http://i.picpar.com/ppwd.gif" Height="100%" Width="100%">
  128. </div></div>
  129.  
  130. <div id="4" class="slide">
  131. <div class="abox">
  132. <h1>Out of Character</h1>
  133. <br><br>
  134. <li>Dont force me things I dont like.</li>
  135. <li>Dont be afraid to say hello.</li>
  136. <li>Ic =/= OOC</li>
  137. <li>Happily Married IRL.</li>
  138. <li>Story before smut!!!</li>
  139. <li>Once mated, sex with ONLY mate. </li>
  140. <li>SEX IS EARNED!!!</li>
  141. <li>Face-claim is Natalie Portman </li>
  142. <center>
  143. </div>
  144.  
  145. <div class="aimg">
  146. <img src="http://i.picpar.com/opwd.jpg" Height="100%" Width="100%">
  147. </div></div>
  148.  
  149. <credit>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></credit>
Advertisement
Add Comment
Please, Sign In to add comment