API tools faq
paste
Advertisement
CosmicKarma

GameCentral Layout for chemicalzombie - Header

CosmicKarma
Aug 28th, 2015
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.85 KB | None | 0 0
raw download clone embed print report
  1. <div id="navi">
  2.  
  3. <a href="http://vampirefreaks.com/profiles/home.php" class="navlink">Home</a>
  4. <a href="http://vampirefreaks.com/group_invite.php?c=GameCentral" class="navlink">Invite</a>
  5. <a href="http://vampirefreaks.com/cults/group_edit.php?c=GameCentral" class="navlink">Edit Cult</a>
  6. <a href="http://vampirefreaks.com/group_edit_members.php?c=GameCentral" class="navlink">Edit Member</a>
  7. <a href="http://vampirefreaks.com/cults/controlpanel.php?c=GameCentral" class="navlink">C Panel</a>
  8. <a href="http://vampirefreaks.com/cults/statistics.php?c=GameCentral" class="navlink">Stats</a>
  9. <a href="http://vampirefreaks.com/members/CosmicKarma/CosmicCreations" class="navlink" title="CosmicCreactions ©2015">Credit</a>
  10.  
  11.  
  12. </div>
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <style>
  19. #navi {
  20. margin: 0px;
  21. position: fixed; top: 0px;
  22. left: 0px;
  23. height: 13px;
  24. width: 100%;
  25. font-family: trebuchet MS;
  26. font-size: 7pt; text-transform: uppercase;
  27. text-align: center;
  28. letter-spacing: 2pt;
  29. background-color: #63151b;
  30. z-index: 100;
  31. border-bottom-left-radius: 20px;
  32. border-bottom-right-radius: 20px;
  33. border-bottom: 9px solid #63151b;
  34. }
  35.  
  36. .navlink:link, .navlink:active, .navlink:visited {
  37. color: #A09081;
  38. height: 13px;
  39. border-radius: 0px;
  40. border-left: 0px solid #9CA852;
  41. border-right: 0px solid #9CA852;
  42. border-bottom: 0px dotted #8d899a;
  43. font-family: Trebuchet MS;
  44. font-size: 8pt;
  45. font-weight: bold;
  46. text-transform: uppercase;
  47. font-weight: lighter;
  48. padding: 1px;
  49. width: 110px;
  50. text-align: center;
  51. display: inline-table;
  52. background: #341336;
  53. margin-top: 0px;
  54. margin-left: 4px;
  55. margin-right: 4px;
  56. letter-spacing: 1px;
  57. -webkit-transition: all 0.5s ease-out;
  58. -moz-transition: all 0.5s ease-out;
  59. }
  60.  
  61. .navlink:hover {
  62. color: #A09081;
  63. border-left: 0px solid #9CA852;
  64. border-right: 0px solid #9CA852;
  65. text-transform: uppercase;
  66. font-style: normal;
  67. font-weight: lighter;
  68. text-align: center;
  69. display: inline-table;
  70. background: #341336;
  71. -webkit-transition: all 0.5s ease-out;
  72. -moz-transition: all 0.5s ease-out;
  73. }
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80.  
  81. </style>
  82.  
  83.  
  84. <style>
  85.  
  86. .cult_name, .leftnav, .topbar, .maintop img, .maintop table, .latest_posts_header, .status, .description_title, .owner_title, .created_on, .small_space, .cult_menu, .side_td, .threads_related, .created_on, .description_title, .maintop img, .heading, h2, .forumopen, .forumclose, .maintop, .leftnav, .cult_info, .menu2, .menu, .num_members .owner_title, .num_members, .permissions, .view_expanded_posts { display: none; }
  87.  
  88. </style>
  89.  
  90.  
  91.  
  92. <style>
  93.  
  94.  
  95. ::-webkit-scrollbar {
  96. width: 2px;
  97. background: #4f1e22; border-radius: 10px;}
  98.  
  99. ::-webkit-scrollbar-thumb {
  100. -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.3);
  101. background: #7a5256; border-radius: 10px; }
  102.  
  103. body, html {
  104. background-color: #0A0304;
  105. background-image: url('http://i.imgur.com/YIoCUoC.png');
  106. background-position: center left;
  107. background-repeat: repeat;
  108. background-attachment: fixed;
  109. }
  110.  
  111. html, div {
  112. font-family: trebuchet MS;
  113. color: #A09081;
  114. font-size: 11px;
  115. font-style: normal; border-radius: 0px;
  116. }
  117.  
  118. .main{
  119. background-color: #;
  120. width: 800px;
  121. padding: 1px; border-radius: px; text-alignment: center; margin-top: 20px;
  122. margin-bottom: 20px;
  123. background-image: url('');
  124. background-position: center center;
  125. background-repeat: repeat;
  126. background-attachment: fixed;
  127.  
  128. }
  129.  
  130. a:link, .menu2, .menu2 a:link {
  131. color: #A09081;
  132. font-size: 9pt;
  133. font-family : trebuchet MS;
  134. text-transform: none; font-weight: lighter;
  135. text-decoration: none;
  136. -webkit-transition: all 0.5s ease-out;
  137. -moz-transition: all 0.5s ease-out;
  138. }
  139.  
  140. a:visited, .menu2 a:visited {
  141. color: #A09081;
  142. font-size: 9pt;
  143. text-transform: none; font-weight: lighter;
  144. font-family : trebuchet MS;
  145. text-transform: none;
  146. text-decoration: none;
  147. }
  148.  
  149. a:hover, .menu, .menu a:link, .menu a:visited {
  150. color: #9C23A3;
  151. font-size: 9pt;
  152. text-decoration: none; font-weight: lighter;
  153. font-family : trebuchet MS;
  154. text-transform: none;
  155. background: transparent;
  156. -webkit-transition: all 0.5s ease-out;
  157. -moz-transition: all 0.5s ease-out;
  158.  
  159. }
  160. .linkage:link, .linkage:active, .linkage:visited {
  161. color: #A09081;
  162. font-family: trebuchet MS;
  163. font-size: 7pt;
  164. text-transform: uppercase;
  165. font-weight: lighter;
  166. padding: 0px;
  167. margin: 1px;
  168. letter-spacing: 2px;
  169. text-align: center;
  170. display: block;
  171. background-color: #341336;
  172. border-radius: 2px;
  173. -webkit-transition: all 0.5s ease-out;
  174. -moz-transition: all 0.5s ease-out;
  175. text-shadow: 0px 0px 0px 0px #000;
  176. }
  177. .linkage:hover {
  178. background-color: #A09081;
  179. color: #341336;
  180. letter-spacing: 2px;
  181. -webkit-transition: all 0.5s ease-out;
  182. -moz-transition: all 0.5s ease-out;
  183. }
  184. table,td,th {
  185. border: none;
  186.  
  187.  
  188. }
  189. th {
  190. height: 30px;
  191. text-align: center;
  192. }
  193.  
  194.  
  195. h1 {
  196. color: #A09081;
  197. text-transform: uppercase;
  198. font-family: trebuchet ms;
  199. text-align: center;
  200. font-weight: lighter;
  201. line-height: 10px;
  202. font-size: 10px;
  203. margin-top: 3px;
  204. margin-bottom: 2px;
  205. width: 98%;
  206. margin-bottom: 4px;
  207. background: #341336;
  208. letter-spacing: 1px;
  209. border-bottom: none;
  210. -webkit-border-bottom-right-radius: 10px;
  211. -webkit-border-bottom-left-radius: 10px;
  212. -moz-border-radius-bottomright: 10px;
  213. -moz-border-radius-bottomleft: 10px;
  214. border-bottom-right-radius: 10px;
  215. border-bottom-left-radius: 10px;
  216. }
  217.  
  218.  
  219. h2 {
  220. background: #0A0304;
  221. font: 10px trebuchet ms;
  222. line-height: 10px;
  223. color: #9C23A3;
  224. letter-spacing: 3px;
  225. text-align: center;
  226. text-transform: uppercase;
  227. display: inline-block;
  228. width: 90%;
  229. margin-bottom: 4px;
  230. padding: 1px;
  231. border-radius: 0px;
  232. border-left: 3px solid #7B0582;
  233. border-right: 3px solid #7B0582;
  234. }
  235.  
  236. h3, #cultstatsactivityheading, #cultstatstoppeopleheading {
  237. margin: 0px;
  238. text-transform: normal;
  239. font-weight: lighter;
  240. font-style: none;
  241. font-family: georgia italic;
  242. letter-spacing: 1pt;
  243. text-align: center;
  244. line-height: 15px;
  245. font-size: 15pt;
  246. border-radius: 0px;
  247. border-bottom: 0px solid #636363;
  248. border-top: 0px solid #444;
  249. color: #7a5256;
  250. background: none;
  251. width: 90%;
  252. }
  253.  
  254. hr {
  255. height: 2px;
  256. margin-top: 2px;
  257. margin-bottom: 2px;
  258. background: #7B0582;
  259. border: none;
  260. }
  261.  
  262. small {
  263. color: #A09081;
  264. font-size: 9px;
  265. font-family: trebuchet MS;
  266. text-transform: uppercase;
  267. }
  268.  
  269. b {
  270. text-transform: uppercase;
  271. font-family: trebuchet MS;
  272. color: #603c62;
  273. font-size: 11px;
  274. letter-spacing: 1px;
  275. }
  276.  
  277. i {
  278. text-transform: none;
  279. font-family: georgia;
  280. color: #7a5256;
  281. font-size: 11px;
  282. letter-spacing: 1px;
  283. }
  284.  
  285. s {
  286. text-transform: none;
  287. font-family: trebuchet MS;
  288. color: #0A0304;
  289. font-size: 11px;
  290. letter-spacing: 1px;
  291. }
  292.  
  293. u {
  294. border-bottom: 1px solid #B6CF3D;
  295. text-transform: none;
  296. font-family: georgia;
  297. font-size: 11px;
  298. letter-spacing: 1px;
  299. }
  300. blockquote {
  301. text-align: center;
  302. width: auto;
  303. height: auto;
  304. background-color: #4f1e22;
  305. color: #A09081;
  306. padding: 10px;
  307. border-top: 8px solid #341336;
  308. border-bottom: 8px solid #341336;
  309. -webkit-border-radius: 30px;
  310. -moz-border-radius: 30px;
  311. border-radius: 30px;
  312. }
  313. .staff{
  314. width: 75px;
  315. height: 45px;
  316. margin-left: 3px;
  317. margin-top: 1px;
  318. margin-bottom: 1px;
  319. padding: 4px;
  320. border: 2px solid #A09081;
  321. background: # ; border-radius: 0px;
  322. -webkit-transition: all 0.9s ease-out;
  323. -moz-transition: all 0.9s ease-out;
  324. }
  325. .staff:hover{
  326. border: 2px solid #603c62;
  327. -webkit-transition: all 0.9s ease-out;
  328. -moz-transition: all 0.9s ease-out;
  329. }
  330. .featured{
  331. width: 130px;
  332. height: 90px;
  333. margin-left: 0px;
  334. margin-top: 0px;
  335. margin-bottom: 0px;
  336. padding: 1px;
  337. border: 2px solid #A09081;
  338. background: # ; border-radius: 0px;
  339. -webkit-transition: all 0.9s ease-out;
  340. -moz-transition: all 0.9s ease-out;
  341. }
  342. .featured:hover{
  343. border: 2px solid #603c62;
  344. -webkit-transition: all 0.9s ease-out;
  345. -moz-transition: all 0.9s ease-out;
  346. }
  347. .contest {
  348. width: 55px;
  349. height: 115px;
  350. margin-left: 0px;
  351. margin-top: 0px;
  352. margin-bottom: 0px;
  353. padding: 1px;
  354. border: 2px solid #A09081;
  355. background: # ; border-radius: 0px;
  356. -webkit-transition: all 0.9s ease-out;
  357. -moz-transition: all 0.9s ease-out;
  358. }
  359. .contest:hover{
  360. border: 2px solid #603c62;
  361. -webkit-transition: all 0.9s ease-out;
  362. -moz-transition: all 0.9s ease-out;
  363. }
  364.  
  365.  
  366. .group_entry table[bgcolor] {
  367. background-color: #F2934F;
  368. }
  369.  
  370. .affiliates {
  371. display: block;
  372. width: 600px;
  373. padding: 10px;
  374. margin: 10px;
  375. color: #A09081;
  376. font-family: trebuchet MS;
  377. font-size: 12px;
  378. text-align: left;
  379. background-color: #560B10;
  380. border: 2px solid #540659;
  381. border-radius: 10px;
  382. text-shadow: 0px 0px 0px #000;
  383. }
  384.  
  385. .affiliates b {
  386. display: block;
  387. background: #A09081;
  388. color: #0A0304;
  389. font-family: trebuchet MS;
  390. font-size: 10px;
  391. font-weight: normal;
  392. margin-right: 450px;
  393. margin-bottom: 3px;
  394. padding: 2px;
  395. text-align: left;
  396. background: #63151b;
  397. border-bottom: none;
  398. letter-spacing: 3pt;
  399. font-style: none;
  400. text-transform: uppercase;
  401. border-radius: 0px;
  402. text-shadow: 0px 0px 0px #000;
  403. }
  404.  
  405. .members_viewing {
  406. display: block;
  407. width: 600px;
  408. padding: 10px;
  409. margin: 10px;
  410. color: #A09081;
  411. font-family: trebuchet MS;
  412. font-size: 12px;
  413. text-align: left;
  414. background-color: #560B10;
  415. border: 2px solid #540659;
  416. border-radius: 10px;
  417. text-shadow: 0px 0px 0px #000;
  418. }
  419.  
  420. .members_viewing b {
  421. display: block;
  422. background: #A09081;
  423. color: #0A0304;
  424. font-family: trebuchet MS;
  425. font-size: 10px;
  426. font-weight: normal;
  427. margin-right: 450px;
  428. margin-bottom: 3px;
  429. padding: 2px;
  430. text-align: left;
  431. background: #63151b;
  432. border-bottom: none;
  433. letter-spacing: 3pt;
  434. font-style: none;
  435. text-transform: uppercase;
  436. border-radius: 0px;
  437. text-shadow: 0px 0px 0px #000;
  438. }
  439.  
  440. .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  441. width: 800px;
  442. background-color: #560B10;
  443. color: #A09081;
  444. padding: 10px;
  445. border: 2px solid #540659;
  446. text-align: center;
  447. border-radius: 10px;
  448. text-shadow: 0px 0px 0px #000;
  449. margin-top: 15px;
  450. margin-bottom: 15px;
  451.  
  452. }
  453.  
  454. .forumheader {
  455. text-transform: normal;
  456. background-color: #540659;
  457. color: #A09081;
  458. font-weight: lighter;
  459. font-family: georgia italic;
  460. font-size: 20px;
  461. text-shadow: 1px 1px 3px # ;
  462. border: none;
  463. padding: 0px;
  464. background-image: url(' ');
  465. background-position: center;
  466. border-radius: 0px;
  467. border-bottom: 5px solid #9CA852;
  468. border-bottom: 8px solid #0A0304;
  469. -webkit-border-top-left-radius: 10px;
  470. -webkit-border-top-right-radius: 10px;
  471. -moz-border-radius-topleft: 10px;
  472. -moz-border-radius-topright: 10px;
  473. border-top-left-radius: 10px;
  474. border-top-right-radius: 10px;
  475. }
  476.  
  477. .group_forum {
  478. background-color: #63151b;
  479. width: 800px;
  480. padding: 0px;
  481. border: 2px solid #540659;
  482. border-radius: 15px;
  483. }
  484.  
  485. .group_subforum {
  486. background: #560B10;
  487. padding: 0px;
  488. border: none;
  489. border-radius: 5px;
  490. -webkit-border-bottom-right-radius: 12px;
  491. -webkit-border-bottom-left-radius: 12px;
  492. -moz-border-radius-bottomright: 12px;
  493. -moz-border-radius-bottomleft: 12px;
  494. border-bottom-right-radius: 12px;
  495. border-bottom-left-radius: 12px;
  496. }
  497.  
  498. .group_forum b {
  499. display: block;
  500. text-transform: uppercase;
  501. background-color: #63151b;
  502. color: #0A0304;
  503. font-family: trebuchet ms;
  504. line-height: 12px;
  505. font-weight: normal;
  506. text-align: center;
  507. border-radius: 0px;
  508. text-shadow: 0px 0px 0px #000;
  509. border-bottom: 0px dotted #B6CF3D;
  510. }
  511.  
  512. .group_entry {
  513. width: 800px;
  514. border: none;
  515. padding: 10px;
  516. text-align: center;
  517. background-color: #560B10;
  518. border: 2px solid #540659;
  519. border-radius: 10px;
  520. margin-top: 5px;
  521. margin-bottom: 5px;
  522. }
  523. .group_forum td img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{ background-image: url('http://i.imgur.com/4qJyg.png'); top right no-repeat; height: 12px; width:0px; padding-right: 11px; } .group_forum td img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/HpkGt.png'); top right no-repeat; height: 13px; width:0px; padding-right: 12px; } .group_forum td img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/M2TGa.png'); top right no-repeat; height: 12px; width:0px; padding-right: 11px; }
  524.  
  525. a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/nXk7C.png); top right no-repeat; height: 12px; width:0px; padding-right: 11px}
  526.  
  527. a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/lwUVH.png); top right no-repeat; height: 12px; width:0px; padding-right: 11px}
  528.  
  529. .group_entry table[bgcolor] {background: #603c62; background-image: url(' ');}
  530. .sub_button {border: 0px solid #ffffff; background-color: transparent; padding: 0px 3px; margin: 0px;}
  531.  
  532.  
  533. .group_comment {
  534. width: 800px;
  535. background-color: #560B10;
  536. border: none;
  537. padding: 10px;
  538. border: 2px solid #540659;
  539. border-radius: 10px;
  540. margin-top: 5px;
  541. margin-bottom: 5px
  542. }
  543.  
  544. .group_comment td {
  545. border: none;
  546. }
  547.  
  548. textarea {
  549. width: 85%;
  550. text-align: center;
  551. height: 250px;
  552. padding: 10px;
  553. }
  554.  
  555. .comment_input {
  556. width: 800px;
  557. background-color: #560B10;
  558. padding: 5px;
  559. text-align: center;
  560. border: 2px solid #540659;
  561. border-radius: 10px;
  562. margin-top: 5px;
  563. margin-bottom: 5px;
  564. }
  565.  
  566. .comment_input textarea {
  567. color: #A09081;
  568. border: 2px solid #560B10;
  569. background-color: #63151b;
  570. border-radius: 0px;
  571. }
  572.  
  573. .comment_input input {
  574. background: #63151b;
  575. color: #A09081;
  576. border: 2px solid #560B10;
  577. border-radius: 10px;
  578. }
  579.  
  580. .comment_input td {
  581. background: transparent;
  582. border: none;
  583. text-align: center;
  584. border-radius: 10px;
  585. }
  586.  
  587. .subheading {
  588. text-transform: uppercase;
  589. color: #0F1417;
  590. background-color: #A09081;
  591. font-family: trebuchet ms;
  592. line-height: 10px;
  593. font-weight: normal;
  594. text-align: right;
  595. border-radius: 0px;
  596. }
  597.  
  598. .subheading td {
  599. background: #341336;
  600. background-image: url(' ');
  601. background-position: top;
  602. border-bottom: 3px solid #0A0304;
  603. color: #A09081;
  604. font: 10pt trebuchet ms;
  605. text-transform: uppercase
  606. }
  607.  
  608. .subheading b {
  609. color: #7a5256;
  610. }
  611.  
  612. .thumbnail, .member_thumbnail, .righticon {
  613. width: 100px;
  614. height: 100px;
  615. padding: 5px;
  616. margin: 5px;
  617. border: 0px solid #0F1417;
  618. margin-right: 5px;
  619. background: ;
  620. background-image: url('http://i.imgur.com/gSlgBZF.png');
  621. background-position: top right;
  622. -webkit-transition: all 0.9s ease-in-out;
  623. -moz-transition: all 0.9s ease-in-out;
  624. -o-transition: all 0.9s ease-in-out;
  625. -ms-transition: all 0.9s ease-in-out;
  626. }
  627.  
  628. a:hover .thumbnail, a:hover .member_thumbnail, .righticon {
  629. width: 100px;
  630. height: 100px;
  631. padding: 5px;
  632. margin: 5px;
  633. border: 0px solid #A09081;
  634. margin-right: 5px;
  635. background: ;
  636. background-image: url('http://i.imgur.com/gSlgBZF.png');
  637. background-position: top left;
  638. -webkit-transition: all 0.9s ease-in-out;
  639. -moz-transition: all 0.9s ease-in-out;
  640. -o-transition: all 0.9s ease-in-out;
  641. -ms-transition: all 0.9s ease-in-out;
  642. }
  643.  
  644. .new_topic {
  645. width: 800px;
  646. background-color: #560B10;
  647. padding: 5px;
  648. text-align: center;
  649. border: 2px solid #540659;
  650. border-radius: 5px;
  651. margin-top: 5px;
  652. margin-bottom: 5px;
  653.  
  654. }
  655. .new_topic textarea {
  656. color: #A09081;
  657. border: 2px solid #560B10;
  658. background-color: #63151b;
  659. border-radius: 5px;
  660. }
  661.  
  662. .new_topic input {
  663. background: #63151b;
  664. color: #A09081;
  665. border: 2px solid #560B10;
  666. border-radius: 5px;
  667. }
  668.  
  669. .new_topic td {
  670. background: transparent;
  671. border: none;
  672. border-radius: 0px;
  673. }
  674.  
  675. .subtitle {
  676. color: #603c62;
  677. font-weight: bold;
  678. }
  679.  
  680. select {
  681. background: #63151b;
  682. color: #A09081;
  683. border: none;
  684. }
  685.  
  686. input {
  687. background: #63151b;
  688. color: #A09081;
  689. border: none;
  690. }
  691.  
  692. </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!