API tools faq
paste
Advertisement
bythestars

Kendra

bythestars
May 24th, 2019
156
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.14 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Oswald|Cookie|Indie+Flower');
  3.  
  4. body {
  5. background-image: url('https://i.imgur.com/eH5mgKa.gif');
  6. background: -webkit-linear-gradient(#CFACF7, #8D6CBF, #601286);
  7. cursor: url('https://i.imgur.com/TZ2YtWJ.png'), default;}
  8.  
  9. ::-webkit-scrollbar-thumb:vertical {background-color:#601286; height:3px; }
  10. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  11.  
  12. ::selection {
  13. color: #601286;
  14. background: #FFE5F9;}
  15.  
  16. a {
  17. color: #FFE5F9;
  18. text-decoration: none;
  19. text-transform: uppercase;
  20. font-family: calibri, sans-serif;
  21. font-size: 12px;
  22. letter-spacing: 1;
  23. -webkit-transition: all 0.5s ease-in-out;
  24. -moz-transition: all 0.5s ease-in-out;
  25. -o-transition: all 0.5s ease-in-out;
  26. -ms-transition: all 0.5s ease-in-out;
  27. transition: all 0.5s ease-in-out;}
  28.  
  29. a:hover {
  30. color: white;
  31. text-decoration: none;
  32. -webkit-transition: all 0.5s ease-in-out;
  33. -moz-transition: all 0.5s ease-in-out;
  34. -o-transition: all 0.5s ease-in-out;
  35. -ms-transition: all 0.5s ease-in-out;
  36. transition: all 0.5s ease-in-out;}
  37.  
  38. b {
  39. color:#601286;
  40. font-family: calibri, sans-serif;
  41. text-transform: uppercase;
  42. font-size: 12px;
  43. letter-spacing: 1;
  44. }
  45.  
  46. i {
  47. color:#CFACF7;
  48. font-family: calibri, sans-serif;
  49. text-transform: lowercase;
  50. font-size: 12px;
  51. letter-spacing: 1;}
  52.  
  53. u {
  54. color:#EFD7FA;
  55. font-family: calibri, sans-serif;
  56. text-transform: lowercase;
  57. font-size: 12px;
  58. letter-spacing: 1;}
  59.  
  60. s {
  61. color:#FFE5F9;
  62. font-family: calibri, sans-serif;
  63. text-transform: lowercase;
  64. font-size: 12px;
  65. letter-spacing: 1;}
  66.  
  67. h1 {
  68. background-color: #8D6CBF;
  69. width: 100%;
  70. padding: 10px;
  71. margin-top: 1;
  72. margin-left: -10px;
  73. color: #EFD7FA;
  74. font-size: 30px;
  75. font-family: 'Indie Flower', cursive;
  76. font-weight: 2;
  77. text-transform: lowercase;
  78. letter-spacing: 0px;
  79. text-align:center;}
  80.  
  81. *{cursor: url('https://i.imgur.com/TZ2YtWJ.png'), default;}
  82.  
  83. #container {
  84. position:absolute;
  85. top: 45%;
  86. margin-top:-120px;
  87. left:50%;
  88. margin-left:-400px;
  89. margin-bottom:;
  90. height:350px;
  91. width:825px;
  92. background:#9f83c9;
  93. border: 10px solid #8D6CBF;
  94. border-radius: 10px;
  95. background-image: url('https://www.transparenttextures.com/patterns/dark-dotted-2.png');}
  96.  
  97. #bg1 {
  98. background-color: #8D6CBF;
  99. background-image: url('https://www.transparenttextures.com/patterns/flower-trail.png');
  100. position: absolute;
  101. width:190px;
  102. height:330px;
  103. left: -1px;
  104. top: -1px;
  105. padding: 10px;
  106. margin: 1px;
  107. opacity: 1;}
  108.  
  109. #pic1 {
  110. position: absolute;
  111. height: 160px;
  112. width: 270px;
  113. background-image: url('https://i.imgur.com/hswV2tz.gif');
  114. background-attachment: absolute;
  115. bottom: 170px;
  116. right: 20px;
  117. border: 5px solid #8D6CBF;
  118. border-radius: 10px;
  119. opacity: 1;
  120. z-index: 100;}
  121.  
  122. #stats {
  123. border: 5px solid #8D6CBF;
  124. border-radius: 10px;
  125. background-color: #ad95d0;
  126. text-transform: uppercase;
  127. text-align: left;
  128. color: #fff;
  129. font-size: 11px;
  130. font-family: calibri, sans-serif;
  131. position: absolute;
  132. width:260px;
  133. height:300px;
  134. left: 220px;
  135. bottom: 10px;
  136. letter-spacing:1px;
  137. line-height: 13px;
  138. padding: 10px;
  139. margin: 1px;
  140. overflow:auto;
  141. opacity: 1;}
  142.  
  143. #ooc {
  144. border: 5px solid #8D6CBF;
  145. border-radius: 10px;
  146. background-color: #ad95d0;
  147. text-transform: uppercase;
  148. text-align: justify;
  149. color: #fff;
  150. font-size: 11px;
  151. font-family: calibri, sans-serif;
  152. position: absolute;
  153. width:260px;
  154. height:110px;
  155. left: 520px;
  156. bottom: 10px;
  157. letter-spacing:1px;
  158. line-height: 13px;
  159. padding: 10px;
  160. margin: 1px;
  161. overflow: auto;
  162. opacity: 1;}
  163.  
  164. .navbar {position: absolute; left: 20px; top: -5px; z-index: 3000; opacity: 1; }
  165.  
  166. .link1 {position: absolute; border-radius: 50%; left: 0px; bottom: -120px; height: 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  167.  
  168. .link2 {position: absolute; left: 0px; bottom: -230px; 100px; width: 100px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  169.  
  170. .link3 {position: absolute; left: 0px; bottom: -340px; width: 100px; width: 15px; filter: drop-shadow( 0px 0px 2px #EFD7FA);}
  171.  
  172. .abox, .abox2, .abox3 {
  173. border: 5px solid #8D6CBF;
  174. border-radius: 10px;
  175. background-color: #ad95d0;
  176. text-transform: uppercase;
  177. text-align: left;
  178. color: #fff;
  179. font-size: 11px;
  180. font-family: calibri, sans-serif;
  181. position: absolute;
  182. width:260px;
  183. height:300px;
  184. left: 220px;
  185. bottom: 10px;
  186. letter-spacing:1px;
  187. line-height: 13px;
  188. padding: 10px;
  189. margin: 1px;
  190. overflow:auto;
  191. opacity: 1;
  192. z-index: 100;}
  193.  
  194. .slide {z-index: -1; opacity: 0;}
  195.  
  196. .slide:target {left: 0; opacity: 1; z-index: 1000;}
  197.  
  198. #ken1 { z-index: 10000; position: absolute; left: 530px; top: 165px; font-family: 'Indie Flower', cursive; font-size: 50px; color: #30262e;
  199. -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/bxfdrko.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
  200.  
  201. #ken2 { z-index: 100; position: absolute; left: 530px; top: 165px; font-family: 'Indie Flower', cursive; font-size: 50px; color: #000; text-shadow: -1px 1px .5px #000;}
  202. </style>
  203.  
  204.  
  205. <div id= "container">
  206. <div id= "border"></div>
  207. <div id= "border2"></div>
  208. <div id= "bg1"></div>
  209.  
  210. <div class="navbar">
  211. <a class="link1" href="#1" title= "history"><img src= "https://i.imgur.com/1TuvWsw.gif" height=100px></a>
  212. <a class="link2" href="#2" title= "connections"><img src= "https://i.imgur.com/e4D2vRe.gif" height=100px></a>
  213. <a class="link3" href="#3" title= "reset"><img src= "https://i.imgur.com/tgIk4EX.gif" height=100px></a>
  214. </div>
  215.  
  216. <div id= "ken1">Kendra Maine</div>
  217. <div id= "ken2">Kendra Maine</div>
  218. <div id= "pic1"></div>
  219.  
  220. <div id= "ooc">
  221. <h1>ooc</h1>
  222. <b>001</b> This code was made by <b>Star</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions. <br><br>
  223. <b>002</b> I am <b>Star</b>, and one day would be thrilled to death to reclaim my username on RPC. Very much female, over the age of 18, and not seeking an online relationship. I do flirt as a knee-jerk reaction, which is relatively harmless. <br><br>
  224. <b>003</b> Kendra is an OC for the <a target="_blank" href="https://roleplay.chat/profile.php?user=New+York+University">NYU</a> room, for which I am a moderator. Promise that I am friendly both to run scenes with, and to discuss concerns about the group with. If for whatever reason I don't answer, drop me an inbox message so it's not lost. <br><br>
  225. <b>004</b> Bullshit RPer that snowballs into multi-para depending on the scene and muse. I thoroughly enjoy IC drama, bored af of OOC drama. Mature themes welcomed, but smut is reserved for dedicated writing partner.
  226.  
  227. </div>
  228.  
  229. <div id= "stats">
  230.  
  231. <h1>statistics</h1>
  232. <font style=float:left><b>name</b> </font> <font style=float:right>Kendra Nicole Maine</font><br>
  233. <font style=float:left><b>alias</b> </font> <font style=float:right>Princess, Fancy</font><br>
  234. <font style=float:left><b>gender</b> </font> <font style=float:right>♀ Female</font><br>
  235. <font style=float:left><b>birth date</b> </font> <font style=float:right>march 14th / Pisces</font><br>
  236. <font style=float:left><b>birthplace</b> </font> <font style=float:right>000</font><br>
  237. <font style=float:left><b>location</b> </font> <font style=float:right>new york city, ny</font><br><br>
  238.  
  239. <font style=float:left><b>occupation</b> </font> <font style=float:right>college student / freshman</font><br>
  240. <font style=float:left><b>major</b> </font> <font style=float:right>undeclared</font><br>
  241. <font style=float:left><b>sorority</b> </font> <font style=float:right>Zeta Tau Alpha</font><br>
  242. <font style=float:left><b>clubs</b> </font> <font style=float:right>---</font><br><br>
  243.  
  244. <font style=float:left><b>marital status</b> </font> <font style=float:right> <a target="_blank" href="https://www.youtube.com/watch?v=nwpj9_hrK_A">single</a></font><br>
  245. <font style=float:left><b>orientation</b> </font> <font style=float:right>heterosexual</font><br>
  246. <font style=float:left><b>current mood</b> </font> <font style=float:right>flirty</font><br><br>
  247.  
  248. <font style=float:left><b>ethnicity</b> </font> <font style=float:right>filipino, </font><br>
  249. <font style=float:left><b>height</b> </font> <font style=float:right>5'6"</font><br>
  250. <font style=float:left><b>weight</b> </font> <font style=float:right>123 lbs</font><br>
  251. <font style=float:left><b>hair color</b> </font> <font style=float:right>brown, often dyed</font><br>
  252. <font style=float:left><b>eye color</b> </font> <font style=float:right>brown</font><br>
  253. <font style=float:left><b>scent</b> </font> <font style=float:right>--</font><br>
  254. <font style=float:left><b>allergies</b> </font> <font style=float:right>--</font><br>
  255. </div>
  256.  
  257. <div id="1" class="slide">
  258. <div class="abox">
  259. <h1>history</h1>
  260. <justify>
  261. this is just an example.<br>
  262. <b>this is just an example.</b><br>
  263. <i>this is just an example.</i><br>
  264. <u>this is just an example.</u><br>
  265. <s>this is just an example.</s><br>
  266. </justify>
  267. </div></div>
  268.  
  269. <div id="2" class="slide">
  270. <div class="abox2">
  271. <h1>connections</h1>
  272. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  273. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  274.  
  275. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  276. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  277.  
  278. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  279. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  280.  
  281. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  282. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #601286; height:75px; width:75px;"></a>
  283. </div></div>
  284.  
  285. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!