Advertisement
SweetSurrender

Reignfall HTML Header 00

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