You are here

Home » API reference » Form Tips 5

formtips.css in Form Tips 5

Same filename and directory in other branches
  1. 6.2 formtips.css
  2. 6 formtips.css
  3. 7 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;
  margin-top: 30px;
}

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.   margin-top: 30px;

  19. }

  20. 

  21. a.formtip {

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

  23.   width: 12px;

  24.   height: 12px;

  25.   display: inline-block;

  26.   margin-left: 4px;

  27. }

  28. 

  29. a.formtip:hover {

  30.   background-position: 0 -12px;

  31.   text-decoration: none;

  32. }

  33. 

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

  35. 

  36. a.formtip:hover {

  37.   border: none !important;

  38. }

  39. 

  40. .description.formtips-processed {

  41.   line-height: 1.35;

  42.   letter-spacing: 0.05em;

  43. }