Advertisement
SweetSurrender

DarkHospitalRP HTML Header [00]

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