Advertisement
Guest User

michi

a guest
Jun 28th, 2017
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.02 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Baumans);
  4. @import url(https://fonts.googleapis.com/css?family=Coda);
  5.  
  6. @font-face{ font-family:"hermes"; src: url('https://dl.dropboxusercontent.com/s/rhje42nhg8bamiq/Herrmes.otf’)'); }
  7.  
  8.  
  9. body { background-color: #fff; background-image: url(http://i.picpar.com/w99.png); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}
  10.  
  11. ::-webkit-scrollbar-track {background-color:;}
  12. ::-webkit-scrollbar-thumb {background-color:;}
  13. ::-webkit-scrollbar {width:2px;height:5px;}
  14.  
  15. a {color: #AE34CA; text-decoration: none; }
  16. a:hover {color: #8a8790; text-decoration: line-through; cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  17. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  18.  
  19. .container { background-color: #F5F5F5; position: absolute; top: 220px; left: 400px; height: 240px; width: 515px; border: 1px solid #9a8d7b; border-radius: 10px 10px 10px 10px; overflow: hidden; z-index: 1000; z-index: 1;}
  20.  
  21. .img { position: absolute; top: 230px; left: 410px; height: 218px; width: 170px; background-image: url("http://i.picpar.com/5fyc.jpg"); background-size: 100% 100%; background-position: center center; overflow: hidden; z-index: 2; border: #92928F solid 2px; border-radius: 10px 10px 10px 10px;}
  22.  
  23. .bar { background-color: #92928F; position: absolute; top: 270px; left: 583px; height: 1px; width: 323px; border: 1px solid #92928F; overflow: hidden; z-index: 1000; z-index: 2;}
  24.  
  25. .quote { position:fixed; top: 225px; left: 585px; text-align: left; font-family: 'hermes'; color:#a7786b; text-shadow: 3px 2px 2px #dadada; font-size:25px; z-index:999; text-align: center;}
  26. .subquote { position:fixed; top: 260px; left: 695px; text-align: left; font-family: 'arial'; letter-spacing:4.4px; color:#9a8d7b; text-shadow: 0 0 0.3em #9a8d7b; font-style:italic; font-weight:bold; text-transform:uppercase; font-size:7px; z-index:999; text-align: center;}
  27.  
  28. .ooc { position: fixed; background-color: #F5F5F5; border: 1px #9a8d7b solid; overflow: auto; width: 310; height: 165; top: 280px; left: 590px; padding: 3px; text-align: justify; font-size: 11px; font-family: 'baumans', sans-serif; color: #8a8790; line-height: 12px; z-index: 1000;}
  29.  
  30. .abox { background-color: #F5F5F5; color: #8a8790; font-size: 11px; font-family: 'baumans', sans-serif; text-align: justify; position: absolute; width: 310; height: 165; left: 589; top: 279; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #9a8d7b; z-index: 3;}
  31.  
  32. .navbar {Background-color: transparent; Position: absolute; Left: 585px; top: 262px; padding: 4px; z-index: 2000; }
  33.  
  34. .link1 {Position: absolute; Top: 3px; Border: solid 1px #9a8d7b; Height: 10px; Width: 10px; background-color: #a7786b; border-radius: 50%;}
  35.  
  36. .link2 {Position: absolute; Top: 3px; Left: 25px; Border: solid 1px #9a8d7b; Height: 10px; Width: 10px; background-color: #a7786b; border-radius: 50%;}
  37.  
  38. .link3 {Position: absolute; Top: 3px; Left: 47px; Border: solid 1px #9a8d7b; Height: 10px; Width: 10px; background-color: #a7786b; border-radius: 50%;}
  39.  
  40. .link4 {Position: absolute; Top: 3px; Left: 70px; Border: solid 1px #9a8d7b; Height: 10px; Width: 10px; background-color: #a7786b; border-radius: 50%;}
  41.  
  42. .link5 {Position: absolute; Top: 3px; Left: 93px; Border: solid 1px #9a8d7b; Height: 10px; Width: 10px; background-color: #a7786b; border-radius: 50%;}
  43.  
  44. .slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  45.  
  46. .slide:target {Top: 0; Opacity: 1; Z-index: 1000; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  47.  
  48. h1 { font-family: 'arial'; letter-spacing:4.4px; color:#9a8d7b; text-shadow: 0 0 0.3em #9a8d7b; font-style:italic; font-weight:bold; text-transform:uppercase; font-size:7px; border-bottom: 2px solid #9a8d7b; text-align: right; margin-right: 3px; margin-left: 3px; line-height: 12px; margin-top: 1px;}
  49.  
  50. </style>
  51.  
  52. <div class="container"></div>
  53. <div class="img"></div>
  54. <div class="bar"></div>
  55. <div class="quote">It sounded like a dream</div>
  56. <div class="subquote">But tasted like damnation</div>
  57.  
  58. <div class="navbar">
  59. <a class="link1" href="#1"></a>
  60. <a class="link2" href="#2"></a>
  61. <a class="link3" href="#3"></a>
  62. <a class="link4" href="#4"></a>
  63. <a class="link5" href="#5"></a>
  64. </div></div>
  65.  
  66. <div class="ooc">
  67.  
  68. <h1>Out of Character</h1>
  69.  
  70. 00.] The code displayed on this profile was created by <a href="profile.php?user=Umeko" target="_blank">A Bad Bitch</a>, for Michiko only. Do not take any part of this code. -<font style=float:right><a title="If you would like to have a layout
  71. similar to the one on this profile
  72. she does charge, and it's cheap.
  73. Price ranges between $4 - $9.
  74. Feel free to pm her more questions.">[Hover]</a></font><br><br>
  75.  
  76. </div>
  77.  
  78. <div id="1" class="slide">
  79. <div class="abox">
  80.  
  81. <h1>Dossier</h1>
  82.  
  83. Stat: <font style=float:right>Input Info</font><br>
  84. Stat: <font style=float:right>Input Info</font><br>
  85. Stat: <font style=float:right>Input Info</font><br>
  86. Stat: <font style=float:right>Input Info</font><br>
  87.  
  88. </div></div>
  89.  
  90. <div id="2" class="slide">
  91. <div class="abox">
  92.  
  93. <h1>History</h1>
  94.  
  95.  
  96.  
  97. </div></div>
  98.  
  99. <div id="3" class="slide">
  100. <div class="abox">
  101.  
  102. <h1>Abilities</h1>
  103.  
  104.  
  105.  
  106. </div></div>
  107.  
  108. <div id="4" class="slide">
  109. <div class="abox">
  110.  
  111. <h1>Connections</h1><center>
  112.  
  113. <a href="profile.php?user=Umeko" target="_blank"><img src="http://i.picpar.com/Aqyc.jpg" height="65px" width="40px" border="1" title="Umeko; The adopted younger sister."></a>
  114. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  115. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  116. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  117. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  118. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  119. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  120.  
  121. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  122. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  123. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  124. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  125. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  126. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  127. <a href="profile.php?user=" target="_blank"><img src="" height="65px" width="40px" border="1"></a>
  128.  
  129. </center></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement