Beautifulie

— ᴄʜᴇʀʀʏ ʙʟᴏssᴏᴍ.

Dec 8th, 2013
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.30 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7. body {
  8. font-family: verdana;
  9. font-size: 10px;
  10. background-color: #2F315E;
  11. background-image: url('http://media.tumblr.com/tumblr_m15d8o8LUS1qe92a9.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:'verdana'; font-variant: small-caps; font-size:10px; color:#BC242D; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  21. i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; 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: #303646; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
  25. small {color: #555555; font-size: 11px; font-weight: light; letter-spacing: -1px; font-family:Romans; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
  26.  
  27. ::-webkit-scrollbar-button:vertical:{background-color: #000;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; 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. @import url(http://fonts.googleapis.com/css?family=Nexalight);
  39. @import url(http://fonts.googleapis.com/css?family=Lavanderia sturdy);
  40.  
  41. h2{
  42. font-size: 23px;
  43. font-variant: small-caps;
  44. color: #FF9999;
  45. text-transform: lowercase;
  46. letter-spacing: -1px;
  47. text-align: right;
  48. background-color: none;
  49. line-height: 2px;
  50. text-align: justified;
  51. font-family: century gothic;
  52. text-shadow: #212121 2px 3px 4px;
  53. margin-top: 5px;
  54. margin-bottom: 8px;
  55. display: block;
  56. background-color: #EDEDEE;
  57. border-right: 1px solid #4B4330;
  58. padding: 0px;
  59. font-weight: normal;
  60. }
  61.  
  62. #Img1{
  63. position: fixed;
  64. background-image:url("http://25.media.tumblr.com/8918851aec75351722036454587c441c/tumblr_mqfe7qko3g1qg0g6po1_400.jpg");
  65. background-repeat: no-repeat;
  66. background-size: 300px 300px;
  67. bottom: 200px;
  68. left: 70px;
  69. width: 200px;
  70. height: 300px;
  71. background-color: #EDEDEE;
  72. border: #FDD0CA 4px solid;
  73. z-index: 500;
  74. }
  75.  
  76. #Img2{
  77. position: fixed;
  78. background-image:url("https://24.media.tumblr.com/2d2bca7daac5672de86f9330cb525f80/tumblr_mxhwzhi7aK1sl2wvco1_500.jpg");
  79. background-repeat: no-repeat;
  80. background-size: 500px 300px;
  81. background-position: -100px -150px;
  82. bottom: 200px;
  83. left: 275px;
  84. width: 300px;
  85. height: 150px;
  86. background-color: #EDEDEE;
  87. border: #FDD0CA 4px solid;
  88. z-index: 500;
  89. }
  90.  
  91. #info{
  92. position: fixed;
  93. bottom: 358px;
  94. left: 275px;
  95. width: 300px;
  96. height: 142px;
  97. overflow: hidden;
  98. text-align: justify;
  99. line-height: 13px;
  100. font-size: 10px;
  101. background-color: #EDEDEE;  
  102. font-face: verdana;
  103. font-variant: small-caps;
  104. color: #212121;
  105. overflow: auto;
  106. border: 4px #FDD0CA Solid;
  107. z-index:300;}
  108.  
  109. #ooc {
  110. position: fixed;
  111. width: 513px;
  112. height: 175px;
  113. left: 70px;
  114. bottom: 190px;
  115. background-color: transparent;
  116. border-bottom: 10px solid;
  117. border-color: #FF9999;
  118. overflow: auto;
  119. transition: all 0.7s ease-in-out;
  120. -webkit-transition: all 0.7s ease-in-out;
  121. -moz-transition: all 0.7s ease-in-out;
  122. border-radius: 24px 24px;
  123. }
  124.  
  125. #ooc:hover {
  126. position: fixed;
  127. bottom: 10px;
  128. border-color: transparent;
  129. -webkit-transition: all 0.7s ease-in-out;
  130. -moz-transition: all 0.7s ease-in-out;
  131. border-radius: 10px 10px;
  132. }
  133.  
  134. #title{
  135. position: fixed;
  136. bottom: 490px;
  137. left: 70px;
  138. z-index: 550;
  139. color: #FEFEFE;
  140. font-size: 55px;
  141. line-height: 80px;
  142. letter-spacing: 3px;
  143. font-family: lavanderia delicate;
  144. text-shadow: #FF9999 2px 3px 4px;
  145. z-index: 600;}
  146.  
  147. .box {
  148. position: fixed;
  149. margin-top: 10px;
  150. margin-left: 7px;
  151. width: 495px;
  152. height: 120px;
  153. text-align: justify;
  154. line-height: 13px;
  155. font-size: 10px;
  156. background-color: #EDEDEE;  
  157. font-face: verdana;
  158. font-variant: small-caps;
  159. color: #212121;
  160. overflow: auto;
  161. border: 4px #414A4C Solid;
  162. }
  163.  
  164. .image {
  165. opacity: 0;
  166. width: autopx;
  167. height: 300px;
  168. background-color: #EDEDEE;
  169. text-align: justify;
  170. overflow: auto;
  171. -ms-transition: opacity .3s linear;
  172. -moz-transition: opacity .3s linear;
  173. -o-transition: opacity .3s linear;
  174. -webkit-transition: opacity .3s linear; }
  175.  
  176. .image:hover {
  177. opacity: 1; }
  178.  
  179. .text {
  180. line-height: 1.5;
  181. padding-top: 2px;
  182. font-family: verdana;
  183. font-size: 10;
  184. font-variant: small-caps;
  185. color: #070707;
  186. text-align: justify; }
  187.  
  188. a.saku:link, a.saku:active, a.saku:visited{
  189. background-color: #222;
  190. display: inline-block;
  191. margin: 5px;
  192. width: 87px;
  193. height: 20px;
  194. font-family: consolas;
  195. font-size: 9px;
  196. color: #CCC;
  197. text-decoration: none;
  198. letter-spacing: 1px;
  199. text-transform: uppercase;
  200. text-align: center;
  201. line-height: 21px;
  202. -webkit-transition: all 0.5s ease-in-out;
  203. -moz-transition: all 0.5s ease-in-out;
  204. -o-transition: all 0.5s ease-in-out;
  205. -ms-transition: all 0.5s ease-in-out;
  206. transition: all 0.5s ease-in-out;}
  207.  
  208. a.saku:hover{
  209. background-color: #EDEDED;
  210. color: #222;}
  211.  
  212. #blossom{
  213. margin-top: 10px;
  214. margin-left: -15px;
  215. width: autopx;
  216. text-align:center; }
  217.  
  218. .about{
  219. opacity: 1;
  220. -webkit-transition: opacity 0.9s linear;
  221. -webkit-transition: all 0.9s ease-in-out;
  222. -moz-transition: all 0.9s ease-in-out;
  223. -o-transition: all 0.9s ease-in-out;
  224. text-align:justify;
  225. color:#a7b2d1;
  226. height: autopx;}
  227.  
  228. .ing:hover .about{
  229. opacity:1;
  230. background-color: transparent;
  231. }
  232.  
  233. .ing:hover{
  234. background-color: transparent;
  235. }
  236.  
  237. a {
  238. color: #E3DDF0;
  239. text-decoration: none;
  240. }
  241.    
  242. a:hover {
  243. color: #888888;
  244. text-decoration: none;
  245. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  246. }
  247.  
  248. #credit{
  249. position:fixed;
  250. bottom:0px;
  251. right:0px;
  252. z-index:450;}
  253.  
  254. </style>
  255.  
  256. <div id="Img1">
  257. <div class="image"><div class="text">
  258. <h2>Out of Chakra!</h2>
  259. |:
  260. </div></div></div>
  261. <div id="Img2"></div>
  262.  
  263. <div id="ooc">
  264. <div class="ing">
  265. <div class="about" border="0" cellpadding="0" cellspacing="0">
  266. <div id="blossom">
  267. <a href="/profile.php?user=Tayuya" class="saku">Tayuya!</a>
  268. <a href="/profile.php?user=Anbu%20no%20Sai" class="saku">Sai!</a>
  269. <a href="/profile.php?user=Darui" class="saku">Darui!</a>
  270. <a href="/profile.php?user=Neji Hyuga" class="saku">Neji!</a>
  271. <a href="/profile.php?user=Hinata Hyuuga" class="saku">Hinata!</a>
  272. <a href="/profile.php?user=Nagato" class="saku">Nagato!</a>
  273. <a href="/profile.php?user=Shikamaru Nara" class="saku">Shikamaru!</a>
  274. <a href="/profile.php?user=" class="saku">Friend!</a>
  275. </div></div></div></div>
  276.  
  277. <div id="info">
  278. <h2>Shannarou!</h2>
  279. <font style=float:left>Name</font> <font style=float:right>Haruno, Sakura</font><br>
  280. <font style=float:left>Moniker(s)</font> <font style=float:right>Too many to count.</font><br>
  281. <font style=float:left>Date of Birth</font> <font style=float:right>March 28th</font><br>
  282. <font style=float:left>Hair Colour/Eye Hue</font> <font style=float:right>Cherry Blossom Pink/ Emerald Green</font><br>
  283. <font style=float:left>Age</font> <font style=float:right>Sixteen</font><br>
  284. <font style=float:left>Rank</font> <font style=float:right>Chunin</font><br>
  285. <font style=float:left>Village</font> <font style=float:right>Konohagakure</font><br>
  286. <font style=float:left>Orientation</font> <font style=float:right>Heterosexual</font><br>
  287. <font style=float:left>Marital Status</font> <font style=float:right>Uninterested</font><br>
  288. </div>
  289.  
  290. <div id="title">
  291. Konoha's Cherry Blossom
  292. </div>
  293.  
  294. <div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>
Advertisement
Add Comment
Please, Sign In to add comment