Advertisement
SweetSurrender

horror_movie_lovers HTML Header [00]

May 21st, 2013
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.73 KB | None | 0 0
  1. <style>
  2. .menu2, .maintop table, .maintop, .maintop img, .heading, .leftnav, .entry_points, .comment_points, .status, .cult_menu, .created_on, .description_title, .owner_title, .permissions, .num_cult_posts, .view_expanded_posts, .threads_related, .maintop, .leftnav, .status, .created_on, .description_title, h2, .ui-widget { display: none; }
  3.  
  4. html, body {
  5. background-image: url('http://i.imgur.com/chlZSkc.png');
  6. background: #black;
  7. background-attachment: fixed;
  8. background-position: top left;
  9. background-repeat: repeat;
  10. }
  11.  
  12. .main {  
  13. background-color: #151414;
  14. border-radius: 0px 0px 0px 0px;
  15. border: 6px solid #000;
  16. width: 750px;  
  17. text-align: justify;    
  18. float: center;
  19. margin: 0 auto;
  20. margin-top: -2px;
  21. padding-top: 5px;
  22. padding-left: 5px;
  23. padding-right: 5px;
  24. padding-bottom: 0px;
  25. -moz-border-radius-bottomright: 0px;
  26. border-bottom-right-radius: 0px;
  27. -moz-border-radius-bottomleft: 00px;
  28. border-bottom-left-radius: 00px;
  29. color: #9A9393;
  30. }
  31.  
  32. .navigation {
  33. position: relative;
  34. top: 0%;
  35. width: 100%;
  36. height: 10px;
  37. padding: 0px;
  38. background: transparent;
  39. border: none;
  40. }
  41.  
  42. .header {
  43. position: relative;
  44. width: 750px;
  45. height: 1160px;
  46. top: 10px;
  47. background: transparent;
  48. border: none;
  49. border-radius: 0px 0px 10px 10px;
  50. margin-top: 0px;
  51. margin-bottom: 2px;
  52. color: #9A9393;
  53. }
  54.  
  55. .top {
  56. position: fixed;
  57. top: 0px;
  58. left: 0px;
  59. width: 100%;
  60. background-color: #500000;
  61. height: 15px;
  62. box-shadow: 0px 0px 4px #000;
  63. text-align: right;
  64. padding-bottom: 4px;
  65. padding-top: -2px;
  66. border-bottom: 5px solid #0D0000;
  67. -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear}
  68.  
  69. .top a:link, .top a:visited, .top a:active {
  70. display: inline;
  71. text-decoration: none;
  72. font-family: times;
  73. text-transform: uppercase;
  74. font-weight: normal;
  75. font-size: 11px;
  76. text-align: right;  
  77. line-height: 15px;
  78. color: #D5C7C7;
  79. background-color: transparent;
  80. margin-right: 10px;
  81. padding-top: 3px;
  82. -moz-transition: color 1s ease; -webkit-transition: color 1s ease; -o-transition: color 1s ease;
  83. }
  84.  
  85. .top a:hover {
  86. background-color: transparent;
  87. color: #180101;
  88. -moz-transition: color 1s ease; -webkit-transition: color 1s ease; -o-transition: color 1s ease;}
  89.  
  90. .innerbox {
  91. overflow: auto;
  92. background: #F7EA97;
  93. border: 0px solid black;
  94. position: absolute;
  95. }
  96.  
  97.  
  98. #box1 {
  99. top: 503px;
  100. left: 0px;
  101. width: 140px;
  102. height: 290px;
  103. color: #D4F39B;
  104. position: absolute;
  105. overflow: auto;
  106. padding: 3px;
  107. background: #370003;
  108. border: 1px solid black;
  109. text-align: center;
  110. }
  111.  
  112. .section {
  113. overflow: auto;
  114. top: 508px;
  115. left: 0px;
  116. width: 400px;
  117. height: 295px;
  118. }
  119.  
  120. #anchor {
  121. top: 503px;
  122. left: 150px;
  123. width: 396px;
  124. height: 290px;
  125. position: absolute;
  126. overflow: hidden;
  127. padding: 3px;
  128. background: #370003;
  129. border: 1px solid black;
  130. text-align: justify;
  131. color: #EEECEC;
  132. position: absolute;
  133. }
  134.  
  135. #box3 {
  136. position: absolute;
  137. overflow: auto;
  138. padding: 3px;
  139. background: #370003;
  140. border: 1px solid black;
  141. text-align: center;
  142. top: 503px;
  143. right: 0px;
  144. width: 186px;
  145. height: 290px;
  146. color: #EEECEC;
  147. }
  148.  
  149. #box4 {
  150. position: absolute;
  151. overflow: auto;
  152. padding: 3px;
  153. background: #370003;
  154. border: 1px solid black;
  155. text-align: center;
  156. top: 803px;
  157. left: 0px;
  158. width: 546px;
  159. height: 235px;
  160. color: #EEECEC;
  161. }
  162.  
  163. #box5 {
  164. position: absolute;
  165. overflow: auto;
  166. padding: 3px;
  167. background: #370003;
  168. border: 1px solid black;
  169. text-align: center;
  170. top: 803px;
  171. right: 0px;
  172. width: 186px;
  173. height: 155px;
  174. color: #EEECEC;
  175. }
  176.  
  177. #box6 {
  178. position: absolute;
  179. overflow: auto;
  180. padding: 3px;
  181. background: #370003;
  182. border: 1px solid black;
  183. text-align: center;
  184. top: 968px;
  185. right: 0px;
  186. width: 186px;
  187. height: 155px;
  188. color: #EEECEC;
  189. }
  190.  
  191. #box7 {
  192. position: absolute;
  193. overflow: auto;
  194. padding: 3px;
  195. background: #370003;
  196. border: 1px solid black;
  197. text-align: center;
  198. top: 1048px;
  199. left: 0px;
  200. width: 546px;
  201. height: 75px;
  202. color: #EEECEC;
  203. }
  204.  
  205. .num_members {
  206. display: none;
  207. }
  208.  
  209. .navigation {
  210. position: fixed;
  211. width: 120px;
  212. top: 10px;
  213. right: 1%;
  214. height: auto;
  215. background: #370003;
  216. border: 1px solid #000000;
  217. text-align: center;
  218. padding: 3px 2px 2px 2px;
  219. }
  220.  
  221. .cult_members, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  222. width: 750px;
  223. background: #370003;
  224. border-radius: 15px;
  225. border-bottom: 4px solid #000;
  226. text-align: justify;
  227. color: #C6C6C6;
  228. }
  229.  
  230. .group_forum, .group_expanded, .new_topic {
  231. width: 750px;
  232. background: #370003;
  233. border-bottom: 4px solid #000;
  234. color: #C6C6C6;
  235. }
  236.  
  237.  
  238. .forumheader {
  239. display: block;
  240. text-align: center;
  241. text-shadow: none;
  242. font-family: sans serif;
  243. background: #0B0505;
  244. text-transform: uppercase;
  245. border: none;
  246. border-bottom: 4px solid #840505;
  247. font-weight: lighter;
  248. padding: 0px;
  249. font-size: 20px;
  250. letter-spacing: 6px;
  251. color: #B7B5B5;
  252. margin-bottom: 0px;
  253. margin-top: 0px;
  254. }
  255.  
  256.  
  257. .group_forum b {
  258. display: block;
  259. padding: 0px;
  260. margin: 0px;
  261. border: none;
  262. background: #370003;
  263. border-bottom: 3px solid #000;
  264. text-align: center;
  265. text-decoration: none;
  266. text-transform: uppercase;
  267. text-shadow: 0px 1px 0px #000000;
  268. letter-spacing: 1px;
  269. font: 8pt Times New Roman;
  270. color: #B7B5B5;
  271. }
  272.  
  273.  
  274. .subheading {
  275. padding: 0px;
  276. background: #171616;
  277. border: none;
  278. text-decoration: none;
  279. text-transform: uppercase;
  280. text-shadow: none;
  281. font: 8pt times new roman;
  282. color: #C6C6C6;
  283. }
  284.  
  285. .new_topic td, .comment_input td {
  286. border: none;
  287. }
  288.  
  289. .new_topic input, .new_topic textarea, .comment_input input, .comment_input textarea, {
  290. width: 95%;
  291. background: #370003;
  292. border-bottom: 4px solid #000;
  293. text-align: justify;
  294. color: #C6C6C6;
  295. }
  296.  
  297. .group_entry {
  298. width: 750px;
  299. margin: 0px auto;
  300. background: #370003;
  301. border-bottom: 4px solid #000;
  302. text-align: justify;
  303. color: #C6C6C6;
  304. }
  305.  
  306. .group_comment, .comment_input, .new_topic {
  307. width: 750px;
  308. background: #370003;
  309. border:none;
  310. border-bottom: 4px solid #000;
  311. text-align: center;
  312. color: #C6C6C6;
  313. }
  314.  
  315. .comment_input { text-align: center; font-family: georgia; font-style: none; }
  316.  
  317. input, select, textarea {
  318. background-color: #000;
  319. font: 10pt georgia;
  320. color: #E30303;
  321. font-style: bold;
  322. border: none;
  323. text-align: center; }
  324.  
  325. input[type="submit"], input[type="button"], #status_submit_button {background-image: none; }
  326.  
  327. .group_comment, .group_forum { margin-top: 20px; text-align: justify; }
  328.  
  329. textarea {
  330. width: 80%;
  331. height: 150px;
  332. background-color: #000;
  333. font-size: 10px georgia;
  334. -webkit-transition: color 0.5s ease-out;
  335. -moz-transition: color 0.5s ease-out;
  336. }
  337. table,td,th {
  338. border: none;
  339. }
  340. table {
  341. width:100%;
  342. text-align: left;
  343. }
  344. th { height:30px; text-align: left; }
  345.  
  346. .members_viewing {
  347. display: block;
  348. border: none;
  349. background: #370003;
  350. font-family: arial;
  351. font-size: 12px;
  352. padding: 0px;
  353. padding-bottom: 4px;
  354. text-align: center;
  355. border-bottom: 4px solid #000;
  356. width: 750px;
  357. margin-left: auto;
  358. margin-right: auto;
  359. }
  360.  
  361. .members_viewing b{
  362. display: block;
  363. text-align: center;
  364. text-shadow: none;
  365. font-family: sans serif;
  366. background: #000;
  367. text-transform: uppercase;
  368. font-weight: lighter;
  369. padding: 2px;
  370. font-size: 14px;
  371. letter-spacing: 6px;
  372. color: #E30303;
  373. margin-bottom: 2px;
  374. margin-top: 4px;
  375. }
  376.  
  377. .affiliates {
  378. display: block;
  379. border: none;
  380. background: #370003;
  381. font-family: tahoma;
  382. font-size: 12px;
  383. padding: 0px;
  384. padding-bottom: 4px;
  385. text-align: center;
  386. border-bottom: 4px solid #000;
  387. width: 750px;
  388. margin-left: auto;
  389. margin-right: auto;
  390. margin-bottom: 7px;
  391. }
  392.  
  393. .affiliates b {
  394. display: block;
  395. text-align: center;
  396. text-shadow: none;
  397. font-family: sans serif;
  398. background: #000;
  399. text-transform: uppercase;
  400. font-weight: lighter;
  401. padding: 2px;
  402. font-size: 14px;
  403. letter-spacing: 6px;
  404. color: #E30303;
  405. margin-bottom: 2px;
  406. margin-top: 4px;
  407. }
  408.  
  409. textarea {
  410. background: #000;
  411. color: #E30303;
  412. border: none;
  413. outline: none;
  414. }
  415.  
  416. hr { background-color: #000; height: 2px; border: none; }
  417.  
  418. h1 {
  419. display: block;
  420. padding: 0px;
  421. margin-top: 0px;
  422. margin-bottom: 0px;
  423. background: #000;
  424. border-radius: 0px 10px 0px 10px;
  425. border-bottom: 4px solid #A70101;
  426. text-align: center;
  427. text-decoration: none;
  428. text-transform: uppercase;
  429. text-shadow: none;
  430. letter-spacing: 3px;
  431. font: 8pt georgia;
  432. color: #C6C6C6;
  433. }
  434.  
  435. h1:first-letter {
  436.    font-family: monotype corsiva;  
  437.  font-size: 18px;  
  438.   text-transform: normal;  
  439.   font-style: italic;  
  440.   font-weight: lighter;
  441. text-shadow: 0px -1px 0px #000;
  442.  color: #E30303;
  443. display: block;
  444.   }  
  445.  
  446.  
  447.  h3 {display:block;
  448. color: #C6C6C6;  
  449. border-bottom: 2px dashed #E30303;
  450. text-align: center;
  451. font-family: sans serif;
  452. font-weight: lighter;
  453. text-shadow: 0px -1px 0px #000;
  454. font-size: 16px;
  455. letter-spacing: 2px;
  456. text-transform: lowercase;
  457. font-style: italic;
  458. background-color: transparent;
  459. margin: 3px;
  460. padding:1px; }
  461.  
  462.  
  463. a.nav:link, a.nav:visited, a.nav:active {
  464. display: inline-block;
  465. width: 130px;
  466. height: 20px;
  467. padding: 0px;
  468. background: #000;
  469. text-decoration: bold;
  470. font: 10pt times;
  471. color: #C6C6C6;
  472. border-left: 5px solid #E30303;
  473. border-right: 5px solid #E30303;
  474. margin-top: 4px;
  475. margin-bottom: 2px;
  476. font-style: none;
  477. -webkit-transition: all 0.5s ease-out;
  478. -moz-transition: all 0.5s ease-out;
  479. -o-transition: all 0.5s ease-out;
  480. }
  481.  
  482. a.nav:hover {
  483. display: inline-block;
  484. width: 130px;
  485. height: 20px;
  486. padding: 0px;
  487. background: #171616;
  488. border-radius: 0px 10px 0px 10px;
  489. border-left: 5px solid #840505;
  490. border-right: 5px solid #840505;
  491. text-decoration: bold;
  492. text-transform: lowercase;
  493. font: 10pt times;
  494. font-style: none;
  495. color: #B7B5B5;
  496. margin-bottom: 2px;
  497. -webkit-transition: all 0.5s ease-out;
  498. -moz-transition: all 0.5s ease-out;
  499. -o-transition: all 0.5s ease-out;
  500. }
  501.  
  502.  
  503. a:link, a:visited, a:active {
  504. color: #EEECEC;
  505. font-family: tahoma;
  506. line-spacing: 1px;
  507. font-weight: none;
  508. text-transform: none;
  509. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 3.5s ease;
  510. }
  511.  
  512. a:hover {
  513. color: #790000;
  514. line-spacing: 1px;
  515. font-family: tahoma;
  516. background: transparent;
  517. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  518. }
  519.  
  520.  
  521.  
  522. b {
  523. color: #E20000;
  524. font-weight: bold;
  525. font: 11pt georgia;
  526. letter-spacing: 2px;
  527. text-shadow: 0px -1px 0px #000;
  528. }
  529.  
  530. i {
  531. text-decoration: italic;
  532. text-shadow: none;
  533. font: 11pt georgia;
  534. text-shadow: 0px -1px 0px #000;
  535. color: #694747;
  536. font-style: italic;
  537. }
  538.  
  539. u {
  540. border-bottom: 2px solid #000;
  541. text-decoration: underline;
  542. text-transform: bold;
  543. text-shadow: 0px 2px 0px #000000
  544. text-shadow: none;
  545. font: 11pt georgia;
  546. color: #E20000;
  547. }
  548.  
  549. s {
  550. text-decoration: strike;
  551. text-transform: uppercase;
  552. text-shadow: -1px 1px 0px #000000
  553. font: 11pt georgia;
  554. color: #520707;
  555. }
  556.  
  557. blockquote {
  558. display: block;
  559. background-color: #000;
  560. font-size: 10px;
  561. font-family: georgia;
  562. text-transform: none;
  563. border-radius: 0px 10px 0px 10px;
  564. border-bottom: 4px solid #970F02;
  565. margin: 2px;
  566. padding: 6px;
  567. color: #EEECEC;
  568. }
  569.  
  570. .staff {
  571. width: 50px;
  572. height: 68px;
  573. border: 3px solid #000;
  574. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  575. }
  576.  
  577. .staff:hover {
  578. width: 50px;
  579. height: 68px;
  580. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  581. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #E30303;
  582. }
  583.  
  584. .block {
  585. width: 50px;
  586. height: 68px;
  587. border: 3px solid #000;
  588. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  589. }
  590.  
  591. .block:hover {
  592. width: 50px;
  593. height: 68px;
  594. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  595. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #E30303;
  596. }
  597.  
  598. .banner {
  599. width: 450px;
  600. height: 120px;
  601. border: 3px solid #000;
  602. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  603. }
  604.  
  605. .banner:hover {
  606. width: 450px;
  607. height: 120px;
  608. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  609. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #E30303;
  610. }
  611.  
  612.  
  613. .featured {
  614. width: 170px;
  615. height: 80px;
  616. border: 3px solid #000;
  617. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;
  618. }
  619.  
  620. .featured:hover {
  621. width: 170px;
  622. height: 80px;
  623. filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70;
  624. -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; border: 3px solid #E30303;
  625.  
  626. }
  627.  
  628.  
  629.  
  630. .group_entry table[bgcolor] {background: #2026CB; border: 1px solid #EAB64D;}
  631.  
  632. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/yn0juEf.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  633.  
  634. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/ohXkY1z.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  635.  
  636. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/XfR7rVS.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  637.  
  638. </style>
  639.  
  640. <style>
  641.  
  642. ::-webkit-scrollbar {
  643. width: 10px;
  644. height: 10px;
  645. border: none;
  646. }
  647. ::-webkit-scrollbar-button: start: decrement
  648. ::-webkit-scrollbar button: end: increment {
  649. display: block;
  650. height: 3px;
  651. background-color: #000;
  652. }
  653.  
  654. ::-webkit-scrollbar-track-piece {
  655. background-color: #000;
  656. -webkit-border-radius: 1px solid black;  
  657. -webkit-border-bottom-right-radius: 0px;
  658. -webkit-border-bottom-left-radius: 0px; }
  659.  
  660. ::-webkit-scrollbar-thumb:vertical {
  661. height: 100px;
  662. background-color: #A70101;
  663. border: 1px solid black;
  664. -webkit-border-radius: 0px; }
  665.  
  666. ::-webkit-scrollbar-thumb: horizontal {
  667. width: 100px;
  668. background-color: transparent;
  669. border: 1px solid black;
  670. -webkit-border-radius: 0px;
  671. }
  672.  
  673. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement