Beautifulie

— Kɴɪɢʜᴛ ᴏғ ᴛʜᴇ Bʟᴀᴅᴇ.

Mar 29th, 2014
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.14 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: verdana;
  9. font-size: 10px;
  10. background-color: #FFFFFF;
  11. background-image: url('http://i.picpar.com/M7F.png');
  12. background-attachment: fixed;
  13. background-position: fixed;
  14. background-repeat: repeat;
  15. background-position: 0px 150px;
  16. text-align: justify;
  17. color: #888888;
  18. cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
  19. }
  20.  
  21. b, strong {font-family:'century gothic'; font-variant: small-caps; font-size: 15px; color: #820000; font-weight:normal; letter-spacing: -1px;}
  22. i {color: #B67D82; font-family: verdana; font-variant: small-caps; font-size: 10.5px; 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: #9B919C; 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: #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;}
  27.  
  28. — do not take this code, its not yours, nor will it be. i worked hard on this. —
  29. — do not take this code, its not yours, nor will it be. i worked hard on this. —
  30. — do not take this code, its not yours, nor will it be. i worked hard on this. —
  31.  
  32. ::-webkit-scrollbar-button:vertical:{background-color: transparent;
  33. -moz-border-radius: 0px 0px 0px 0px;
  34. border-radius:0px 0px 0px 0px;}
  35. ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height: 0px;
  36. -moz-border-radius: 0px 0px 0px 0px;
  37. border-radius:0px 0px 0px 0px;}
  38. ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; height: 0px !important;
  39. -moz-border-radius: 0px 0px 0px 0px;
  40. border-radius:0px 0px 0px 0px;}
  41. ::-webkit-scrollbar { height:0px; width: 0px; background-color:transparent;}
  42.  
  43. h2{
  44. font-size: 20px;
  45. font-variant: small-caps;
  46. color: #444444;
  47. text-transform: lowercase;
  48. letter-spacing: -1px;
  49. text-align: right;
  50. background-color: none;
  51. line-height: 2px;
  52. text-align: center;
  53. font-family: century gothic;
  54. text-shadow: #4b4139 2px 3px 4px;
  55. margin-top: 5px;
  56. margin-bottom: 8px;
  57. display: block;
  58. background-color: #151413;
  59. border-right: 1px dotted #4B4330;
  60. padding: 0px;
  61. font-weight: normal;
  62. }
  63.  
  64. #line{
  65. position: fixed;
  66. top: 200px;
  67. left: 0px;
  68. width: 100%;
  69. height: 72.5px;
  70. background-color: #47633E;
  71. border-top: 5px Solid #4b4139;
  72. border-bottom: 5px Solid #4b4139;
  73. z-index: 150;
  74. }
  75.  
  76. #no{
  77. position: fixed;
  78. top: 0px;
  79. left: 0px;
  80. right: 0px;
  81. bottom: 0px;
  82. }
  83.  
  84. #character{
  85. position: fixed;
  86. left: -150px;
  87. top: 10px;
  88. z-index: 200;
  89. }
  90.  
  91. #Leaf{
  92. position: fixed;
  93. top: 70px;
  94. left: 420px;
  95. width: 500px;
  96. height: 350px;
  97. background-color: #EDEDEE;
  98. border: #4b4139 5px solid;
  99. z-index: 200;
  100. background-image:url('http://i.picpar.com/QIE.png');
  101. background-repeat: no-repeat;
  102. background-position: 0px -100px;
  103. background-size: 510px 500px;
  104. -webkit-border-radius: 500px 0px 500px 0px;
  105. border-radius: 500px 0px 500px 0px;
  106. }
  107.  
  108. #Shadow {
  109. position: fixed;
  110. top: 70px;
  111. left: 420px;
  112. width: 550px;
  113. height: 390px;
  114. background-color: #9a867b;
  115. border: #9a867b 5px solid;
  116. z-index: 200;
  117. -webkit-border-radius: 500px 0px 500px 0px;
  118. border-radius: 500px 0px 500px 0px;
  119. }
  120.  
  121. .comrades{
  122. position: fixed;
  123. top: 300px;
  124. left: 525px;
  125. width: 400px;
  126. height: 100px;
  127. overflow: auto;
  128. text-align: justify;
  129. line-height: 13px;
  130. font-size: 10px;
  131. background-color: transparent;  
  132. z-index:500;
  133. }
  134.  
  135. #F1 { position: fixed; left: 940px; top: 80px; color: #5a4d49; font-size: 40px; z-index: 300; }
  136. #F2 { position: fixed; left: 925px; top: 160px; color: #5a4d49; font-size: 40px; z-index: 300; }
  137. #F3 { position: fixed; left: 895px; top: 240px; color: #5a4d49; font-size: 40px; z-index: 300; }
  138. #F4 { position: fixed; left: 835px; top: 320px; color: #5a4d49; font-size: 40px; z-index: 300; }
  139. #F5 { position: fixed; left: 755px; top: 387px; color: #5a4d49; font-size: 40px; z-index: 300; }
  140. #F6 { position: fixed; left: 638px; top: 431px; color: #5a4d49; font-size: 40px; z-index: 300; }
  141. #F7 { position: fixed; left: 530px; top: 440px; color: #5a4d49; font-size: 40px; z-index: 300; }
  142. #F8 { position: fixed; left: 423px; top: 440px; color: #5a4d49; font-size: 40px; z-index: 300; }
  143.  
  144. .Navi {
  145. position: fixed;
  146. margin-left: 70px;
  147. margin-top: 40px;
  148. width: autopx;
  149. z-index: 999;
  150. }
  151.  
  152. a.nav:link, a.nav:active, a.nav:visited{
  153. letter-spacing: 1px;
  154. text-transform: lowercase;
  155. display: inline-block;
  156. margin: 5px;
  157. width: 45px;
  158. height: 20px;
  159. color: #ededee;
  160. background-color: #7c6e63;
  161. text-align: center;
  162. line-height: 17px;    
  163. font-variant: small-caps;
  164. border: 2px solid #9a867b;
  165. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  166. -webkit-transition: all 0.4s ease-out;
  167. -moz-transition: all 0.4s ease-out;
  168. -moz-border-radius-topright: 5px;
  169. -moz-border-radius-bottomright: 5px;}
  170.  
  171. a.nav:hover{
  172. background-color: #9a867b;
  173. border: 2px solid #7c6e63;
  174. text-decoration: none;
  175. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  176. }
  177.  
  178. .box {
  179. position: fixed;
  180. right: 0px;
  181. bottom: -100px;  
  182. width: 460px;
  183. height: 250px;
  184. padding: 5px;
  185. color: #CCC;
  186. font-family: verdana;
  187. font-variant: small-caps;
  188. text-align: justify;  
  189. font-size: 10px;
  190. line-height: 13px;  
  191. overflow: auto;
  192. border-left: 20px Solid #7c6e63;
  193. border-right: 20px Solid #7c6e63;
  194. background-color: #212121;
  195. opacity: 0;
  196. transition: all 0.5s ease-in-out;
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. -ms-transition: all 0.5s ease-in-out;
  201. z-index: 200;
  202. }
  203.  
  204. .box:target {
  205. bottom: 20px;
  206. right: 10px;
  207. opacity: 1;
  208. transition: all 0.5s ease-in-out;
  209. -webkit-transition: all 0.5s ease-in-out;
  210. -moz-transition: all 0.5s ease-in-out;
  211. -o-transition: all 0.5s ease-in-out;
  212. -ms-transition: all 0.5s ease-in-out;
  213. z-index: 200;
  214. }
  215.  
  216. .image {
  217. opacity: 0;
  218. width: autopx;
  219. height: 350px;
  220. background-color: #EDEDEE;
  221. text-align: justify;
  222. overflow: auto;
  223. -ms-transition: opacity .3s linear;
  224. -moz-transition: opacity .3s linear;
  225. -o-transition: opacity .3s linear;
  226. -webkit-transition: opacity .3s linear;
  227. -webkit-border-radius: 500px 0px 500px 0px;
  228. border-radius: 500px 0px 500px 0px;
  229. }
  230.  
  231. .image:hover {
  232. opacity: 1; }
  233.  
  234. .text {
  235. line-height: 1.5;
  236. font-family: verdana;
  237. font-variant: small-caps;
  238. font-size: 10;
  239. color: #212121;
  240. text-align: justify; }
  241.  
  242. a {
  243. color: #8d8d82;
  244. text-decoration: none;
  245. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  246. }
  247.        
  248. a:hover {
  249. color: transparent;
  250. text-decoration: none;
  251. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  252. }
  253.  
  254. #credit{
  255. position:fixed;
  256. bottom:0px;
  257. right:0px;
  258. z-index:450;}
  259.  
  260. </style>
  261.  
  262. <div id="no" oncontextmenu="return false;">
  263.  
  264. <div id="character"><img src="http://i.picpar.com/zKE.png" width="700" height="1000"></img></div>
  265.  
  266. <div id="shadow"></div>
  267. <div id="leaf">
  268. <div class="image"><div class="text">
  269. <div class="navi">
  270. <center><a href="LINK HERE" target="_blank" title="theme or wiki link here!"><img src="http://fc07.deviantart.net/fs71/f/2013/276/a/9/chesnaught_sprite_by_jellojolteon2000-d6p3lbl.png"></img></a></center><br>
  271. <a class="nav" href="#ooc">K</a>
  272. <a class="nav" href="#stats">N</a>  
  273. <a class="nav" href="#moves">I</a>
  274. <a class="nav" href="#history">G</a>
  275. <a class="nav" href="#misc">H</a>
  276. <a class="nav" href="#bee">T</a>
  277. </div></div></div></div>
  278.  
  279. <div class="comrades">
  280. <a href="profile.php?user=" target="_blank"><div id="F1" class="grass">⚔</div></a>
  281. <a href="profile.php?user=" target="_blank"><div id="F2" class="grass">⚔</div></a>
  282. <a href="profile.php?user=" target="_blank"><div id="F3" class="grass">⚔</div></a>
  283. <a href="profile.php?user=" target="_blank"><div id="F4" class="grass">⚔</div></a>
  284. <a href="profile.php?user=" target="_blank"><div id="F5" class="grass">⚔</div></a>
  285. <a href="profile.php?user=" target="_blank"><div id="F6" class="grass">⚔</div></a>
  286. <a href="profile.php?user=" target="_blank"><div id="F7" class="grass">⚔</div></a>
  287. <a href="profile.php?user=" target="_blank"><div id="F8" class="grass">⚔</div></a>
  288. </div>
  289.  
  290. <div id="ooc" class="box">
  291. <h2>This is an awesome header test</h2>
  292. Will fill this out soon.
  293. </div>
  294.  
  295. <div id="stats" class="box">
  296. <h2>This is an awesome header test</h2>
  297. Will fill this out soon.
  298. </div>
  299.  
  300. <div id="moves" class="box">
  301. <h2>This is an awesome header test</h2>
  302. Will fill this out soon.
  303. </div>
  304.  
  305. <div id="history" class="box">
  306. <h2>This is an awesome header test</h2>
  307. Will fill this out soon.
  308. </div>
  309.  
  310. <div id="misc" class="box">
  311. <h2>This is an awesome header test</h2>
  312. Will fill this out soon.
  313. </div>
Advertisement
Add Comment
Please, Sign In to add comment