Advertisement
SweetSurrender

Hollow Creek HTML Header 00

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