Advertisement
conception

Cultivation HTML Header

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