API tools faq
paste
Advertisement
PhantasmagoriaDesign

TheGamers Header VF Cult Layout

PhantasmagoriaDesign
Dec 14th, 2018
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.92 KB | None | 0 0
raw download clone embed print report
  1. <center><style>
  2. .navbar-header, #main-navbar, .nabber, .main_content_title, .cult_name, .panel-title, .cult_menu, #leftnav, #nav_search, #online_friends,
  3. .footer_links, .form-control-feedback, .group_latest_entries, .subforum_description, #vf_store_link, .members_viewing
  4. { display: none!important; }
  5.  
  6. html, body {
  7. background-color: #1d2225;
  8. background-image: url("https://www.transparenttextures.com/patterns/3px-tile.png");
  9. background-position: 0px 0px!important;
  10. background-repeat: repeat;
  11. background-size: auto!important;
  12. background-size: implemented;
  13. font: 11px Arial, sans-serif;
  14. color: #b2b2a5;
  15. }
  16.  
  17. ::-webkit-scrollbar {width: 12px;}
  18. ::-webkit-scrollbar-track-piece {background: #191a1a; border: none!important; }
  19. ::-webkit-scrollbar-thumb {background: #7c7b5e!important; border-radius: 0px; border: none!imporant; -webkit-box-shadow: none!important;}
  20.  
  21.  
  22. h1 {
  23. background: #414e4e!important;
  24. color: #b0b0a6;
  25. text-shadow: 2px 1px 2px #120c0c;
  26. font: 14px helvetica, serif;
  27. letter-spacing: 3px;
  28. font-style: italic;
  29. font-weight: lighter;
  30. text-align: center;
  31. display: block;
  32. margin-top: 8px;
  33. margin-bottom: 5px;
  34. text-transform: uppercase;
  35. padding: 4px;
  36. line-height: 16px;}
  37.  
  38. h2 {
  39. background: #2e3740!important;
  40. color: #b0b0a6;
  41. text-shadow: 2px 1px 2px #131719;
  42. font: 8px helvetica, serif;
  43. letter-spacing: 2px;
  44. text-align: center;
  45. display: block;
  46. margin-top: 2px;
  47. margin-bottom: 2px;
  48. margin-left: 2px;
  49. margin-right: 2px;
  50. text-transform: uppercase;
  51. font-style: italic;
  52. line-height: 20px;
  53. }
  54.  
  55. h3 {
  56. background: #222a30!important;
  57. color: #acab86;
  58. font: 10px helvetica, sans-serif;
  59. text-align: center;
  60. font-style: italic;
  61. font-weight: lighter;
  62. display: block;
  63. letter-spacing: 3px;
  64. text-transform: uppercase;
  65. padding: 4px;
  66. margin-top: 4px;
  67. margin-bottom: 4px;
  68. height: 20px;
  69. }
  70.  
  71.  
  72. b, bold {
  73. color: #b2b2a5;
  74. font-weight: bold;
  75. }
  76.  
  77. i, italic {
  78. color: #b2b2a5;
  79. font-style: italic;
  80. font-weight: lighter;
  81. }
  82.  
  83. u, underline {
  84. color: #b2b2a5;
  85. }
  86.  
  87. s, strike {
  88. color: #b2b2a5;
  89. }
  90.  
  91. small {
  92. color: #b2b2a5;
  93. font: 10px helvetica, serif;
  94. }
  95.  
  96. blockquote {
  97. width: 90%;
  98. background-color: #21282e;
  99. font: 11px helvetica, sans-serif;
  100. color: #b2b2a5;
  101. text-align: center;
  102. padding: 6px;
  103. border-radius: 4px;
  104. border: none;
  105. border-top: 2px dashed #94a6a4;
  106. border-bottom: 2px dashed #94a6a4;
  107. box-shadow: 2px 2px 2px #1c1616;
  108. }
  109.  
  110. a:link, a:visited, a:active {
  111. color: #94a6a4;
  112. font: 11px Calibri, sans-serif;
  113. letter-spacing: 1px;
  114. -webkit-transition: ease-in 1s;
  115. -moz-transition: ease-in 1s;
  116. -o-transition: ease-in 1s;
  117. transition: ease-in 1s;
  118. }
  119.  
  120. a:hover {
  121. color: #779b97!important;
  122. -webkit-transition: ease-in 0.5s;
  123. -moz-transition: ease-in 0.5s;
  124. -o-transition: ease-in 0.5s;
  125. transition: ease-in 0.5s;
  126. }
  127.  
  128.  
  129. #navi {
  130. position: fixed;
  131. top: 20px;
  132. left: 10px;
  133. width: 150px;
  134. height: 435px;
  135. margin: 10px;
  136. padding: 4px;
  137. background: #191a1a!important;
  138. border: 2px solid #191a1a;
  139. text-align: center;
  140. z-index: 99;
  141. transition: 2s;
  142. display: block;
  143. border-radius: 4px;
  144. }
  145.  
  146. #navi a {
  147. display: block;
  148. padding: 4px;
  149. background: #21282e;
  150. border: none;
  151. color: #94a6a4;
  152. text-transform: uppercase;
  153. font: 9px Arial, sans-serif;
  154. font-style: italic;
  155. letter-spacing: 2px;
  156. margin-bottom: 1px;
  157. margin: 2px;
  158. border-radius: 4px;
  159. }
  160.  
  161. #navi a:hover{
  162. color: #779b97!important;
  163. -webkit-transition: ease-in 0.5s;
  164. -moz-transition: ease-in 0.5s;
  165. -o-transition: ease-in 0.5s;
  166. transition: ease-in 0.5s;
  167. }
  168.  
  169. .header {
  170. background: url('https://i.imgur.com/1jppX3j.png') no-repeat center top;
  171. background-position: 0px 0px!important;
  172. background-color: #191a1a;
  173. border: 4px solid #191a1a;
  174. width: 800px;
  175. position: relative;
  176. border-radius: 4px;
  177. height: 1060px;}
  178.  
  179. #welcome {
  180. background: #21282e;
  181. position: absolute;
  182. height: 200px;
  183. width: 355px;
  184. top: 495px;
  185. left: 5px;
  186. border: none;
  187. overflow: hidden;
  188. border-radius: 4px;
  189. }
  190.  
  191. #administration {
  192. background: #21282e;
  193. position: absolute;
  194. height: 200px;
  195. width: 416px;
  196. top: 495px;
  197. left: 370px;
  198. border: none;
  199. overflow: hidden;
  200. border-radius: 4px;
  201. }
  202.  
  203. .admin img {
  204. width: 95px;
  205. height: 75px;
  206. margin-right: 1px;
  207. margin-left: 1px;
  208. margin-bottom: 4px;
  209. border: 4px solid #37464e;
  210. background: #37464e;
  211. border-radius: 4px;
  212. }
  213.  
  214. .admin img:hover {
  215. border: 4px solid #4b616c;
  216. -webkit-transition: ease-in 0.5s;
  217. -moz-transition: ease-in 0.5s;
  218. -o-transition: ease-in 0.5s;
  219. transition: ease-in 0.5s;
  220. }
  221.  
  222. #teams {
  223. background: #21282e;
  224. position: absolute;
  225. height: 150px;
  226. width: 355px;
  227. top: 705px;
  228. left: 5px;
  229. border: none;
  230. overflow: hidden;
  231. border-radius: 4px;
  232. }
  233.  
  234.  
  235. #captains {
  236. background: #21282e;
  237. position: absolute;
  238. height: 180px;
  239. width: 355px;
  240. top: 865px;
  241. left: 5px;
  242. border: none;
  243. padding: 2px;
  244. overflow: hidden;
  245. border-radius: 4px;
  246. }
  247.  
  248. .cap img {
  249. width: 80px;
  250. height: 65px;
  251. margin-right: 1px;
  252. margin-left: 1px;
  253. margin-bottom: 4px;
  254. border: 4px solid #37464e;
  255. background: #37464e;
  256. border-radius: 4px;
  257. }
  258.  
  259. .cap img:hover {
  260. border: 4px solid #4b616c;
  261. -webkit-transition: ease-in 0.5s;
  262. -moz-transition: ease-in 0.5s;
  263. -o-transition: ease-in 0.5s;
  264. transition: ease-in 0.5s;
  265. }
  266.  
  267.  
  268. #featmem {
  269. background: #21282e;
  270. position: absolute;
  271. height: 240px;
  272. width: 202px;
  273. top: 705px;
  274. left: 370px;
  275. border: none;
  276. padding: 2px;
  277. overflow: hidden;
  278. border-radius: 4px;
  279. }
  280.  
  281. #featgame {
  282. background: #21282e;
  283. position: absolute;
  284. height: 240px;
  285. width: 202px;
  286. top: 705px;
  287. left: 582px;
  288. border: none;
  289. padding: 2px;
  290. overflow: hidden;
  291. border-radius: 4px;
  292. }
  293.  
  294.  
  295. .feat img {
  296. width: 190px;
  297. height: 140px;
  298. margin-right: 1px;
  299. margin-left: 1px;
  300. margin-bottom: 2px;
  301. border: 4px solid #1d1818;
  302. background: #1d1818;
  303. }
  304.  
  305. .feat img:hover {
  306. border: 4px solid #3a3030;
  307. -webkit-transition: ease-in 0.5s;
  308. -moz-transition: ease-in 0.5s;
  309. -o-transition: ease-in 0.5s;
  310. transition: ease-in 0.5s;
  311. }
  312.  
  313. .featlink {
  314. background: #2e3740!important;
  315. color: #b0b0a6!important;
  316. text-shadow: 2px 1px 2px #131719;
  317. font: 10px helvetica, serif;
  318. letter-spacing: 3px;
  319. text-align: center;
  320. display: block;
  321. margin-top: 6px;
  322. margin-bottom: 2px;
  323. margin-left: 2px;
  324. margin-right: 2px;
  325. text-transform: uppercase;
  326. font-style: italic;
  327. line-height: 24px;
  328. padding: 4px;
  329. }
  330.  
  331. #credit {
  332. background: #191a1a;
  333. position: absolute;
  334. height: 70px;
  335. width: 415px;
  336. top: 955px;
  337. left: 370px;
  338. border: none;
  339. padding: 6px;
  340. overflow: hidden;
  341. color: #2e3740;
  342. text-shadow: 2px 1px 2px #131719;
  343. font: 11px helvetica, serif;
  344. letter-spacing: 2px;
  345. text-align: center;
  346. display: block;
  347. text-transform: uppercase;
  348. border-radius: 4px;
  349. font-style: italic;
  350. }
  351.  
  352. .col-sm-10 { width: 100%; } #maincontent { width: 850px; }
  353.  
  354.  
  355. .cult_entry, .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  356. width: 800px;
  357. background-color: #191a1a;
  358. border: 5px solid #191a1a;
  359. }
  360.  
  361. .userinfo b { color: #7d949e; text-transform: uppercase; }
  362.  
  363. div.panel-heading, .forumheader {
  364. background: url('https://i.imgur.com/3XJ2oyh.png')!important;
  365. background: #2a3b46;
  366. height: 50px;
  367. color: #b0b0a6!important;
  368. text-shadow: 2px 1px 2px #131719;
  369. font: 16px helvetica, serif;
  370. font-weight: lighter!important;
  371. text-transform: uppercase!important;
  372. font-style: italic;
  373. letter-spacing: 3px;
  374. text-align: center;
  375. display: block;
  376. border: none;
  377. border-radius: 0px;
  378. padding: 20px;
  379.  
  380. }
  381.  
  382. .btn-primary, .btn-custom {
  383. background: #1d1818!important;
  384. color: #779b97!important;
  385. font: 12px helvetica, sans-serif;
  386. text-transform: uppercase;
  387. letter-spacing: 2px;
  388. text-align: center;
  389. display: inline-block;
  390. font-weight: lighter;
  391. font-style: italic;
  392. margin-left: 0px;
  393. margin-right: 0px;
  394. border: none;
  395. border-radius: 0px;
  396. }
  397.  
  398. .btn-primary:hover, .btn-custom:hover {
  399. color: #779b97!important;
  400. border: none!important;
  401. -webkit-transition: ease-in 0.5s;
  402. -moz-transition: ease-in 0.5s;
  403. -o-transition: ease-in 0.5s;
  404. transition: ease-in 0.5s;
  405. }
  406.  
  407. .btn-default {
  408. background: #1d1818!important;
  409. color: #779b97!important;
  410. font: 12px helvetica, sans-serif;
  411. text-transform: uppercase;
  412. letter-spacing: 2px;
  413. text-align: center;
  414. display: inline-block;
  415. font-weight: lighter;
  416. font-style: italic;
  417. margin-left: 0px;
  418. margin-right: 0px;
  419. border: none;
  420. border-radius: 0px;
  421. }
  422.  
  423. .btn-default:hover {
  424. color: #779b97!important;
  425. border: none!important;
  426. -webkit-transition: ease-in 0.5s;
  427. -moz-transition: ease-in 0.5s;
  428. -o-transition: ease-in 0.5s;
  429. transition: ease-in 0.5s;
  430. }
  431.  
  432.  
  433. .group_forum {
  434. margin-top: 10px;
  435. width: 800px;
  436. border: none;
  437. background-color: #191a1a;
  438. border: 5px solid #191a1a;
  439. padding: 2px;
  440. float: center!important;
  441. border-radius: 8px;
  442. }
  443.  
  444. .group_view_forum, .group_view_forum a:link, .group_view_forum a:visited, .group_view_forum a:active {
  445. float: center;
  446. background: #191a1a!important;
  447. color: #94a6a4!important;
  448. font: 10px Arial, serif!important;
  449. font-weight: lighter;
  450. letter-spacing: 2px;
  451. text-align: center;
  452. display: block;
  453. padding: 2px;
  454. border: none;
  455. text-transform: uppercase;}
  456.  
  457. .group_view_forum a:hover {
  458. color: #779b97!important;
  459. text-transform: uppercase;
  460. -webkit-transition: ease-in 0.5s;
  461. -moz-transition: ease-in 0.5s;
  462. -o-transition: ease-in 0.5s;
  463. transition: ease-in 0.5s;
  464. }
  465.  
  466. .group_subforum {
  467. float: center;
  468. text-align: center;
  469. width: 100%;
  470. padding: 0px;
  471. }
  472.  
  473. .group_forum b {
  474. background: #191a1a!important;
  475. color: #94a6a4;
  476. font: 11px Arial, sans-serif;
  477. text-align: center;
  478. font-weight: lighter;
  479. display: block;
  480. letter-spacing: 2px;
  481. text-transform: uppercase;
  482. padding: 1px;
  483. margin-top: 0px;
  484. margin-bottom: 1px;
  485. }
  486.  
  487. .modal-header {
  488. background: #191a1a;
  489. border: none!important;
  490. border-radius: 0px!important;
  491. }
  492.  
  493. .modal-title {
  494. color: #779b97!important;
  495. font: 12px helvetica, sans-serif;
  496. text-transform: uppercase;
  497. letter-spacing: 2px;
  498. text-align: center;
  499. font-weight: lighter;
  500. font-style: italic;
  501. border: none!important;
  502. }
  503.  
  504. .modal-content {
  505. background: #191a1a;
  506. border: none!important;
  507. border-radius: 0px!important;
  508. }
  509.  
  510. .group_forum_entry {
  511. border: none;
  512. text-align: center;
  513. padding: 6px;
  514. font: 11px Calibri, serif!important;
  515. color: #7d949e!important;
  516. float: center!important;
  517. }
  518.  
  519. .group_forum select {
  520. margin-right: 0px;}
  521.  
  522. .group_entry {
  523. background: #191a1a!important;
  524. text-align: center;
  525. border-radius: 0px;
  526. padding: 0px;
  527. float: center!important;
  528. }
  529.  
  530. .update_comment {
  531. background: #191a1a;
  532. border: none;
  533. border-radius: 0px;
  534. margin-bottom: 2px;
  535. width: 100%!important;
  536. }
  537.  
  538. textarea {
  539. width: 100%;
  540. background: #21282e!important;
  541. color: #94a6a4!important;
  542. text-align: center;
  543. font: 11px Arial, serif!important;
  544. border: none;
  545. border-radius: 0px;
  546. }
  547.  
  548. .comment_input {
  549. background: #21282e!important;
  550. padding: 0px;
  551. float: center!important;
  552. text-align: center;
  553. }
  554.  
  555. .comment_input textarea {
  556. color: #94a6a4;
  557. border: none;
  558. background: #21282e;
  559. }
  560.  
  561. .comment_input input {
  562. background: #21282e;
  563. color: #94a6a4;
  564. border: none;
  565. }
  566.  
  567. .comment_input td {
  568. background: transparent;
  569. border: none;
  570. float: center!important;
  571. text-align: center;
  572. }
  573.  
  574. .group_entry_thumb img {
  575. max-width: 100px;
  576. max-height: 100px;
  577. border: 3px solid #21282e!important;
  578. border-radius: 0px;
  579. }
  580.  
  581. .group_comment_thumb img {
  582. max-width: 100px;
  583. max-height: 100px;
  584. border-radius: 0px;
  585. }
  586.  
  587. .group_comment_thumb {
  588. width: 110px;
  589. overflow: hidden;
  590. text-align: center;
  591. float: center;
  592. margin: 4px;
  593. }
  594.  
  595. .custom_title {
  596. width: 110px;
  597. padding-top: 2px; }
  598.  
  599. .subheading {
  600. background: url('https://i.imgur.com/3XJ2oyh.png')!important;
  601. color: #94a6a4;
  602. border: none!important;
  603. display: block;
  604. text-align: left;
  605. }
  606.  
  607. .subheading_text {
  608. background: transparent!important;
  609. color: #94a6a4;
  610. font: 14px Calibri, serif!important;
  611. font-weight: lighter;
  612. letter-spacing: 2px;
  613. text-align: center;
  614. display: block;
  615. padding: 2px;
  616. border: none;
  617. text-shadow: none;
  618. text-transform: uppercase; }
  619.  
  620. .subtitle {
  621. font: 11px Calibri, serif;
  622. font-style: italic;
  623. font-weight: lighter;
  624. color: #94a6a4; }
  625.  
  626. input, select {
  627. background: #21282e!important;
  628. color: #779b97!important;
  629. font: 10px helvetica, sans-serif!important;
  630. text-transform: uppercase;
  631. letter-spacing: 3px;
  632. text-align: center;
  633. font-weight: lighter;
  634. font-style: italic;
  635. border: none;
  636. border-radius: 0px;
  637. padding: 4px;}
  638.  
  639. .form-control {
  640. background: #21282e!important;
  641. color: #779b97!important;
  642. font: 10px helvetica, sans-serif!important;
  643. letter-spacing: 2px;
  644. text-align: center;
  645. font-weight: lighter;
  646. font-style: italic;
  647. text-transform: none!important;
  648. border: none;
  649. border-radius: 0px;
  650. padding: 4px;}
  651.  
  652.  
  653. .sub_button {
  654. background: #231a26;
  655. padding: 4px;
  656. border: none;
  657. }
  658.  
  659. .entry_points {
  660. float: center;
  661. }
  662.  
  663. .entry_points .points_outer {
  664. min-width: 20px;
  665. background: transparent!important;
  666. }
  667.  
  668. .points_outer a:link, .points_outer a:active, .points_outer a:visited {
  669. border: none;
  670. background: transparent!important; }
  671.  
  672. .entry_poll_option {
  673. border-bottom: none;
  674. background: transparent;
  675. border-left: none;
  676. }
  677.  
  678. .poll_option_graph {
  679. border: none;
  680. background: #21282e!important;
  681. color:#94a6a4!important;
  682. }
  683.  
  684. .page_link, .page_link:hover {
  685. border:2px solid #21282e!important;
  686. color:#94a6a4!important;
  687. background: #21282e;
  688. -webkit-transition: ease-in 0.5s;
  689. -moz-transition: ease-in 0.5s;
  690. -o-transition: ease-in 0.5s;
  691. transition: ease-in 0.5s;
  692. }
  693.  
  694. .current_page_link, .current_page_link:hover {
  695. background: #21282e;
  696. color: #94a6a4!important;
  697. border:2px solid #21282e!important;
  698. -webkit-transition: ease-in 0.5s;
  699. -moz-transition: ease-in 0.5s;
  700. -o-transition: ease-in 0.5s;
  701. transition: ease-in 0.5s;
  702. }
  703.  
  704. .join_cult {
  705. width: 150px!important;
  706. top: 600px;
  707. padding: 6px;
  708. left: 200px;
  709. position: fixed;
  710. float: right;
  711. margin-right: auto;
  712. margin-left: auto;
  713. }
  714.  
  715. img[ src="//e.vampirefreaks.com/images/win.png" ] {
  716. background-image: url(https://i.imgur.com/Nojr5TT.png);
  717. height: 10px;
  718. width: 0px;
  719. padding-right: 10px; }
  720.  
  721. img[ src="//e.vampirefreaks.com/images/fail.png" ] {
  722. background-image: url(https://i.imgur.com/55pjM5v.png);
  723. height: 10px;
  724. width: 0px;
  725. padding-right: 10px; }
  726.  
  727. img[ src="//e.vampirefreaks.com/images/sticky_cult.gif" ] {
  728. background-image: url(https://i.imgur.com/dUVxsth.png);
  729. height: 11px;
  730. width: 0px;
  731. padding-right: 10px; }
  732.  
  733. img[ src="//e.vampirefreaks.com/images/locked.gif" ] {
  734. background-image: url(https://i.imgur.com/G2yWsji.png);
  735. height: 11px;
  736. width: 0px;
  737. padding-right: 10px; }
  738.  
  739. img[ src="//e.vampirefreaks.com/images/poll_icon.gif" ] {
  740. background-image: url(https://i.imgur.com/7hiNUic.png);
  741. height: 11px;
  742. width: 0px;
  743. padding-right: 10px; }
  744.  
  745. </style>
  746.  
  747. <center>
  748. <div id="navi">
  749. <h1>Navigation</h1>
  750. <a href="https://vampirefreaks.com/">VF HOME</a>
  751. <a href="https://vampirefreaks.com/">THEGAMERS HOME</a>
  752. <a href="https://vampirefreaks.com/">INVITE MEMBERS</a>
  753. <a href="https://vampirefreaks.com/">CULT MEMBERS</a>
  754. <a href="https://vampirefreaks.com/">EDIT MEMBERS</a>
  755. <a href="https://vampirefreaks.com/">CONTROL PANEL</a>
  756. <a href="https://vampirefreaks.com/">CULT STATS</a>
  757. <h3>Subforums</h3>
  758. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  759. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  760. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  761. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  762. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  763. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  764. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  765. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  766. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  767. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  768. <a href="https://vampirefreaks.com/group_forum/thegamers?subforum=NUMBER">SUBFORUM</a>
  769. </div>
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!