Advertisement
SweetSurrender

Cambury HTML Header 0

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