conception

gta html header

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