Advertisement
bythestars

lesbian witch

Jan 19th, 2019
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.50 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Cookie|Lobster+Two|Montserrat|Unica+One');
  4.  
  5. @font-face {
  6. font-family: 'Heck';
  7. src: url('https://dl.dropboxusercontent.com/s/ojc5ygv7xbwvtmg/Anatalia%20Script%20Regular.otf');}
  8.  
  9. body
  10. {overflow-x:hidden;
  11. background-image:
  12. url('http://i.picpar.com/TgLc.png');
  13. background-position: bottom right;
  14. background-repeat: repeat;
  15. background-attachment: fixed;
  16. background-color:#d69d9c;
  17. font: 0px arial;
  18. color: black;}
  19. #profile {background-color: transparent;
  20. border:0px;
  21. }
  22.  
  23. ::-webkit-scrollbar-thumb:vertical {background-color:#947b51; height:3px; }
  24. ::-webkit-scrollbar { height:3px; width:3px; background-color:transparent; }
  25.  
  26. ::selection {
  27. color: #29272A;
  28. background: #eee;
  29. }
  30.  
  31. a {color: #b88284;
  32. text-decoration: none;
  33. text-transform:uppercase;
  34. font-family: 'Unica One', sans-serif;
  35. font-size:12px;
  36. -webkit-transition: all 0.5s ease-in-out;
  37. -moz-transition: all 0.5s ease-in-out;
  38. -o-transition: all 0.5s ease-in-out;
  39. -ms-transition: all 0.5s ease-in-out;
  40. transition: all 0.5s ease-in-out;
  41. }
  42.  
  43. a:hover {color: #fff;
  44. text-decoration: none;
  45. -webkit-transition: all 0.5s ease-in-out;
  46. -moz-transition: all 0.5s ease-in-out;
  47. -o-transition: all 0.5s ease-in-out;
  48. -ms-transition: all 0.5s ease-in-out;
  49. transition: all 0.5s ease-in-out;
  50. }
  51.  
  52. b {
  53. color:#8a5557;
  54. font-family: 'Montserrat', cursive;
  55. text-transform: uppercase;
  56. font-size:8px;
  57. letter-spacing: 0;
  58. }
  59.  
  60. em {
  61. color:#ccc;
  62. font-family: 'Lobster Two', sans-serif;
  63. text-transform: lowercase;
  64. font-size:15px;
  65. letter-spacing: 1;
  66. }
  67.  
  68. h1 {
  69. color:#eee;
  70. font-family: times, sans-serif;
  71. text-transform: uppercase;
  72. font-size:12px;
  73. letter-spacing: 3;
  74. }
  75.  
  76. h1 {
  77. padding:1px;
  78. margin-top: 20;
  79. margin-bottom: 10;
  80. padding-bottom: 10px;
  81. color:#c9816f;
  82. font-size:30px;
  83. font-family: 'Lobster Two', sans-serif;
  84. text-transform:lowercase;
  85. letter-spacing: 1px;
  86. text-align: center;
  87. border-right: 80px solid #8a5557;
  88. border-left: 80px solid #8a5557;}
  89.  
  90. hr {
  91. border:0;
  92. margin-top:5px;
  93. margin-bottom:5px;
  94. width:90%;
  95. height:1px;
  96. -moz-box-sizing:border-box;
  97. box-sizing:border-box;
  98. background-color:#8a5557;}
  99.  
  100. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  101. }
  102.  
  103. #bitch{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  104.  
  105. #credit {
  106. overflow:hidden;
  107. position:fixed;
  108. text-align:justify;
  109. bottom:0px;
  110. right:0px;
  111. height:60px;
  112. width:60px;
  113. padding:0px;
  114. opacity: .6;
  115. background-image: url('https://i.imgur.com/MH0XSqe.png');
  116. background-position:top center;
  117. background-attachment: absolute;
  118. -webkit-background-size: cover;
  119. -moz-background-size: cover;
  120. -o-background-size: cover;
  121. background-size: cover;}
  122.  
  123. #topborder {
  124. background: linear-gradient(to right, #b88183 , #eba8a2);
  125. border-bottom: 3px solid #8a5557;
  126. border-top: 3px solid #8a5557;
  127. position:absolute;
  128. width:100%;
  129. height:10px;
  130. left:0px;
  131. top:200px}
  132.  
  133. #topimg {
  134. overflow:hidden;
  135. position:absolute;
  136. text-align:justify;
  137. top:0px;
  138. right:0px;
  139. height:200px;
  140. width:1000px;
  141. padding:0px;
  142. background-color: #eba8a2;
  143. background-image: url('http://i.picpar.com/WgLc.png');
  144. background-position:0px -330px;
  145. background-attachment: absolute;
  146. background-repeat: no-repeat;}
  147.  
  148. #container {
  149. position:absolute;
  150. top:45%;
  151. margin-top:-275px;
  152. left:50%;
  153. margin-left:-500px;
  154. margin-bottom: 100px;
  155. height:1000px;
  156. width:1000px;
  157. background:#edceca;
  158. border: 3px solid #8a5557;
  159. box-shadow:1px 1px 3px #000;}
  160.  
  161. #sideimg {
  162. overflow:hidden;
  163. position:absolute;
  164. text-align:justify;
  165. bottom:0px;
  166. right:25px;
  167. height:466px;
  168. width:350px;
  169. z-index: 10;
  170. background-image: url('http://i.picpar.com/PgLc.png');
  171. background-position:center center;
  172. background-attachment: absolute;
  173. -webkit-background-size: cover;
  174. -moz-background-size: cover;
  175. -o-background-size: cover;
  176. background-size: cover;}
  177.  
  178. #icon {
  179. overflow:hidden;
  180. position:absolute;
  181. text-align:justify;
  182. bottom:650px;
  183. right:345px;
  184. height:100px;
  185. width:100px;
  186. z-index: 10;
  187. border: 10px solid #8a5557;
  188. border-radius: 100%;
  189. box-shadow:0px 0px 20px #b88284;
  190. background-image: url('https://78.media.tumblr.com/48a06763209028c2e7ab1d549a3bbaf1/tumblr_oy4rdewkX91tulnfbo2_r1_1280.png');
  191. background-position:center center;
  192. background-attachment: absolute;
  193. -webkit-background-size: cover;
  194. -moz-background-size: cover;
  195. -o-background-size: cover;
  196. background-size: cover;}
  197.  
  198. #icon2 {
  199. overflow:hidden;
  200. position:absolute;
  201. text-align:justify;
  202. bottom:315px;
  203. right:345px;
  204. height:100px;
  205. width:100px;
  206. z-index: 10;
  207. border: 10px solid #8a5557;
  208. border-radius: 100%;
  209. box-shadow:0px 0px 20px #b88284;
  210. background-image: url('http://78.media.tumblr.com/06fab3be3f30a7663155791ad7311fa3/tumblr_oxzcp08rwh1tulnfbo1_1280.png');
  211. background-position:center center;
  212. background-attachment: absolute;
  213. -webkit-background-size: cover;
  214. -moz-background-size: cover;
  215. -o-background-size: cover;
  216. background-size: cover;}
  217.  
  218. #icon3 {
  219. overflow:hidden;
  220. position:absolute;
  221. text-align:justify;
  222. bottom:5px;
  223. right:345px;
  224. height:100px;
  225. width:100px;
  226. z-index: 10;
  227. border: 10px solid #8a5557;
  228. border-radius: 100%;
  229. box-shadow:0px 0px 20px #b88284;
  230. background-image: url('http://78.media.tumblr.com/f20306617f9bc689644eb01f923a517a/tumblr_ovvovi7cCK1tulnfbo3_r1_1280.png');
  231. background-position:center center;
  232. background-attachment: absolute;
  233. -webkit-background-size: cover;
  234. -moz-background-size: cover;
  235. -o-background-size: cover;
  236. background-size: cover;}
  237.  
  238. #description {
  239. background-color: #f7edeb;
  240. box-shadow:0px 0px 10px #b88284;
  241. text-transform: uppercase;
  242. text-align: center;
  243. color: #000;
  244. font-size:8px;
  245. font-family: calibri, sans-serif;
  246. position: absolute;
  247. width:550;
  248. height:300;
  249. left: 25px;
  250. bottom: 395px;
  251. letter-spacing:1px;
  252. line-height: 13px;
  253. padding: 10px;
  254. margin: 1px;
  255. overflow:auto;
  256. opacity: 1;
  257. z-index:1;}
  258.  
  259. #stats {
  260. background-color: #f7edeb;
  261. box-shadow:0px 0px 10px #b88284;
  262. text-transform: uppercase;
  263. text-align: center;
  264. color: #000;
  265. font-size:8px;
  266. font-family: calibri, sans-serif;
  267. position: absolute;
  268. width:550;
  269. height:300;
  270. left: 25px;
  271. bottom: 50px;
  272. letter-spacing:1px;
  273. line-height: 13px;
  274. padding: 10px;
  275. margin: 1px;
  276. overflow:auto;
  277. opacity: 1;
  278. z-index:1;}
  279.  
  280. #ooc {
  281. background-color: #f7edeb;
  282. text-transform: uppercase;
  283. text-align: left;
  284. color: #000;
  285. font-size:8px;
  286. font-family: calibri, sans-serif;
  287. position: absolute;
  288. width:350;
  289. height:300;
  290. right: 25px;
  291. bottom: 395px;
  292. letter-spacing:1px;
  293. line-height: 13px;
  294. padding: 10px;
  295. margin: 1px;
  296. overflow:auto;
  297. opacity: 1;
  298. z-index:1;}
  299.  
  300. #tt { z-index: 10000; letter-spacing: 1; position: absolute; right: 25px; top: 100px; font-family: 'Cookie', sans-serif; font-size:120px;
  301. background: -webkit-linear-gradient(#a8706f, #e88e82, #f7edeb);
  302. -webkit-background-clip: text;
  303. -webkit-text-fill-color: transparent;}
  304. #ttshadow { z-index: 10; letter-spacing: 1; position: absolute; right: 25px; top: 100px; font-family: 'Cookie', sans-serif; font-size: 120px; color: #fff; text-shadow: -1px 1px .5px #000; opacity: 0.8;}
  305.  
  306. #ttsmall { z-index: 10000; letter-spacing: 10; position: absolute; text-transform: uppercase; left: 25px; top: 202px; font-family: times, sans-serif; font-size:10px;
  307. color: f7edeb;}
  308. </style>
  309.  
  310.  
  311.  
  312.  
  313. <div id="bitch" oncontextmenu="return false;">
  314. <a href= "https://roleplay.chat/profile.php?user=UFO" target="_blank"><div id= "credit"></div></a>
  315.  
  316. <div id= "container">
  317. <div id= "tt">Lesbian Witch.</div>
  318. <div id= "ttshadow">Lesbian Witch.</div>
  319. <div id= "ttsmall">double, double toil and trouble</div>
  320.  
  321. <div id= "topborder"></div>
  322. <div id= "topimg"></div>
  323.  
  324. <div id= "sideimg"></div>
  325. <div id= "icon"></div>
  326. <div id= "icon2"></div>
  327. <div id= "icon3"></div>
  328.  
  329. <div id= "description">
  330. <h1>description.</h1>
  331. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  332. <br><br>
  333. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  334. </div>
  335.  
  336. <div id= "stats">
  337. <h1>statistics.</h1>
  338. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  339. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  340. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  341. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  342. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  343. <hr>
  344. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  345. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  346. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  347. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  348. <font style=float:left><b>stat</b> </font> <font style=float:right>info.</font><br>
  349. </div>
  350.  
  351. <div id= "ooc">
  352. <h1>out of spells.</h1>
  353. <b>.01</b> | profile design by <a href= "https://roleplay.chat/profile.php?user=UFO" target="_blank">ufo @ rpc</a> for anyone to use. contact ufo for commissions or visit their pastebin!<br>
  354. <hr>
  355. <b>.02</b> | art for this preview of the profile is done by <a href= "http://days-e.tumblr.com" target="_blank">days-e</a> on tumblr.<br>
  356. </div>
  357.  
  358. </div>
  359.  
  360.  
  361. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement