Advertisement
SweetSurrender

xShadowFallsx HTML Header 00

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