NekoPrincessSheila

Minecraft Profile Layout

Jan 7th, 2014
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.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://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png'); 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: 8pt century gothic;
  21. letter-spacing: 1px;
  22. color: #000;
  23. }
  24.  
  25. i {
  26. text-decoration: italic;
  27. text-shadow: none;
  28. font: 7pt century gothic;
  29. color: #000;
  30. font-style: italic;
  31. }
  32.  
  33. u {
  34. border-bottom: 1px solid #437632;
  35. font: 8pt century gothic;
  36. color: #000;
  37. }
  38.  
  39. s {
  40. text-decoration: strike;
  41. text-transform: lowercase;
  42. font: 6pt century gothic;
  43. letter-spacing: -1px;
  44. color: #000;
  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: 11pt century gothic;
  57. color: #000;
  58. background: #C29161;
  59. }
  60.  
  61. h1:first-letter {
  62. font-size: 120%;
  63. color: #593C2C;
  64. }
  65.  
  66. h2 {
  67. display: block;
  68. padding: 0px;
  69. margin-top: 0px;
  70. margin-bottom: 0px;
  71. border-radius: 20px;
  72. text-decoration: none;
  73. text-transform: uppercase;
  74. letter-spacing: 5px;
  75. font: 40px century gothic;
  76. color: #000;
  77. background: transparent;
  78. }
  79.  
  80. a:link, a:visited {
  81. font: 7pt century gothic;
  82. color: #000;
  83. font-weight: bold;
  84. }
  85.  
  86. a:hover {
  87. font: 7pt century gothic;
  88. color: #73ABBC;
  89. background: transparent;
  90. font-weight: bold;
  91. }
  92.  
  93. a.nav:link, a.navlink:visited {
  94. color: #000;
  95. background: transparent;
  96. font-size: 8pt;
  97. }
  98.  
  99. a.nav:hover {
  100. color: #73ABBC;
  101. background: transparent;
  102. font-size: 8pt;
  103. }
  104.  
  105. .navilink {
  106. display: block;
  107. padding: 0px;
  108. margin-top: 0px;
  109. margin-bottom: 0px;
  110. border-radius: 0px;
  111. border-left: 5px solid #437632;
  112. border-right: 5px solid #437632;
  113. text-decoration: none;
  114. text-transform: uppercase;
  115. letter-spacing: 4px;
  116. font: 8pt century gothic;
  117. color: #000;
  118. background: transparent;
  119. }
  120.  
  121. .navilink:hover {
  122. display: block;
  123. padding: 0px;
  124. margin-top: 0px;
  125. margin-bottom: 0px;
  126. border-radius: 0px;
  127. border-left: 30px solid #C29161;
  128. border-right: 5px solid #C29161;
  129. text-decoration: none;
  130. text-align: right;
  131. text-transform: lowercase;
  132. letter-spacing: 4px;
  133. font: 8pt century gothic;
  134. color: #fff;
  135. background: transparent;
  136. }
  137.  
  138. .cultimage {
  139. height: 100px;
  140. width: 200px;
  141. border: 3px solid #437632;
  142. -webkit-transition: all 1s ease;
  143. -moz-transition: all 1s ease;
  144. -ms-transition: all 1s ease;
  145. -o-transition: all 1s ease;
  146. transition: all 1s ease;
  147. }
  148.  
  149. .cultimage:hover {
  150. height: 100px;
  151. width: 200px;
  152. border: 3px solid #C29161;
  153. border-radius: 20px;
  154. -webkit-transition: all 1s ease;
  155. -moz-transition: all 1s ease;
  156. -ms-transition: all 1s ease;
  157. -o-transition: all 1s ease;
  158. transition: all 1s ease;
  159. }
  160.  
  161. .profileimage {
  162. height: 200px;
  163. width: 200px;
  164. border: 3px solid #437632;
  165. -webkit-transition: all 1s ease;
  166. -moz-transition: all 1s ease;
  167. -ms-transition: all 1s ease;
  168. -o-transition: all 1s ease;
  169. transition: all 1s ease;
  170. }
  171.  
  172. .profileimage:hover {
  173. height: 200px;
  174. width: 200px;
  175. border: 3px solid #C29161;
  176. border-radius: 20px;
  177. -webkit-transition: all 1s ease;
  178. -moz-transition: all 1s ease;
  179. -ms-transition: all 1s ease;
  180. -o-transition: all 1s ease;
  181. transition: all 1s ease;
  182. }
  183.  
  184. .overlay {
  185. top: 30px;
  186. width: 700px;
  187. height: 600px;
  188. position: relative;
  189. background: url('http://i231.photobucket.com/albums/ee83/DelilahDarkness/Graphics/MCLayoutBase_zpsa0bab23e.png');
  190. border-radius: 5px;
  191. border: 0px;
  192. border-radius: 20px;
  193. }
  194.  
  195. #pagenavi {
  196. top: 305px;
  197. width: 170px;
  198. height: 290px;
  199. left: 530px;
  200. overflow: hidden;
  201. position: absolute;
  202. background: -webkit-linear-gradient(#9bc369, #c29161);
  203. background: -o-linear-gradient(#9bc369, #c29161);
  204. background: -moz-linear-gradient(#9bc369, #c29161);
  205. background: linear-gradient(#9bc369, #c29161);
  206. border: 1px solid #593c2c;
  207. border-radius: 20px;
  208. text-align: center;
  209. }
  210.  
  211. #header {
  212. top: 50px;
  213. width: 490px;
  214. height: 100px;
  215. left: 10px;
  216. overflow: hidden;
  217. position: absolute;
  218. background: transparent;
  219. text-align: center;
  220. border-radius: 5px;
  221. }
  222.  
  223. #content {
  224. top: 100px;
  225. width: 490px;
  226. height: 490px;
  227. left: 10px;
  228. overflow: hidden;
  229. position: absolute;
  230. background: transparent;
  231. border-radius: 20px;
  232. text-align: center;
  233. }
  234.  
  235. .container {
  236. width: 490px;
  237. height: 490px;
  238. overflow: auto;
  239. overflow-y: hidden;
  240. border-radius: 5px;
  241. background: transparent;
  242. }
  243. .section {
  244. height: 490px;
  245. overflow: auto;
  246. border-radius: 5px;
  247. background: transparent;
  248. }
  249.  
  250. </style>
  251.  
  252. <center>
  253.  
  254. <div class="overlay">
  255.  
  256. <div id="pagenavi">
  257. <u>PAGE NAVIGATION</u><br /><br />
  258. <a href="#about" class="navilink">[ABOUT]</a><br />
  259. <a href="#likes" class="navilink">[LIKES]</a><br />
  260. <a href="#dislikes" class="navilink">[DISLIKES]</a><br />
  261. <a href="#music" class="navilink">[MUSIC]</a><br />
  262. <a href="#cults" class="navilink">[CULTS]</a><br />
  263. <u>SITE NAVIGATION</u><br /><br />
  264. <a href="http://vampirefreaks.com/profiles/home.php" class="navilink">[HOME]</a><br />
  265. <a href="http://vampirefreaks.com/journal/USERNAME" class="navilink" target="_blank">[JOURNAL]</a><br />
  266. <a href="http://vampirefreaks.com/profile_action.php?user=USERNAME&amp;uid=4028465&amp;friendslist=1" class="navilink">[ADD FRIEND]</a><br />
  267. <a href="http://vampirefreaks.com/user_comment.php?user=USERNAME&amp;uid=5034505&amp;rate=1" class="navilink" target="_blank">[CONTACT]</a>
  268. <a href="http://maddened-by-the-stars.tk" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Tiny%20objects/diamond_sword_icon___free_to_use_by_beckythebunny-d59nuo5_zpsa7641292.gif" title="Ⓒ: Maddened by the Stars Designs" /></a>
  269. </div>
  270.  
  271. <div id="header">
  272. <h2>USERNAME</h2>
  273. at vampirefreaks
  274. </div>
  275.  
  276. <div id="content">
  277. <div class="container">
  278.  
  279. <a name="about"></a>
  280. <div class="section" align="center"> <br />
  281. <h1>About Myself</h1>
  282. <br />
  283. <p><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="profileimage" align="left" />ABOUT YOU STUFF GOES HERE</p>
  284.  
  285. </div>
  286.  
  287. <a name="likes"></a>
  288. <div class="section" align="center"> <br />
  289. <h1>Likes</h1>
  290. <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. <br /><br />
  303. <br /><br />
  304. <br /><br />
  305. <br /><br />
  306. <br /><br />
  307. <br /><br />
  308. </div>
  309.  
  310. <a name="dislikes"></a>
  311. <div class="section" align="center"> <br />
  312. <h1>Dislikes</h1>
  313. <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. <br /><br />
  326. <br /><br />
  327. <br /><br />
  328. <br /><br />
  329. <br /><br />
  330. <br /><br />
  331. </div>
  332.  
  333. <a name="music"></a>
  334. <div class="section" align="center"> <br />
  335. <h1>Music</h1>
  336. <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. <br /><br />
  349. <br /><br />
  350. <br /><br />
  351. <br /><br />
  352. <br /><br />
  353. <br /><br />
  354. </div>
  355.  
  356. <a name="cults"></a>
  357. <div class="section" align="center"> <br />
  358. <h1>Cults</h1>
  359. <br />
  360. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  361.  
  362. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  363.  
  364. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  365.  
  366. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  367.  
  368. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  369.  
  370. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  371.  
  372. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  373.  
  374. <a href="/cult/CULTNAME" target="_blank"><img src="http://i231.photobucket.com/albums/ee83/DelilahDarkness/Backgrounds/2_zpsede088b5.png" class="cultimage" /></a>
  375.  
  376. </div>
  377.  
  378. </div>
  379. </div>
  380. </div>
Advertisement
Add Comment
Please, Sign In to add comment