You are here

Home » API reference » Feedback 6.2

feedback.css in Feedback 6.2

Same filename and directory in other branches
  1. 5.2 feedback.css
  2. 7.2 feedback.css
/* Reset commonly set styles */
#block-feedback-form,
#block-feedback-form .feedback-link,
#block-feedback-form .feedback-link *,
#block-feedback-form .content,
#block-feedback-form form,
#block-feedback-form form label {
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  color: inherit;
}


#block-feedback-form {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 20px;
  overflow: hidden;
  z-index: 10;
}
/* IE6 seems to be unable to handle fixed */
* html #block-feedback-form {
  position: absolute;
}
#block-feedback-form .feedback-link {
  padding: 0.3em 0;
  text-align: right;
  font-size: 12px;
}
#block-feedback-form .feedback-link * {
  display: inline;
  font-size: 12px;
}
#block-feedback-form form {
  border: 1px solid #ccc;
  padding: 6px;
  background-color: #fff;
  opacity: 0.9;
  max-width: 200px;
}
/* IE6 doesn't support max-width. */
* html #block-feedback-form form {
  width: 200px;
}
#block-feedback-form .feedback-help {
  margin: 0 0 0.5em;
  font-size: 10px;
  line-height: normal;
}
#block-feedback-form .feedback-submitted {
  margin-top: 0.2em;
  font-size: 10px;
}
#block-feedback-form .form-textarea {
  width: 97%;
}
#block-feedback-form .feedback-message {
  height: 10ex;
}
#block-feedback-form .resizable-textarea .grippie {
  width: 204px;
}
/* IE6 fails to render textarea with full width */
* html #block-feedback-form .resizable-textarea textarea {
  width: 200px;
}
#block-feedback-form #feedback-throbber {
  height: 20px;
}
#block-feedback-form .throbbing {
  background: url(images/throbber.gif) no-repeat left center;
}
#block-feedback-form #feedback-submit {
  margin: 0;
}

File

feedback.css
View source 
  1. 

  2. /* Reset commonly set styles */

  3. #block-feedback-form,

  4. #block-feedback-form .feedback-link,

  5. #block-feedback-form .feedback-link *,

  6. #block-feedback-form .content,

  7. #block-feedback-form form,

  8. #block-feedback-form form label {

  9.   float: none;

  10.   margin: 0;

  11.   padding: 0;

  12.   border: 0;

  13.   font-size: 100%;

  14.   font-weight: normal;

  15.   color: inherit;

  16. }

  17. 

  18. 

  19. #block-feedback-form {

  20.   display: none;

  21.   position: fixed;

  22.   bottom: 60px;

  23.   right: 20px;

  24.   overflow: hidden;

  25.   z-index: 10;

  26. }

  27. /* IE6 seems to be unable to handle fixed */

  28. * html #block-feedback-form {

  29.   position: absolute;

  30. }

  31. #block-feedback-form .feedback-link {

  32.   padding: 0.3em 0;

  33.   text-align: right;

  34.   font-size: 12px;

  35. }

  36. #block-feedback-form .feedback-link * {

  37.   display: inline;

  38.   font-size: 12px;

  39. }

  40. #block-feedback-form form {

  41.   border: 1px solid #ccc;

  42.   padding: 6px;

  43.   background-color: #fff;

  44.   opacity: 0.9;

  45.   max-width: 200px;

  46. }

  47. /* IE6 doesn't support max-width. */

  48. * html #block-feedback-form form {

  49.   width: 200px;

  50. }

  51. #block-feedback-form .feedback-help {

  52.   margin: 0 0 0.5em;

  53.   font-size: 10px;

  54.   line-height: normal;

  55. }

  56. #block-feedback-form .feedback-submitted {

  57.   margin-top: 0.2em;

  58.   font-size: 10px;

  59. }

  60. #block-feedback-form .form-textarea {

  61.   width: 97%;

  62. }

  63. #block-feedback-form .feedback-message {

  64.   height: 10ex;

  65. }

  66. #block-feedback-form .resizable-textarea .grippie {

  67.   width: 204px;

  68. }

  69. /* IE6 fails to render textarea with full width */

  70. * html #block-feedback-form .resizable-textarea textarea {

  71.   width: 200px;

  72. }

  73. #block-feedback-form #feedback-throbber {

  74.   height: 20px;

  75. }

  76. #block-feedback-form .throbbing {

  77.   background: url(images/throbber.gif) no-repeat left center;

  78. }

  79. #block-feedback-form #feedback-submit {

  80.   margin: 0;

  81. }