API tools faq
paste
conception

VFModels HTML Header VFDT

conception
Jul 25th, 2016
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.85 KB | None | 0 0
raw download clone embed print report
  1. <center>
  2. <div id="navi"><center><a href="http://vampirefreaks.com" class="nlink">VF Main</a><a href="http://vampirefreaks.com/cult/VFModels" class="nlink">Cult Main</a><a href="http://vampirefreaks.com/group_edit/VFModels" class="nlink">Edit Cult</a><a href="http://vampirefreaks.com/group_members/VFModels" class="nlink">Edit Members</a><a href="http://vampirefreaks.com/groups/control_panel/VFModels" class="nlink">Control Panel</a><a href="http://vampirefreaks.com/Silklungs" class="nlink">H. Credit</a><a href="http://vampirefreaks.com/Voltage" class="nlink">C. Credit</a><a href="http://vampirefreaks.com/StungByFate" class="nlink">Inspiration</a></center>
  3. </div>
  4. <style>
  5. #navi {
  6. top: 0px;
  7. position: fixed;
  8. left: 0px;
  9. height: 40px;
  10. width: 100%;
  11. font-family: trebuchet MS;
  12. font-size: 12pt;
  13. text-transform: uppercase;
  14. text-align: center;
  15. letter-spacing: 2pt;
  16. background-color: #181818;
  17. padding-bottom: 8px;
  18. padding-top: 5px;
  19. margin-bottom: 40px;
  20. z-index: 999;
  21. box-shadow: 0px 0px 25px #141414;
  22. }
  23.  
  24. .nlink:link, .nlink:active, .nlink:visited {
  25. color: #aeaeae;
  26. height: 25px;
  27. line-height: 25px;
  28. font-family: Trebuchet MS;
  29. font-size: 6pt;
  30. font-weight: lighter;
  31. text-transform: uppercase;
  32. font-weight: lighter;
  33. padding: 2px;
  34. width: 116px;
  35. margin-right: 2px;
  36. margin-left: 2px;
  37. margin-top: 1px;
  38. text-align: center;
  39. display: inline-table;
  40. background: #090c08;
  41. letter-spacing: 1px;
  42. border-radius: 5px;
  43. -webkit-transition: all 0.8s ease-out;
  44. -moz-transition: all 0.8s ease-out;
  45. }
  46.  
  47. .nlink:hover {
  48. color: #aeaeae;
  49. height: 25px;
  50. line-height: 25px;
  51. font-size: 6pt;
  52. text-transform: uppercase;
  53. font-style: normal;
  54. font-weight: lighter;
  55. text-align: center;
  56. margin-top: 1px;
  57. margin-right: 2px;
  58. margin-left: 2px;
  59. display: inline-table;
  60. background: #9a51af;
  61. border-radius: 5px;
  62. -webkit-transition: all 0.8s ease-out;
  63. -moz-transition: all 0.8s ease-out;
  64. }
  65.  
  66. #main-navbar, #leftcolumn, .footer_links, .description_title, .latest_posts_header, .created_on, .status, .cult_info, .owner_title, .num_members, .edit_pictures, .upload_pictures, .cult_name, .view_gallery, .threads_related, .subforum_title, .comment_input b, .view_statistics, .num_members, .ui-widget, .cult_menu, .navbar-header { display: none; }
  67.  
  68. html, body {
  69. background-image: url('http://i.imgur.com/9tKN04n.png');
  70. background-size: auto;
  71. }
  72.  
  73. .main {
  74. margin-top: 100px;
  75. padding: 2px;
  76. width: 800px;
  77. margin-right: auto;
  78. margin-left: auto;
  79. }
  80.  
  81. .main_td {
  82. text-align: center;
  83. padding: 0px;
  84. }
  85.  
  86. table, td, th {
  87. border: none;
  88. }
  89.  
  90. th {
  91. height: 30px;
  92. text-align: center;
  93. }
  94.  
  95. .members_viewing {
  96. display: block;
  97. width: 800px;
  98. padding: 5px;
  99. margin-left: 10px;
  100. margin-bottom: 10px;
  101. text-align: left;
  102. background-color: #222421;
  103. color: #aeaeae;
  104. border-radius: 5px;
  105. }
  106.  
  107. .members_viewing_title {
  108. display: block;
  109. color: #aeaeae;
  110. background-image: url('http://i.imgur.com/SVYxHsi.png');
  111. font-family: Trebuchet MS;
  112. font-size: 12px;
  113. text-shadow: 1px 1px 1px #9a51af;
  114. border-radius: 5px 5px 0px 0px;
  115. border-bottom: 2px solid #9a51af;
  116. text-transform: uppercase;
  117. font-style: normal;
  118. font-weight: bolder;
  119. letter-spacing: 1px;
  120. line-height: 12px;
  121. text-align: center;
  122. padding: 5px;
  123. padding-left: 10px;
  124. }
  125.  
  126. .modal-content {
  127. border: none;
  128. width: 850px;
  129. }
  130.  
  131. .group_forum_entry {
  132. border-top: 2px solid #090c08;
  133. }
  134.  
  135. .group_forum {
  136. background-color: #222421;
  137. color: #aeaeae;
  138. border: none;
  139. border-radius: 5px;
  140. width: 800px;
  141. margin-left: 10px;
  142. margin-right: auto;
  143. padding: 2px;
  144. text-align: center;
  145. }
  146.  
  147. div.panel-heading, .forumheader{
  148. background: #aeaeae;
  149. color: #9a51af !important;
  150. text-shadow: 1px 1px 1px #9a51af;
  151. border-bottom: 2px solid #9a51af;
  152. border-radius: 5px 5px 0px 0px;
  153. font-family: Trebuchet MS;
  154. font-size: 18pt;
  155. line-height:8px;
  156. letter-spacing: 2px;
  157. display: block;
  158. margin: 2px;
  159. text-transform: uppercase;
  160. font-weight: lighter;
  161. text-align: center;
  162. }
  163.  
  164. .modal-title {
  165. background: #aeaeae;
  166. color: #9a51af !important;
  167. text-shadow: 1px 1px 1px #9a51af;
  168. border-bottom: 2px solid #9a51af;
  169. border-radius: 5px 5px 0px 0px;
  170. font-family: Trebuchet MS;
  171. letter-spacing: 2px;
  172. display: block;
  173. margin: 2px;
  174. text-transform: uppercase;
  175. font-weight: lighter;
  176. text-align: center;
  177. }
  178.  
  179. .subheading {
  180. color: #aeaeae;
  181. background-image: url('http://i.imgur.com/SVYxHsi.png');
  182. font-family: Trebuchet MS;
  183. text-shadow: 2px 2px 2px #9a51af!important;
  184. font-size: 8pt;
  185. line-height: 1px;
  186. display: block;
  187. border-radius: 0px;
  188. margin: 2px;
  189. text-transform: uppercase;
  190. font-weight: lighter;
  191. text-align: left;
  192. }
  193.  
  194. .group_subforum b, .group_forum b {
  195. display: block;
  196. color: #aeaeae;
  197. text-shadow: 2px 2px 2px #9a51af!important;
  198. border-bottom: 2px solid #9a51af;
  199. font-size: 10pt;
  200. text-align: center;
  201. text-transform: uppercase;
  202. font-weight: lighter;
  203. margin: -10px;
  204. margin-top: 0px;
  205. margin-bottom: 0px;
  206. background-image: url('http://i.imgur.com/SVYxHsi.png');
  207. }
  208.  
  209. .darkbox, .group_expanded {
  210. color: #aeaeae;
  211. width: auto;
  212. font-size: 8.5pt;
  213. margin-top: 50px;
  214. padding: 7px;
  215. text-align: center;
  216. border: none;
  217. background: #222421;
  218. }
  219.  
  220. .cult_entry {
  221. width: 800px;
  222. color: #aeaeae;
  223. font-size: 8.5pt;
  224. padding: 7px;
  225. text-align: center;
  226. border: none;
  227. background: #222421;
  228. margin-left: auto;
  229. margin-right: auto;
  230. }
  231.  
  232. .newsfeed_entry_txt {
  233. border-top: 1px solid #aaa;
  234. color: #aeaeae;
  235. font-size: 10pt;
  236. text-align: center;
  237. background-color: transparent;
  238. padding: 2px;
  239. }
  240.  
  241. .leave_comment {
  242. background: #090c08;
  243. color: #aeaeae
  244. border: none;
  245. border-radius: 5px;
  246. height: 150px;
  247. text-align: center;
  248. }
  249.  
  250. .update_comment {
  251. background-color: #090909;
  252. font-size: 10pt;
  253. margin: 5px;
  254. margin-bottom: 10px;
  255. }
  256.  
  257. .comment_submit {
  258. color: #aeaeae;
  259. background: #090c08!important;
  260. border: none;
  261. border-radius: 5px;
  262. height: 2.188em;
  263. text-align: center;
  264. text-transform: uppercase;
  265. font-weight: bold;
  266. -webkit-transition: color 0.8s ease-in!important;
  267. -moz-transition: color 0.8s ease-out!important;
  268. }
  269.  
  270. .comment_submit:hover {
  271. background: #7a388d!important;
  272. -webkit-transition: color 0.8s ease-in!important;
  273. -moz-transition: color 0.8s ease-out!important;
  274. }
  275.  
  276. .subheading_text {
  277. color: #aeaeae;
  278. font-weight: normal;
  279. text-align: right;
  280. }
  281.  
  282. input, select, textarea {
  283. background: #090c08;
  284. color: #aeaeae;
  285. font-size: 10pt;
  286. padding: 5px;
  287. text-align: center;
  288. font-family: Trebuchet MS;
  289. border: none;
  290. }
  291.  
  292. .form-control {
  293. background: #222421;
  294. color: #aeaeae;
  295. font-size: 10pt;
  296. padding: 5px;
  297. text-align: center;
  298. font-family: Trebuchet MS;
  299. border: none;
  300. }
  301.  
  302.  
  303. .group_view_forum {
  304. background: #090c08;
  305. border: none;
  306. font-size: 10pt;
  307. color: #aeaeae;
  308. text-align: center;
  309. text-transform: uppercase;
  310. box-shadow: 0px 0px 25px #141414;
  311. font-weight: normal;
  312. border-radius: 5px;
  313. }
  314.  
  315. .btn-primary, .btn-custom {
  316. background: #090c08 !important;
  317. color: #aeaeae !important;
  318. border: none !important;
  319. text-transform: uppercase;
  320. font-weight: bold;
  321. -webkit-transition: all 0.5s ease-out;
  322. -moz-transition: all 0.5s ease-out;
  323. }
  324.  
  325. .btn-primary:hover, .btn-custom:hover {
  326. background: #090c08 !important;
  327. border: none !important;
  328. text-transform: uppercase;
  329. font-weight: bold;
  330. -webkit-transition: all 0.5s ease-out;
  331. -moz-transition: all 0.5s ease-out;
  332. color: #9a51af !important;
  333. }
  334.  
  335. .btn-default {
  336. background: #aeaeae!important;
  337. color: #090c08 !important;
  338. border: none !important;
  339. text-transform: uppercase;
  340. font-weight: bold;
  341. -webkit-transition: all 0.5s ease-out;
  342. -moz-transition: all 0.5s ease-out;
  343. }
  344.  
  345. .btn-default:hover {
  346. background: transparent!important;
  347. border: none !important;
  348. text-transform: uppercase;
  349. font-weight: bold;
  350. -webkit-transition: all 0.5s ease-out;
  351. -moz-transition: all 0.5s ease-out;
  352. color: #9a51af !important;
  353. }
  354.  
  355. div#rightcontent {
  356. margin-left: auto;
  357. margin-right: auto;
  358. width: 800px;
  359. }
  360.  
  361.  
  362. .modal-header {
  363. border-bottom: 2px solid #090c08;
  364. height: 40px;
  365. }
  366.  
  367. .group_comment_thumb img {
  368. max-width: 100px;
  369. max-height: 100px;
  370. }
  371. .group_comment_thumb {
  372. width: 100px;
  373. overflow: hidden;
  374. text-align: center;
  375. float: center;
  376. }
  377.  
  378. .update_comment_thumb, .group_comment_thumb {
  379. float: center;
  380. text-align: center;
  381. margin-right: 5px;
  382. margin-bottom: 10px;
  383. }
  384.  
  385. .page_link, .current_page_link {
  386. padding: 3px 8px;
  387. margin: 1px;
  388. border: none;
  389. background: transparent;
  390. border-radius: 3px;
  391. display: inline-block;
  392. }
  393. .page_link:hover, .current_page_link:hover {
  394. padding: 3px 8px;
  395. margin: 1px;
  396. border: none;
  397. background: #141414;
  398. border-radius: 3px;
  399. display: inline-block;
  400. }
  401.  
  402. .num_posts { text-align: center;
  403. }
  404.  
  405. .row { float: center;}
  406.  
  407. .group_comment_thumb, .comment_username, .num_posts, .custom_title { width: 100px;
  408. }
  409.  
  410. blockquote {
  411. background-color: #191919;
  412. font-size: 10pt;
  413. border-radius: 5px;
  414. border-bottom: 5px solid #9a51af;
  415. border-top: 2px solid #aeaeae;
  416. border-left: none;
  417. border-right: none;
  418. }
  419.  
  420. a:link, a:active, a:visited {
  421. color: #9a51af;
  422. font: 10pt Trebuchet MS;
  423. font-weight: lighter;
  424. letter-spacing: 1px;
  425. -webkit-transition: color 0.8s ease-in;
  426. -moz-transition: color 0.8s ease-out;
  427. }
  428.  
  429. a:hover {
  430. color: #7a388d;
  431. font: 10pt Trebuchet MS;
  432. font-weight: lighter;
  433. background: transparent;
  434. letter-spacing: 1px;
  435. -webkit-transition: color 0.8s ease-in;
  436. -moz-transition: color 0.8s ease-out;
  437. }
  438.  
  439. b {
  440. color: #9a51af;
  441. font-family: Trebuchet MS;
  442. text-transform: uppercase;
  443. font-size: 8pt;
  444. }
  445.  
  446. i {
  447. text-transform: none;
  448. font-family: georgia;
  449. color: #a5a5a5;
  450. text-shadow: 1px 1px 1px #101010;
  451. font-size: 11px;
  452. letter-spacing: 1px;
  453. }
  454.  
  455. u {
  456. text-transform: none;
  457. border-bottom: 1px dashed #9a51af;
  458. font-family: georgia;
  459. font-size: 11px;
  460. letter-spacing: 2px;
  461. }
  462.  
  463. s {
  464. color: #7a388d;
  465. font-size: 10pt;
  466. }
  467.  
  468.  
  469. h1 {
  470. margin: 1px;
  471. display: block;
  472. border-radius: 5px 5px 0px 0px;
  473. background-image: url('http://i.imgur.com/SVYxHsi.png');
  474. color: #aeaeae;
  475. text-shadow: 1px 1px 1px #9a51af;
  476. text-align: center;
  477. font-size: 18px;
  478. line-height: 18px;
  479. font-family: Trebuchet MS;
  480. text-transform: uppercase;
  481. font-weight: bolder;
  482. border-bottom: 2px solid #9a51af;
  483. letter-spacing: 1px;
  484. }
  485.  
  486. h3 {
  487. margin: 1px;
  488. display: block;
  489. border-radius: 2px;
  490. background: #aeaeae;
  491. color: #9a51af;
  492. text-shadow: 1px 1px 1px #9a51af;
  493. font-size: 10px;
  494. line-height: 10px;
  495. font-family: Trebuchet MS;
  496. text-transform: uppercase;
  497. font-weight: bolder;
  498. letter-spacing: 1px;
  499. text-align: center;
  500. }
  501.  
  502. .butlink:link, .butlink:active, .butlink:visited {
  503. color: #aeaeae;
  504. height: 40px;
  505. line-height: 40px;
  506. font-family: Trebuchet MS;
  507. font-size: 15pt;
  508. font-weight: lighter;
  509. text-transform: uppercase;
  510. font-weight: lighter;
  511. padding: 2px;
  512. width: 170px;
  513. margin-right: 2px;
  514. margin-left: 2px;
  515. margin-top: 1px;
  516. text-align: center;
  517. display: inline-table;
  518. background: #9a51af;
  519. letter-spacing: 1px;
  520. -webkit-transition: all 0.8s ease-out;
  521. -moz-transition: all 0.8s ease-out;
  522. border-radius: 5px;
  523. }
  524.  
  525. .butlink:hover {
  526. color: #090c08;
  527. height: 40px;
  528. line-height: 40px;
  529. font-size: 15pt;
  530. text-transform: uppercase;
  531. font-style: normal;
  532. font-weight: lighter;
  533. text-align: center;
  534. margin-top: 1px;
  535. margin-right: 2px;
  536. margin-left: 2px;
  537. display: inline-table;
  538. background: #aeaeae;
  539. -webkit-transition: all 0.8s ease-out;
  540. -moz-transition: all 0.8s ease-out;
  541. }
  542.  
  543. 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;}
  544.  
  545. 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;}
  546.  
  547. 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;}
  548.  
  549. 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;}
  550.  
  551. 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;}
  552.  
  553. 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 {
  554. font-size: 0px;
  555. background: transparent;
  556. border: none;
  557. }
  558.  
  559. .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left; position: fixed; top:5px; left: 0px; }
  560.  
  561. .join_cult {
  562. max-width: 700px;
  563. margin-left: auto;
  564. margin-right: auto;
  565. padding: 10px;
  566. left: 100px;
  567. top: 250px;
  568. position: fixed;
  569. }
  570.  
  571. .col-xs-12 {
  572. margin-left: auto;
  573. margin-right: auto;
  574. }
  575.  
  576. .col-md-4 { text-align: left; }
  577. </style></center>
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!