Advertisement
conception

MeetMe HTML Header VFDT

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