Advertisement
cat_inthe_cradle

Ande

May 21st, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.31 KB | None | 0 0
  1. #profile-container {background:none;}
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8. .pfor{display:none;}
  9. #profile{border:none;background: transparent;}
  10.  
  11.  
  12.  
  13. /* BODY */
  14. body {
  15. background-image: url('http://i.picpar.com/OgWb.gif');
  16. background-attachment: fixed;
  17. background-color: #f4f3ef;
  18. }
  19.  
  20. #container {
  21. margin-left: 80px;
  22. margin-top: 50px;
  23. }
  24.  
  25. /* LEFT IMAGES */
  26. #images {
  27. width: 100px;
  28. position: fixed;
  29. z-index: 999;
  30. }
  31.  
  32. #images img {
  33. width: 80px;
  34. height: 80px;
  35. border: 10px solid #d0e0e8;
  36. margin-bottom: 10px;
  37. }
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46. #container1 {
  47. margin-left: 450px;
  48. margin-top: 50px;
  49. }
  50.  
  51. /* RIGHT IMAGES */
  52. #images1 {
  53. width: 100px;
  54. position: fixed;
  55. z-index: 999;
  56. }
  57.  
  58. #images1 img {
  59. width: 60px;
  60. height: 60px;
  61. border: 10px solid #d0e0e8;
  62. margin-bottom: 10px;
  63. }
  64.  
  65. /* MAIN HEADER */
  66. #header {
  67. background-color: #eaecef;
  68. position: fixed;
  69. height: 40px;
  70. width: 320px;
  71. padding-right: 10px;
  72. margin-left: 100px;
  73. margin-top: 30px;
  74. font-family: 'Felipa', cursive;
  75. font-size: 16px;
  76. color: #79a58a;
  77. letter-spacing: 2px;
  78. line-height: 40px;
  79. text-align: right;
  80. }
  81.  
  82. /* INFORMATION */
  83. #info {
  84. width: 290px;
  85. position: fixed;
  86. margin-left: 120px;
  87. margin-top: 90px;
  88. font-family: calibri;
  89. font-size: 10px;
  90. color: #82858a;
  91. letter-spacing: 1px;
  92. text-align: justify;
  93. }
  94.  
  95. #info b, strong {
  96. color: #c9a2c5;
  97. }
  98.  
  99. #info i, em {
  100. color: #e2987b;
  101. }
  102.  
  103. #info a {
  104. color: #7eb0c7;
  105. text-decoration: none;
  106. }
  107.  
  108. #info h1 {
  109. font-family: consolas;
  110. font-size: 12px;
  111. color: #79a58a;
  112. text-transform: uppercase;
  113. height: 14px;
  114. display: block;
  115. line-height: 15px;
  116. text-align: left;
  117. letter-spacing: 1px;
  118. font-weight: normal;
  119. margin-bottom: 5px;
  120. margin-top: 20px;
  121. }
  122.  
  123. /* CREDITS */
  124. #credit {
  125. position: fixed;
  126. bottom: 10px;
  127. right: 10px;
  128. font-family: calibri;
  129. font-size: 9px;
  130. text-transform: uppercase;
  131. text-align: right;
  132. letter-spacing: 1px;
  133. }
  134.  
  135. #credit a {
  136. color: #79a58a;
  137. text-decoration: none;
  138. }
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. #buttons {
  155. opacity:0;
  156. position:absolute;
  157. margin-top:10px;
  158. padding:2px;
  159. font-family:trebuchet ms;
  160. font-size:8px;
  161. width:54px;
  162. height:auto;
  163. text-align:center;
  164. text-transform:uppercase;
  165. letter-spacing:1px;
  166. background-color:#ddd;
  167. -webkit-transition: all 0.8s ease-out;
  168. -moz-transition: all 0.8s ease-out;
  169. transition: all 0.8s ease-out;
  170. color:#555;
  171. }
  172.  
  173. #buttons2 {
  174. opacity:0;
  175. position:absolute;
  176. margin-top:80px;
  177. padding:2px;
  178. font-family:trebuchet ms;
  179. font-size:8px;
  180. width:54px;
  181. height:auto;
  182. text-align:center;
  183. text-transform:uppercase;
  184. letter-spacing:1px;
  185. background-color:#ddd;
  186. -webkit-transition: all 0.8s ease-out;
  187. -moz-transition: all 0.8s ease-out;
  188. transition: all 0.8s ease-out;
  189. color:#555;
  190. }
  191.  
  192. #pics:hover #buttons{
  193. opacity:.9;
  194. margin-top:-40px;
  195. -webkit-transition: all 0.8s ease-out;
  196. -moz-transition: all 0.8s ease-out;
  197. transition: all 0.8s ease-out;
  198. }
  199.  
  200. #pics:hover #buttons2
  201. {
  202. opacity:.9;
  203. margin-top:30px;
  204. -webkit-transition: all 0.8s ease-out;
  205. -moz-transition: all 0.8s ease-out;
  206. transition: all 0.8s ease-out;
  207. }
  208.  
  209. #pics {
  210. position:fixed;
  211. top:500px;
  212. left:639px;
  213. width:50px;
  214. -webkit-transition: all 0.8s ease-out;
  215. -moz-transition: all 0.8s ease-out;
  216. transition: all 0.8s ease-out;
  217. }
  218.  
  219.  
  220.  
  221.  
  222.  
  223.  
  224.  
  225.  
  226. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: px; height: px; ; 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;"><img src="http://i.picpar.com/QnXb.png" alt="" width="400" height="" /></span></div>
  227. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: px; height: px; ; 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>
  228. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: 450px; height: px; ; 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;"><strong>I . D O N ' T . B E L I E V E . I N . H U M A N S . </strong></span></div>
  229. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: 450px; height: px; ; 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>
  230. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: 500px; height: px; ; 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 &hearts; ⚊ </span><span style="font-family: 'andale mono', times; font-size: x-small; color: #ffffff;"><span style="color: #bfa8c4;">OC</span></span></div>
  231. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  232. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  233. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  234. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  235. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  236. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  237. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  238. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; 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;">.</span></div>
  239. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: 300px; height: px; ; position: absolute; top: 300px; left: 660px; overflow: auto; text-align: left; border: px solid black;"><span style="font-family: 'andale mono', times; font-size: 8pt; color: #ffffff;"><span style="font-family: 'andale mono', times; color: #ffffff;"> ☆ Andromeda.<br /> ☆ Ande.<br /> ☆ Female. <br /> ☆ Alien.<br /> ☆ Andromeda personified.</span></span>
  240. <p>&nbsp;</p>
  241. <p><span style="font-family: 'andale mono', times; font-size: 8pt;"><br /><br /><br /><span style="color: #ffffff;">☄ Five ft.</span></span><br /><span style="font-family: 'andale mono', times; font-size: 8pt; color: #ffffff;"> ☄ One, ten lbs.</span><br /><span style="font-family: 'andale mono', times; font-size: 8pt; color: #ffffff;"> ☄ Raven locks.</span><br /><span style="font-family: 'andale mono', times; font-size: 8pt; color: #ffffff;"> ☄ Amethyst optics.</span><br /><span style="font-family: 'andale mono', times; font-size: 8pt; color: #ffffff;"> ☄ Freckles - stars.</span><br /><span style="font-family: 'andale mono', times; font-size: 8pt; color: #ffffff;"> ☄ Slim - Slender.</span></p>
  242. </div>
  243. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: 225px; height: 260px; ; 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;">.</span></div>
  244. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: 195px; height: 260px; ; 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. </span></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement