Beautifulie

— ᴄɪᴛʏ ʟɪɢʜᴛs.

Jan 21st, 2014
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.50 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor{display: none; }
  3. #profile { border: 0px; background-color: transparent; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {
  8. font-family: arial narrow;
  9. font-size: 10px;
  10. background-color: #FFFFFF;
  11. background-image: url('http://i.picpar.com/tXv.png');
  12. background-attachment: fixed;
  13. background-position: fixed;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  18. }
  19.  
  20. b, strong {font-family: century gothic; font-size: 11px; font-variant: small-caps; color:#691111; font-weight:normal; letter-spacing: -1px;}
  21. i {color: #B67D82; font-family: century gothic; font-variant: small-caps; font-size: 10.5px; letter-spacing:0px;}
  22. u {color: #666; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #889e9f;}
  23. s {color: #99D6FF; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #FF99D6 0px 0px 1px;}
  24. big {color: #181818; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
  25. small {color: #663366; font-size: 14px; font-weight: light; letter-spacing: -1px; padding-top: 5px; font-family: century gothic; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: #CCC;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#CCC; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#CCC; height:20px !important;
  34. -moz-border-radius: 0px 0px 0px 0px;
  35. border-radius:0px 0px 0px 0px;}
  36. ::-webkit-scrollbar { height:20px; width: 3px; background-color:transparent;}
  37.  
  38. #container {
  39. position: fixed;
  40. left: 30px;
  41. top: 150px;
  42. width: 1170px;
  43. height: 235px;
  44. padding: 6px;  
  45. border: 1px Solid #444;
  46. border-radius: 5px;
  47. -moz-border-radius: 5px;
  48. background-color: #0c0c0c;
  49. margin: 2px;
  50. }
  51.  
  52. #Title{
  53. position: fixed;
  54. top: 150px;
  55. left: 120px;
  56. width: 100%;
  57. z-index: 100;}
  58.  
  59. h1{
  60. font-size: 30px;
  61. font-variant: small-caps;
  62. color: #691111;
  63. text-transform: lowercase;
  64. letter-spacing: -1px;
  65. text-align: right;
  66. background-color: none;
  67. line-height: 2px;
  68. text-align: center;
  69. font-family: century gothic;
  70. text-shadow: #212121 2px 3px 4px;
  71. margin-top: 15px;
  72. margin-bottom: 8px;
  73. display: block;
  74. background-color: #151413;
  75. border-right: 1px solid #4B4330;
  76. padding: 0px;
  77. width: 800px;
  78. text-align: right;
  79. font-weight: normal;
  80. }
  81.  
  82. h2{
  83. font-size: 30px;
  84. font-variant: small-caps;
  85. color: #691111;
  86. text-transform: lowercase;
  87. letter-spacing: -1px;
  88. text-align: right;
  89. background-color: none;
  90. line-height: 2px;
  91. text-align: center;
  92. font-family: century gothic;
  93. text-shadow: #212121 2px 3px 4px;
  94. margin-top: 15px;
  95. margin-bottom: 8px;
  96. display: block;
  97. background-color: #151413;
  98. border-right: 1px solid #4B4330;
  99. padding: 0px;
  100. width: 345px;
  101. text-align: right;
  102. font-weight: normal;
  103. }
  104.  
  105. h3{
  106. font: 10px verdana;
  107. font-variant: small-caps;
  108. color: #212121;
  109. text-transform: none;
  110. letter-spacing: 1px;
  111. border-bottom: none;
  112. background-color: none;
  113. line-height: 8px;
  114. text-align: left;
  115. border-right: #212121 23px Solid;
  116. margin: 1px;
  117. padding: 0px;}
  118.  
  119. #Img {
  120. position: fixed;
  121. width: 350px;
  122. height: 230px;
  123. background-color: #EDEDEE;
  124. background-image:url('http://i.picpar.com/NZv.gif');
  125. background-repeat: no-repeat;
  126. background-position: 0px 0px;
  127. background-size: 700px 676x;
  128. border: #691111 4px solid;
  129. margin-top: -1px;
  130. opacity: 0.8;
  131. z-index: 20;
  132. }
  133.  
  134. #Info {
  135. position: fixed;
  136. top: 182px;
  137. left: 400px;
  138. width: 390px;
  139. height: 170px;
  140. color: #212121;
  141. font-size: 10px;
  142. line-height: 12px;
  143. font-family: century gothic;
  144. font-variant: small-caps;
  145. text-align: justify;
  146. overflow: auto;
  147. padding: 5px;
  148. background-color: #EDEDEE;
  149. border: #691111 2px solid;
  150. }
  151.  
  152. #Powers {
  153. position: fixed;
  154. top: 182px;
  155. left: 805px;
  156. width: 390px;
  157. height: 170px;
  158. color: #212121;
  159. font-size: 10px;
  160. line-height: 12px;
  161. font-family: Century Gothic;
  162. font-variant: small-caps;
  163. text-align: justify;
  164. overflow: auto;
  165. padding: 5px;
  166. background-color: #EDEDEE;
  167. border: #691111 2px solid;
  168. }
  169.  
  170. #Friends{
  171. position: fixed;
  172. top: 366px;
  173. left: 403px;
  174. width: 900px;
  175. height: 30px;
  176. }
  177.  
  178. .image {
  179. opacity: 0;
  180. width: autopx;
  181. height: 230px;
  182. background-color: #000000;
  183. text-align: justify;
  184. overflow: auto;
  185. -ms-transition: opacity .3s linear;
  186. -moz-transition: opacity .3s linear;
  187. -o-transition: opacity .3s linear;
  188. -webkit-transition: opacity .3s linear; }
  189.  
  190. .image:hover {
  191. opacity: 0.9; }
  192.  
  193. .text {
  194. line-height: 1.5;
  195. padding-top: 2px;
  196. font-family: century gothic;
  197. font-variant: small-caps;
  198. font-size: 10;
  199. color: silver;
  200. text-align: justify; }
  201.  
  202. a.super:link, a.super:active, a.super:visited{
  203. height: 15px;
  204. display: block;
  205. float: left;
  206. width: 120px;
  207. margin: 5px;
  208. font-family: century gothic;
  209. text-decoration: none;
  210. font-size: 10px;
  211. letter-spacing: -1px;
  212. background-color: 222222;
  213. color: #FEFEFE;
  214. padding: 2px;
  215. text-align: center;
  216. -webkit-transition: all 0.6s ease-out;
  217. -moz-transition: all 0.6s ease-out;}
  218.  
  219. a.super:hover{
  220. background-color: #222222;
  221. color: CCC;
  222. text-decoration: none;}
  223.  
  224. a {
  225. color: #E3DDF0;
  226. text-decoration: none;
  227. }
  228.    
  229. a:hover {
  230. color: #888888;
  231. text-decoration: none;
  232. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  233. }
  234.  
  235. #credit{
  236. position:fixed;
  237. bottom:0px;
  238. right:0px;
  239. z-index:450;
  240. }
  241.  
  242. </style>
  243.  
  244. <div id="container">
  245. <div id="img">
  246. <div class="image"><div class="text">
  247. <h2>Out of Character</h2>
  248. I will write them out when I get the time to do so.
  249. <br><b>-&;</b>
  250. <br><b>-&;</b>
  251. <br><b>-&;</b>
  252. <br><b>-&;</b>
  253. <br><b>-&;</b>
  254. <br><b>-&;</b>
  255. <br><b>-&;</b>
  256. <br><b>-&;</b>
  257. </div></div></div>
  258.  
  259. <div id="title"><h1>- I KNEW THAT THE LIGHTS OF THE CITY WERE TOO HEAVEN FOR ME;</h1></div>
  260.  
  261. <div id="info">
  262. <h3>Character Dossier: Absorpti</h3>
  263. <font style=float:left>Name</font> <font style=float:right>Hart, Remilia Talise</font><br>
  264. <font style=float:left>Moniker(s)</font> <font style=float:right>Rem, Remi, Absorpti.</font><br>
  265. <font style=float:left>D.O.B</font> <font style=float:right>ANSWER</font><br>
  266. <font style=float:left>Zodiac</font> <font style=float:right>ANSWER</font><br>
  267. <font style=float:left>Gender</font> <font style=float:right>Female</font><br>
  268. <font style=float:left>Hair Colour</font> <font style=float:right>ANSWER</font><br>
  269. <font style=float:left>Eye Hue</font> <font style=float:right>ANSWER</font><br>
  270. <font style=float:left>Height</font> <font style=float:right>ANSWER</font><br>
  271. <font style=float:left>Weight</font> <font style=float:right>ANSWER</font><br>
  272. <font style=float:left>Body Type</font> <font style=float:right>Feminine</font><br>
  273. <font style=float:left>Age</font> <font style=float:right>Twenty-one</font><br>
  274. <font style=float:left>Occupation</font> <font style=float:right>ANSWER</font><br>
  275. <font style=float:left>Family</font> <font style=float:right>ANSWER</font><br>
  276. <font style=float:left>Alignment</font> <font style=float:right>ANSWER</font><br>
  277. <font style=float:left>Powers</font> <font style=float:right>Power Absorption</font><br>
  278. <font style=float:left>Residence</font> <font style=float:right>ANSWER</font><br>
  279. <font style=float:left>Orientation</font> <font style=float:right>Heterosexual</font><br>
  280. <font style=float:left>Marital Status</font> <font style=float:right>Singular, partner selective.</font><br>
  281. <h3>Personality</h3>
  282. <h3>Appearance</h3>
  283. <h3>Her Background</h3>
  284. </div>
  285.  
  286. <div id="powers">
  287. <h3>Power Absorption: Strengths & Weaknesses</h3>
  288. </div>
  289.  
  290. <div id="friends">
  291. <a href="/profile.php?user=Tempus" class="super" target="_blank">Tempus.</a>
  292. <a href="" class="super">LINK</a>
  293. <a href="" class="super">LINK</a>
  294. <a href="" class="super">LINK</a>
  295. <a href="" class="super">LINK</a>
  296. <a href="" class="super">LINK</a>
  297. </div>
  298. </div>
  299.  
  300. <div id="credit"><A TARGET="_blank" HREF="/profile.php?user=Remi" title="{ - Copyright - }; You see this right here? Yeah, it's mine. Don't touch it. Ask me if you want one and we can think about prices because this here ain't free."><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></A>
Advertisement
Add Comment
Please, Sign In to add comment