You are here

modal_forms_popup.css in Modal forms (with ctools) 7

Same filename and directory in other branches
  1. 6 css/modal_forms_popup.css
/* Reset some styles from system.css and modal.css */

div.modal-forms-modal-content .resizable-textarea {
  margin-left: 0;
  margin-right: 0;
}

div.modal-forms-modal-content .form-item label {
  float: none;
  width: auto;
}

div.modal-forms-modal-content .item-list ul li {
  margin: 0 0 0.25em 1.5em;
}

div.modal-forms-modal-content div.messages {
  margin: 0;
}

/* Styles for modal forms modal */

div.modal-forms-modal-content {
  background: transparent;
  color: #000;
  font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
  border: 0;
  margin: 0;
  padding: 0;
}

div.modal-forms-modal-content .popups-container {
  overflow: hidden;
  height: 100%;
  background: #fff;
  text-align: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div.modal-forms-modal-content .modal-header {
  background-color: transparent;
  padding: 0.5em 1em 0 1em;
  min-height: 25px;
}

div.modal-forms-modal-content .modal-title {
  display: inline;
  color: #000;
}

div.modal-forms-modal-content .popups-close {
  float: right;
  cursor: pointer;
  background: url(../images/controls.png) -25px 0px no-repeat;
  width: 25px;
  height: 25px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

div.modal-forms-modal-content .popups-close:hover {
  background-position: -25px -25px;
}

File

css/modal_forms_popup.css
View source
  1. /* Reset some styles from system.css and modal.css */
  2. div.modal-forms-modal-content .resizable-textarea {
  3. margin-left: 0;
  4. margin-right: 0;
  5. }
  6. div.modal-forms-modal-content .form-item label {
  7. float: none;
  8. width: auto;
  9. }
  10. div.modal-forms-modal-content .item-list ul li {
  11. margin: 0 0 0.25em 1.5em;
  12. }
  13. div.modal-forms-modal-content div.messages {
  14. margin: 0;
  15. }
  16. /* Styles for modal forms modal */
  17. div.modal-forms-modal-content {
  18. background: transparent;
  19. color: #000;
  20. font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
  21. border: 0;
  22. margin: 0;
  23. padding: 0;
  24. }
  25. div.modal-forms-modal-content .popups-container {
  26. overflow: hidden;
  27. height: 100%;
  28. background: #fff;
  29. text-align: left;
  30. -moz-border-radius: 5px;
  31. -webkit-border-radius: 5px;
  32. border-radius: 5px;
  33. }
  34. div.modal-forms-modal-content .modal-header {
  35. background-color: transparent;
  36. padding: 0.5em 1em 0 1em;
  37. min-height: 25px;
  38. }
  39. div.modal-forms-modal-content .modal-title {
  40. display: inline;
  41. color: #000;
  42. }
  43. div.modal-forms-modal-content .popups-close {
  44. float: right;
  45. cursor: pointer;
  46. background: url(../images/controls.png) -25px 0px no-repeat;
  47. width: 25px;
  48. height: 25px;
  49. text-indent: 100%;
  50. white-space: nowrap;
  51. overflow: hidden;
  52. }
  53. div.modal-forms-modal-content .popups-close:hover {
  54. background-position: -25px -25px;
  55. }