feedback.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /**
  2. * Styles for the feedback form.
  3. */
  4. /* Reset commonly set styles */
  5. #block-feedback-form,
  6. #block-feedback-form .feedback-link,
  7. #block-feedback-form .feedback-link *,
  8. #block-feedback-form .content,
  9. #block-feedback-form form {
  10. float: none;
  11. margin: 0;
  12. padding: 0;
  13. border: 0;
  14. font-size: 100%;
  15. font-weight: normal;
  16. color: inherit;
  17. }
  18. #block-feedback-form {
  19. display: none;
  20. position: fixed;
  21. bottom: 60px;
  22. right: 20px;
  23. overflow: hidden;
  24. z-index: 10;
  25. }
  26. /* IE6 seems to be unable to handle fixed */
  27. * html #block-feedback-form {
  28. position: absolute;
  29. }
  30. #block-feedback-form .feedback-link {
  31. padding: 0.3em 0;
  32. text-align: right;
  33. font-size: 12px;
  34. }
  35. #block-feedback-form .feedback-link * {
  36. display: inline;
  37. font-size: 12px;
  38. }
  39. #block-feedback-form form {
  40. border: 1px solid #ccc;
  41. padding: 6px;
  42. background-color: #fff;
  43. opacity: 0.9;
  44. max-width: 300px;
  45. }
  46. /* IE6 doesn't support max-width. */
  47. * html #block-feedback-form form {
  48. width: 300px;
  49. }
  50. #block-feedback-form .feedback-help {
  51. margin: 0 0 0.5em;
  52. font-size: 10px;
  53. line-height: normal;
  54. }
  55. #block-feedback-form .feedback-message {
  56. height: 10ex;
  57. }
  58. #block-feedback-form .ajax-progress .throbber {
  59. background: transparent url(images/throbber.gif) no-repeat left center;
  60. height: 16px;
  61. width: 16px;
  62. }
  63. /**
  64. * Styles for existing feedback messages.
  65. */
  66. #block-feedback-form .feedback-submitted {
  67. margin-top: 0.2em;
  68. font-size: 10px;
  69. }