API tools faq
paste
CosmicKarma

Juggalo_Family HTML Header Cult Layout for AngelicSinner

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