NekoPrincessSheila

code

Jul 14th, 2014
197
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.83 KB | None | 0 0
  1. <style>
  2. .maintop, .leftnav, .profilename, .profilepages, .topbar, .defaultpic, .thumbnail, .gallery, .videos, .userinfo, .journal_entry, .profile_title, .likes_title, .dislikes_title, .music_title, .buttons1, .buttons2, .buttons3, .friends, .rate, .comment_title, .comments, .tagline, .menu2, .profilepages, .footer_links { display: none; }
  3.  
  4. body, html{
  5. background: url('http://i.imgur.com/Hwuodlt.png'); background-attachment: fixed;
  6. }
  7.  
  8. ::-webkit-scrollbar {
  9. width: 10px;
  10. }
  11. ::-webkit-scrollbar-track {
  12. background-color: #B09D7F;
  13. }
  14. ::-webkit-scrollbar-thumb {
  15. background-color: #A9D5E2;
  16. }
  17.  
  18. body, table {
  19. text-decoration: none;
  20. text-transform: none;
  21. font: 8pt helvetica;
  22. letter-spacing: 1px;
  23. color: #A9D5E2;
  24. }
  25.  
  26. b {
  27. text-decoration: bold;
  28. text-transform: uppercase;
  29. font-weight: bold;
  30. text-shadow: 2px 2px 1px #B09D7F;
  31. font: 8pt helvetica;
  32. letter-spacing: 1px;
  33. color: #A9D5E2;
  34. }
  35.  
  36. i {
  37. text-decoration: italic;
  38. text-shadow: none;
  39. font: 8pt helvetica;
  40. color: #A9D5E2;
  41. font-style: italic;
  42. }
  43.  
  44. u {
  45. text-decoration: none;
  46. border-bottom: 1px dashed #B09D7F;
  47. font: 8pt helvetica;
  48. color: #A9D5E2;
  49. }
  50.  
  51. s {
  52. text-decoration: strike;
  53. text-transform: lowercase;
  54. font: 8pt helvetica;
  55. letter-spacing: 1px;
  56. color: #B09D7F;
  57. }
  58.  
  59.  
  60. h1 {
  61. display: block;
  62. padding: 0px;
  63. margin-top: 0px;
  64. margin-bottom: 0px;
  65. border-radius: 0px;
  66. text-decoration: none;
  67. text-transform: uppercase;
  68. letter-spacing: 5px;
  69. font: 12pt century gothic;
  70. color: #A9D5E2;
  71. background: transparent;
  72. border-bottom: 1px solid #44352E;
  73. }
  74.  
  75. h1:first-letter {
  76. font-size: 150%;
  77. color: #6A8C81;
  78. }
  79.  
  80. h2 {
  81. display: block;
  82. padding: 0px;
  83. margin-top: 5px;
  84. margin-bottom: 5px;
  85. border-radius: 0px;
  86. text-decoration: none;
  87. text-transform: uppercase;
  88. letter-spacing: 5px;
  89. font: 10pt century gothic;
  90. color: #A9D5E2;
  91. background: transparent;
  92. border-bottom: 1px solid #44352E;
  93. }
  94.  
  95. a:link, a:visited {
  96. font: 9pt century gothic;
  97. color: #A9D5E2;
  98. font-weight: bold;
  99. background: transparent;
  100. }
  101.  
  102. a:hover {
  103. color: #B09D7F;
  104. background: transparent;
  105. }
  106.  
  107. .behind {
  108. top: 20px;
  109. width: 900px;
  110. height: 900px;
  111. position: relative;
  112. background: transparent;
  113. border-radius: 0px;
  114. border: 0px solid #000;
  115. border-radius: 0px;
  116. }
  117.  
  118. #buttons {
  119. top: 0px;
  120. width: 100px;
  121. height: 300px;
  122. left: 0px;
  123. position: absolute;
  124. border-radius: 0px;
  125. border: 0px solid #000;
  126. background: transparent;
  127. }
  128.  
  129. #buttons a:link, a:visited, a:active {
  130. display: block;
  131. border-radius: 100px;
  132. border: 3px solid #A9D5E2;
  133. background: #B09D7F;
  134. font: 10pt helvetica;
  135. text-transform: uppercase;
  136. height: 60px;
  137. width: 60px;
  138. line-height: 60px;
  139. margin-top: 10px;
  140. color: #135F79;
  141. padding: 10px;
  142. padding-top: 10px;
  143. padding-bottom: 10px;
  144. -webkit-transition: all 1s ease;
  145. -moz-transition: all 1s ease;
  146. -ms-transition: all 1s ease;
  147. -o-transition: all 1s ease;
  148. transition: all 1s ease;
  149. }
  150.  
  151. #buttons a:hover {
  152. border: 3px solid #B09D7F;
  153. -webkit-transition: all 1s ease;
  154. -moz-transition: all 1s ease;
  155. -ms-transition: all 1s ease;
  156. -o-transition: all 1s ease;
  157. transition: all 1s ease;
  158. }
  159.  
  160. #base {
  161. top: 0px;
  162. width: 800px;
  163. height: 900px;
  164. left: 100px;
  165. position: absolute;
  166. border-radius: 5px;
  167. border: 3px solid #A9D5E2;
  168. background: #44352E url('') top center no-repeat;
  169. }
  170.  
  171. #navilinks {
  172. top: 415px;
  173. height: 475px;
  174. width: 235px;
  175. left: 660px;
  176. padding-top: 5px;
  177. position: absolute;
  178. border-radius: 0px;
  179. border: 0px;
  180. background: #746457;
  181. z-index: 1;
  182. }
  183.  
  184. #navilinks a:link, a:visited, a:active {
  185. display: block;
  186. text-transform: uppercase;
  187. line-height: 10px;
  188. letter-spacing: 1px;
  189. font: 8pt helvetica;
  190. color: #135F79;
  191. background: #B09D7F;
  192. border: 2px solid #A9D5E2;
  193. -webkit-transition: all 1s ease;
  194. -moz-transition: all 1s ease;
  195. -ms-transition: all 1s ease;
  196. -o-transition: all 1s ease;
  197. transition: all 1s ease;
  198. }
  199.  
  200. #navilinks a:hover, a:click {
  201. display: block;
  202. line-height: 10px;
  203. border: 2px solid #B09D7F;
  204. letter-spacing: 4px;
  205. -webkit-transition: all 1s ease;
  206. -moz-transition: all 1s ease;
  207. -ms-transition: all 1s ease;
  208. -o-transition: all 1s ease;
  209. transition: all 1s ease;
  210. }
  211.  
  212. #content {
  213. top: 415px;
  214. height: 480px;
  215. width: 545px;
  216. left: 110px;
  217. position: absolute;
  218. border-radius: 0px;
  219. border: 0px;
  220. background: #746457;
  221. z-index: 1;
  222. }
  223.  
  224. .container {
  225. width: 545px;
  226. height: 480px;
  227. overflow: auto;
  228. overflow-y: hidden;
  229. border-radius: 0px;
  230. background: transparent;
  231. }
  232. .section {
  233. height: 480px;
  234. overflow: auto;
  235. border-radius: 0px;
  236. background: transparent;
  237. }
  238.  
  239. #affies {
  240. top: 675px;
  241. height: 170px;
  242. width: 235px;
  243. left: 660px;
  244. text-align: center;
  245. position: absolute;
  246. border-radius: 0px;
  247. border: 0px;
  248. background: #746457;
  249. z-index: 2;
  250. }
  251.  
  252. #affies img {
  253. height: 40px;
  254. width: 110px;
  255. border: 2px solid #A9D5E2;
  256. background: #B09D7F;
  257. -webkit-transition: all 1s ease;
  258. -moz-transition: all 1s ease;
  259. -ms-transition: all 1s ease;
  260. -o-transition: all 1s ease;
  261. transition: all 1s ease;
  262. }
  263.  
  264. #affies img:hover {
  265. border: 2px solid #B09D7F;
  266. background: #B09D7F;
  267. -webkit-transition: all 1s ease;
  268. -moz-transition: all 1s ease;
  269. -ms-transition: all 1s ease;
  270. -o-transition: all 1s ease;
  271. transition: all 1s ease;
  272. }
  273.  
  274. </style>
  275.  
  276. <center>
  277. <div class="behind">
  278.  
  279. <div id="buttons">
  280. <br />
  281. <a href="http://vampirefreaks.com/profiles/home.php" title="VF Home">home</a>
  282. <br />
  283. <a href="/xXEymber" title="xXEymber's VF Profile">profile</a>
  284. <br />
  285. <a href="http://maddened-by-the-stars.tk/" target="_blank" title="© Maddened by the Stars Designs">credit</a>
  286. <br />
  287. </div>
  288.  
  289. <div id="base">
  290.  
  291. </div>
  292.  
  293. <div id="navilinks">
  294.  
  295. <a href="#about">welcome</a>
  296. <a href="#smallpre">small premades</a>
  297. <a href="#bigpre">large premades</a>
  298. <a href="#stamps">stamps</a>
  299. <a href="#pixel">pixel text</a>
  300. <a href="#staff">staff titles</a>
  301. <a href="#icons">icons</a>
  302. <a href="#user">userbars</a>
  303. <a href="#banners">banners</a>
  304. <a href="#blends">blends</a>
  305. <a href="#tags">character tags</a>
  306. <a href="#quotes">quote lines</a>
  307. <a href="#sigtext">signature text</a>
  308. <a href="#layouts">layouts</a>
  309.  
  310. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  311. <a href="#allaff">all affiliates</a>
  312. <a href="#affbuttons">my buttons</a>
  313.  
  314. </div>
  315.  
  316. <div id="affies">
  317. <h2>affiliates</h2>
  318.  
  319. <a href="" target="_blank"><img src="" /></a>
  320. <a href="" target="_blank"><img src="" /></a>
  321. <a href="" target="_blank"><img src="" /></a>
  322. <a href="" target="_blank"><img src="" /></a>
  323. <a href="" target="_blank"><img src="" /></a>
  324. <a href="" target="_blank"><img src="" /></a>
  325.  
  326. </div>
  327.  
  328. <div id="content">
  329. <div class="container">
  330. <a name="about"></a>
  331. <div class="section">
  332. <h1>welcome</h1>
  333. <b>bold</b>
  334. <i>italic</b>
  335. <u>underline</u>
  336. <s>strikethrough</s>
  337.  
  338. </div>
  339.  
  340. <a name="smallpre"></a>
  341. <div class="section">
  342. <h1>small premades</h1>
  343.  
  344. </div>
  345.  
  346. <a name="bigpre"></a>
  347. <div class="section">
  348. <h1>large premades</h1>
  349.  
  350. </div>
  351.  
  352. <a name="stamps"></a>
  353. <div class="section">
  354. <h1>stamps</h1>
  355.  
  356. </div>
  357.  
  358. <a name="pixel"></a>
  359. <div class="section">
  360. <h1>pixel text</h1>
  361.  
  362. </div>
  363.  
  364. <a name="staff"></a>
  365. <div class="section">
  366. <h1>staff titles</h1>
  367.  
  368. </div>
  369.  
  370. <a name="icons"></a>
  371. <div class="section">
  372. <h1>icons</h1>
  373.  
  374. </div>
  375.  
  376. <a name="user"></a>
  377. <div class="section">
  378. <h1>userbars</h1>
  379.  
  380. </div>
  381.  
  382. <a name="banners"></a>
  383. <div class="section">
  384. <h1>banners</h1>
  385.  
  386. </div>
  387.  
  388. <a name="blends"></a>
  389. <div class="section">
  390. <h1>blends</h1>
  391.  
  392. </div>
  393.  
  394. <a name="tags"></a>
  395. <div class="section">
  396. <h1>character tags</h1>
  397.  
  398. </div>
  399.  
  400. <a name="quotes"></a>
  401. <div class="section">
  402. <h1>quote lines</h1>
  403.  
  404. </div>
  405.  
  406. <a name="sigtext"></a>
  407. <div class="section">
  408. <h1>signature text</h1>
  409.  
  410. </div>
  411.  
  412. <a name="layouts"></a>
  413. <div class="section">
  414. <h1>layouts</h1>
  415.  
  416. </div>
  417.  
  418. <a name="allaff"></a>
  419. <div class="section">
  420. <h1>all affiliates</h1>
  421.  
  422. </div>
  423.  
  424. <a name="affbuttons"></a>
  425. <div class="section">
  426. <h1>my affiliate buttons</h1>
  427.  
  428. </div>
  429.  
  430.  
  431. </div>
  432. </div>
  433.  
  434. </div>
Advertisement
Add Comment
Please, Sign In to add comment