API tools faq
paste
Advertisement
conception

CloudChasers HTML Header VFDT

conception
Sep 12th, 2015
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.46 KB | None | 0 0
raw download clone embed print report
  1. <div id="navi"><center><a href="http://vampirefreaks.com" class="navlink"> VF Main</a>
  2. <a href="http://vampirefreaks.com/cults/group_edit.php?c=CloudChasers" class="navlink">Edit Cult</a>
  3. <a href="http://vampirefreaks.com/group_edit_members.php?c=CloudChasers" class="navlink">Edit Mem.</a>
  4. <a href="http://vampirefreaks.com/cults/controlpanel.php?c=CloudChasers" class="navlink">C Panel</a>
  5. <a href="http://vampirefreaks.com/cults/statistics.php?c=CloudChasers" class="navlink">Cult Stats</a>
  6. <a href="http://vampirefreaks.com/group_invite.php?c=CloudChasers" class="navlink">Invite</a>
  7. <a href="http://vampirefreaks.com/Beeline" class="navlink">H. Credit</a>
  8. <a href="http://vampirefreaks.com/Voltage" class="navlink">C. Credit</a>
  9. </center>
  10. </div>
  11.  
  12. <style>
  13. #navi {
  14. top: 0px;
  15. position: fixed;
  16. left: 0px;
  17. height: 30px;
  18. width: 100%;
  19. font-family: trebuchet MS;
  20. font-size: 12pt;
  21. text-transform: uppercase;
  22. text-align: center;
  23. letter-spacing: 2pt;
  24. background-color: #85807d;
  25. padding-bottom: 8px;
  26. margin-bottom: 40px;
  27. z-index: 999;
  28. border-bottom: 5px solid #3f164a;
  29. }
  30.  
  31. .navlink:link, .navlink:active, .navlink:visited {
  32. color: #fafafa;
  33. height: 25px;
  34. line-height: 25px;
  35. font-family: Trebuchet MS;
  36. font-size: 6pt;
  37. font-weight: lighter;
  38. text-transform: uppercase;
  39. font-weight: lighter;
  40. padding: 2px;
  41. width: 100px;
  42. border-radius: 20px;
  43. margin-top: 5px;
  44. text-align: center;
  45. display: inline-table;
  46. background: #705067;
  47. letter-spacing: 1px;
  48. -webkit-transition: all 0.8s ease-out;
  49. -moz-transition: all 0.8s ease-out;
  50. }
  51.  
  52. .navlink:hover {
  53. color: #fafafa;
  54. height: 25px;
  55. line-height: 25px;
  56. font-size: 6pt;
  57. text-transform: uppercase;
  58. font-style: normal;
  59. font-weight: lighter;
  60. text-align: center;
  61. margin-top: 5px;
  62. border-radius: 20px;
  63. display: inline-table;
  64. background: #3f164a;
  65. -webkit-transition: all 0.8s ease-out;
  66. -moz-transition: all 0.8s ease-out;
  67. }
  68.  
  69. .ftlink:link, .ftlink:active, .ftlink:visited {
  70. color: #fafafa;
  71. height: 8px;
  72. line-height: 8px;
  73. font-family: Trebuchet MS;
  74. font-size: 6pt;
  75. font-weight: lighter;
  76. text-transform: uppercase;
  77. font-weight: lighter;
  78. padding: 2px;
  79. margin-top: 1px;
  80. text-align: center;
  81. display: block;
  82. background: #7d1a48;
  83. border-radius: 20px;
  84. letter-spacing: 1px;
  85. margin: 2px;
  86. -webkit-transition: all 0.8s ease-out;
  87. -moz-transition: all 0.8s ease-out;
  88. }
  89.  
  90. .ftlink:hover {
  91. color: #fafafa;
  92. height: 8px;
  93. line-height: 8px;
  94. font-size: 6pt;
  95. text-transform: uppercase;
  96. font-style: normal;
  97. font-weight: lighter;
  98. text-align: center;
  99. margin-top: 1px;
  100. margin: 2px;
  101. display: block;
  102. border-radius: 20px;
  103. background: #6c4768;
  104. -webkit-transition: all 0.8s ease-out;
  105. -moz-transition: all 0.8s ease-out;
  106. }
  107.  
  108. html, body { background-image: url('http://i.imgur.com/DtrRBIQ.png');
  109. height: 100%; }
  110.  
  111. html, div {
  112. font-size: 8.5pt;
  113. font-family: trebuchet ms;
  114. color: #D5D5D5;
  115. font-style: normal;
  116. }
  117.  
  118. .main {
  119. width: 700px;
  120. padding: 2px;
  121. margin-top: 50px;
  122. margin-bottom: 100px;
  123. }
  124.  
  125. .main_td {
  126. text-align: center;
  127. padding: 0px;
  128. }
  129.  
  130. table,td,th {
  131. border: none;
  132. }
  133.  
  134. th {
  135. height: 30px;
  136. text-align: center;
  137. }
  138.  
  139. .forumheader {
  140. text-shadow: 1px 1px 1px #7d1a48;
  141. border-bottom: 2px solid #7d1a48;
  142. border-left: none;
  143. border-right: none;
  144. border-top: none;
  145. color: #D5D5D5;
  146. background: #3f164a;
  147. font-family: trebuchet ms;
  148. font-size: 12pt;
  149. display: block;
  150. margin: 2px;
  151. border-radius: 15px 15px 0px 0px;
  152. text-transform: uppercase;
  153. font-weight: bolder;
  154. letter-spacing: 1px;
  155. text-align: center;
  156. line-height: 25px;
  157. font-size: 15pt;
  158. padding: 2px;
  159. padding-top: 0px;
  160. margin: 5px;
  161. }
  162.  
  163. .group_subforum b {
  164. color: #d5d5d5;
  165. border-bottom: 2px solid #7d1a48;
  166. border-radius: 20px;
  167. background-color: #3f164a;
  168. }
  169.  
  170. .group_forum {
  171. background-color: #85807d;
  172. color: #21131a;
  173. width: 700px;
  174. padding: 0px;
  175. text-align: center;
  176. border: 5px solid #3f164a;
  177. border-radius: 20px;
  178. }
  179.  
  180. .group_forum b {
  181. display: block;
  182. letter-spacing: 1pt;
  183. text-align: center;
  184. padding: 2px;
  185. font-weight: lighter;
  186. line-height: 15px;
  187. margin: 3px;
  188. }
  189.  
  190. .members_viewing {
  191. display: block;
  192. color: #d5d5d5;
  193. width: 690px;
  194. background: #85807d;
  195. border: 5px solid #3f164a;
  196. border-radius: 20px;
  197. padding: 5px;
  198. margin: 5px;
  199. text-align: left;
  200. }
  201.  
  202. .members_viewing b {
  203. text-shadow: 1px 1px 1px #7d1a48;
  204. border-bottom: 2px solid #7d1a48;
  205. color: #D5D5D5;
  206. background: #3f164a;
  207. font-family: trebuchet ms;
  208. font-size: 8pt;
  209. margin: 2px;
  210. padding: 5px;
  211. display: inline-block;
  212. border-radius: 15px;
  213. text-transform: uppercase;
  214. font-weight: bolder;
  215. letter-spacing: 1px;
  216. text-align: center;
  217. }
  218.  
  219. .affiliates {
  220. display: block;
  221. color: #d5d5d5;
  222. width: 690px;
  223. background: #85807d;
  224. border: 5px solid #3f164a;
  225. border-radius: 20px;
  226. padding: 5px;
  227. margin: 5px;
  228. text-align: left;
  229. }
  230.  
  231. .affiliates b {
  232. text-shadow: 1px 1px 1px #7d1a48;
  233. border-bottom: 2px solid #7d1a48;
  234. color: #D5D5D5;
  235. background: #3f164a;
  236. font-family: trebuchet ms;
  237. font-size: 8pt;
  238. margin: 2px;
  239. padding: 5px;
  240. display: inline-block;
  241. border-radius: 15px;
  242. text-transform: uppercase;
  243. font-weight: bolder;
  244. letter-spacing: 1px;
  245. text-align: center;
  246. }
  247.  
  248. .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  249. color: #d5d5d5;
  250. margin-left: 15px;
  251. font-size: 8.5pt;
  252. width: 700px;
  253. padding: 7px;
  254. border-radius: 20px;
  255. text-align: center;
  256. border: 5px solid #3f164a;
  257. background: #85807d;
  258. }
  259.  
  260. .subtitle {
  261. color: #7d1a48;
  262. font-family: trebuchet ms;
  263. text-transform: uppercase;
  264. }
  265.  
  266. .group_entry table[bgcolor] {
  267. background-color: #7d1a48;
  268. border-radius: 20px;
  269. height: 2px;
  270. }
  271.  
  272. .group_comment td {
  273. border: none;
  274. text-align: center;
  275. }
  276.  
  277. .comment_input td {
  278. background: transparent;
  279. border: none;
  280. text-align: center;
  281. }
  282.  
  283. select, input {
  284. background-color: #3f164a;
  285. color: #d5d5d5;
  286. border-radius: 15px;
  287. text-align: center;
  288. border: none;
  289. font-size: 12px;
  290. line-height: 12px;
  291. }
  292.  
  293. .subheading td {
  294. border-radius: 15px;
  295. background-color: #3f164a;
  296. }
  297. .new_topic td {
  298. border-radius: 20px;
  299. background-color: #85807d;
  300. }
  301.  
  302. .subheading {
  303. background: transparent;
  304. }
  305.  
  306. .group_entry, .group_comment {
  307. width: 700px;
  308. padding: 5px;
  309. border-radius: 20px;
  310. margin: 20px;
  311. text-align: center;
  312. color: #d5d5d5;
  313. border: 5px solid #3f164a;
  314. background: #85807d;
  315. }
  316.  
  317. .sub_button {
  318. border: none;
  319. background-color: transparent;
  320. padding: 3px;
  321. margin: 0px;
  322. border-image: initial;
  323. font-size: 8px;
  324. }
  325.  
  326. .comment_input, .new_topic {
  327. width: 700px;
  328. border-radius: 20px;
  329. color: #d5d5d5;
  330. background-color: transparent;
  331. padding: 5px;
  332. text-align: center;
  333. border: none;
  334. font-family: trebuchet ms;
  335. }
  336.  
  337. .comment_input textarea {
  338. background: #85807d;
  339. color: #fafafa;
  340. font-size: 12px;
  341. border-radius: 20px;
  342. padding: 5px;
  343. text-align: center;
  344. width: 500px;
  345. font-family: trebuchet ms;
  346. border: none;
  347. }
  348.  
  349. .new_topic textarea {
  350. background: #3f164a;
  351. height: 300px;
  352. color: #d5d5d5;
  353. font-size: 12px;
  354. padding: 5px;
  355. text-align: center;
  356. width: 500px;
  357. border-radius: 20px;
  358. font-family: trebuchet ms;
  359. border: none;
  360. }
  361.  
  362. .comment_input input {
  363. background: #85807d;
  364. padding: 2px;
  365. text-align: center;
  366. border: none;
  367. color: #d5d5d5;
  368. border-radius: 20px;
  369. font-family: trebuchet ms;
  370. }
  371.  
  372. .new_topic input
  373. { background: #3f164a;
  374. padding: 2px;
  375. border-radius: 20px;
  376. text-align: center;
  377. border: none;
  378. color: #d5d5d5;
  379. font-family: trebuchet ms;
  380. }
  381.  
  382. blockquote {
  383. text-align: center;
  384. font-family: trebuchet ms;
  385. font-size: 9pt;
  386. padding: 4px;
  387. color: #fafafa;
  388. border-radius: 20px;
  389. background-color: #3f164a;
  390. border-top: 5px solid #623864;
  391. border-bottom: 15px solid #623864;
  392. }
  393.  
  394. textarea {
  395. background: #201514;
  396. color: #fafafa;
  397. margin: 15px;
  398. width: 200px;
  399. height: 50px;
  400. border: none;
  401. padding: 7px;
  402. text-align: center;
  403. }
  404.  
  405. b {
  406. color: #6e4e65;
  407. font-family: trebuchet ms;
  408. font-style: none;
  409. text-transform: uppercase;
  410. font-size: 8.5pt;
  411. }
  412.  
  413. i {
  414. font-family: georgia;
  415. font-size: 12px;
  416. color: #6c4768;
  417. letter-spacing: 1px;
  418. }
  419.  
  420. u {
  421. border-bottom: 2px solid #3f1861;
  422. text-transform: none;
  423. font-family: georgia;
  424. font-size: 11px;
  425. letter-spacing: 2px;
  426. }
  427.  
  428. s {
  429. text-transform: none;
  430. font-family: trebuchet ms;
  431. font-size: 8pt;
  432. letter-spacing: 1px;
  433. }
  434.  
  435. h1 {
  436. text-shadow: 1px 1px 1px #3a165a;
  437. border-bottom: 2px solid #3a165a;
  438. color: #D5D5D5;
  439. background-image: url('http://i.imgur.com/DtrRBIQ.png');
  440. font-family: trebuchet ms;
  441. font-size: 12pt;
  442. display: block;
  443. margin: 2px;
  444. border-radius: 15px 15px 0px 0px;
  445. text-transform: uppercase;
  446. font-weight: bolder;
  447. letter-spacing: 1px;
  448. text-align: center;
  449. }
  450.  
  451. h3 {
  452. color: #d5d5d5;
  453. text-shadow: 1px 1px 1px #401960;
  454. font-family: trebuchet ms;
  455. text-transform: uppercase;
  456. background: #7e164c;
  457. font-weight: normal;
  458. font-size: 10pt;
  459. line-height: 10pt;
  460. border-radius: 15px;
  461. border-left: 10px solid #401960;
  462. border-right: 10px solid #401960;
  463. text-align: center;
  464. display: block;
  465. margin: 2px;
  466. }
  467.  
  468. a:link, .menu2, .menu2 a:link {
  469. color: #7d1a48;
  470. font-weight: bolder;
  471. font-family: trebuchet ms;
  472. font-size: 12px;
  473. text-transform: none;
  474. text-decoration: none;
  475. -webkit-transition: all 0.5s ease-out;
  476. -moz-transition: all 0.5s ease-out;
  477. }
  478.  
  479. a:visited, .menu2 a:visited {
  480. color: #7d1a48;
  481. font-weight: bolder;
  482. text-transform: none;
  483. font-family: trebuchet ms;
  484. font-size: 12px;
  485. text-decoration: none;
  486. }
  487.  
  488. a:hover, .menu, .menu a:link, .menu a:visited {
  489. color: #4e3e66;
  490. text-decoration: none;
  491. font-family: trebuchet ms;
  492. font-size: 12px;
  493. font-weight: bolder;
  494. text-transform: none;
  495. background: transparent;
  496. -webkit-transition: all 0.5s ease-out;
  497. -moz-transition: all 0.5s ease-out;
  498. }
  499.  
  500. .staff img {
  501. background: #724e68;
  502. padding: 2px;
  503. margin: 1px;
  504. margin-bottom: 0px;
  505. border: 2px solid #6e2247;
  506. width: 50px;
  507. height: 50px;
  508. -webkit-transition: all 0.5s ease-out;
  509. -moz-transition: all 0.5s ease-out;
  510. }
  511.  
  512. .staff img:hover {
  513. background: #6e2247;
  514. border: 2px solid #724e68;
  515. border-radius: 20px;
  516. padding: 2px;
  517. margin: 1px;
  518. width: 50px;
  519. height: 50px;
  520. margin-bottom: 0px;
  521. -webkit-transition: all 0.5s ease-out;
  522. -moz-transition: all 0.5s ease-out;
  523. }
  524.  
  525. .ft img {
  526. background: #6e2247;
  527. padding: 2px;
  528. margin-bottom: 0px;
  529. margin-top: 1px;
  530. border: 2px solid #724e68;
  531. width: 148px;
  532. height: 55px;
  533. -webkit-transition: all 0.5s ease-out;
  534. -moz-transition: all 0.5s ease-out;
  535. }
  536.  
  537. .ft img:hover {
  538. background: #724e68;
  539. border: 2px solid #6e2247;
  540. padding: 2px;
  541. width: 148px;
  542. height: 55px;
  543. margin-bottom: 0px;
  544. margin-top: 1px;
  545. border-radius: 20px;
  546. -webkit-transition: all 0.5s ease-out;
  547. -moz-transition: all 0.5s ease-out;
  548. }
  549.  
  550. .member_thumbnail, .righticon {
  551. background: #724e68;
  552. padding: 2px;
  553. margin: 1px;
  554. margin-top: 1px;
  555. border: 2px solid #6e2247;
  556. width: 100px;
  557. height: 100px;
  558. border-radius: 20px;
  559. -webkit-transition: all 0.5s ease-out;
  560. -moz-transition: all 0.5s ease-out;
  561. }
  562.  
  563. .member_thumbnail:hover, .righticon:hover {
  564. background: #6e2247;
  565. border: 2px solid #724e68;
  566. padding: 2px;
  567. width: 100px;
  568. height: 100px;
  569. margin: 1px;
  570. border-radius: 20px;
  571. margin-top: 1px;
  572. -webkit-transition: all 0.5s ease-out;
  573. -moz-transition: all 0.5s ease-out;
  574. }
  575.  
  576. a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/TJyQgyG.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px}
  577.  
  578. a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/URfHcd6.png); top right no-repeat; height: 11px; width:0px; padding-right: 10px}
  579.  
  580. 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;}
  581.  
  582. 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;}
  583.  
  584. 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;}
  585.  
  586. ::-webkit-scrollbar { width:5px; background: transparent; }
  587.  
  588. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  589.  
  590. ::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #6a1948; width:5px; border:none; }
  591.  
  592. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:5px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  593. -webkit-transition: all 0.5s ease-out;
  594. -moz-transition: all 0.5s ease-out;}
  595.  
  596. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#6a1948; cursor:hand;}
  597.  
  598. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  599.  
  600. a:link img[src="http://e.vampirefreaks.com/emotes/vf_red-16.png"]{background-image: url(http://i.imgur.com/oIJlJmA.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  601.  
  602. a:link img[src="http://e.vampirefreaks.com/emotes/vf_white-16.png"]{background-image: url(http://i.imgur.com/qHSXgCI.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  603.  
  604. .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; }
  605. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!