API tools faq
paste
Advertisement
conception

Pokemon HTML Header VFDT

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