Advertisement
conception

Beautiful_Freaks HTML/Header VFDT

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