Advertisement
conception

Native_Americans HTML/Header VFDT

Sep 9th, 2014
252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.24 KB | None | 0 0
  1. <div id="navi"><center><h3>Directory</h3>
  2. <a href="http://vampirefreaks.com/profiles/home.php" class="slink">VF Home</a>
  3. <a href="http://vampirefreaks.com/group_members.php?c=Native_Americans" class="slink">View Members</a>
  4. <a href="http://vampirefreaks.com/cults/gallery.php?c=Native_Americans" class="slink">Cult Gallery</a>
  5. <a href="http://vampirefreaks.com/cults/statistics.php?c=Native_Americans" class="slink">Cult Stats</a>
  6. <a href="http://vampirefreaks.com/cults/controlpanel.php?c=Native_Americans" class="slink">Control Panel</a>
  7. <a href="/Murder_My_Heart666" class="slink">Header 2014</a>
  8. <a href="/Voltage" class="slink">Coding 2014</a>
  9. </center>
  10. </div>
  11. <style>
  12. #navi {
  13. margin: 0px;
  14. width: 150px;
  15. left: 30px;
  16. top: 15px;
  17. float: right;
  18. position: fixed;
  19. height: auto;
  20. text-align: center;
  21. font-family: trebuchet MS;
  22. font-size: 12pt;
  23. text-transform: uppercase;
  24. text-align: center;
  25. letter-spacing: 2pt;
  26. background-color: #280300;
  27. padding: 10px;
  28. border: none;
  29. border-bottom: 1px solid #9f1400;
  30. }
  31.  
  32. .slink:link, .slink:active, .slink:visited {
  33. font-family: trebuchet ms;
  34. font-size: 8px;
  35. color: #de5d12;
  36. background-color: #380700;
  37. display: block;
  38. text-transform: uppercase;
  39. padding: 1px;
  40. height: 15px;
  41. width: 145px;
  42. line-height: 15px;
  43. text-align: center;
  44. margin-top: 2px;
  45. -webkit-transition: all 0.5s ease-out;
  46. -moz-transition: all 0.5s ease-out;
  47. }
  48.  
  49. .slink:hover {
  50. font-family: trebuchet ms;
  51. font-size: 8px;
  52. color: #df5811;
  53. background-color: transparent;
  54. display: block;
  55. text-transform: uppercase;
  56. text-align: center;
  57. padding: 1px;
  58. height: 15px;
  59. width: 145px;
  60. line-height: 15px;
  61. margin-top:2px;
  62. -webkit-transition: all 0.5s ease-out;
  63. -moz-transition: all 0.5s ease-out;
  64. }
  65.  
  66. .ftlink:link, .ftlink:active, .ftlink:visited {
  67. font-family: trebuchet ms;
  68. font-size: 10px;
  69. color: #961200;
  70. background-color: #280300;
  71. display: block;
  72. text-transform: uppercase;
  73. padding: 1px;
  74. height: 20px;
  75. width: 140px;
  76. line-height: 20px;
  77. text-align: center;
  78. margin-top: 2px;
  79. -webkit-transition: all 0.5s ease-out;
  80. -moz-transition: all 0.5s ease-out;
  81. }
  82.  
  83. .ftlink:hover {
  84. font-family: trebuchet ms;
  85. font-size: 10px;
  86. color: #df5811;
  87. background-color: transparent;
  88. display: block;
  89. text-transform: uppercase;
  90. text-align: center;
  91. padding: 1px;
  92. height: 20px;
  93. width: 140px;
  94. line-height: 20px;
  95. margin-top:2px;
  96. -webkit-transition: all 0.5s ease-out;
  97. -moz-transition: all 0.5s ease-out;
  98. }
  99.  
  100. html, body {
  101. background-image: url('http://i.imgur.com/VWnni2H.png');
  102. }
  103.  
  104. html, div {
  105. font-size: 8pt;
  106. font-family: trebuchet ms;
  107. color: #bcaaa8;
  108. font-style: normal;
  109. }
  110.  
  111. .main {
  112. width: 750px;
  113. padding: 2px;
  114. }
  115.  
  116. .main_td {
  117. text-align: center;
  118. padding: 0px;
  119. }
  120.  
  121. table,td,th {
  122. border: none;
  123. }
  124.  
  125. th {
  126. height: 30px;
  127. text-align: center;
  128. }
  129.  
  130. .forumheader {
  131. text-transform: uppercase;
  132. background: #380700;
  133. color: #bcaaa8;
  134. font-weight: normal;
  135. line-height: 25px;
  136. font-family: trebuchet ms;
  137. font-size: 15pt;
  138. border: none;
  139. border-bottom: 1px solid #9f1400;
  140. padding: 4px;
  141. padding-top: 2px;
  142. margin: 5px;
  143. }
  144.  
  145. .group_forum {
  146. background-color: #280300;
  147. width: 750px;
  148. padding: 10px;
  149. text-align: center;
  150. border: none;
  151. }
  152.  
  153. .group_forum b {
  154. display: block;
  155. letter-spacing: 1pt;
  156. text-align: center;
  157. padding: 3px;
  158. font-weight: lighter;
  159. line-height: 15px;
  160. margin: 1px;
  161. }
  162.  
  163. .group_subforum {
  164. background-color: #380700;
  165. }
  166.  
  167. .members_viewing {
  168. display: block;
  169. width: 700px;
  170. background: #280300;
  171. padding: 10px;
  172. margin: 5px;
  173. text-align: right;
  174. }
  175.  
  176. .members_viewing b {
  177. display: block;
  178. padding: 4px;
  179. text-align: right;
  180. letter-spacing: 2pt;
  181. background: #380700;
  182. font-family: trebuchet ms;
  183. text-transform: uppercase;
  184. font-style: none;
  185. font-weight: lighter;
  186. font-size: 10pt;
  187. border-bottom: 1px solid #9f1400;
  188. }
  189.  
  190. .affiliates {
  191. display: block;
  192. width: 700px;
  193. background: #280300;
  194. padding: 10px;
  195. margin: 5px;
  196. text-align: right;
  197. }
  198.  
  199. .affiliates b {
  200. display: block;
  201. padding: 4px;
  202. text-align: right;
  203. letter-spacing: 2pt;
  204. background: #380700;
  205. font-family: trebuchet ms;
  206. text-transform: uppercase;
  207. font-style: none;
  208. font-weight: lighter;
  209. font-size: 10pt;
  210. border-bottom: 1px solid #9f1400;
  211. }
  212.  
  213. .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  214. background: #280300;
  215. margin-left: 15px;
  216. font-size: 8pt;
  217. width: 750px;
  218. padding: 7px;
  219. text-align: center;
  220. border: none;
  221. color: #bcaaa8;
  222. }
  223.  
  224. .subtitle {
  225. color: #cc8a1f;
  226. font-family: trebuchet ms;
  227. text-transform: none;
  228. }
  229.  
  230. .group_entry table[bgcolor] {
  231. background-color: #de5b12;
  232. height: 2px;
  233. }
  234.  
  235. .group_comment td {
  236. border: none;
  237. text-align: center;
  238. }
  239.  
  240. .comment_input td {
  241. background: transparent;
  242. border: none;
  243. text-align: center;
  244. }
  245.  
  246. .subheading td, .new_topic td {
  247. background-color: transparent;
  248. }
  249.  
  250. .subheading {
  251. background: #380700;
  252. font-weight: normal;
  253. line-height: 10px;
  254. border: none;
  255. padding: 4px;
  256. margin: 5px;
  257. }
  258.  
  259. select, input {
  260. background-color: #380700;
  261. color: #bcaaa8;
  262. text-align: center;
  263. border: none;
  264. }
  265.  
  266. .group_entry {
  267. width: 750px;
  268. padding: 5px;
  269. margin: 10px;
  270. text-align: center;
  271. border: none;
  272. background: #280300;
  273. }
  274.  
  275. .group_comment {
  276. width: 750px;
  277. padding: 5px;
  278. margin: 10px;
  279. text-align: center;
  280. background: #280300;
  281. border: none;
  282. }
  283.  
  284. .sub_button {
  285. border: none;
  286. background-color: transparent;
  287. padding: 3px;
  288. margin: 0px;
  289. border-image: initial;
  290. font-size: 8px;
  291. }
  292.  
  293. .comment_input, .new_topic {
  294. width: 750px;
  295. background-color: transparent;
  296. padding: 5px;
  297. text-align: center;
  298. border: none;
  299. }
  300.  
  301. .new_topic textarea, .comment_input textarea {
  302. background: #280300;
  303. color: #bcaaa8;
  304. padding: 5px;
  305. text-align: center;
  306. width: 500px;
  307. border: none;
  308. }
  309.  
  310. .comment_input input, .new_topic input
  311. { background: #280300;
  312. padding: 2px;
  313. text-align: center;
  314. border: none;
  315. }
  316.  
  317. a:link, .menu2, .menu2 a:link {
  318. color: #e06b16;
  319. font-family: trebuchet ms;
  320. font-size: 10px;
  321. text-transform: uppercase;
  322. text-decoration: none;
  323. -webkit-transition: all 0.5s ease-out;
  324. -moz-transition: all 0.5s ease-out;
  325. }
  326.  
  327. a:visited, .menu2 a:visited {
  328. color: #e06b16;
  329. text-transform: none;
  330. font-family: trebuchet ms;
  331. font-size: 10px;
  332. text-decoration: none;
  333. }
  334.  
  335. a:hover, .menu, .menu a:link, .menu a:visited {
  336. color: #950d00;
  337. text-decoration: none;
  338. font-family: trebuchet ms;
  339. font-size: 10px;
  340. text-transform: uppercase;
  341. background: transparent;
  342. -webkit-transition: all 0.5s ease-out;
  343. -moz-transition: all 0.5s ease-out;
  344. }
  345.  
  346. blockquote {
  347. text-align: center;
  348. font-family: verdana;
  349. font-size: 8pt;
  350. padding: 4px;
  351. background-color: #380700;
  352. border-bottom: 3px solid #df5911;
  353. border-top: 3px solid #df5911;
  354. }
  355.  
  356. .member_thumbnail, .righticon {
  357. background: #380700;
  358. border: 1px solid #9f1400;
  359. padding: 5px;
  360. width: 100px;
  361. height: 100px;
  362. -webkit-transition: all 0.5s ease-out;
  363. -moz-transition: all 0.5s ease-out;
  364. }
  365.  
  366. .member_thumbnail:hover, .righticon:hover {
  367. background: transparent;
  368. background-position: bottom left;
  369. top:1px;
  370. padding: 5px;
  371. right: 1px;
  372. border: 1px solid #380700;
  373. width: 100px;
  374. height: 100px;
  375. -webkit-transition: all 0.5s ease-out;
  376. -moz-transition: all 0.5s ease-out;
  377. }
  378.  
  379. .staff img {
  380. background: #280300;
  381. border: 1px solid #9f1400;
  382. padding: 3px;
  383. width: 60px;
  384. height: 60px;
  385. margin: 2px;
  386. -webkit-transition: all 0.5s ease-out;
  387. -moz-transition: all 0.5s ease-out;
  388. }
  389.  
  390. .staff img:hover {
  391. background: transparent;
  392. padding: 3px;
  393. margin: 2px;
  394. border: 1px solid #280300;
  395. width: 60px;
  396. height: 60px;
  397. -webkit-transition: all 0.5s ease-out;
  398. -moz-transition: all 0.5s ease-out;
  399. }
  400.  
  401. .win img {
  402. background: #280300;
  403. border: 1px solid #9f1400;
  404. padding: 3px;
  405. width: 60px;
  406. height: 60px;
  407. margin: 2px;
  408. -webkit-transition: all 0.5s ease-out;
  409. -moz-transition: all 0.5s ease-out;
  410. }
  411.  
  412. .win img:hover {
  413. background: transparent;
  414. padding: 3px;
  415. margin: 2px;
  416. border: 1px solid #280300;
  417. width: 60px;
  418. height: 60px;
  419. -webkit-transition: all 0.5s ease-out;
  420. -moz-transition: all 0.5s ease-out;
  421. }
  422.  
  423. .ft img {
  424. background: #280300;
  425. border: 1px solid #9f1400;
  426. padding: 3px;
  427. width: 75px;
  428. height: 75px;
  429. margin: 2px;
  430. -webkit-transition: all 0.5s ease-out;
  431. -moz-transition: all 0.5s ease-out;
  432. }
  433.  
  434. .ft img:hover {
  435. background: transparent;
  436. padding: 3px;
  437. margin: 2px;
  438. border: 1px solid #280300;
  439. width: 75px;
  440. height: 75px;
  441. -webkit-transition: all 0.5s ease-out;
  442. -moz-transition: all 0.5s ease-out;
  443. }
  444.  
  445. textarea {
  446. background: #380700;
  447. margin: 15px;
  448. width: 200px;
  449. padding: 7px;
  450. text-align: center;
  451. }
  452.  
  453. b {
  454. color: #cb8c20;
  455. font-family: trebuchet ms;
  456. font-style: none;
  457. text-transform: uppercase;
  458. font-size: 8pt;
  459. }
  460.  
  461. i {
  462. text-transform: none;
  463. font-family: georgia;
  464. color: #dc5f13;
  465. font-size: 11px;
  466. letter-spacing: 1px;
  467. text-shadow: 1px 1px 1px #210000;
  468. }
  469.  
  470. u {
  471. border-bottom: 2px dotted #210000;
  472. text-transform: none;
  473. font-family: georgia;
  474. font-size: 11px;
  475. letter-spacing: 2px;
  476. }
  477.  
  478. s {
  479. text-transform: none;
  480. font-family: trebuchet ms;
  481. font-size: 8pt;
  482. letter-spacing: 1px;
  483. }
  484.  
  485. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/Pp42EV4.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  486.  
  487. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/5DY4W4G.png'); top right no-repeat; height: 12px; width:0px; padding-right: 9px;}
  488.  
  489. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/0I3caoE.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  490.  
  491.  
  492. h1 {
  493. background: -webkit-gradient(linear, left top, left bottom, from(#e05611), to(#ca8c20));
  494. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  495. #e05611 &gt; top;
  496. #ca8c20 &gt; bottom;
  497. font-family: georgia;
  498. text-transform: lowercase;
  499. font-style: italic;
  500. font-size: 16pt;
  501. text-align: center;
  502. display: block;
  503. margin-top: -3px;
  504. margin-bottom: 1px;
  505. }
  506.  
  507. h2 {
  508. background: -webkit-gradient(linear, left top, left bottom, from(#cb8c20), to(#9f1400));
  509. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  510. #cb8c20 &gt; top;
  511. #9f1400 &gt; bottom;
  512. font-family: trebuchet ms;
  513. text-transform: uppercase;
  514. font-size: 10pt;
  515. letter-spacing: 4px;
  516. text-align: center;
  517. display: block;
  518. font-weight: lighter;
  519. margin-top: -2px;
  520. margin-bottom: 1px;
  521. border-bottom: 1px solid #9f1400;
  522. }
  523.  
  524. h3 {
  525. background: -webkit-gradient(linear, left top, left bottom, from(#cb8c20), to(#9f1400));
  526. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  527. #cb8c20 &gt; top;
  528. #9f1400 &gt; bottom;
  529. font-family: trebuchet ms;
  530. text-transform: uppercase;
  531. font-size: 14pt;
  532. font-weight: lighter;
  533. text-align: center;
  534. display: block;
  535. margin-top: -3px;
  536. margin-bottom: 1px;
  537. letter-spacing: 2px;
  538. border-bottom: 1px solid #9f1400;
  539. }
  540.  
  541. a:link img[src="http://e.vampirefreaks.com/emotes/vf_red-16.png"]{background-image: url(http://i.imgur.com/yS0j0dp.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  542.  
  543. a:link img[src="http://e.vampirefreaks.com/emotes/vf_white-16.png"]{background-image: url(http://i.imgur.com/ClAKmCa.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  544.  
  545. ::-webkit-scrollbar { width:5px; background:#280300; }
  546.  
  547. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  548.  
  549. ::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #dd5e13; width:5px; border:none; }
  550.  
  551. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:5px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  552. -webkit-transition: all 0.5s ease-out;
  553. -moz-transition: all 0.5s ease-out;}
  554.  
  555. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#dd5e13; cursor:hand;}
  556.  
  557. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  558.  
  559. .cult_name, .leftnav, .topbar, .maintop img, .maintop table, .latest_posts_header, .status, .description_title, .edit_pictures, .owner_title, .created_on, .small_space, .cult_menu, .side_td, .threads_related, .created_on, .description_title, .maintop img, .heading, .forumopen, .forumclose, .maintop, .leftnav, .cult_info, .menu2, .menu, .num_members { display: none; }
  560. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement