conception

NYC HTML Header

May 8th, 2016
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.52 KB | None | 0 0
  1. <center>
  2. <div id="navi"><center><a href="http://vampirefreaks.com" class="nlink"> VF Main</a><a href="http://vampirefreaks.com/group_edit/NYC" class="nlink">Edit Cult</a><a href="http://vampirefreaks.com/group_members/NYC" class="nlink">Edit Members</a><a href="http://vampirefreaks.com/groups/control_panel/NYC" class="nlink">Control Panel</a><a href="http://vampirefreaks.com/Voltage" class="nlink">C. Credit</a><a href="http://vampirefreaks.com/Xx__TigerClaws" class="nlink">H. Credit</a></center>
  3. </div>
  4.  
  5.  
  6. <style>
  7. #navi {
  8. top: 0px;
  9. position: fixed;
  10. left: 0px;
  11. height: 40px;
  12. width: 100%;
  13. font-family: trebuchet MS;
  14. font-size: 12pt;
  15. text-transform: uppercase;
  16. text-align: center;
  17. letter-spacing: 2pt;
  18. background-color: #141414;
  19. padding-bottom: 8px;
  20. padding-top: 5px;
  21. margin-bottom: 40px;
  22. z-index: 999;
  23. box-shadow: 0px 0px 25px #141414;
  24. }
  25.  
  26. .nlink:link, .nlink:active, .nlink:visited {
  27. color: #ccc;
  28. height: 25px;
  29. line-height: 25px;
  30. font-family: Trebuchet MS;
  31. font-size: 6pt;
  32. font-weight: lighter;
  33. text-transform: uppercase;
  34. font-weight: lighter;
  35. padding: 2px;
  36. width: 116px;
  37. margin-right: 2px;
  38. margin-left: 2px;
  39. margin-top: 1px;
  40. text-align: center;
  41. display: inline-table;
  42. background: #1c1c1c;
  43. letter-spacing: 1px;
  44. -webkit-transition: all 0.8s ease-out;
  45. -moz-transition: all 0.8s ease-out;
  46. }
  47.  
  48. .nlink:hover {
  49. color: #ccc;
  50. height: 25px;
  51. line-height: 25px;
  52. font-size: 6pt;
  53. text-transform: uppercase;
  54. font-style: normal;
  55. font-weight: lighter;
  56. text-align: center;
  57. margin-top: 1px;
  58. margin-right: 2px;
  59. margin-left: 2px;
  60. display: inline-table;
  61. background: #835a94;
  62. -webkit-transition: all 0.8s ease-out;
  63. -moz-transition: all 0.8s ease-out;
  64. }
  65.  
  66. .leftnav, .footer_links, .description_title, .latest_posts_header, .created_on, .status, .maintop, .cult_info, .owner_title, .num_members, .edit_pictures, .upload_pictures, .cult_name, .view_gallery, .threads_related, .subforum_title, .menu2, #menu0, .comment_input b, .view_statistics, .num_members, .ui-widget , #main-navbar, .cult_menu { display: none; }
  67.  
  68. body, html {
  69. background-image: url('http://i.imgur.com/w7xvRht.png');
  70. background-size: auto;
  71. background-position: top left;
  72. background-repeat: repeat;
  73. background-attachment: fixed;
  74. text-align: center;
  75. color: #CCC;
  76. font-family: Trebuchet MS;
  77. }
  78.  
  79. .main {
  80. margin-top: 100px;
  81. padding: 2px;
  82. width: 800px;
  83. }
  84.  
  85. .main_td {
  86. text-align: center;
  87. padding: 0px;
  88. }
  89.  
  90. table, td, th {
  91. border: none;
  92. }
  93.  
  94. th {
  95. height: 30px;
  96. text-align: center;
  97. }
  98.  
  99. .modal-content {
  100. border: none;
  101. width: 850px;
  102. }
  103.  
  104. .group_forum_entry {
  105. border-top: 2px solid #1c1c1c;
  106. }
  107.  
  108. .group_forum {
  109. background-color: #090909;
  110. color: #CCC;
  111. border: none;
  112. width: 800px;
  113. margin-left: auto;
  114. margin-right: auto;
  115. padding: 2px;
  116. text-align: center;
  117. box-shadow: 0px 0px 25px #141414;
  118. }
  119.  
  120. div.panel-heading, .forumheader, .modal-title {
  121. color: #CCC;
  122. background: #5a2864 !important;
  123. font-family: Trebuchet MS;
  124. text-shadow: 2px 2px 2px #141614 !important;
  125. font-size: 18pt;
  126. line-height:8px;
  127. letter-spacing: 2px;
  128. display: block;
  129. margin: 2px;
  130. text-transform: uppercase;
  131. font-weight: lighter;
  132. text-align: center;
  133. }
  134.  
  135. .subheading {
  136. color: #CCC;
  137. background: #5a2864 !important;
  138. font-family: Trebuchet MS;
  139. text-shadow: 2px 2px 2px #141614!important;
  140. font-size: 8pt;
  141. line-height: 1px;
  142. display: block;
  143. border-radius: 0px;
  144. margin: 2px;
  145. text-transform: uppercase;
  146. font-weight: lighter;
  147. text-align: left;
  148. }
  149.  
  150. .group_subforum b, .group_forum b {
  151. display: block;
  152. color: #CCC;
  153. font-size: 10pt;
  154. text-align: center;
  155. text-transform: uppercase;
  156. font-weight: lighter;
  157. margin: -10px;
  158. margin-top: 0px;
  159. margin-bottom: 0px;
  160. background-color: #835a94;
  161. background-image: -webkit-gradient(linear, left top, left bottom, from(#835a94), to(#5a2864));
  162. #835a94 > top;
  163. #5a2864 > bottom;
  164. background: -o-linear-gradient(top, #835a94 0%, #5a2864 90%);
  165. background: -webkit-linear-gradient(top, #835a94 0%, #5a2864 90%);
  166. background: -ms-linear-gradient(top, #835a94 0%, #5a2864 90%);
  167. background: linear-gradient(to bottom, #835a94 0%, #5a2864 90%);
  168. background: -moz-linear-gradient(top, #835a94 0%, #5a2864 90%);
  169. }
  170.  
  171. .darkbox, .group_expanded {
  172. color: #ccc;
  173. font-size: 8.5pt;
  174. margin-top: 50px;
  175. width: auto;
  176. padding: 7px;
  177. text-align: center;
  178. box-shadow: 0px 0px 25px #141414;
  179. border: none;
  180. background: #090909;
  181. }
  182.  
  183. .cult_entry {
  184. width: 800px;
  185. color: #ccc;
  186. font-size: 8.5pt;
  187. padding: 7px;
  188. text-align: center;
  189. box-shadow: 0px 0px 25px #141414;
  190. border: none;
  191. background: #090909;
  192. }
  193.  
  194. .newsfeed_entry_txt {
  195. border-top: 1px solid #aaa;
  196. color: #CCC;
  197. font-size: 10pt;
  198. text-align: center;
  199. background-color: transparent;
  200. padding: 2px;
  201. }
  202.  
  203. .leave_comment {
  204. background: #1c1c1c;
  205. color: #CCC;
  206. border: none;
  207. border-radius: 5px;
  208. height: 150px;
  209. text-align: center;
  210. }
  211.  
  212. .update_comment {
  213. background-color: #101010;
  214. font-size: 10pt;
  215. margin: 5px;
  216. margin-bottom: 10px;
  217. }
  218.  
  219. .comment_submit {
  220. background: #5a2864;
  221. border: none;
  222. border-radius: 5px;
  223. height: 2.188em;
  224. text-align: center;
  225. }
  226.  
  227. .subheading_text {
  228. color: #ccc;
  229. font-weight: normal;
  230. text-align: right;
  231. }
  232.  
  233. input, select, textarea, .form-control {
  234. background: #1c1c1c;
  235. color: #CCC;
  236. font-size: 10pt;
  237. padding: 5px;
  238. text-align: center;
  239. font-family: Trebuchet MS;
  240. border: none;
  241. }
  242.  
  243. .group_view_forum {
  244. background: #1c1c1c;
  245. border: none;
  246. font-size: 10pt;
  247. color: #ccc;
  248. text-align: center;
  249. text-transform: uppercase;
  250. box-shadow: 0px 0px 25px #141414;
  251. font-weight: normal;
  252. }
  253.  
  254. .btn-primary, .btn-custom {
  255. background: #1c1c1c !important;
  256. border: none !important;
  257. text-transform: uppercase;
  258. font-weight: lighter;
  259. -webkit-transition: all 0.5s ease-out;
  260. -moz-transition: all 0.5s ease-out;
  261. }
  262.  
  263. .btn-primary:hover, .btn-custom:hover {
  264. color: #906da7 !important;
  265. text-decoration: none;
  266. font-family: Trebuchet MS;
  267. background: #1c1c1c !important;
  268. -webkit-transition: all 0.5s ease-out;
  269. -moz-transition: all 0.5s ease-out;
  270. }
  271.  
  272. .btn-default {
  273. background: transparent !important;
  274. font-size: 15pt;
  275. border: none !important;
  276. text-transform: uppercase;
  277. font-weight: lighter;
  278. -webkit-transition: all 0.5s ease-out;
  279. -moz-transition: all 0.5s ease-out;
  280. }
  281.  
  282. .btn-default:hover {
  283. color: #906da7 !important;
  284. text-decoration: none;
  285. font-family: Trebuchet MS;
  286. background: transparent !important;
  287. -webkit-transition: all 0.5s ease-out;
  288. -moz-transition: all 0.5s ease-out;
  289. }
  290.  
  291. .modal-header {
  292. border-bottom: 2px solid #1c1c1c;
  293. height: 40px;
  294. }
  295.  
  296. .group_comment_thumb img {
  297. max-width: 100px;
  298. max-height: 100px;
  299. }
  300. .group_comment_thumb {
  301. width: 100px;
  302. overflow: hidden;
  303. text-align: center;
  304. float: center;
  305. }
  306.  
  307. .update_comment_thumb, .group_comment_thumb {
  308. float: center;
  309. text-align: center;
  310. margin-right: 5px;
  311. margin-bottom: 10px;
  312. }
  313.  
  314. .page_link, .current_page_link {
  315. padding: 3px 8px;
  316. margin: 1px;
  317. border: none;
  318. background: #141414;
  319. border-radius: 3px;
  320. display: inline-block;
  321. }
  322. .page_link:hover, .current_page_link:hover {
  323. padding: 3px 8px;
  324. margin: 1px;
  325. border: none;
  326. background: #202020;
  327. border-radius: 3px;
  328. display: inline-block;
  329. }
  330.  
  331. .num_posts { text-align: center;
  332. }
  333.  
  334. .row { float: center;}
  335.  
  336. .group_comment_thumb, .comment_username, .num_posts, .custom_title { width: 100px;
  337. }
  338.  
  339. blockquote {
  340. background-color: #191919;
  341. font-size: 10pt;
  342. border-bottom: 5px solid #793589;
  343. border-top: 2px solid #4e2355;
  344. border-left: 5px solid #111;
  345. border-right: 5px solid #111;
  346. }
  347.  
  348. a:link, a:active, a:visited {
  349. color: #906da7;
  350. font: 10pt Trebuchet MS;
  351. font-weight: lighter;
  352. letter-spacing: 1px;
  353. -webkit-transition: color 0.8s ease-in;
  354. -moz-transition: color 0.8s ease-out;
  355. }
  356.  
  357. a:hover {
  358. color: #5a2864;
  359. font: 10pt Trebuchet MS;
  360. font-weight: lighter;
  361. background: transparent;
  362. letter-spacing: 1px;
  363. -webkit-transition: color 0.8s ease-in;
  364. -moz-transition: color 0.8s ease-out;
  365. }
  366.  
  367. h1 { font-size: 10pt;
  368. font-family: Trebuchet MS;
  369. letter-spacing: 1px;
  370. font-weight: lighter;
  371. text-transform: uppercase;
  372. text-shadow: 1px 1px 1px #1c1c1c;
  373. background-color: #835a94;
  374. background-image: -webkit-gradient(linear, left top, left bottom, from(#835a94), to(#5a2864));
  375. #835a94 > top;
  376. #5a2864 > bottom;
  377. background: -o-linear-gradient(top, #835a94 0%, #5a2864 90%);
  378. background: -webkit-linear-gradient(top, #835a94 0%, #5a2864 90%);
  379. background: -ms-linear-gradient(top, #835a94 0%, #5a2864 90%);
  380. background: linear-gradient(to bottom, #835a94 0%, #5a2864 90%);
  381. background: -moz-linear-gradient(top, #835a94 0%, #5a2864 90%);
  382. border-radius: 2px;
  383. color: #fafafa;
  384. display: block;
  385. margin: 2px;
  386. padding: 2px;
  387. text-align: center;
  388. }
  389.  
  390. h3 { font-size: 10pt;
  391. line-height: 10px;
  392. font-family: Trebuchet MS;
  393. letter-spacing: 1px;
  394. font-weight: lighter;
  395. text-transform: uppercase;
  396. text-shadow: 1px 1px 1px #1c1c1c;
  397. border-left: 5px solid #835a94;
  398. border-right: 5px solid #835a94;
  399. background-color: #5a2864;
  400. border-radius: 2px;
  401. color: #fafafa;
  402. display: block;
  403. margin: 2px;
  404. padding: 2px;
  405. text-align: center;
  406. }
  407.  
  408.  
  409. b {
  410. color: #763384;
  411. font-family: Trebuchet MS;
  412. text-transform: uppercase;
  413. font-size: 8pt;
  414. }
  415.  
  416. i {
  417. text-transform: none;
  418. font-family: georgia;
  419. color: #8b71a5;
  420. text-shadow: 1px 1px 1px #101010;
  421. font-size: 12px;
  422. letter-spacing: 1px;
  423. }
  424.  
  425. u {
  426. text-transform: none;
  427. border-bottom: 1px dashed #8b71a5;
  428. font-family: georgia;
  429. font-size: 11px;
  430. letter-spacing: 2px;
  431. }
  432.  
  433. s {
  434. color: #807fa1;
  435. font-size: 10pt;
  436. }
  437.  
  438. .stafflink:link, .stafflink:active, .stafflink:visited {
  439. font-family: Trebuchet MS;
  440. font-size: 10px;
  441. color: #ccc;
  442. background-color: #090909;
  443. height: 25px;
  444. line-height: 25px;
  445. font-weight: lighter;
  446. text-transform: uppercase;
  447. font-weight: lighter;
  448. padding: 2px;
  449. padding-top: 0px;
  450. margin-right: 2px;
  451. margin-left: 2px;
  452. margin-top: 5px;
  453. text-align: center;
  454. display: block;
  455. letter-spacing: 1px;
  456. -webkit-transition: all 0.8s ease-out;
  457. -moz-transition: all 0.8s ease-out;
  458. }
  459.  
  460. .stafflink:hover {
  461. font-family: Trebuchet MS;
  462. font-size: 10px;
  463. color: #ccc;
  464. background-color: #5a2864;
  465. height: 25px;
  466. line-height: 25px;
  467. text-transform: uppercase;
  468. font-style: normal;
  469. font-weight: lighter;
  470. text-align: center;
  471. padding: 2px;
  472. padding-top: 0px;
  473. margin-top: 5px;
  474. margin-right: 2px;
  475. margin-left: 2px;
  476. display: block;
  477. -webkit-transition: all 0.8s ease-out;
  478. -moz-transition: all 0.8s ease-out;
  479. }
  480.  
  481. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/Uiebmdl.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  482.  
  483. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/lId9S8R.png'); top right no-repeat; height: 12px; width:0px; padding-right: 9px;}
  484.  
  485. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/Fr90qDe.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  486.  
  487. a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/DkxPkb8.png); top right no-repeat; height: 11px; width:0px; padding-right: 11px; border: none;}
  488.  
  489. a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/sKs4u5n.png); top right no-repeat; height: 11px; width:0px; border: none; padding-right: 12px;}
  490.  
  491. a.entry_win, a.entry_fail, a.comment_win, a.comment_fail, a.entry_win:hover, a.entry_fail:hover, a.comment_win:hover, a.comment_fail:hover {
  492. font-size: 0px;
  493. background: transparent;
  494. border: none;
  495. }
  496.  
  497. </style>
  498. </center>
Add Comment
Please, Sign In to add comment