API tools faq
paste
Advertisement
conception

Metamorphosis HTML/header

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