You are here

Home » API reference » Modal forms (with ctools) 6

modal_forms_popup.css in Modal forms (with ctools) 6

Same filename and directory in other branches
  1. 7 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 {
  border: none;
  margin: 0;
  padding: 0;
}
div.modal-forms-modal-content div.messages > .messages {
  border: 1px solid;
  margin: 6px 0;
  padding: 10px 10px 10px 40px;
}

/* 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 .modal-scroll {
  overflow: hidden;
  overflow-y: auto;
}

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

div.modal-forms-modal-content .modal-header {
  background-color: transparent;
}

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

div.modal-forms-modal-content .popups-close {
  float: none;
  text-align: left;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(../images/controls.png) -25px 0 no-repeat;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

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. 

  3. div.modal-forms-modal-content .resizable-textarea {

  4.   margin-left: 0;

  5.   margin-right: 0;

  6. }

  7. 

  8. div.modal-forms-modal-content .form-item label {

  9.   float: none;

  10.   width: auto;

  11. }

  12. 

  13. div.modal-forms-modal-content .item-list ul li {

  14.   margin: 0 0 0.25em 1.5em;

  15. }

  16. 

  17. div.modal-forms-modal-content div.messages {

  18.   border: none;

  19.   margin: 0;

  20.   padding: 0;

  21. }

  22. div.modal-forms-modal-content div.messages > .messages {

  23.   border: 1px solid;

  24.   margin: 6px 0;

  25.   padding: 10px 10px 10px 40px;

  26. }

  27. 

  28. /* Styles for modal forms modal */

  29. 

  30. div.modal-forms-modal-content {

  31.   background: transparent;

  32.   color: #000;

  33.   font: 12px "Lucida Grande", Verdana, Arial, sans-serif;

  34.   border: 0;

  35.   margin: 0;

  36.   padding: 0;

  37. }

  38. 

  39. div.modal-forms-modal-content .modal-scroll {

  40.   overflow: hidden;

  41.   overflow-y: auto;

  42. }

  43. 

  44. div.modal-forms-modal-content .popups-container {

  45.   overflow: hidden;

  46.   height: 100%;

  47.   background: #fff;

  48.   padding: 5px;

  49.   text-align: left;

  50.   -moz-border-radius: 5px;

  51.   -webkit-border-radius: 5px;

  52.   border-radius: 5px;

  53. }

  54. 

  55. div.modal-forms-modal-content .modal-header {

  56.   background-color: transparent;

  57. }

  58. 

  59. div.modal-forms-modal-content .modal-title {

  60.   display: inline;

  61.   color: #000;

  62. }

  63. 

  64. div.modal-forms-modal-content .popups-close {

  65.   float: none;

  66.   text-align: left;

  67.   cursor: pointer;

  68.   position: absolute;

  69.   top: 5px;

  70.   right: 5px;

  71.   background: url(../images/controls.png) -25px 0 no-repeat;

  72.   width: 25px;

  73.   height: 25px;

  74.   text-indent: -9999px;

  75. }

  76. 

  77. div.modal-forms-modal-content .popups-close:hover {

  78.   background-position: -25px -25px;

  79. }