SHARE
TWEET

Karyama

TashiFox Feb 21st, 2020 138 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2.  
  3. body { background-image: url(https://ssl.c.photoshelter.com/img-get/I0000j42UHxfyF6Y/s/1200/I0000j42UHxfyF6Y.jpg); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}
  4.  
  5. #noclick {
  6.  position:absolute;
  7.  left: 0px;
  8.  top: 0px;
  9.  right: 0px;
  10.  bottom: 0px;}
  11.  
  12. body {
  13.  background-image: linear-gradient(to top right, #424242 50%, #000000);
  14.  background-attachment: fixed;
  15.  overflow: hidden; }
  16.  
  17. .be{
  18. margin-top: 1px;
  19. height: 95px;
  20. width: 95px;
  21. margin-left: 8px;
  22. border:BLANK;
  23. }
  24.  
  25.  ::-webkit-scrollbar-track {background-color:;}
  26. ::-webkit-scrollbar-thumb {background-color: #c0c0c0;}
  27. ::-webkit-scrollbar {width:5px;height:5px;}
  28.  
  29. .God {
  30.  overflow:hidden;
  31.  position:absolute;
  32.  bottom:-189px;
  33.  left: 940px;
  34.  height:850px;
  35.  width:480px;
  36.  z-index:10;
  37.  background-color: transparent;
  38.  background-image: url('http://i.picpar.com/5ide.png');
  39.  background-position:center center;
  40.  background-size: 100%, auto;
  41.  background-attachment: absolute;
  42.  background-repeat: no-repeat;}
  43.  
  44. a {color: #FAFAFA; text-decoration: none; }
  45. a:hover {color: #c0c0c0; text-decoration: line-through;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png'); text-decoration: line-through;}
  46. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  47.     b, strong { font-weight:bold; color:#B18904; }
  48.  i { color: #848484;}
  49.  
  50. .box2 { position: absolute; top: 200px; left: 240px; height: 268px; width: 250px; background-color: #191918; overflow: hidden;}
  51.  
  52. .abox { background-color: #181819; color: #c0c0c0; font-size: 11px; font-family: 'Nunito Sans', sans-serif; text-align: justify; position: absolute; width: 369; height: 127; left: 561; top: 253; letter-spacing: .3px; line-height: 13px; padding: 2px; margin: 1px; overflow:auto; border: 1px solid #181819; z-index: 3;}
  53.  
  54.  
  55. .navbar { Position: absolute; Left: 665px; top: 420px; padding: 7px; width: 166px; height: 20px; z-index: 2000; background-color: #191918;}
  56.  
  57. .link1 {Position: absolute; Top: 7px; Left: 7px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}
  58.  
  59. .link2 {Position: absolute; Top: 7px; Left: 50px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}
  60.  
  61. .link3 {Position: absolute; Top: 7px; Left: 93px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}
  62.  
  63. .link4 {Position: absolute; Top: 7px; Left: 136px; Height: 18px; Width: 35px; background-color: #1D1D1D; border: 1px solid #5c5d61;}
  64.  
  65. .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;}
  66.  
  67. .slide:target {Left: 0; Opacity: 1; Z-index: 1000; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  68.  
  69. .img { position: absolute; top: 210px; left: 250px; height: 250px; width: 230px; overflow: hidden; background-image: url("http://i.picpar.com/7ide.png"); background-size: 100% 140%; background-position: center center; overflow: hidden;}
  70.  
  71. .quote { position:fixed; top: 195px; left: 660px; text-align: left; font-family: 'Monotype Corsiva', cursive; font-style: italic; text-shadow: 1px 0px 0px #610B0B, 0px 1px 0px #610B0B, 1px 0px 0px #000000, 0px -1px 0px #F2F2F2; font-size:40px; color: #BDBDBD; z-index:999; text-align: center;}
  72.  
  73. .ooc { position: fixed; background-color: #181819; overflow: auto; width: 370; height: 128; top: 255px; left: 563px; padding: 2px; text-align: justify; font-size: 13px; font-family: 'Allegro'; color: #c0c0c0; line-height: 13px; z-index: 100; }
  74.  
  75. </style>
  76.  
  77. <div class="bar"></div>
  78. <div class="box1"></div>
  79. <div class="box2"></div>
  80. <div class="img"></div>
  81.  
  82. <div class="navbar">
  83. <a class="link1" href="#1"></a>
  84. <a class="link2" href="#2"></a>
  85. <a class="link3" href="#3"></a>
  86. <a class="link4" href="#4"></a>
  87. </div>
  88.  
  89. </div>
  90. <div class="quote">Karyama</div>
  91.  
  92. <div class="ooc">
  93. <br>
  94. <center>
  95. <b>STATS</b>
  96. <br>
  97. <br>
  98. <i>Species:</i> Fallen Angel
  99. <br>
  100. <br>
  101. <i>Sexuality/Marital:</i> Straight/Single
  102. <br>
  103. <br>
  104. <i>Gender:</i> Male
  105.  
  106. </div>
  107.  
  108. <div id="1" class="slide">
  109. <div class="abox">
  110. <center>
  111. <br>
  112. <b>HISTORY</b>
  113. <br>
  114. <br>
  115. History here
  116. </div></div>
  117.  
  118. <div id="2" class="slide">
  119. <div class="abox">
  120. <center>
  121. <br>
  122. <b>FRIENDS</b>
  123. <br>
  124. <br>
  125. <a target="_blank" href="FRIENDS PROFILE HERE" target="_blank"><img src="RENDERED PIC OF FRIEND HERE" class="be" title=" -NAME OF FRIEND HERE- BRIEF INFO ABOUT FRIEND HERE "></a>
  126. </div></div>
  127.  
  128. <div id="3" class="slide">
  129. <div class="abox">
  130. <center>
  131. <br>
  132. <b>OOC</b>
  133. <br>
  134. <br>
  135. <i>1:</i> Info
  136. <br>
  137. <br>
  138. <i>2:</i> Info
  139. <br>
  140. <br>
  141. <i>3:</i> Info
  142. </div></div>
  143. <div id="noclick" oncontextmenu="return false;">
  144. <div class="God"></div>
  145.  
  146. </div></div>
RAW Paste Data
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
Top