API tools faq
paste
Advertisement
Raptureex

foster codes

Raptureex
Jul 27th, 2015
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.79 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  
  3. @import url(http://fonts.googleapis.com/css?family=Kotta+One|Patrick+Hand|Economica|Bad+Script|Didact+Gothic|Pinyon+Script);
  4.  
  5.  
  6. ::-webkit-scrollbar-thumb:vertical {background-color:#aaadb4 ;height:100px; border:1px solid #292c33; border-radius:5px;}
  7.  
  8. ::-webkit-scrollbar-thumb:horizontal {background-color:#aaadb4; height:5px !important; border:1px solid #292c33; border-radius:5px;}
  9.  
  10. ::-webkit-scrollbar {height:5px; width:3px; background-color:#444853;}
  11.  
  12.  
  13. body {background:#444853; background-image: url('http://orig01.deviantart.net/173b/f/2012/112/4/b/pixel_star___background_by_cerbysaurusrex-d4x5v0g.gif');
  14. background-repeat: repeat; color:#292c33; font-family:'Economica'; font-size:13px;}
  15. body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth661.cur), progress !important;}
  16. a {color:#aaadb4; text-decoration:none; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  17. a:hover {color:#292c33; -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  18.  
  19. .pfor {display: none;}
  20. #profile {background-color: transparent;}
  21. #profile {border: 0px;}
  22.  
  23.  
  24. h1 {text-align:center; font-size:20px; margin-top:0px; margin-bottom:-5px; color:; font-weight:bold; font-style:italic; font-family:arial; text-align:center; text-transform:uppercase;}
  25.  
  26. blockquote {padding-left:5px; border-left:2px solid;}
  27. blockquote blockquote {padding-left:5px; border-left:2px solid}
  28.  
  29. #title1 {text-align:center; color:#5e6473; width:300px; font-family:'arial'; font-weight:bold; font-size:16px; font-style:italic; padding:5px; margin-top:-21px; margin-left:-60px; letter-spacing:1px; z-index:9999; text-shadow: 1px 0px 0px #292c33, 0px 1px 0px #292c33, -1px 0px 0px #292c33, 0px -1px 0px #292c33; }
  30.  
  31. #title2 {text-align:center; color:#5e6473; width:667px; font-family:'arial'; font-weight:bold; font-size:15px; margin-top:-26px; margin-left:-232px; letter-spacing:1px; font-style:italic; text-shadow: 1px 0px 0px #292c33, 0px 1px 0px #292c33, -1px 0px 0px #292c33, 0px -1px 0px #292c33; }
  32.  
  33. #title3{ position: fixed; text-align:center; color:#5e6473; width:200px; font-family:'Pinyon Script'; font-weight:bold; font-size:75px; top:100px; left:100px; letter-spacing:1px; font-style:italic; text-shadow: 1px 0px 0px #292c33, 0px 1px 0px #292c33, -1px 0px 0px #292c33, 0px -1px 0px #292c33; }
  34.  
  35. #sidebar {position:fixed; width:230px; height:298px; left:106px; top:182px; background-color:#444853; background-image:url('https://img1.etsystatic.com/006/3/6804182/il_570xN.390891199_3jjv.jpg'); background-attachment:center; background-size: 100%; border:1px solid #292c33}
  36.  
  37. #sidebar2 {position:fixed; width:200px; height:200px; left:340px; top:182px; margin-bottom:0px; padding:10px; background-color:#5e6473; border:1px solid #292c33}
  38.  
  39. #description {position:relative; margin-top:-10px; text-align: left; margin-left:-10px; padding:10px; width:190px; height:180px;}
  40.  
  41. #links {position:fixed; top:406px; left:320px; z-index:9999;}
  42.  
  43. #links a {width:108px; height:35px; line-height:35px; font-family:arial; font-weight:bold; border:1px solid #292c33; font-size:17px; text-align:center; display:inline-block; margin:0px -20px 2px 20px; letter-spacing:0px; background-color:#5e6473; color:#aaadb4; text-transform:lowercase; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  44.  
  45. #links a:hover {letter-spacing:1px; border:1px solid #292c33; color:#aaadb4; background-color:#5e6473; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; font-style:italic;}
  46.  
  47.  
  48. h1{background-color:#444853; margin-top: 10px; color:#292c33; font-family:arial; font-size:12px; font-weight:bold; font-style:italic; text-transform:uppercase; text-align:center; padding:2px; border-left:2px solid #aaadb4; border-right:2px solid #aaadb4;}
  49.  
  50. .Superior{background-color: transparent;
  51. height:298px;
  52. left:564px;
  53. opacity:0;
  54. position:fixed;
  55. top:150px;
  56. width:700px;
  57. z-index:999999999999;
  58. -webkit-transition:all 0.7s
  59. ease-in;-moz-transition:all 0.7s
  60. ease-in;-ms-transition:all 0.7s
  61. ease-in;-o-transition:all 0.7s ease-in;
  62. transition:all 0.7s ease-in;}
  63.  
  64. .Superior:target{opacity:1;
  65. z-index:5;
  66. top: 182px;
  67. }
  68.  
  69. .Content{background-color: #5e6473;
  70. padding:4px;
  71. color:#292c33;
  72. text-align: left;
  73. height:130px;
  74. border: 1px solid #292c33;
  75. left:0px;
  76. overflow:hidden;
  77. position:absolute;
  78. top:0px;
  79. width:280px;
  80. z-index:999999999999;
  81. }
  82.  
  83.  
  84.  
  85. .Gif{background-color: #5e6473;
  86. color:#292c33;
  87. height:147px;
  88. padding:4px;
  89. left:0px;
  90. position:absolute;
  91. top:143px;
  92. width:280px;
  93. overflow:auto;
  94. border: 1px solid #292c33;
  95. z-index:999999999999;
  96. }
  97.  
  98.  
  99.  
  100. .Gif2{background-color: #5e6473;
  101. color:#292c33;
  102. height:147px;
  103. padding:4px;
  104. left:293px;
  105. position:absolute;
  106. top:143px;
  107. width:370px;
  108. overflow:auto;
  109. border: 1px solid #292c33;
  110. z-index:999999999999;
  111. }
  112.  
  113.  
  114.  
  115. .Gif3{background-color: #5e6473;
  116. color:#292c33;
  117. height:130px;
  118. padding:4px;
  119. left:293px;
  120. position:absolute;
  121. top:0px;
  122. width:178px;
  123. overflow:auto;
  124. border: 1px solid #292c33;
  125. z-index:999999999999;
  126. }
  127.  
  128.  
  129. .Gif4{background-color: #5e6473;
  130. color:#292c33;
  131. height:130px;
  132. padding:4px;
  133. left:483px;
  134. position:absolute;
  135. top:0px;
  136. width:180px;
  137. overflow:auto;
  138. border: 1px solid #292c33;
  139. z-index:999999999999;
  140. }
  141.  
  142.  
  143.  
  144. .Gif5{background-color: #5e6473;
  145. color:#292c33;
  146. height:290px;
  147. padding:4px;
  148. left:-458px;
  149. position:absolute;
  150. top:0px;
  151. width:223px;
  152. overflow:auto;
  153. border: 1px solid #292c33;
  154. }
  155.  
  156.  
  157.  
  158. </style>
  159.  
  160. <Div id="title3">Foster</div>
  161.  
  162. <div id="links">
  163. <a href="#01">one.</a>
  164. <a href="#02">two.</a><br>
  165. <a href="#03">three.</a>
  166. <a href="#00">four.</a></div>
  167.  
  168. <div id="sidebar"><div id="title1"><img src="http://www.clker.com/cliparts/6/u/X/M/T/h/dark-slate-quotes-md.png" style="margin-top: -20px;" height="7%">don't look into my eyes.</div></div>
  169.  
  170. <div id="sidebar2"><div id="title2">your psyche will shatter.</div>
  171. <div id="description">
  172. <div style="overflow:auto; width: 200px; height:210px; background-color:transparent; text-align:center;"><h1>ooc</h1>
  173. <div style="height: 150px; margin-top: 15px; width: 200px; overflow: auto;">
  174. coding is mine. no, you cannot take it. if i see you take my codes, you will be placed under the thief list. thank you. i am somewhat pm friendly. i do enjoy a good, para to multi para role play. this character is universe flexible. get it? cause she's an alien..? <i>ahem</i> anyways, face claim is different. the gifs are from she wolf. also, she can take the form of any animal known on earth, so there's that. <b>yes, she is extremely op, but guys, she is an alien</b>. oh yeah, no sexual crap. i loathe cyber sex.</div></div></div></div>
  175.  
  176.  
  177.  
  178. <div id="01" class="Superior">
  179. <div class="Content">
  180. <div style="width:280px; height: 114px; margin-right: 4px; padding: 5px;">
  181. <div style="float:right; width: 190px; margin-right: 3px; height: 170px; overflow: auto;">
  182. <b>Bold</b> <i>Italics</i> <u>Underline</u> <a href="">Link</a><br>
  183. 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.</div>
  184. <div style="float:left; margin-right: 6px;">
  185. ▪ <strike>Foster</strike> ???<br>
  186. ▪ Unknown♀<br>
  187. ▪ 2,809 yrs<br>
  188. ▪ 5'6'' (Varies)<br>
  189. ▪ 127lbs (Varies) <br>
  190. ▪ Alien<br>
  191.  
  192.  
  193. </div>
  194. </div>
  195. </div>
  196.  
  197. <div class="Gif">
  198. <img src="http://25.media.tumblr.com/tumblr_mdutn46EOv1rsy7d4o7_500.gif" style="width: 280px;" height="99%">
  199. </div>
  200.  
  201.  
  202.  
  203. <div class="Gif2">
  204. <b>super hearing.</b> <b>super smell.</b> <b>super speed.</b> <b>super vision.</b> <b>teleporation.</b> <b>telekenisis.</b> <b>matter defusion and recreation.</b> <b>flight.</b> <b>morphing.</b> <br><br>
  205. <i>claws.</i> <i>antlers.</i> <i>hooved feet.</i> <i>generalized as a female with black hair.</i><br><br>
  206. sees itself as a humanoid female. brain capacity over 500%. <Br><Br>
  207. <b>True form will <i>never</i> be revealed. Human eyes cannot comprehend.</b>
  208.  
  209. </div>
  210.  
  211.  
  212. <div class="Gif3">
  213. 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.
  214.  
  215. </div>
  216.  
  217.  
  218. <div class="Gif4">
  219. 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.
  220.  
  221. </div>
  222.  
  223.  
  224.  
  225. <div class="Gif5">
  226. <img src="http://poppygall.com/blog/wp-content/uploads/2012/01/2-http-zetlammaltez.tumblr.compost11707285069.jpg" style="height: 290px; width: 223px; opacity: 0.7;">
  227.  
  228. </div>
  229. </div>
  230.  
  231.  
  232.  
  233. <div id="02" class="Superior">
  234. <div class="Content">
  235. 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.
  236.  
  237. </div>
  238.  
  239. <div class="Gif">
  240. 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.
  241. </div>
  242.  
  243.  
  244.  
  245. <div class="Gif2">
  246. <img src="http://media.giphy.com/media/lSxNwcfRdH8pW/giphy.gif" style="width: 370px;" height="99%">
  247. </div>
  248.  
  249.  
  250. <div class="Gif3">
  251. 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.
  252.  
  253. </div>
  254.  
  255.  
  256. <div class="Gif4">
  257. 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.
  258.  
  259. </div>
  260.  
  261. <div class="Gif5">
  262. <img src="https://img0.etsystatic.com/002/2/6804182/il_fullxfull.406257820_3sav.jpg" style="height: 290px; width: 223px; opacity: 0.7;">
  263. </div>
  264. </div>
  265.  
  266.  
  267. <div id="03" class="Superior">
  268. <div class="Content">
  269. 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.
  270. </div>
  271.  
  272.  
  273. <div class="Gif">
  274. 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.
  275. </div>
  276.  
  277.  
  278.  
  279. <div class="Gif2">
  280. <img src="http://24.media.tumblr.com/tumblr_mb6knwpu0F1qhvxigo7_500.gif" style="width: 370px; opacity: 0.7;" height="99%">
  281. </div>
  282.  
  283.  
  284. <div class="Gif3">
  285. 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.
  286. </div>
  287.  
  288.  
  289. <div class="Gif4">
  290. 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.
  291.  
  292. </div>
  293.  
  294.  
  295. <div class="Gif5">
  296. <img src="https://s-media-cache-ak0.pinimg.com/236x/45/93/67/4593677dd18485b8084e9638f514a351.jpg" style="height: 290px; width: 223px; opacity: 0.7;">
  297. </div>
  298. </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!