feedback.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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 input[type="text"] {
  56. -moz-box-sizing: border-box;
  57. -webkit-box-sizing: border-box;
  58. box-sizing: border-box;
  59. max-width: 100%;
  60. }
  61. #block-feedback-form .form-actions {
  62. margin: 1em 0 0;
  63. padding: 0;
  64. }
  65. /* Ajax interaction styles */
  66. #block-feedback-form .feedback-message {
  67. height: 10ex;
  68. }
  69. #block-feedback-form .ajax-progress .throbber {
  70. background: transparent url(images/throbber.gif) no-repeat left center;
  71. height: 16px;
  72. width: 16px;
  73. }
  74. /**
  75. * Styles for existing feedback messages.
  76. */
  77. #block-feedback-form .feedback-entry {
  78. font-size: 80%;
  79. }
  80. .feedback-entry .feedback-submitted {
  81. margin-top: 0.2em;
  82. font-size: 90%;
  83. }
  84. .feedback-entry .browserinfo {
  85. color: #666;
  86. font-size: 80%;
  87. }