Advertisement
SweetSurrender

Bookworm HTML Header

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