You are here

Home » API reference » Form Tips 7

formtips.css in Form Tips 7

Same filename and directory in other branches
  1. 5 formtips.css
  2. 6.2 formtips.css
  3. 6 formtips.css
.form-type-checkbox .formtips-wrapper {
  display: inline-block;
}

.description.formtips-processed p {
  margin-bottom: 0;
}

form fieldset .formtips-processed,
.formtips-processed {
  position: absolute;
  background-color: #111;
  color: #ddd;
  padding: 5px;
  border: 5px solid #777;
  opacity: 0.9;
  z-index: 100;
}

a.formtip {
  background: url(help.png) no-repeat 0 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 4px;
}

a.formtip:hover {
  background-position: 0 -12px;
  text-decoration: none;
}

/* @todo move these theme-specific rules to the theme */

a.formtip:hover {
  border: none !important;
}

.description.formtips-processed {
  line-height: 1.35;
  letter-spacing: 0.05em;
}

File

formtips.css
View source 
  1. .form-type-checkbox .formtips-wrapper {

  2.   display: inline-block;

  3. }

  4. 

  5. .description.formtips-processed p {

  6.   margin-bottom: 0;

  7. }

  8. 

  9. form fieldset .formtips-processed,

  10. .formtips-processed {

  11.   position: absolute;

  12.   background-color: #111;

  13.   color: #ddd;

  14.   padding: 5px;

  15.   border: 5px solid #777;

  16.   opacity: 0.9;

  17.   z-index: 100;

  18. }

  19. 

  20. a.formtip {

  21.   background: url(help.png) no-repeat 0 0;

  22.   width: 12px;

  23.   height: 12px;

  24.   display: inline-block;

  25.   margin-left: 4px;

  26. }

  27. 

  28. a.formtip:hover {

  29.   background-position: 0 -12px;

  30.   text-decoration: none;

  31. }

  32. 

  33. /* @todo move these theme-specific rules to the theme */

  34. 

  35. a.formtip:hover {

  36.   border: none !important;

  37. }

  38. 

  39. .description.formtips-processed {

  40.   line-height: 1.35;

  41.   letter-spacing: 0.05em;

  42. }