Beautifulie

— ᴅɪsɴᴇʏ ωᴏʀʟᴅ.

Dec 10th, 2013
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.24 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. .pfor { display: none; }
  4. #profile { background-color: transparent; border: none; }
  5. </style>
  6.  
  7. <style type="text/css">
  8. body {
  9. font-family: verdana;
  10. font-size: 10px;
  11. background-color: #EDEDED;
  12. background-image: url('http://media.tumblr.com/fb80ab3756127461dd4fb1805d7f3f31/tumblr_inline_mns3q4XKEF1qz4rgp.png');
  13. background-attachment: fixed;
  14. background-position: bottom right;
  15. background-repeat: repeat;
  16. text-align: justify;
  17. color: #888888;
  18. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  19. }
  20.  
  21. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#BC242D; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  22. i {color: #666666; font-family: 'verdana'; font-variant: small-caps; font-size: 10px; letter-spacing:0px}
  23. 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;}
  24. 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;}
  25. 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;}
  26. 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;}
  27.  
  28. ::-webkit-scrollbar-button:vertical:{background-color: #000;
  29. -moz-border-radius: 0px 0px 0px 0px;
  30. border-radius:0px 0px 0px 0px;}
  31. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
  32. -moz-border-radius: 0px 0px 0px 0px;
  33. border-radius:0px 0px 0px 0px;}
  34. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:20px !important;
  35. -moz-border-radius: 0px 0px 0px 0px;
  36. border-radius:0px 0px 0px 0px;}
  37. ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
  38.  
  39.  
  40. #circleback, #circle, #circleb {
  41. visibility:visible;
  42. left:0%;
  43. top:0%;
  44. position:fixed;  
  45. overflow:hidden;
  46. }
  47.  
  48. #circleback  {
  49. width:350px;
  50. height:350px;
  51. margin-left:190px;
  52. margin-top:115px;
  53. z-index:2;
  54. -webkit-border-radius: 180px;
  55. -moz-border-radius: 180px;
  56. border-radius: 180px;
  57. }
  58.  
  59. #circle, #circleb   {
  60. width: 300px;
  61. height: 300px;
  62. left: 520px;
  63. top: 220px;
  64. z-index:5;
  65. background-color: #000000;
  66. background-image: url('http://i.picpar.com/OO1.gif');
  67. background-repeat: no-repeat;
  68. background-position: -100px 0px;
  69. -webkit-border-radius: 180px;
  70. -moz-border-radius: 180px;
  71. border-radius: 180px;
  72. border:15px #510000 solid;
  73. }
  74.  
  75. #circleb {
  76.  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  77. filter: alpha(opacity=0);
  78. opacity: 0;  
  79. -webkit-transition: all 1.6s ease-out;
  80. -moz-transition: all 1.6s ease-out;
  81. -ms-transition: all 1.6s ease-out;
  82. -o-transition: all 1.6s ease-out;
  83. transition: all 1.6s ease-out;
  84. }
  85.  
  86. #circleb:hover  {
  87. -webkit-transform: rotate(720deg);
  88. -moz-transform: rotate(720deg);
  89. -o-transform: rotate(720deg);
  90.  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  91. filter: alpha(opacity=100);
  92. opacity: 1;
  93. }
  94.  
  95. .circletext{
  96. border: 50px solid ;
  97. overflow:auto;  
  98. width: autopx;
  99. height: 300px;
  100. padding-top: 70px;
  101. text-align: center;
  102. font-family: verdana;
  103. font-variant: small-caps;
  104. background-color: #121212;
  105. border: #121212 3px Solid;
  106. }
  107.  
  108. #Image{
  109. position: fixed;
  110. bottom: 0px;
  111. right: 0px;
  112. }
  113.  
  114. #Disney {
  115. position:fixed;
  116. top: 110px;
  117. left: 420px;
  118. width: 100px;
  119. height: 100px;
  120. background-color:#FEFCFE;
  121. background-image: url('https://31.media.tumblr.com/4abc5cb5bcab3a116e9cd4c77506fff2/tumblr_mxkkk3zmOl1rb9y4to1_500.jpg');
  122. background-repeat: no-repeat;
  123. background-position: -50px -20px;
  124. border: #520000 10px Solid;
  125. -webkit-border-radius: 500px;
  126. border-radius: 500px;
  127. padding:10px;
  128. z-index: 200;
  129. width: 150px;
  130. height: 150px;}
  131.  
  132. #World{
  133. position:fixed;
  134. top: 110px;
  135. left: 755px;
  136. width: 100px;
  137. height: 100px;
  138. background-color:#FEFCFE;
  139. background-image: url('https://24.media.tumblr.com/5947e6ae6d0d8db0e5ab39883174d5d5/tumblr_mxkjv1ZEAW1ritq4zo1_500.jpg');
  140. background-repeat: no-repeat;
  141. background-position: -60px -50px;
  142. border: #510000 10px solid;
  143. -webkit-border-radius: 500px;
  144. border-radius: 500px;
  145. padding:10px;
  146. z-index: 200;
  147. width: 150px;
  148. height: 150px;
  149. }
  150.  
  151. #Title{
  152. position: fixed;
  153. top: 560px;
  154. left: 495px;
  155. z-index: 550;
  156. color: #050505;
  157. font-size: 80px;
  158. line-height: 80px;
  159. letter-spacing: 1px;
  160. font-family: Walt Disney Script;
  161. text-shadow: #EDEDEE 5px 5px 4px;
  162. z-index: 400;
  163. }
  164.  
  165. a.fairytale:link, a.fairytale:active, a.fairytale:visited{
  166. height: 15px;
  167. display: block;
  168. float: left;
  169. width: 67px;
  170. margin-left: 20px;
  171. font-family: verdana;
  172. font-variant: small-caps;
  173. font-size: 10px;
  174. letter-spacing: -1px;
  175. background-color: 222222;
  176. color: #FEFEFE;
  177. padding: 2px;
  178. text-align: center;
  179. -webkit-transition: all 0.6s ease-out;
  180. -moz-transition: all 0.6s ease-out;}
  181.  
  182. a.fairytale:hover{
  183. background-color: #222222;
  184. color: CCC;
  185. text-decoration: none;}
  186.  
  187. a {
  188. color: #E3DDF0;
  189. text-decoration: none;
  190. }
  191.    
  192. a:hover {
  193. color: #888888;
  194. text-decoration: none;
  195. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
  196. }
  197.  
  198. #credit{
  199. position:fixed;
  200. bottom:0px;
  201. right:0px;
  202. z-index:450;}
  203.  
  204. </style>
  205.  
  206. <div id="circle">
  207. </div>
  208.  
  209. <div id="circleb"><div class="circletext">
  210. <p>A Dream Is A Wish Your Heart Makes<br>When You're Fast Asleep.</p>
  211. A Disney Roleplay unlike you have ever seen before! This is where the fairytales come to life. Will our favourite Disney characters find their true happily ever after or die trying?<br><br>
  212.  
  213. Mature Rated - No Drama - Active since 12/10/13 <br><br>
  214.  
  215. <center>
  216. <a href="http://pastebin.com/u7G12bxv" class="fairytale">Roster</a>
  217. <a href="http://pastebin.com/u7HAZ1wu" class="fairytale">Rules</a>
  218. <a href="http://pastebin.com/Fp1jTPMR" class="fairytale">Plot</a>
  219. </center>
  220.  
  221. </div></div>
  222.  
  223. <div id="Disney"></div>
  224. <div id="World"></div>
  225.  
  226. <div id="Image">
  227. <img src="http://i.picpar.com/SO1.png"></img>
  228. </div>
  229.  
  230. <div id="Title">
  231. Disney World
  232. </div>
Advertisement
Add Comment
Please, Sign In to add comment