You are here

Home » API reference » Feedback 7.2

feedback.css in Feedback 7.2

Same filename and directory in other branches
  1. 5.2 feedback.css
  2. 6.2 feedback.css
/**
 * Styles for the feedback form.
 */
/* 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 {
  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: 300px;
}
/* IE6 doesn't support max-width. */
* html #block-feedback-form form {
  width: 300px;
}
#block-feedback-form .feedback-help {
  margin: 0 0 0.5em;
  font-size: 10px;
  line-height: normal;
}
#block-feedback-form input[type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
#block-feedback-form .form-actions {
  margin: 1em 0 0;
  padding: 0;
}

/* Ajax interaction styles */
#block-feedback-form .feedback-message {
  height: 10ex;
}
#block-feedback-form .ajax-progress .throbber {
  background: transparent url(images/throbber.gif) no-repeat left center;
  height: 16px;
  width: 16px;
}

/**
 * Styles for existing feedback messages.
 */
#block-feedback-form .feedback-entry {
  font-size: 80%;
}
.feedback-entry .feedback-submitted {
  margin-top: 0.2em;
  font-size: 90%;
}
.feedback-entry .browserinfo {
  color: #666;
  font-size: 80%;
}

File

feedback.css
View source 
  1. 

  2. /**

  3.  * Styles for the feedback form.

  4.  */

  5. /* Reset commonly set styles */

  6. #block-feedback-form,

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

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

  9. #block-feedback-form .content,

  10. #block-feedback-form form {

  11.   float: none;

  12.   margin: 0;

  13.   padding: 0;

  14.   border: 0;

  15.   font-size: 100%;

  16.   font-weight: normal;

  17.   color: inherit;

  18. }

  19. 

  20. #block-feedback-form {

  21.   display: none;

  22.   position: fixed;

  23.   bottom: 60px;

  24.   right: 20px;

  25.   overflow: hidden;

  26.   z-index: 10;

  27. }

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

  29. * html #block-feedback-form {

  30.   position: absolute;

  31. }

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

  33.   padding: 0.3em 0;

  34.   text-align: right;

  35.   font-size: 12px;

  36. }

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

  38.   display: inline;

  39.   font-size: 12px;

  40. }

  41. #block-feedback-form form {

  42.   border: 1px solid #ccc;

  43.   padding: 6px;

  44.   background-color: #fff;

  45.   opacity: 0.9;

  46.   max-width: 300px;

  47. }

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

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

  50.   width: 300px;

  51. }

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

  53.   margin: 0 0 0.5em;

  54.   font-size: 10px;

  55.   line-height: normal;

  56. }

  57. #block-feedback-form input[type="text"] {

  58.   -moz-box-sizing: border-box;

  59.   -webkit-box-sizing: border-box;

  60.   box-sizing: border-box;

  61.   max-width: 100%;

  62. }

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

  64.   margin: 1em 0 0;

  65.   padding: 0;

  66. }

  67. 

  68. /* Ajax interaction styles */

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

  70.   height: 10ex;

  71. }

  72. #block-feedback-form .ajax-progress .throbber {

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

  74.   height: 16px;

  75.   width: 16px;

  76. }

  77. 

  78. /**

  79.  * Styles for existing feedback messages.

  80.  */

  81. #block-feedback-form .feedback-entry {

  82.   font-size: 80%;

  83. }

  84. .feedback-entry .feedback-submitted {

  85.   margin-top: 0.2em;

  86.   font-size: 90%;

  87. }

  88. .feedback-entry .browserinfo {

  89.   color: #666;

  90.   font-size: 80%;

  91. }