Advertisement
conception

Cliques HTML/Header VFDT

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