Advertisement
Daric

Here

Sep 12th, 2015
118
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.38 KB | None | 0 0
  1.  
  2. <link href="rpc.css" rel="stylesheet" type="text/css">
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  4. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  5. <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/dark-hive/jquery-ui.min.css" rel="stylesheet">
  6. <center>
  7. <h3 class="pfor">Profile for &quot;Flora Venom&quot;</h3><div id="profile"><style type="text/css">
  8.  
  9. #profile { border: hidden; background-color: transparent; }
  10. .pfor {display:none;}
  11.  
  12. body{
  13. background-color:#121212;
  14. background-image:url(http://static.comicvine.com/uploads/original/10/101779/3441151-7403293306-jungl.jpg);
  15. background-size:cover;
  16. }
  17.  
  18. #Box4{
  19. position:absolute;
  20. width:200px;
  21. height:408px;
  22. top:169px;
  23. right:195px;
  24. border-radius:0px;
  25. background:url('http://i228.photobucket.com/albums/ee166/YewGangstaB00/Darp_zpslfy7y3wd.jpg');
  26. overflow:hidden;
  27. background-size: 100% 100%;
  28. border:2px solid #0E0D1B;
  29. }
  30.  
  31. #i{
  32. position:relative;
  33. margin: 0 auto;
  34. top:145px;
  35. height:400px;
  36. width:540px;
  37. background-image:url('http://www.webdesignerforum.co.uk/uploads/1179507947/med_gallery_3142_22_68227.jpg');
  38. background-color:101010;
  39. border: 6px double #0E0D1B;
  40. }
  41.  
  42. .have{
  43. position:absolute;
  44. margin:4px;
  45. width:380px;
  46. height:210px;
  47. background-position:center center;
  48. background-color:#E0E0E3;
  49. background-image:url(https://33.media.tumblr.com/e58accaf82237fa451934b1f7f943c5e/tumblr_nsp4eoY3V81sqstgio6_400.gif);
  50. background-size: 100% 100%;
  51. border:2px solid #0E0D1B;
  52. }
  53.  
  54.  
  55.  
  56. .might{
  57. position:absolute;
  58. margin:4px;
  59. width:200px;
  60. height:408px;
  61. top:165px;
  62. left:207px;
  63. background-position:center center;
  64. background-color:#E0E0E3;
  65. background-image:url(https://31.media.tumblr.com/f835f83e5fc9be33138244cecfdd4fcf/tumblr_nif8y7Cg561s2z0vlo1_400.gif);
  66. background-size: 100% 100%;
  67. border:2px solid #0E0D1B;
  68. }
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76. .poke{
  77. color:#505050;
  78. font-size:12px;
  79. text-align:center;
  80. font-family:pixel;
  81. margin: 2px;
  82. }
  83.  
  84. .effect{
  85. width:200px;
  86. height:408px;
  87. background-color:#fff;
  88. filter: alpha(opacity=0);
  89. opacity: 0;
  90. border-radius:0px;
  91. -webkit-transition: all 0.6s ease-out;
  92. -moz-transition: all 0.6s ease-out;
  93. }
  94.  
  95. .effect:hover{
  96. border-radius:0px;
  97. filter: alpha(opacity=100);
  98. opacity: 1;
  99. overflow:auto;
  100. }
  101.  
  102. .a.sinnoh:link, a.sinnoh:active, a.sinnoh:visited{
  103. display: block;
  104. float: left;
  105. width: 86px;
  106. margin-left: 7px;
  107. -moz-border-radius: 5px;
  108. border-radius: 2px;
  109. font-family: consolas;
  110. text-decoration: none;
  111. font-size: 10px!important;
  112. letter-spacing: 0px;
  113. background-color: bbb;
  114. color: 383838;
  115. padding: 2px;
  116. text-align: center!important;
  117. -webkit-transition: all 0.6s ease-out;
  118. -moz-transition: all 0.6s ease-out;
  119. }
  120.  
  121. a.sinnoh:hover{background-color:f0e0b8;
  122. color:353535;
  123. text-decoration: none;}
  124.  
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. .have:hover{
  133. background-image:url(https://38.media.tumblr.com/f4b54bbfa6778f07bee3c29a396d0061/tumblr_inline_nsus1n5BBZ1tw6xgd_500.gif);
  134. }
  135.  
  136. .a{
  137. position:absolute;
  138. bottom:1px;
  139. right:5px;
  140. font-family:calibri;
  141. font-style:italic;
  142. font-size:13px;
  143. color:#25F51D;
  144. letter-spacing:-1px;
  145. text-shadow: 0px 0px 2px #5d8bd2;
  146. }
  147.  
  148. #fire{
  149. position:absolute;
  150. bottom:4px;
  151. left:4px;
  152. right:4px;
  153. float:right;
  154. height:168px;
  155. background-image:url(http://i261.photobucket.com/albums/ii58/FARMMR/trans40-100dblue_zps26e7db6a.png);
  156. overflow:hidden;
  157. border: 2px solid #0E0D1B;
  158. }
  159.  
  160. .left{
  161. position:absolute;
  162. left:0px;
  163. height:100%;
  164. width:59%;
  165. overflow:auto;
  166. }
  167.  
  168. .right{
  169. position:absolute;
  170. right:0px;
  171. height:100%;
  172. width:37%;
  173. overflow:auto;
  174. }
  175.  
  176. #inside{
  177. position:absolute;
  178. top:4px;
  179. right:4px;
  180. height:210px;
  181. width:135px;
  182. background-image:url(http://i261.photobucket.com/albums/ii58/FARMMR/trans40-100dblue_zps26e7db6a.png);
  183. border: 2px solid #0E0D1B;
  184. }
  185.  
  186. .text{
  187. color:#288C0A;
  188. font-size: 12px;
  189. text-align: justify;
  190. font-family:palatino;
  191. line-height:13px;
  192. letter-spacing:-1px;
  193. margin: 3px;
  194. }
  195.  
  196. a, a:visited {
  197. text-decoration: none;
  198. font-weight: bold;
  199. font-family: dimini;
  200. letter-spacing: 0.8px;
  201. color: #468230;
  202. }
  203.  
  204. a:hover {
  205. color: #4682306;
  206. }
  207.  
  208. b {
  209. color: #66CC33;
  210. letter-spacing: 1px;
  211. font-weight:bold;
  212. }
  213.  
  214. i{
  215. color: 124005;
  216. font-weight: light;
  217. letter-spacing: 1px;
  218. font-style: italic;
  219. font-weight: normal;
  220. }
  221.  
  222. u{
  223. color: #33B30D;
  224. font-weight: light;
  225. }
  226.  
  227. ::-webkit-scrollbar {width: 4px;}
  228. ::-webkit-scrollbar-thumb:vertical {
  229. height: 10px;background-color: #122428;border: 0px solid #000 ;}
  230. ::-webkit-scrollbar-thumb:horizontal {
  231. height: 10px;background-color: #305861;border: 0px ;width: 15px;}
  232.  
  233. </style>
  234. <div class="might">
  235. </div>
  236. <div class="shit">
  237. </div>
  238. <div id="i">
  239. <div class="have">
  240.  
  241. <div class="a">
  242. I am <a href="https://www.youtube.com/watch?v=vlF3OY-FenY" target="_blank">mother</a> nature.~</div>
  243. </div>
  244.  
  245. <div id="fire">
  246. <div class="left">
  247. <div class="text">
  248. <a href="burp">Link</a> <i>italics</i> <b>Bold</b> and <u>Underline</u>.<br><br>
  249.  
  250. Just edit out the basic stuff and let me know if there is anything you want help changing, should be pretty straight forward though to be honest.
  251.  
  252. </div>
  253. </div>
  254. <div class="right">
  255. <div class="text">
  256. OOC
  257.  
  258. <br><br>
  259. -find the hidden youtube link and earn a cookie
  260. <br><br>
  261. - This really awesome <a href="/profile.php?user=Liam+Keeler" class="dark" target="_blank">stud</a>did it.
  262.  
  263. </div>
  264. </div>
  265.  
  266. </div>
  267.  
  268. <div id="inside">
  269. <div class="text">
  270. <b>Name:</b>Pamela Isley <br>
  271. <b>Nicknames:</b>Poison Ivy <br>
  272. <b>D.O.B:</b><br>
  273. <b>Age:</b>27<br>
  274.  
  275.  
  276. </div>
  277. </div>
  278. </div></div></center>
  279.  
  280. <div id="box4">
  281. <div class="effect">
  282. <div class="poke">
  283. <big><i>Comrades&Foes.~</i></big>
  284. <br><br>
  285. -<a href="/profile.php?user=Liam+Keeler" class="dark" target="_blank">Liam Keeler</a> - <b>The snake king:</b> Add info on Liam here.
  286. <br><br>
  287. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  288. <br><br>
  289. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  290. <br><br>
  291. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  292. <br><br>
  293. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  294. <br><br>
  295. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  296. <br><br>
  297. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  298. <br><br>
  299. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  300. <br><br>
  301. -<a href="/profile.php?user=" class="dark" target="_blank"></a>
  302.  
  303. </div>
  304. </div>
  305. </div></div></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement