API tools faq
paste
NekoPrincessSheila

Colours of the Wind VF Profile Layout

NekoPrincessSheila
Jan 19th, 2014
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.58 KB | None | 0 0
raw download clone embed print report
  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: #000 url('http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg') no-repeat; background-attachment: fixed;
  6. }
  7.  
  8. body, table, .rate b {
  9. text-decoration: none;
  10. text-transform: none;
  11. font: 7pt century gothic;
  12. letter-spacing: 1px;
  13. color: #000;
  14. }
  15.  
  16. b {
  17. text-decoration: bold;
  18. text-transform: none;
  19. text-shadow: -1px 1px 0px #000000;
  20. font: 9pt century gothic;
  21. letter-spacing: 1px;
  22. color: #000;
  23. }
  24.  
  25. i {
  26. text-decoration: italic;
  27. text-shadow: none;
  28. font: 9pt century gothic;
  29. color: #000;
  30. font-style: italic;
  31. }
  32.  
  33. u {
  34. border-bottom: 1px dotted #50FF00;
  35. font: 10pt century gothic;
  36. color: #000;
  37. }
  38.  
  39. s {
  40. text-decoration: strike;
  41. text-transform: lowercase;
  42. font: 8pt century gothic;
  43. letter-spacing: -1px;
  44. color: #50FF00;
  45. }
  46.  
  47. h1 {
  48. display: block;
  49. padding: 0px;
  50. margin-top: 0px;
  51. margin-bottom: 0px;
  52. border-radius: 20px;
  53. text-decoration: none;
  54. text-transform: uppercase;
  55. letter-spacing: 5px;
  56. font: 14pt century gothic;
  57. color: #000;
  58. background: #50FF00;
  59. }
  60.  
  61. h1:first-letter {
  62. font-size: 120%;
  63. }
  64.  
  65. h2 {
  66. display: block;
  67. padding: 0px;
  68. margin-top: 0px;
  69. margin-bottom: 0px;
  70. border-radius: 20px;
  71. text-decoration: none;
  72. text-transform: uppercase;
  73. letter-spacing: 5px;
  74. font: 12pt century gothic;
  75. color: #000;
  76. background: #50FF00;
  77. }
  78.  
  79. a:link, a:visited {
  80. font: 10pt century gothic;
  81. color: #000;
  82. font-weight: bold;
  83. }
  84.  
  85. a:hover {
  86. font: 10pt century gothic;
  87. color: #EC00B1;
  88. background: transparent;
  89. font-weight: bold;
  90. }
  91.  
  92. .navilink {
  93. display: block;
  94. padding: 0px;
  95. margin-top: 0px;
  96. margin-bottom: 0px;
  97. border-radius: 0px;
  98. border-left: 5px solid #50FF00;
  99. border-right: 5px solid #50FF00;
  100. text-decoration: none;
  101. text-transform: uppercase;
  102. letter-spacing: 4px;
  103. font: 10pt century gothic;
  104. color: #000;
  105. background: transparent;
  106. }
  107.  
  108. .navilink:hover {
  109. display: block;
  110. padding: 0px;
  111. margin-top: 0px;
  112. margin-bottom: 0px;
  113. border-radius: 0px;
  114. border-left: 30px solid #EC00B1;
  115. border-right: 5px solid #EC00B1;
  116. text-decoration: none;
  117. text-align: right;
  118. text-transform: lowercase;
  119. letter-spacing: 4px;
  120. font: 10pt century gothic;
  121. color: #000;
  122. background: transparent;
  123. }
  124.  
  125. a.cred:link, a.credlink:visited {
  126. color: #000;
  127. background: transparent;
  128. font-size: 7pt;
  129. font-weight: normal;
  130. }
  131.  
  132. a.cred:hover {
  133. color: #EC00B1;
  134. background: transparent;
  135. font-size: 7pt;
  136. font-weight: normal;
  137. }
  138.  
  139. .overlay {
  140. top: 0px;
  141. width: 600px;
  142. height: 400px;
  143. position: relative;
  144. background: transparent;
  145. border-radius: 5px;
  146. border: 0px;
  147. border-radius: 20px;
  148. }
  149.  
  150. #header {
  151. top: 150px;
  152. width: 600px;
  153. height: 60px;
  154. left: 10px;
  155. overflow: hidden;
  156. position: absolute;
  157. background: -webkit-linear-gradient(#0170F6, #00FFA3);
  158. background: -o-linear-gradient(#0170F6, #00FFA3);
  159. background: -moz-linear-gradient(#0170F6, #00FFA3);
  160. background: linear-gradient(#0170F6, #00FFA3);
  161. border: #50FF00 solid 1px;
  162. text-align: center;
  163. border-radius: 5px;
  164. }
  165.  
  166. #pagenavi {
  167. top: 220px;
  168. width: 140px;
  169. height: 340px;
  170. left: 10px;
  171. overflow: hidden;
  172. position: absolute;
  173. background: -webkit-linear-gradient(#0170F6, #00FFA3);
  174. background: -o-linear-gradient(#0170F6, #00FFA3);
  175. background: -moz-linear-gradient(#0170F6, #00FFA3);
  176. background: linear-gradient(#0170F6, #00FFA3);
  177. border-radius: 5px;
  178. border: #50FF00 solid 1px;
  179. text-align: center;
  180. border-radius: 5px;
  181. }
  182.  
  183. #content {
  184. top: 220px;
  185. width: 450px;
  186. height: 340px;
  187. left: 160px;
  188. overflow: hidden;
  189. position: absolute;
  190. background: -webkit-linear-gradient(#0170F6, #00FFA3);
  191. background: -o-linear-gradient(#0170F6, #00FFA3);
  192. background: -moz-linear-gradient(#0170F6, #00FFA3);
  193. background: linear-gradient(#0170F6, #00FFA3);
  194. border-radius: 5px;
  195. border: #50FF00 solid 1px;
  196. text-align: center;
  197. border-radius: 5px;
  198. }
  199.  
  200. .container {
  201. width: 450px;
  202. height: 340px;
  203. overflow: auto;
  204. overflow-y: hidden;
  205. border-radius: 5px;
  206. background: transparent;
  207. }
  208. .section {
  209. height: 340px;
  210. overflow: auto;
  211. border-radius: 5px;
  212. background: transparent;
  213. }
  214.  
  215. .cultimage {
  216. height: 70px;
  217. width: 200px;
  218. border: 2px dotted #50FF00;
  219. border-radius: 0px;
  220. -webkit-transition: all 1s ease;
  221. -moz-transition: all 1s ease;
  222. -ms-transition: all 1s ease;
  223. -o-transition: all 1s ease;
  224. transition: all 1s ease;
  225. }
  226.  
  227. .cultimage:hover {
  228. border: 2px dotted #EC00B1;
  229. border-radius: 15px;
  230. -webkit-transition: all 1s ease;
  231. -moz-transition: all 1s ease;
  232. -ms-transition: all 1s ease;
  233. -o-transition: all 1s ease;
  234. transition: all 1s ease;
  235. }
  236.  
  237. </style>
  238.  
  239. <center>
  240.  
  241. <div class="overlay">
  242.  
  243. <div id="header">
  244. <font size="15">USERNAME</font>
  245. </div>
  246.  
  247. <div id="pagenavi">
  248. <u>PAGE NAVIGATION</u><br /><br />
  249. <a href="#about" class="navilink">[ABOUT]</a><br />
  250. <a href="#likes" class="navilink">[LIKES]</a><br />
  251. <a href="#dislikes" class="navilink">[DISLIKES]</a><br />
  252. <a href="#music" class="navilink">[MUSIC]</a><br />
  253. <a href="#cults" class="navilink">[CULTS]</a><br /><br />
  254. <u>SITE NAVIGATION</u><br /><br />
  255. <a href="http://vampirefreaks.com/profiles/home.php" class="navilink">[VF HOME]</a><br />
  256. <a href="http://vampirefreaks.com/journal/USERNAME" class="navilink" target="_blank">[JOURNAL]</a><br />
  257. <a href="http://vampirefreaks.com/profile_action.php?user=USERNAME&amp;uid=4028465&amp;friendslist=1" class="navilink">[+ FRIEND]</a><br />
  258. <a href="http://vampirefreaks.com/user_comment.php?user=USERNAME&amp;uid=5034505&amp;rate=1" class="navilink" target="_blank">[CONTACT]</a><br /><br /><br />
  259. <a href="http://maddenedbythestarsdesigns.netai.net" target="_blank" class="credlink">ⒸMbtSD</a>
  260.  
  261. </div>
  262.  
  263. <div id="content">
  264. <div class="container">
  265.  
  266. <a name="about"></a>
  267. <div class="section" align="center"> <br />
  268. <h1>About Myself</h1>
  269. <br />
  270. <font size="2">AGE | ORIENTATION | STATUS </font><br />
  271. <p>ABOUT YOU STUFF GOES HERE</p>
  272.  
  273. <h1>Relationships</h1>
  274. <br />
  275. <br />
  276. <br />
  277. <br />
  278. <br />
  279. </div>
  280.  
  281. <a name="likes"></a>
  282. <div class="section" align="center"> <br />
  283. <h1>Likes</h1>
  284. <br />
  285. <br /><br />
  286. <br /><br />
  287. <br /><br />
  288. <br /><br />
  289. <br /><br />
  290. <br /><br />
  291. <br /><br />
  292. <br /><br />
  293. <br /><br />
  294. <br /><br />
  295. <br /><br />
  296. <br /><br />
  297. <br /><br />
  298. <br /><br />
  299. <br /><br />
  300. <br /><br />
  301. <br /><br />
  302. </div>
  303.  
  304. <a name="dislikes"></a>
  305. <div class="section" align="center"> <br />
  306. <h1>Dislikes</h1>
  307. <br />
  308. <br /><br />
  309. <br /><br />
  310. <br /><br />
  311. <br /><br />
  312. <br /><br />
  313. <br /><br />
  314. <br /><br />
  315. <br /><br />
  316. <br /><br />
  317. <br /><br />
  318. <br /><br />
  319. <br /><br />
  320. <br /><br />
  321. <br /><br />
  322. <br /><br />
  323. <br /><br />
  324. <br /><br />
  325. </div>
  326.  
  327. <a name="music"></a>
  328. <div class="section" align="center"> <br />
  329. <h1>Music</h1>
  330. <br />
  331. <br /><br />
  332. <br /><br />
  333. <br /><br />
  334. <br /><br />
  335. <br /><br />
  336. <br /><br />
  337. <br /><br />
  338. <br /><br />
  339. <br /><br />
  340. <br /><br />
  341. <br /><br />
  342. <br /><br />
  343. <br /><br />
  344. <br /><br />
  345. <br /><br />
  346. <br /><br />
  347. <br /><br />
  348. </div>
  349.  
  350. <a name="cults"></a>
  351. <div class="section" align="center"> <br />
  352. <h1>Cults</h1>
  353. <br />
  354. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  355.  
  356. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  357.  
  358. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  359.  
  360. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  361.  
  362. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  363.  
  364. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  365.  
  366. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  367.  
  368. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/wallpaper.jpg" class="cultimage" /></a>
  369.  
  370. </div>
  371.  
  372.  
  373. </div>
  374. </div>
  375. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!