Advertisement
conception

Dreadify HTML/Header

Aug 8th, 2014
222
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.39 KB | None | 0 0
  1. <style>
  2. html, body {
  3. background-image: url('http://i.imgur.com/e6h0Ssd.png');
  4. }
  5. .main {
  6. width: 800px;
  7. background: transparent;
  8. }
  9.  
  10. html, div {
  11. font-size: 9pt;
  12. color: #d3d3d3;
  13. font-style: normal;
  14. }
  15.  
  16. .main_td {
  17. text-align: center;
  18. padding: 0px;
  19. }
  20.  
  21. table,td,th {
  22. border: none;
  23. }
  24.  
  25. th {
  26. height: 30px;
  27. text-align: center;
  28. }
  29.  
  30. h1 {
  31. background: -webkit-gradient(linear, left top, left bottom, from(#af1873), to(#cbcb58));
  32. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  33. #af1873 &gt; top;
  34. #cbcb58 &gt; bottom;
  35. font-family: trebuchet ms;
  36. text-transform: uppercase;
  37. font-size: 16pt;
  38. text-align: center;
  39. display: block;
  40. margin-top: -3px;
  41. margin-bottom: 1px;
  42. border-bottom: 1px dotted #241629;
  43. }
  44.  
  45. h2 {
  46. background: -webkit-gradient(linear, left top, left bottom, from(#af1873), to(#441541));
  47. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  48. #af1873 &gt; top;
  49. #441541 &gt; bottom;
  50. font-family: trebuchet ms;
  51. text-transform: uppercase;
  52. font-size: 12pt;
  53. text-align: center;
  54. display: block;
  55. margin-top: -3px;
  56. margin-bottom: 1px;
  57. }
  58.  
  59. h3 {
  60. background: -webkit-gradient(linear, left top, left bottom, from(#af1873), to(#cbcb58));
  61. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  62. #af1873 &gt; top;
  63. #cbcb58 &gt; bottom;
  64. font-family: georgia;
  65. text-transform: lowercase;
  66. font-size: 16pt;
  67. text-align: right;
  68. display: block;
  69. font-style: italic;
  70. margin-bottom: 1px;
  71. border-bottom: 1px dotted #241629;
  72. }
  73.  
  74. b {
  75. color: #cbcb58;
  76. font-family: trebuchet ms;
  77. font-style: none;
  78. text-transform: uppercase;
  79. font-size: 8pt;
  80. }
  81.  
  82. i {
  83. text-transform: none;
  84. font-family: georgia;
  85. color: #af1873;
  86. font-size: 11px;
  87. letter-spacing: 1px;
  88. }
  89.  
  90. u {
  91. border-bottom: 2px dotted #ad1472;
  92. text-transform: none;
  93. font-family: georgia;
  94. font-size: 11px;
  95. letter-spacing: 2px;
  96. }
  97.  
  98. s {
  99. text-transform: none;
  100. font-family: trebuchet ms;
  101. font-size: 12px;
  102. letter-spacing: 1px;
  103. }
  104.  
  105. .nlink:link, .nlink:active, .nlink:visited {
  106. font-family: small fonts;
  107. font-size: 8px;
  108. color: #cbcb58;
  109. background-color: #201826;
  110. display: inline-table;
  111. text-transform: uppercase;
  112. padding: 2px;
  113. height: 8px;
  114. line-height: 8px;
  115. text-align: center;
  116. width: 134px;
  117. margin: 1px;
  118. margin-top: 0px;
  119. -webkit-transition: all 0.5s ease-out;
  120. -moz-transition: all 0.5s ease-out;
  121. }
  122.  
  123. .nlink:hover {
  124. font-family: small fonts;
  125. font-size: 8px;
  126. color: #b0b048;
  127. background-color: #18181e;
  128. display: inline-table;
  129. text-transform: uppercase;
  130. text-align: center;
  131. padding: 2px;
  132. height: 8px;
  133. line-height: 8px;
  134. width: 134px;
  135. margin: 1px;
  136. margin-top: 0px;
  137. -webkit-transition: all 0.5s ease-out;
  138. -moz-transition: all 0.5s ease-out;
  139. }
  140.  
  141. .nalink:link, .nalink:active, .nalink:visited {
  142. font-family: small fonts;
  143. font-size: 8px;
  144. color: #cbcb58;
  145. background-color: #201826;
  146. display: block;
  147. text-transform: uppercase;
  148. padding: 2px;
  149. height: 8px;
  150. line-height: 8px;
  151. width: 134px;
  152. margin: 1px;
  153. margin-top: 0px;
  154. -webkit-transition: all 0.5s ease-out;
  155. -moz-transition: all 0.5s ease-out;
  156. }
  157.  
  158. .nalink:hover {
  159. font-family: small fonts;
  160. font-size: 8px;
  161. color: #b0b048;
  162. background-color: #18181e;
  163. display: block;
  164. text-transform: uppercase;
  165. padding: 2px;
  166. height: 8px;
  167. line-height: 8px;
  168. width: 134px;
  169. margin: 1px;
  170. margin-top: 0px;
  171. -webkit-transition: all 0.5s ease-out;
  172. -moz-transition: all 0.5s ease-out;
  173. }
  174.  
  175. .forumheader {
  176. text-transform: uppercase;
  177. background-image: url('http://i.imgur.com/YnLwnXJ.png');
  178. color: #d3d3d3;
  179. font-weight: normal;
  180. line-height: 30px;
  181. font-family: trebuchet ms;
  182. font-size: 20pt;
  183. border: none;
  184. padding: 10px;
  185. margin: 5px;
  186. }
  187.  
  188. .group_forum {
  189. background-color: #070707;
  190. width: 800px;
  191. padding: 6px;
  192. text-align: center;
  193. border: none;
  194. }
  195.  
  196. a:link, .menu2, .menu2 a:link {
  197. color: #cbcb58;
  198. font-family: small fonts;
  199. font-size: 9px;
  200. text-transform: uppercase;
  201. text-decoration: none;
  202. -webkit-transition: all 0.5s ease-out;
  203. -moz-transition: all 0.5s ease-out;
  204. }
  205.  
  206. a:visited, .menu2 a:visited {
  207. color: #cbcb58;
  208. text-transform: none;
  209. font-family: small fonts;
  210. font-size: 9px;
  211. text-decoration: none;
  212. }
  213.  
  214. a:hover, .menu, .menu a:link, .menu a:visited {
  215. color: #af1873;
  216. text-decoration: none;
  217. font-family: small fonts;
  218. font-size: 9px;
  219. text-transform: uppercase;
  220. background: transparent;
  221. -webkit-transition: all 0.5s ease-out;
  222. -moz-transition: all 0.5s ease-out;
  223. }
  224.  
  225. .members_viewing {
  226. display: block;
  227. width: 700px;
  228. background: #070707;
  229. padding: 5px;
  230. margin: 5px;
  231. text-align: right;
  232. }
  233.  
  234. .members_viewing b {
  235. display: block;
  236. padding: 4px;
  237. text-align: right;
  238. letter-spacing: 2pt;
  239. background: -webkit-gradient(linear, left top, left bottom, from(#af1873), to(#cbcb58));
  240. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  241. #af1873 &gt; top;
  242. #cbcb58 &gt; bottom;
  243. font-family: trebuchet ms;
  244. text-transform: uppercase;
  245. font-style: none;
  246. font-size: 10pt;
  247. border-bottom: 1px dotted #241629;
  248. }
  249.  
  250. .affiliates {
  251. display: block;
  252. width: 700px;
  253. background: #070707;
  254. padding: 5px;
  255. margin: 5px;
  256. text-align: right;
  257. }
  258.  
  259. .affiliates b {
  260. display: block;
  261. padding: 4px;
  262. text-align: right;
  263. letter-spacing: 2pt;
  264. background: -webkit-gradient(linear, left top, left bottom, from(#af1873), to(#cbcb58));
  265. -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  266. #af1873 &gt; top;
  267. #cbcb58 &gt; bottom;
  268. font-family: trebuchet ms;
  269. text-transform: uppercase;
  270. font-style: none;
  271. font-size: 10pt;
  272. border-bottom: 1px dotted #241629;
  273. }
  274.  
  275. blockquote {
  276. text-align: center;
  277. font-family: trebuchet ms;
  278. font-size: 11px;
  279. padding: 4px;
  280. background-color: #0b0b0b;
  281. border-left: 5px solid #ad1472;
  282. border-right: 5px solid #cbcb58;
  283. }
  284.  
  285. .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  286. background: #070707;
  287. margin-left: 15px;
  288. width: 800px;
  289. padding: 7px;
  290. text-align: center;
  291. border: none;
  292. color: #d3d3d3;
  293. }
  294.  
  295. .subtitle {
  296. color: #751967;
  297. font-family: trebuchet ms;
  298. text-transform: uppercase;
  299. }
  300.  
  301. .member_thumbnail, .righticon {
  302. background-image: url('http://i.imgur.com/2mYJuWn.png');
  303. background-position: top right;
  304. border: 2px solid #a31974;
  305. padding: 5px;
  306. width: 100px;
  307. height: 100px;
  308. -webkit-transition: all 0.5s ease-out;
  309. -moz-transition: all 0.5s ease-out;
  310. }
  311.  
  312. .member_thumbnail:hover, .righticon:hover {
  313. background-image: url('http://i.imgur.com/2mYJuWn.png');
  314. background-position: bottom left;
  315. top:1px;
  316. padding: 5px;
  317. right: 1px;
  318. border: 2px solid #cbcb58;
  319. width: 100px;
  320. height: 100px;
  321. -webkit-transition: all 0.5s ease-out;
  322. -moz-transition: all 0.5s ease-out;
  323. }
  324.  
  325. .group_forum b {
  326. display: block;
  327. letter-spacing: 1pt;
  328. text-align: center;
  329. padding: 3px;
  330. font-weight: lighter;
  331. line-height: 15px;
  332. margin: 1px;
  333. }
  334.  
  335. .group_subforum {
  336. background-color: #0b0b0b;
  337. }
  338.  
  339. .group_entry table[bgcolor] {
  340. background-color: #ad1472;
  341. height: 2px;
  342. }
  343.  
  344. .group_comment td {
  345. border: none;
  346. text-align: center;
  347. }
  348.  
  349. .comment_input td {
  350. background: transparent;
  351. border: none;
  352. text-align: center;
  353. }
  354.  
  355. .subheading td, .new_topic td {
  356. background-color: transparent;
  357. }
  358.  
  359. .subheading {
  360. background: #0b0b0b;
  361. font-weight: normal;
  362. line-height: 10px;
  363. border: none;
  364. padding: 4px;
  365. margin: 5px;
  366. }
  367.  
  368. select, input {
  369. background-color: #070707;
  370. color: #d3d3d3;
  371. text-align: center;
  372. border: none;
  373. }
  374.  
  375. .group_entry {
  376. width: 800px;
  377. padding: 5px;
  378. margin: 5px;
  379. text-align: center;
  380. background: #070707;
  381. }
  382.  
  383. .group_comment {
  384. width: 800px;
  385. padding: 5px;
  386. margin: 5px;
  387. text-align: center;
  388. background: #070707;
  389. border: none;
  390. }
  391.  
  392. .sub_button {
  393. border: none;
  394. background-color: transparent;
  395. padding: 3px;
  396. margin: 0px;
  397. border-image: initial;
  398. font-size: 8px;
  399. }
  400.  
  401. textarea {
  402. background: #0b0b0b;
  403. margin: 15px;
  404. width: 200px;
  405. padding: 7px;
  406. text-align: center;
  407. }
  408.  
  409. .comment_input, .new_topic {
  410. width: 800px;
  411. background-color: transparent;
  412. padding: 5px;
  413. text-align: center;
  414. border: none;
  415. }
  416.  
  417. .new_topic textarea, .comment_input textarea {
  418. background: #070707;
  419. color: #d3d3d3;
  420. padding: 5px;
  421. text-align: center;
  422. width: 500px;
  423. border: none;
  424. }
  425.  
  426. .comment_input input, .new_topic input
  427. { background: #070707;
  428. padding: 2px;
  429. text-align: center;
  430. border: none;
  431. }
  432.  
  433. a:link img[src="http://e.vampirefreaks.com/emotes/vf_red-16.png"]{background-image: url(http://i.imgur.com/cG9Dl3Z.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  434.  
  435. a:link img[src="http://e.vampirefreaks.com/emotes/vf_white-16.png"]{background-image: url(http://i.imgur.com/kvQrzb5.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  436.  
  437. ::-webkit-scrollbar { width:5px; background:#0b0b0b; }
  438.  
  439. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  440.  
  441. ::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #cbcb58; width:5px; border:none; }
  442.  
  443. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:5px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  444. -webkit-transition: all 0.5s ease-out;
  445. -moz-transition: all 0.5s ease-out;}
  446.  
  447. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#cbcb58; cursor:hand;}
  448.  
  449. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  450.  
  451. .staff img {
  452. background-image: url('http://i.imgur.com/FgDZPWX.png');
  453. background-position: top right;
  454. border: 2px solid #8c1572;
  455. padding: 3px;
  456. width: 75px;
  457. height: 75px;
  458. margin: 2px;
  459. -webkit-transition: all 0.5s ease-out;
  460. -moz-transition: all 0.5s ease-out;
  461. }
  462.  
  463. .staff img:hover {
  464. background-image: url('http://i.imgur.com/FgDZPWX.png');
  465. background-position: bottom left;
  466. padding: 3px;
  467. margin: 2px;
  468. border: 2px solid #1d1824;
  469. width: 75px;
  470. height: 75px;
  471. -webkit-transition: all 0.5s ease-out;
  472. -moz-transition: all 0.5s ease-out;
  473. }
  474.  
  475. .shop img {
  476. background-image: url('http://i.imgur.com/ik31PQj.png');
  477. background-position: top right;
  478. border: 2px solid #8c1572;
  479. padding: 3px;
  480. width: 150px;
  481. height: 75px;
  482. margin: 2px;
  483. -webkit-transition: all 0.5s ease-out;
  484. -moz-transition: all 0.5s ease-out;
  485. }
  486.  
  487. .shop img:hover {
  488. background-image: url('http://i.imgur.com/ik31PQj.png');
  489. background-position: bottom left;
  490. padding: 3px;
  491. margin: 2px;
  492. border: 2px solid #1d1824;
  493. width: 150px;
  494. height: 75px;
  495. -webkit-transition: all 0.5s ease-out;
  496. -moz-transition: all 0.5s ease-out;
  497. }
  498. .win img {
  499. background-image: url('http://i.imgur.com/FgDZPWX.png');
  500. background-position: top right;
  501. border: 2px solid #1d1824;
  502. padding: 3px;
  503. width: 75px;
  504. height: 75px;
  505. margin: 2px;
  506. -webkit-transition: all 0.5s ease-out;
  507. -moz-transition: all 0.5s ease-out;
  508. }
  509.  
  510. .win img:hover {
  511. background-image: url('http://i.imgur.com/FgDZPWX.png');
  512. background-position: bottom left;
  513. padding: 3px;
  514. margin: 2px;
  515. border: 2px solid #8c1572;
  516. width: 75px;
  517. height: 75px;
  518. -webkit-transition: all 0.5s ease-out;
  519. -moz-transition: all 0.5s ease-out;
  520. }
  521. .ft img {
  522. background-image: url('http://i.imgur.com/FgDZPWX.png');
  523. background-position: top right;
  524. border: 2px solid #1d1824;
  525. padding: 3px;
  526. width: 110px;
  527. height: 110px;
  528. margin: 2px;
  529. -webkit-transition: all 0.5s ease-out;
  530. -moz-transition: all 0.5s ease-out;
  531. }
  532.  
  533. .ft img:hover {
  534. background-image: url('http://i.imgur.com/FgDZPWX.png');
  535. background-position: bottom left;
  536. padding: 3px;
  537. margin: 2px;
  538. border: 2px solid #8c1572;
  539. width: 110px;
  540. height: 110px;
  541. -webkit-transition: all 0.5s ease-out;
  542. -moz-transition: all 0.5s ease-out;
  543. }
  544.  
  545. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/tfBYbSY.png'); top right no-repeat; height: 10px; width:0px; padding-right: 7px;}
  546.  
  547. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/IZeeKRY.png'); top right no-repeat; height: 10px; width:0px; padding-right: 5px;}
  548. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/kYTUpZK.png'); top right no-repeat; height: 9px; width:0px; padding-right: 9px;}
  549. </style>
  550. <style>
  551. .cult_name, .leftnav, .topbar, .maintop img, .maintop table, .latest_posts_header, .status, .description_title, .edit_pictures, .owner_title, .created_on, .small_space, .cult_menu, .side_td, .threads_related, .created_on, .description_title, .maintop img, .heading, .forumopen, .forumclose, .maintop, .leftnav, .cult_info, .menu2, .menu, .num_members { display: none; }
  552. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement