Advertisement
cat_inthe_cradle

Aliens

Aug 16th, 2016
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.54 KB | None | 0 0
  1. <body><style type="text/css">
  2.  
  3.  
  4.  
  5. .pfor{display:none;}
  6. #profile{border:none;background: transparent;}
  7.  
  8.  
  9.  
  10. /* BODY */
  11. body {
  12. background-image: url('http://i.picpar.com/OgWb.gif');
  13. background-attachment: fixed;
  14. background-color: #f4f3ef;
  15. }
  16.  
  17. #container {
  18. margin-left: 80px;
  19. margin-top: 50px;
  20. }
  21.  
  22. /* LEFT IMAGES */
  23. #images {
  24. width: 100px;
  25. position: fixed;
  26. z-index: 999;
  27. }
  28.  
  29. #images img {
  30. width: 80px;
  31. height: 80px;
  32. border: 10px solid #d0e0e8;
  33. margin-bottom: 10px;
  34. }
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43. #container1 {
  44. margin-left: 450px;
  45. margin-top: 50px;
  46. }
  47.  
  48. /* RIGHT IMAGES */
  49. #images1 {
  50. width: 100px;
  51. position: fixed;
  52. z-index: 999;
  53. }
  54.  
  55. #images1 img {
  56. width: 60px;
  57. height: 60px;
  58. border: 10px solid #d0e0e8;
  59. margin-bottom: 10px;
  60. }
  61.  
  62. /* MAIN HEADER */
  63. #header {
  64. background-color: #eaecef;
  65. position: fixed;
  66. height: 40px;
  67. width: 320px;
  68. padding-right: 10px;
  69. margin-left: 100px;
  70. margin-top: 30px;
  71. font-family: 'Felipa', cursive;
  72. font-size: 16px;
  73. color: #79a58a;
  74. letter-spacing: 2px;
  75. line-height: 40px;
  76. text-align: right;
  77. }
  78.  
  79. /* INFORMATION */
  80. #info {
  81. width: 290px;
  82. position: fixed;
  83. margin-left: 120px;
  84. margin-top: 90px;
  85. font-family: calibri;
  86. font-size: 10px;
  87. color: #82858a;
  88. letter-spacing: 1px;
  89. text-align: justify;
  90. }
  91.  
  92. #info b, strong {
  93. color: #c9a2c5;
  94. }
  95.  
  96. #info i, em {
  97. color: #e2987b;
  98. }
  99.  
  100. #info a {
  101. color: #7eb0c7;
  102. text-decoration: none;
  103. }
  104.  
  105. #info h1 {
  106. font-family: consolas;
  107. font-size: 12px;
  108. color: #79a58a;
  109. text-transform: uppercase;
  110. height: 14px;
  111. display: block;
  112. line-height: 15px;
  113. text-align: left;
  114. letter-spacing: 1px;
  115. font-weight: normal;
  116. margin-bottom: 5px;
  117. margin-top: 20px;
  118. }
  119.  
  120. /* CREDITS */
  121. #credit {
  122. position: fixed;
  123. bottom: 10px;
  124. right: 10px;
  125. font-family: calibri;
  126. font-size: 9px;
  127. text-transform: uppercase;
  128. text-align: right;
  129. letter-spacing: 1px;
  130. }
  131.  
  132. #credit a {
  133. color: #79a58a;
  134. text-decoration: none;
  135. }
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151. #buttons {
  152. opacity:0;
  153. position:absolute;
  154. margin-top:10px;
  155. padding:2px;
  156. font-family:trebuchet ms;
  157. font-size:8px;
  158. width:54px;
  159. height:auto;
  160. text-align:center;
  161. text-transform:uppercase;
  162. letter-spacing:1px;
  163. background-color:#ddd;
  164. -webkit-transition: all 0.8s ease-out;
  165. -moz-transition: all 0.8s ease-out;
  166. transition: all 0.8s ease-out;
  167. color:#555;
  168. }
  169.  
  170. #buttons2 {
  171. opacity:0;
  172. position:absolute;
  173. margin-top:80px;
  174. padding:2px;
  175. font-family:trebuchet ms;
  176. font-size:8px;
  177. width:54px;
  178. height:auto;
  179. text-align:center;
  180. text-transform:uppercase;
  181. letter-spacing:1px;
  182. background-color:#ddd;
  183. -webkit-transition: all 0.8s ease-out;
  184. -moz-transition: all 0.8s ease-out;
  185. transition: all 0.8s ease-out;
  186. color:#555;
  187. }
  188.  
  189. #pics:hover #buttons{
  190. opacity:.9;
  191. margin-top:-40px;
  192. -webkit-transition: all 0.8s ease-out;
  193. -moz-transition: all 0.8s ease-out;
  194. transition: all 0.8s ease-out;
  195. }
  196.  
  197. #pics:hover #buttons2
  198. {
  199. opacity:.9;
  200. margin-top:30px;
  201. -webkit-transition: all 0.8s ease-out;
  202. -moz-transition: all 0.8s ease-out;
  203. transition: all 0.8s ease-out;
  204. }
  205.  
  206. #pics {
  207. position:fixed;
  208. top:500px;
  209. left:639px;
  210. width:50px;
  211. -webkit-transition: all 0.8s ease-out;
  212. -moz-transition: all 0.8s ease-out;
  213. transition: all 0.8s ease-out;
  214. }
  215.  
  216.  
  217. </style>
  218.  
  219.  
  220. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: px; height: px; background-image:; position: absolute; top: 66px; left:220px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"><a target="_blank" href="cat-inthe-cradle.tumblr.com" title="Cat in the Cradle codes"><img src="http://i.picpar.com/QnXb.png" alt="" width="400" height="" /></a></span></div>
  221.  
  222.  
  223.  
  224. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: px; height: px; background-image:; position: absolute; top: 126px; left:620px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"><img src="http://i.picpar.com/WnXb.png" alt="" width="" height="" /></span></div>
  225.  
  226.  
  227.  
  228.  
  229.  
  230. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: px; height: px; background-image:; position: absolute; top: 206px; left:620px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: medium; color: #fff;"><b>I . D O N ' T . B E L I E V E . I N . H U M A N S . </b></span></div>
  231.  
  232.  
  233.  
  234. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: px; height: px; background-image:; position: absolute; top: 230px; left:620px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;">T h e . A n d r o m e d a . P e r s o n i f i e d .</span></div>
  235.  
  236.  
  237.  
  238. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 485px; height: 25px; background-image:; position: absolute; top: 572px; left:620px; overflow: auto; text-align: left; border: 1px solid white;"><span style="font-family: andale mono,times; font-size: x-small; color: #fff;"></span></div>
  239. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: px; height: px; background-image:; position: absolute; top: 578px; left:630px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: x-small; color: #fff;">♕ queen ⚊ heterosexual ⚊ uninterested ⚊ singular ⚊ candy fiend ♥ ⚊ <a target="_blank" href="https://roleplay.chat/profile.php?user=Nept" title="Her fun sucking companion that she adores. ♥"> <font color="#bfa8c4">Neppy</font></a> </span></div>
  240.  
  241.  
  242.  
  243. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 1px; height: 110px; background-color:#fff; position: absolute; top: 290px; left:640px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  244. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 20px; height: 1px; background-color:#fff; position: absolute; top: 290px; left:640px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  245. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 20px; height: 1px; background-color:#fff; position: absolute; top: 400px; left:640px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  246. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 20px; height: 1px; background-color:#fff; position: absolute; top: 350px; left:620px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 1px; height: 130px; background-color:#fff; position: absolute; top: 420px; left:640px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  254. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 20px; height: 1px; background-color:#fff; position: absolute; top: 420px; left:640px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  255. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 20px; height: 1px; background-color:#fff; position: absolute; top: 550px; left:640px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  256. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 20px; height: 1px; background-color:#fff; position: absolute; top: 490px; left:620px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  257.  
  258.  
  259. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: px; height: px; background-image:; position: absolute; top: 300px; left:660px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: andale mono,times; font-size: small; color: #fff;">
  260.  
  261. ☆ Andromeda.<br/>
  262. ☆ Ande.<br />
  263. ☆ Female. <br />
  264. ☆ Alien.<br />
  265. ☆ Andromeda personified.<P>
  266. <br />
  267. <P>
  268.  
  269. ☄ Five ft.<br/>
  270. ☄ One, ten lbs.<br />
  271. ☄ Raven locks.<br />
  272. ☄ Amethyst optics.<br />
  273. ☄ Freckles - stars.<br />
  274. ☄ Slim - Slender.<br />
  275.  
  276.  
  277.  
  278.  
  279. </span></div>
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 225px; height: 260px; background-color:; position: absolute; top: 290px; left:880px; overflow: auto; text-align: left; border: 1px solid white;"><span style="font-family: andale mono,times; font-size: small; color: #fff;"></div>
  289.  
  290. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; border-radius: ; opacity: 1; width: 195px; height: 260px; background-color:; position: absolute; top: 305px; left:900px; overflow: auto; text-align: left; border: 0px solid white;"><span style="font-family: andale mono,times; font-size: x-small; color: #fff;">Information about this obnoxious candy fiend will go here at some point. Patience... it's a virtue. Or something like that. Blah blah blah. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement