Advertisement
SweetSurrender

[HTML HEAD] BoredAsF***

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