API tools faq
paste
CosmicKarma

Austin Cult Layout HTML Header for dark-freaks

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