preview.css 922 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* Positioning */
  2. #preview {
  3. overflow: hidden;
  4. max-width: 100%;
  5. }
  6. #preview,
  7. #preview #img {
  8. width: 600px;
  9. height: 371px;
  10. }
  11. #preview #gradient-0 {
  12. position: absolute;
  13. left: 0;
  14. right: 0;
  15. top: 19px;
  16. height: 120px;
  17. z-index: 2;
  18. }
  19. #preview #text {
  20. position: absolute;
  21. left: 80px;
  22. width: 436px;
  23. top: 160px;
  24. height: 120px;
  25. z-index: 4;
  26. }
  27. #preview #img {
  28. position: relative;
  29. z-index: 3;
  30. background-image: url(preview.png);
  31. }
  32. #preview #gradient-0 .gradient-line {
  33. height: 10px;
  34. overflow: hidden;
  35. }
  36. /* Basic styles to match */
  37. #preview {
  38. font: 12px/170% Verdana;
  39. }
  40. #preview h2 {
  41. margin: 0;
  42. padding: 0;
  43. font-weight: normal;
  44. font-family: Helvetica, Arial, sans-serif;
  45. font-size: 160%;
  46. line-height: 130%;
  47. }
  48. #preview p {
  49. margin: .5em 0;
  50. }
  51. #preview a:link,
  52. #preview a:visited {
  53. text-decoration: none;
  54. font-weight: normal;
  55. }
  56. #preview a:hover {
  57. text-decoration: underline;
  58. }