Beautifulie

— ʟᴇᴀᴠᴇ ɪᴛ ᴀʟʟ ʙᴇʜɪɴᴅ.

Feb 4th, 2014
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.63 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: #F7F7F7;
  11. background-image: url('http://i.picpar.com/ox7.png');
  12. background-attachment: fixed;
  13. background-position: bottom right;
  14. background-repeat: repeat;
  15. text-align: justify;
  16. color: #888888;
  17. cursor: url('http://cur.cursors-4u.net/others/oth-7/oth666.cur'), default;
  18. }
  19.  
  20. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #CC9966; 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: #444444; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family: Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: justify; Text-shadow: #43150E 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: transparent;
  28. -moz-border-radius: 0px 0px 0px 0px;
  29. border-radius:0px 0px 0px 0px;}
  30. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:0px;
  31. -moz-border-radius: 0px 0px 0px 0px;
  32. border-radius:0px 0px 0px 0px;}
  33. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height: 0px ;
  34. -moz-border-radius: 0px 0px 0px 0px;
  35. border-radius:0px 0px 0px 0px;}
  36. ::-webkit-scrollbar { height:0px;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=Aphrodite Pro);
  40. @import url(http://fonts.googleapis.com/css?family=Asenine);
  41.  
  42. h1 {
  43. font-size: 25px;
  44. background-color: none;
  45. color: #222;
  46. font-family: asenine;
  47. font-weight: normal;
  48. margin: 8px;
  49. line-height: 12px;
  50. text-transform: uppercase;
  51. text-align: center;
  52. }
  53.  
  54. h2{
  55. font-size: 23px;
  56. font-variant: small-caps;
  57. color: #444444;
  58. text-transform: lowercase;
  59. letter-spacing: -1px;
  60. text-align: right;
  61. background-color: none;
  62. line-height: 2px;
  63. text-align: center;
  64. font-family: century gothic;
  65. text-shadow: #43150E 2px 3px 4px;
  66. margin-top: 5px;
  67. margin-bottom: 8px;
  68. display: block;
  69. background-color: #151413;
  70. border-right: 1px solid #4B4330;
  71. padding: 0px;
  72. font-weight: normal;
  73. }
  74.  
  75. .container{
  76. position: fixed;
  77. top: 0px;
  78. height: 100%;
  79. left: 400px;
  80. width: 550px;
  81. background-image: url('http://i.picpar.com/VI3.png');
  82. background-repeat: repeat;
  83. background-color: #F9FAFC;
  84. border-left: 5px solid #670412;
  85. border-right: 5px solid #670412;
  86. z-index: 100;
  87. }
  88.  
  89. #image{
  90. width: 550px;
  91. height: 230px;
  92. position: fixed;
  93. top: 0px;
  94. left: 400px;
  95. z-index: 200;
  96. background-position: 0px -120px;
  97. border: 5px solid #670412;
  98. background-color: #E8C6AB;
  99. background-image: url('http://i.picpar.com/N25.png');
  100. background-repeat: no-repeat;
  101. }
  102.  
  103. .updates {
  104. position: fixed;
  105. left: 405px;
  106. top: 240px;
  107. width: 540px;
  108. height: 405px;  
  109. background-color: #212121;
  110. overflow: auto;
  111. text-align: justify;
  112. font-face: verdana;
  113. font-size: 10px;
  114. font-variant: small-caps;
  115. color: #EDEDEE;
  116. border-left: 5px Solid #666666;
  117. border-right: 5px Solid #666666;
  118. line-height: 13px;
  119. z-index: 150;
  120. }
  121.  
  122. .disclaimer{
  123. position: fixed;
  124. left: 405px;
  125. top: 20px;
  126. width: 550px;
  127. height: 200px;  
  128. background-color: #EDEDEE;
  129. overflow: auto;
  130. text-align: justify;
  131. font-face: verdana;
  132. font-size: 10px;
  133. font-variant: small-caps;
  134. color: #212121;
  135. line-height: 13px;
  136. z-index: 250;
  137. opacity: 0;
  138. overflow: auto;
  139. -webkit-transition: all 0.8s ease-out;
  140. -moz-transition: all 0.8s ease-out;
  141. }
  142.  
  143. .disclaimer:hover {
  144. opacity: 0.9;
  145. -webkit-transition: all 0.8s ease-out;
  146. -moz-transition: all 0.8s ease-out;
  147.  
  148. }
  149.  
  150. #Navi {
  151. position: fixed;
  152. left: 405px;
  153. top: 645px;
  154. width: auto;
  155. background-color: #670412;
  156. z-index: 300;
  157. }
  158.  
  159. a.nav:link, a.nav:active, a.nav:visited{
  160. letter-spacing: 1px;
  161. text-transform: lowercase;
  162. display: inline-block;
  163. width: 84.5px;
  164. height: 20px;
  165. color: #fff;
  166. background-color: #212121;
  167. text-align: center;
  168. line-height: 18px;    
  169. font-variant: small-caps;
  170. border: 2px solid #43150E;
  171. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  172. -webkit-transition: all 0.4s ease-out;
  173. -moz-transition: all 0.4s ease-out;
  174. -moz-border-radius-topright: 5px;
  175. -moz-border-radius-bottomright: 5px;}
  176.  
  177. a.nav:hover{
  178. background-color: #212121;
  179. border: 2px solid #43150E;
  180. text-decoration: none;
  181. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  182. }
  183.  
  184. a {
  185. color: #CCC;
  186. text-decoration: none;
  187. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  188. }
  189.        
  190. a:hover {
  191. color: transparent;
  192. text-decoration: none;
  193. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  194. }
  195.  
  196. .box {
  197. position: fixed;
  198. left: 405px;
  199. top: 240px;  
  200. width: 540px;
  201. height: 400px;
  202. color: #CCC;
  203. padding: 5px;
  204. font-family: verdana;
  205. font-variant: small-caps;
  206. text-align: justify;  
  207. font-size: 10px;
  208. line-height: 10px;  
  209. overflow: auto;
  210. background-color: #212121;
  211. opacity: 0;
  212. transition: all 0.5s ease-in-out;
  213. -webkit-transition: all 0.5s ease-in-out;
  214. -moz-transition: all 0.5s ease-in-out;
  215. -o-transition: all 0.5s ease-in-out;
  216. -ms-transition: all 0.5s ease-in-out;
  217. z-index: 200;
  218. }
  219.  
  220. .box:target {
  221. top: 240px;
  222. left: 405px;
  223. opacity: 1;
  224. transition: all 0.5s ease-in-out;
  225. -webkit-transition: all 0.5s ease-in-out;
  226. -moz-transition: all 0.5s ease-in-out;
  227. -o-transition: all 0.5s ease-in-out;
  228. -ms-transition: all 0.5s ease-in-out;
  229. z-index: 200;
  230. }
  231.  
  232. </style>
  233.  
  234. <div class="container"></div>
  235. <div id="image"></div>
  236.  
  237. <div id="Navi">
  238. <a class="nav" href="#rules">Guidelines</a>
  239. <a class="nav" href="#story">Plot</a>  
  240. <a class="nav" href="#groups">Races</a>
  241. <a class="nav" href="#roster">Roster</a>
  242. <a class="nav" href="#events">Events</a>
  243. <a class="nav" href="#updates">Updates</a>
  244. </div>
  245.  
  246. <div id="rules" class="box">
  247. <h2>Now I build up my strong feelings</h2>
  248. <b>001</b>. Founder of the current Blood+ room on RPC alongside with Haji.
  249. <br><b>002</b>. No drama, sass, or anything of the sort with me. I will kick you from the room.
  250. <br><b>003</b>. Do not take me seriously if I'm joking around in the room. The only time I am, is if I'm dealing with some admin things.
  251. <br><b>004</b>. Character was/is created for the Pokemon Universe only. No crossovers.
  252. <br><b>005</b>. Semi to multi paragraph roleplayer. Literate. No text speak and in third person. Have a decent grasp of the English language and we should be fine. One-liners are me messing around.
  253. <br><b>006</b>. I idle a lot and my internet is crappy.
  254. <br><b>007</b>. There will be no outside contact whatsoever, unless I like you. Like <i>really</i> like you.
  255. <br><b>008</b>. I can and will at times, deny you the offer of RP. Why? Because my muse is forever dying and I have the attention span of Dory. Yes, from Finding Nemo.
  256. <br><b>009</b>. The layout was done by myself. Don't ask me to use it. If you want a layout from me, it will be $10 for a premade or $15-20 for a original; depending on how long it takes me to complete it. Once I have received the money for the commission is when I will start making it, not before.  
  257. <br><b>010</b>. Haji is amazing, just saying.
  258. </div>
  259.  
  260. <div id="story" class="box"></div>
  261. <div id="groups" class="box"></div>
  262. <div id="roster" class="box"></div>
  263. <div id="events" class="box"></div>
  264.  
  265. <div class="updates">
  266. <h2>Welcome to the Bad Blood Group Page!</h2>
  267. bla bla bla
  268. </div>
  269.  
  270. <div class="disclaimer">
  271. <h1>Disclaimer</h1>
  272. I thank you all for taking the time to read this and hope to roleplay with you soon. Now that that has been said, all characters created for this plot are for the use of this plot. This means that you are not to copy what someone else has done to make it into that of your own work. All profiles in this group have been created by their own hands or has the proper credits tagged along them. We will not have stolen items within our group.
  273. <center>Paragraph + - Mature rated - Modern times - Realistic Imagery - Supernatural based</center>
  274. </div>
Advertisement
Add Comment
Please, Sign In to add comment