Beautifulie

— Kɴɪɢʜᴛʟʏ.

Mar 29th, 2014
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.38 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://us.cdn2.123rf.com/168nwm/nicemonkey/nicemonkey0902/nicemonkey090200092/4358528-green-and-golden-wallpaper-background-with-seamless-design.jpg');
  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: 0px;
  88. z-index: 200;
  89. }
  90.  
  91. #Pic {
  92. position: fixed;
  93. top: 100px;
  94. left: 370px;
  95. width: 150px;
  96. height: 300px;
  97. background-color: #EDEDEE;
  98. background-image:url('http://i.picpar.com/QIE.png');
  99. background-repeat: no-repeat;
  100. background-position: 0px 0px;
  101. background-size: 150px 300px;
  102. border: #4b4139 5px solid;
  103. z-index: 200;
  104. }
  105.  
  106. .info{
  107. position: fixed;
  108. top: 100px;
  109. left: 525px;
  110. width: 400px;
  111. height: 195px;
  112. overflow: auto;
  113. text-align: justify;
  114. line-height: 13px;
  115. font-size: 10px;
  116. background-color: #EDEDEE;  
  117. font-face: verdana;
  118. font-variant: small-caps;
  119. letter-spacing: 0px;
  120. color: #212121;
  121. overflow: auto;
  122. border: #4b4139 5px solid;
  123. z-index:500;
  124. }
  125.  
  126. .comrades{
  127. position: fixed;
  128. top: 300px;
  129. left: 525px;
  130. width: 400px;
  131. height: 100px;
  132. overflow: auto;
  133. text-align: justify;
  134. line-height: 13px;
  135. font-size: 10px;
  136. background-color: #EDEDEE;  
  137. font-face: verdana;
  138. font-variant: small-caps;
  139. letter-spacing: 0px;
  140. color: #212121;
  141. overflow: auto;
  142. border: #4b4139 5px solid;
  143. z-index:500;
  144. }
  145.  
  146. .Navi {
  147. position: fixed;
  148. margin-left: 23px;
  149. margin-top: 0px;
  150. width: 10px;
  151. z-index: 999;
  152. }
  153.  
  154. a.nav:link, a.nav:active, a.nav:visited{
  155. letter-spacing: 1px;
  156. text-transform: lowercase;
  157. display: inline-block;
  158. margin: 5px;
  159. width: 90px;
  160. height: 20px;
  161. color: #ededee;
  162. background-color: #7c6e63;
  163. text-align: center;
  164. line-height: 17px;    
  165. font-variant: small-caps;
  166. border: 2px solid #9a867b;
  167. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  168. -webkit-transition: all 0.4s ease-out;
  169. -moz-transition: all 0.4s ease-out;
  170. -moz-border-radius-topright: 5px;
  171. -moz-border-radius-bottomright: 5px;}
  172.  
  173. a.nav:hover{
  174. background-color: #9a867b;
  175. border: 2px solid #7c6e63;
  176. text-decoration: none;
  177. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), default;
  178. }
  179.  
  180. .box {
  181. position: fixed;
  182. left: 950px;
  183. top: -100px;  
  184. width: 350px;
  185. height: 500px;
  186. padding: 5px;
  187. color: #212121;
  188. font-family: verdana;
  189. font-variant: small-caps;
  190. text-align: justify;  
  191. font-size: 10px;
  192. line-height: 13px;  
  193. overflow: auto;
  194. border-left: 20px Solid #4b4139;
  195. border-right: 20px Solid #4b4139;
  196. background-color: #EDEDeE;
  197. opacity: 0;
  198. transition: all 0.5s ease-in-out;
  199. -webkit-transition: all 0.5s ease-in-out;
  200. -moz-transition: all 0.5s ease-in-out;
  201. -o-transition: all 0.5s ease-in-out;
  202. -ms-transition: all 0.5s ease-in-out;
  203. z-index: 200;
  204. }
  205.  
  206. .box:target {
  207. top: 100px;
  208. left: 950px;
  209. opacity: 1;
  210. transition: all 0.5s ease-in-out;
  211. -webkit-transition: all 0.5s ease-in-out;
  212. -moz-transition: all 0.5s ease-in-out;
  213. -o-transition: all 0.5s ease-in-out;
  214. -ms-transition: all 0.5s ease-in-out;
  215. z-index: 200;
  216. }
  217.  
  218. .bee {
  219. height: 90px;
  220. width: 90px;
  221. margin: 2.7px;
  222. border: #857E6C 2px solid;
  223. opacity: 0.7;
  224. }
  225.  
  226. .bee:hover {
  227. height: 90px;
  228. width: 90px;
  229. margin: 2.7px;
  230. border: #857E6C 2px solid;
  231. opacity: 1;
  232. }
  233.  
  234. .image {
  235. opacity: 0;
  236. width: autopx;
  237. height: 300px;
  238. background-color: #EDEDEE;
  239. text-align: justify;
  240. overflow: auto;
  241. -ms-transition: opacity .3s linear;
  242. -moz-transition: opacity .3s linear;
  243. -o-transition: opacity .3s linear;
  244. -webkit-transition: opacity .3s linear;
  245. }
  246.  
  247. .image:hover {
  248. opacity: 1; }
  249.  
  250. .text {
  251. line-height: 1.5;
  252. padding-top: 30px;
  253. font-family: verdana;
  254. font-variant: small-caps;
  255. font-size: 10;
  256. color: #212121;
  257. text-align: justify; }
  258.  
  259. a {
  260. color: #8d8d82;
  261. text-decoration: none;
  262. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  263. }
  264.        
  265. a:hover {
  266. color: transparent;
  267. text-decoration: none;
  268. cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur),default;
  269. }
  270.  
  271. #credit{
  272. position:fixed;
  273. bottom:0px;
  274. right:0px;
  275. z-index:450;}
  276. </style>
  277.  
  278. <div id="no" oncontextmenu="return false;">
  279.  
  280. <div id="character"><img src="http://i.picpar.com/zKE.png" width="700" height="1000"></img></div>
  281. <div id="line"></div>
  282.  
  283. <div id="pic"><div class="image"><div class="text">
  284. <div class="navi">
  285. <a class="nav" href="#one">You</a>
  286. <a class="nav" href="#two">Can</a>  
  287. <a class="nav" href="#three">Change</a>
  288. <a class="nav" href="#four">These</a>
  289. <a class="nav" href="#five">!</a>
  290. <a class="nav" href="#bee">Restart</a>
  291. <a class="nav" href="http://www.serebii.net/pokedex-xy/652.shtml">Wikia or Link</a>
  292. </div></div></div></div>
  293.  
  294. <div class="info">
  295. Bla bla bla ooc & stuff can go here.
  296. </div>
  297.  
  298. <div class="comrades">
  299. <a href="profile.php?user=Arcanine" target="_blank" title="description here."><img src="http://i.picpar.com/JKE.png" class="bee"></a>
  300. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  301. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  302. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  303. <a href="profile.php?user=" target="_blank" title="description here."><img src="http://placehold.it/80x80" class="bee"></a>
  304. </div>
  305.  
  306. <div id="one" class="box">
  307. <h2>Test header here.</h2>
  308. Awesome words go here.~
  309. </div>
  310.  
  311. <div id="two" class="box"></div>
  312. <div id="three" class="box"></div>
  313. <div id="four" class="box"></div>
  314. <div id="five" class="box"></div>
Advertisement
Add Comment
Please, Sign In to add comment