CosmicKarma

Nerds-United Cult Layout for Satellizer - HTML Header

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