API tools faq
paste
Advertisement
conception

Hunger-Games HTML Header

conception
Mar 4th, 2015
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.26 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. html, body {
  3. background-image: url('http://i.imgur.com/YcXSNTu.png');
  4. }
  5.  
  6. html, div {
  7. font-size: 8pt;
  8. font-family: trebuchet ms;
  9. color: #f1f1f1;
  10. font-style: normal;
  11. }
  12.  
  13. .main {
  14. width: 800px;
  15. padding: 2px;
  16. }
  17.  
  18. .main_td {
  19. text-align: center;
  20. padding: 0px;
  21. }
  22.  
  23. table,td,th {
  24. border: none;
  25. }
  26.  
  27. th {
  28. height: 30px;
  29. text-align: center;
  30. }
  31.  
  32. .subheading {
  33. background: #120e0c;
  34. color: #f1f1f1;
  35. font-weight: normal;
  36. line-height: 10px;
  37. border: none;
  38. padding: 4px;
  39. margin: 5px;
  40. border-radius: 10px;
  41. }
  42.  
  43. .forumheader {
  44. text-transform: uppercase;
  45. background: #120e0c;
  46. color: #f1f1f1;
  47. border-bottom: 3px solid #db331f;
  48. border-radius: 10px;
  49. font-weight: normal;
  50. font-family: trebuchet ms;
  51. text-align: center;
  52. font-size: 15pt;
  53. border-top: none;
  54. border-right: none;
  55. border-left: none;
  56. padding: 5px;
  57. padding-top: 2px;
  58. margin: 5px;
  59. }
  60.  
  61. .group_forum {
  62. color: #f1f1f1;
  63. background: #1d1b1a;
  64. border: 3px solid #120e0c;
  65. width: 800px;
  66. padding: 3px;
  67. text-align: center;
  68. border-radius: 15px;
  69. }
  70.  
  71. .group_forum b {
  72. display: block;
  73. letter-spacing: 1pt;
  74. text-align: center;
  75. padding: 3px;
  76. font-weight: lighter;
  77. line-height: 15px;
  78. margin: 3px;
  79. }
  80.  
  81. .members_viewing {
  82. display: block;
  83. width: 500px;
  84. background: #1d1b1a;
  85. border: 3px solid #120e0c;
  86. border-radius: 15px;
  87. padding: 10px;
  88. margin: 5px;
  89. text-align: center;
  90. }
  91.  
  92. .members_viewing b {
  93. display: block;
  94. padding: 4px;
  95. letter-spacing: 2pt;
  96. font-family: trebuchet ms;
  97. text-transform: uppercase;
  98. text-align: center;
  99. font-size: 12px;
  100. color: #f1f1f1;
  101. background: #120e0c;
  102. border-bottom: 3px solid #d96626;
  103. border-radius: 15px;
  104. font-style: none;
  105. font-weight: lighter;
  106. }
  107.  
  108. .affiliates {
  109. display: block;
  110. width: 500px;
  111. background: #1d1b1a;
  112. border: 3px solid #120e0c;
  113. border-radius: 15px;
  114. padding: 10px;
  115. margin: 5px;
  116. text-align: center;
  117. }
  118.  
  119. .affiliates b {
  120. display: block;
  121. padding: 4px;
  122. letter-spacing: 2pt;
  123. font-family: trebuchet ms;
  124. text-transform: uppercase;
  125. text-align: center;
  126. font-size: 12px;
  127. color: #f1f1f1;
  128. background: #120e0c;
  129. border-bottom: 3px solid #d96626;
  130. border-radius: 15px;
  131. font-style: none;
  132. font-weight: lighter;
  133. }
  134.  
  135. .darkbox, .group_expanded, .userinfo, #cultstaff, #cultstatsactivity, #cultstatstoppeople, #cultstatsbasics {
  136. color: #f1f1f1;
  137. margin-left: 15px;
  138. font-size: 8pt;
  139. width: 800px;
  140. padding: 7px;
  141. text-align: center;
  142. border: 3px solid #120e0c;
  143. border-radius: 15px;
  144. background: #1d1b1a;
  145. }
  146.  
  147. .subtitle {
  148. color: #d96626;
  149. font-family: trebuchet ms;
  150. text-transform: uppercase;
  151. }
  152.  
  153. .group_entry table[bgcolor] {
  154. background-color: #d96626;
  155. height: 2px;
  156. }
  157.  
  158. .group_comment td {
  159. border: none;
  160. text-align: center;
  161. }
  162.  
  163. .comment_input td {
  164. background: transparent;
  165. border: none;
  166. border-radius: 20px;
  167. text-align: center;
  168. }
  169.  
  170. .subheading td, .new_topic td {
  171. background-color: transparent;
  172. }
  173.  
  174. select, input {
  175. background-color: #120e0c;
  176. color: #f1f1f1;
  177. text-align: center;
  178. border: none;
  179. border-radius: 5px;
  180. }
  181.  
  182. .group_entry, .group_comment {
  183. width: 800px;
  184. padding: 5px;
  185. margin: 10px;
  186. text-align: center;
  187. border: 3px solid #120e0c;
  188. border-radius: 15px;
  189. background: #1d1b1a;
  190. }
  191.  
  192. .sub_button {
  193. border: none;
  194. background-color: transparent;
  195. padding: 3px;
  196. margin: 0px;
  197. border-image: initial;
  198. font-size: 8px;
  199. }
  200.  
  201. .comment_input, .new_topic {
  202. width: 800px;
  203. background-color: transparent;
  204. padding: 5px;
  205. text-align: center;
  206. border: none;
  207. border-radius: 15px;
  208. }
  209.  
  210. .new_topic textarea, .comment_input textarea {
  211. background: #120e0c;
  212. color: #f1f1f1;
  213. padding: 5px;
  214. text-align: center;
  215. width: 500px;
  216. border-radius:15px;
  217. border: none;
  218. }
  219.  
  220. .comment_input input, .new_topic input
  221. { background: #120e0c;
  222. padding: 2px;
  223. text-align: center;
  224. border: none;
  225. border-radius: 15px;
  226. }
  227.  
  228. a:link, .menu2, .menu2 a:link {
  229. color: #dc8146;
  230. font-family: trebuchet ms;
  231. font-size: 11px;
  232. text-transform: none;
  233. text-decoration: none;
  234. -webkit-transition: all 0.5s ease-out;
  235. -moz-transition: all 0.5s ease-out;
  236. }
  237.  
  238. a:visited, .menu2 a:visited {
  239. color: #dc8146;
  240. text-transform: none;
  241. font-family: trebuchet ms;
  242. font-size: 11px;
  243. text-decoration: none;
  244. }
  245.  
  246. a:hover, .menu, .menu a:link, .menu a:visited {
  247. color: #df361f;
  248. text-decoration: none;
  249. font-family: trebuchet ms;
  250. font-size: 11px;
  251. text-transform: none;
  252. background: transparent;
  253. -webkit-transition: all 0.5s ease-out;
  254. -moz-transition: all 0.5s ease-out;
  255. }
  256.  
  257. blockquote {
  258. text-align: center;
  259. font-family: trebuchet ms;
  260. font-size: 9pt;
  261. padding: 4px;
  262. color: #f1f1f1;
  263. background-color: #120e0c;
  264. border-left: 15px solid #df361f;
  265. border-right: 15px solid #df361f;
  266. border-radius: 15px;
  267. }
  268.  
  269. textarea {
  270. background: #120e0c;
  271. margin: 15px;
  272. width: 200px;
  273. padding: 7px;
  274. text-align: center;
  275. }
  276.  
  277. b {
  278. color: #dc5f21;
  279. font-family: trebuchet ms;
  280. font-style: none;
  281. text-transform: uppercase;
  282. font-size: 8pt;
  283. }
  284.  
  285. i {
  286. text-transform: none;
  287. font-family: georgia;
  288. color: #cb6222;
  289. font-size: 11px;
  290. letter-spacing: 1px;
  291. }
  292.  
  293. u {
  294. border-bottom: 2px dotted #c9311d;
  295. text-transform: none;
  296. font-family: georgia;
  297. font-size: 11px;
  298. letter-spacing: 2px;
  299. }
  300.  
  301. s {
  302. text-transform: none;
  303. font-family: trebuchet ms;
  304. font-size: 8pt;
  305. letter-spacing: 1px;
  306. color: #c9311d;
  307. }
  308.  
  309. h1 {
  310. font-family: trebuchet ms;
  311. text-transform: uppercase;
  312. text-align: center;
  313. font-size: 16px;
  314. line-height: 10pt;
  315. color: #fff;
  316. background: #7d3327;
  317. display: block;
  318. margin: 3px;
  319. padding: 1px;
  320. font-weight: lighter;
  321. border-bottom: 3px solid #ce311d;
  322. border-radius: 5px;
  323. }
  324. h3 {
  325. color: #f1f1f1;
  326. background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f21), to(#e2381f));
  327. #dc5f21 &gt; top;
  328. #e2381f &gt; bottom;
  329. margin: 3px;
  330. padding-top: 1px;
  331. border-radius: 10px;
  332. border-bottom: 2px dotted #d66a2a;
  333. font-family: trebuchet ms;
  334. text-transform: uppercase;
  335. font-size: 9pt;
  336. line-height: 10px;
  337. text-align: center;
  338. display: block;
  339. margin-bottom: 1px;
  340. }
  341.  
  342. .staff img {
  343. background-image: url('http://i.imgur.com/r5z7k99.png');
  344. background-position: top right;
  345. border: 1px solid #e53b1e;
  346. padding: 1px;
  347. width: 50px;
  348. height: 50px;
  349. margin: 2px;
  350. -webkit-transition: all 0.5s ease-out;
  351. -moz-transition: all 0.5s ease-out;
  352. }
  353.  
  354. .staff img:hover {
  355. background-image: url('http://i.imgur.com/r5z7k99.png');
  356. background-position: bottom left;
  357. padding: 1px;
  358. margin: 2px;
  359. border: 1px solid #120e0c;
  360. width: 50px;
  361. height: 50px;
  362. -webkit-transition: all 0.5s ease-out;
  363. -moz-transition: all 0.5s ease-out;
  364. }
  365.  
  366. .ft img {
  367. background-image: url('http://i.imgur.com/r5z7k99.png');
  368. background-position: top right;
  369. border: 1px solid #e53b1e;
  370. padding: 1px;
  371. width: 140px;
  372. height: 75px;
  373. margin: 2px;
  374. -webkit-transition: all 0.5s ease-out;
  375. -moz-transition: all 0.5s ease-out;
  376. }
  377.  
  378. .ft img:hover {
  379. background-image: url('http://i.imgur.com/r5z7k99.png');
  380. background-position: bottom left;
  381. padding: 1px;
  382. margin: 2px;
  383. border: 1px solid #120e0c;
  384. width: 140px;
  385. height: 75px;
  386. -webkit-transition: all 0.5s ease-out;
  387. -moz-transition: all 0.5s ease-out;
  388. }
  389.  
  390. .win img {
  391. background-image: url('http://i.imgur.com/r5z7k99.png');
  392. background-position: top right;
  393. border: 1px solid #e53b1e;
  394. padding: 1px;
  395. width: 60px;
  396. height: 65px;
  397. margin: 2px;
  398. -webkit-transition: all 0.5s ease-out;
  399. -moz-transition: all 0.5s ease-out;
  400. }
  401.  
  402. .win img:hover {
  403. background-image: url('http://i.imgur.com/r5z7k99.png');
  404. background-position: bottom left;
  405. padding: 1px;
  406. margin: 2px;
  407. border: 1px solid #120e0c;
  408. width: 60px;
  409. height: 65px;
  410. -webkit-transition: all 0.5s ease-out;
  411. -moz-transition: all 0.5s ease-out;
  412. }
  413.  
  414. .member_thumbnail, .righticon {
  415. background-image: url('http://i.imgur.com/r5z7k99.png');
  416. background-position: top right;
  417. border: 2px solid #e53b1e;
  418. padding: 5px;
  419. width: 100px;
  420. height: 100px;
  421. -webkit-transition: all 0.5s ease-out;
  422. -moz-transition: all 0.5s ease-out;
  423. }
  424.  
  425. .member_thumbnail:hover, .righticon:hover {
  426. background-image: url('http://i.imgur.com/r5z7k99.png');
  427. background-position: bottom left;
  428. top:1px;
  429. padding: 5px;
  430. right: 1px;
  431. border: 2px solid #120e0c;
  432. width: 100px;
  433. height: 100px;
  434. -webkit-transition: all 0.5s ease-out;
  435. -moz-transition: all 0.5s ease-out;
  436. }
  437.  
  438. a:link img[src="http://e.vampirefreaks.com/images/win.png"]{background-image: url(http://i.imgur.com/TJyQgyG.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px}
  439.  
  440. a:link img[src="http://e.vampirefreaks.com/images/fail.png"]{background-image: url(http://i.imgur.com/URfHcd6.png); top right no-repeat; height: 11px; width:0px; padding-right: 10px}
  441.  
  442. img[src="http://e.vampirefreaks.com/images/sticky_cult.gif"]{background-image: url('http://i.imgur.com/Uiebmdl.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  443.  
  444. img[src="http://e.vampirefreaks.com/images/locked.gif"]{ background-image: url('http://i.imgur.com/lId9S8R.png'); top right no-repeat; height: 12px; width:0px; padding-right: 9px;}
  445.  
  446. img[src="http://e.vampirefreaks.com/images/poll_icon.gif"]{ background-image: url('http://i.imgur.com/Fr90qDe.png'); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  447.  
  448. ::-webkit-scrollbar { width:5px; background:#120e0c; }
  449.  
  450. ::-webkit-scrollbar-track-piece { background: transparent; width:1px; border: none; overflow:hidden; -webkit-border-radius:100px; }
  451.  
  452. ::-webkit-scrollbar-thumb{ -webkit-border-radius:0px; background: #e53b1e; width:5px; border:none; }
  453.  
  454. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {height:5px; display: block; background-color:transparent; -webkit-border-radius:100px; border:none;
  455. -webkit-transition: all 0.5s ease-out;
  456. -moz-transition: all 0.5s ease-out;}
  457.  
  458. ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover{background-color:#e53b1e; cursor:hand;}
  459.  
  460. ::-webkit-scrollbar-button:start:decrement:active, ::-webkit-scrollbar-button:end:increment:active{background:transparent;}
  461.  
  462. a:link img[src="http://e.vampirefreaks.com/emotes/vf_red-16.png"]{background-image: url(http://i.imgur.com/jwaU2zE.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  463.  
  464. a:link img[src="http://e.vampirefreaks.com/emotes/vf_white-16.png"]{background-image: url(http://i.imgur.com/tfjgpNq.png); top right no-repeat; height: 10px; width:0px; padding-right: 10px;}
  465.  
  466. .navlink:link, .navlink:active, .navlink:visited {
  467. color: #f1f1f1;
  468. height: 31px;
  469. line-height: 31px;
  470. font-family: Trebuchet MS;
  471. font-size: 6pt;
  472. font-weight: lighter;
  473. text-transform: uppercase;
  474. font-weight: lighter;
  475. padding: 2px;
  476. margin-top: 5px;
  477. text-align: center;
  478. display: block;
  479. background: #120e0c;
  480. letter-spacing: 1px;
  481. -webkit-transition: all 0.5s ease-out;
  482. -moz-transition: all 0.5s ease-out;
  483. }
  484.  
  485. .navlink:hover {
  486. color: #f1f1f1;
  487. height: 31px;
  488. line-height: 31px;
  489. font-size: 6pt;
  490. text-transform: uppercase;
  491. font-style: normal;
  492. font-weight: lighter;
  493. text-align: center;
  494. margin-top: 5px;
  495. display: block;
  496. background: #ce311d;
  497. -webkit-transition: all 0.5s ease-out;
  498. -moz-transition: all 0.5s ease-out;
  499. }
  500.  
  501.  
  502. .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; }
  503. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!