Advertisement
Guest User

Untitled

a guest
May 22nd, 2015
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.17 KB | None | 0 0
  1. <div id="profile"><style type="text/css">
  2.  
  3. @import url(http://fonts.googleapis.com/css?family=Share);
  4. @import url(http://fonts.googleapis.com/css?family=Pacifico);
  5.  
  6.  
  7. .pfor { display: none; margin: 0 auto; }
  8.  
  9. #profile { background-color:transparent; border: 0px; margin: 0 auto; }
  10.  
  11. ::selection {background-image:url(http://i.picpar.com/bdvb.png);color:transparent;}
  12. ::-moz-selection {background-image:url(http://i.picpar.com/bdvb.png);color:transparent;}
  13.  
  14.  
  15. body{background-color:#5B7289;background-image:url(http://i.picpar.com/brwb.png);background-attachment:fixed;background-repeat:repeat;background-size:40%;background-position:bottom left;text-align:justify;}::-webkit-scrollbar-thumb:vertical{background-color:#transparent;;height:100px;}::-webkit-scrollbar-thumb:horizontal{background-color:#transparent;;height:100px!important;}::-webkit-scrollbar{height:0px;width:0px;background-color:#transparent;}
  16.  
  17. body, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), progress;}
  18.  
  19. a{text-decoration: none; color: #666; }
  20. a:hover{color: transparent; text-shadow: #143D29 0px 0px 2px}
  21.  
  22. #image {
  23. position:absolute;
  24. background-image: url('http://i.picpar.com/lrwb.jpg');
  25. background-repeat:no-repeat;
  26. background-size:200;
  27. background-position:center;
  28. background-attachment:absolute;
  29. background-color:#888;
  30. margin-top: 90px;
  31. margin-left: 420px;
  32. width: 460px;
  33. height: 485px;
  34. border-radius:20;
  35. border: 6px double #000;
  36. z-index:-1;
  37. }
  38.  
  39. #title {
  40. position:absolute;
  41. margin-top: 30px;
  42. margin-left: 500px;
  43. font-family: 'Pacifico'; font-size: 45px; color: #5B7289;
  44. text-shadow: -2px 0px 0px #300000, 0px 2px 0px #300000, 2px 0px 0px #300000, 0px -2px 0px #300000, 2px 2px 2px #5B7289;
  45. color:#002447;
  46. z-index; 0px;
  47. }
  48. #title2 {
  49. position:absolute;
  50. margin-top: 90px;
  51. margin-left: 645px;
  52. font-family: 'Share'; font-size: 50px; color: #600000;
  53. letter-spacing: 4px;
  54. font-variant: small-caps;
  55. text-shadow: -2px 0px 0px #000, 0px 2px 0px #000, 2px 0px 0px #000, 0px -2px 0px #000, 2px 2px 2px #600000;
  56. color:#400000;
  57. z-index; 0px;
  58. }
  59.  
  60.  
  61.  
  62. #NAVI {
  63. position: absolute;
  64. margin-top: 90px;
  65. margin-left: 390px;
  66. }
  67.  
  68. #navi a {
  69. float: left;
  70. DISPLAY: block;
  71. width: 15px;
  72. height: 85px;
  73. border: 6px double #000;
  74. background: #300000;
  75. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  76. margin-bottom: 5px;
  77. }
  78.  
  79.  
  80. #navi a:HOVER {
  81. background: transparent;
  82. }
  83.  
  84. #NAVI2 {
  85. position: absolute;
  86. margin-top: 190px;
  87. margin-left: 390px;
  88. }
  89.  
  90. #navi2 a {
  91. float: left;
  92. DISPLAY: block;
  93. width: 15px;
  94. height: 85px;
  95. border: 6px double #000;
  96. background: #002447;
  97. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  98. margin-bottom: 5px;
  99. }
  100.  
  101.  
  102. #navi2 a:HOVER {
  103. background: transparent;
  104. }
  105.  
  106. #NAVI3 {
  107. position: absolute;
  108. margin-top: 290px;
  109. margin-left: 390px;
  110. }
  111.  
  112. #navi3 a {
  113. float: left;
  114. DISPLAY: block;
  115. width: 15px;
  116. height: 85px;
  117. border: 6px double #000;
  118. background: #300000;
  119. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  120. margin-bottom: 5px;
  121. }
  122.  
  123.  
  124. #navi3 a:HOVER {
  125. background: transparent;
  126. }
  127.  
  128. #NAVI4 {
  129. position: absolute;
  130. margin-top: 390px;
  131. margin-left: 390px;
  132. }
  133.  
  134. #navi4 a {
  135. float: left;
  136. DISPLAY: block;
  137. width: 15px;
  138. height: 85px;
  139. border: 6px double #000;
  140. background: #002447;
  141. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  142. margin-bottom: 5px;
  143. }
  144.  
  145.  
  146. #navi4 a:HOVER {
  147. background: transparent;
  148. }
  149.  
  150. #NAVI5 {
  151. position: absolute;
  152. margin-top: 490px;
  153. margin-left: 390px;
  154. }
  155.  
  156. #navi5 a {
  157. float: left;
  158. DISPLAY: block;
  159. width: 15px;
  160. height: 85px;
  161. border: 6px double #000;
  162. background: #300000;
  163. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  164. margin-bottom: 5px;
  165. }
  166.  
  167.  
  168. #navi5 a:HOVER {
  169. background: transparent;
  170. }
  171.  
  172. #NAVI6 {
  173. position: absolute;
  174. margin-top: 90px;
  175. margin-left: 895px;
  176. }
  177.  
  178. #navi6 a {
  179. float: left;
  180. DISPLAY: block;
  181. width: 15px;
  182. height: 85px;
  183. border: 6px double #000;
  184. background: #300000;
  185. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  186. margin-bottom: 5px;
  187. }
  188.  
  189.  
  190. #navi6 a:HOVER {
  191. background: transparent;
  192. }
  193.  
  194. #NAVI7 {
  195. position: absolute;
  196. margin-top: 190px;
  197. margin-left: 895px;
  198. }
  199.  
  200. #navi7 a {
  201. float: left;
  202. DISPLAY: block;
  203. width: 15px;
  204. height: 85px;
  205. border: 6px double #000;
  206. background: #002447;
  207. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  208. margin-bottom: 5px;
  209. }
  210.  
  211.  
  212. #navi7 a:HOVER {
  213. background: transparent;
  214. }
  215.  
  216. #NAVI8 {
  217. position: absolute;
  218. margin-top: 290px;
  219. margin-left: 895px;
  220. }
  221.  
  222. #navi8 a {
  223. float: left;
  224. DISPLAY: block;
  225. width: 15px;
  226. height: 85px;
  227. border: 6px double #000;
  228. background: #300000;
  229. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  230. margin-bottom: 5px;
  231. }
  232.  
  233.  
  234. #navi8 a:HOVER {
  235. background: transparent;
  236. }
  237.  
  238. #NAVI9 {
  239. position: absolute;
  240. margin-top: 390px;
  241. margin-left: 895px;
  242. }
  243.  
  244. #navi9 a {
  245. float: left;
  246. DISPLAY: block;
  247. width: 15px;
  248. height: 85px;
  249. border: 6px double #000;
  250. background: #002447;
  251. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  252. margin-bottom: 5px;
  253. }
  254.  
  255.  
  256. #navi9 a:HOVER {
  257. background: transparent;
  258. }
  259.  
  260. #NAVI10 {
  261. position: absolute;
  262. margin-top: 490px;
  263. margin-left: 895px;
  264. }
  265.  
  266. #navi10 a {
  267. float: left;
  268. DISPLAY: block;
  269. width: 15px;
  270. height: 85px;
  271. border: 6px double #000;
  272. background: #300000;
  273. transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
  274. margin-bottom: 5px;
  275. }
  276.  
  277.  
  278. #navi10 a:HOVER {
  279. background: transparent;
  280. }
  281.  
  282.  
  283. #whole{
  284. position: fixed;
  285. top: 0px;
  286. left: 0px;
  287. right: 0px;
  288. bottom: 0px;}
  289. </style>
  290.  
  291. <div id="whole" oncontextmenu="return false;">
  292.  
  293.  
  294. <div id="title"><i>Kal-El, Clark Kent;</i></div>
  295. <div id="title2"><i>SUPERMAN</i></div>
  296. <div id="image"></div>
  297.  
  298. <div id="navi">
  299. <a href="#dossier" title="dossier."></a>
  300. </div>
  301. <div id="navi2">
  302. <a href="#miscellaneous" title="miscellaneous." id="links"></a>
  303. </div>
  304. <div id="navi3">
  305. <a href="#backstory" title="kal's backstory." id="links"></a>
  306. </div>
  307. <div id="navi4">
  308. <a href="#relations" title="relationships." id="links"></a>
  309. </div>
  310. <div id="navi5">
  311. <a href="#ooc" title="the rules." id="links"></a>
  312. </div>
  313.  
  314. <div id="navi6">
  315. <a href="" title="music link title." title="_blank"></a>
  316. </div>
  317. <div id="navi7">
  318. <a href="" title="music link title." title="_blank"></a>
  319. </div>
  320. <div id="navi8">
  321. <a href="" title="music link title." title="_blank"></a>
  322. </div>
  323. <div id="navi9">
  324. <a href="" title="music link title." title="_blank"></a>
  325. </div>
  326. <div id="navi10">
  327. <a href="" title="music link title." title="_blank"></a>
  328. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement