annotate sites/all/modules/ctools/css/modal.css @ 0:ff03f76ab3fe

initial version
author danieleb <danielebarchiesi@me.com>
date Wed, 21 Aug 2013 18:51:11 +0100
parents
children
rev   line source
danielebarchiesi@0 1 div.ctools-modal-content {
danielebarchiesi@0 2 background: #fff;
danielebarchiesi@0 3 color: #000;
danielebarchiesi@0 4 padding: 0;
danielebarchiesi@0 5 margin: 2px;
danielebarchiesi@0 6 border: 1px solid #000;
danielebarchiesi@0 7 width: 600px;
danielebarchiesi@0 8 text-align: left;
danielebarchiesi@0 9 }
danielebarchiesi@0 10
danielebarchiesi@0 11 div.ctools-modal-content .modal-title {
danielebarchiesi@0 12 font-size: 120%;
danielebarchiesi@0 13 font-weight: bold;
danielebarchiesi@0 14 color: white;
danielebarchiesi@0 15 overflow: hidden;
danielebarchiesi@0 16 white-space: nowrap;
danielebarchiesi@0 17 }
danielebarchiesi@0 18
danielebarchiesi@0 19 div.ctools-modal-content .modal-header {
danielebarchiesi@0 20 background-color: #2385c2;
danielebarchiesi@0 21 padding: 0 .25em 0 1em;
danielebarchiesi@0 22 }
danielebarchiesi@0 23
danielebarchiesi@0 24 div.ctools-modal-content .modal-header a {
danielebarchiesi@0 25 color: white;
danielebarchiesi@0 26 }
danielebarchiesi@0 27
danielebarchiesi@0 28 div.ctools-modal-content .modal-content {
danielebarchiesi@0 29 padding: 1em 1em 0 1em;
danielebarchiesi@0 30 overflow: auto;
danielebarchiesi@0 31 position: relative; /* Keeps IE7 from flowing outside the modal. */
danielebarchiesi@0 32 }
danielebarchiesi@0 33
danielebarchiesi@0 34 div.ctools-modal-content .modal-form {
danielebarchiesi@0 35 }
danielebarchiesi@0 36
danielebarchiesi@0 37 div.ctools-modal-content a.close {
danielebarchiesi@0 38 color: white;
danielebarchiesi@0 39 float: right;
danielebarchiesi@0 40 }
danielebarchiesi@0 41
danielebarchiesi@0 42 div.ctools-modal-content a.close:hover {
danielebarchiesi@0 43 text-decoration: none;
danielebarchiesi@0 44 }
danielebarchiesi@0 45
danielebarchiesi@0 46 div.ctools-modal-content a.close img {
danielebarchiesi@0 47 position: relative;
danielebarchiesi@0 48 top: 1px;
danielebarchiesi@0 49 }
danielebarchiesi@0 50
danielebarchiesi@0 51 div.ctools-modal-content .modal-content .modal-throbber-wrapper {
danielebarchiesi@0 52 text-align: center;
danielebarchiesi@0 53 }
danielebarchiesi@0 54
danielebarchiesi@0 55 div.ctools-modal-content .modal-content .modal-throbber-wrapper img {
danielebarchiesi@0 56 margin-top: 160px;
danielebarchiesi@0 57 }
danielebarchiesi@0 58
danielebarchiesi@0 59 /** modal forms CSS **/
danielebarchiesi@0 60 div.ctools-modal-content .form-item label {
danielebarchiesi@0 61 width: 15em;
danielebarchiesi@0 62 float: left;
danielebarchiesi@0 63 }
danielebarchiesi@0 64
danielebarchiesi@0 65 div.ctools-modal-content .form-item label.option {
danielebarchiesi@0 66 width: auto;
danielebarchiesi@0 67 float: none;
danielebarchiesi@0 68 }
danielebarchiesi@0 69
danielebarchiesi@0 70 div.ctools-modal-content .form-item .description {
danielebarchiesi@0 71 clear: left;
danielebarchiesi@0 72 }
danielebarchiesi@0 73
danielebarchiesi@0 74 div.ctools-modal-content .form-item .description .tips {
danielebarchiesi@0 75 margin-left: 2em;
danielebarchiesi@0 76 }
danielebarchiesi@0 77
danielebarchiesi@0 78 div.ctools-modal-content .no-float .form-item * {
danielebarchiesi@0 79 float: none;
danielebarchiesi@0 80 }
danielebarchiesi@0 81
danielebarchiesi@0 82 div.ctools-modal-content .modal-form .no-float label {
danielebarchiesi@0 83 width: auto;
danielebarchiesi@0 84 }
danielebarchiesi@0 85
danielebarchiesi@0 86 div.ctools-modal-content fieldset,
danielebarchiesi@0 87 div.ctools-modal-content .form-radios,
danielebarchiesi@0 88 div.ctools-modal-content .form-checkboxes {
danielebarchiesi@0 89 clear: left;
danielebarchiesi@0 90 }
danielebarchiesi@0 91
danielebarchiesi@0 92 div.ctools-modal-content .resizable-textarea {
danielebarchiesi@0 93 width: auto;
danielebarchiesi@0 94 margin-left: 15em;
danielebarchiesi@0 95 margin-right: 5em;
danielebarchiesi@0 96 }
danielebarchiesi@0 97
danielebarchiesi@0 98 div.ctools-modal-content .container-inline .form-item {
danielebarchiesi@0 99 margin-right: 2em;
danielebarchiesi@0 100 }
danielebarchiesi@0 101
danielebarchiesi@0 102 #views-exposed-pane-wrapper .form-item {
danielebarchiesi@0 103 margin-top: 0;
danielebarchiesi@0 104 margin-bottom: 0;
danielebarchiesi@0 105 }
danielebarchiesi@0 106
danielebarchiesi@0 107 div.ctools-modal-content label.hidden-options {
danielebarchiesi@0 108 background: transparent url(../images/arrow-active.png) no-repeat right;
danielebarchiesi@0 109 height: 12px;
danielebarchiesi@0 110 padding-right: 12px;
danielebarchiesi@0 111 }
danielebarchiesi@0 112
danielebarchiesi@0 113 div.ctools-modal-content label.expanded-options {
danielebarchiesi@0 114 background: transparent url(../images/expanded-options.png) no-repeat right;
danielebarchiesi@0 115 height: 12px;
danielebarchiesi@0 116 padding-right: 16px;
danielebarchiesi@0 117 }
danielebarchiesi@0 118
danielebarchiesi@0 119 div.ctools-modal-content .option-text-aligner label.expanded-options,
danielebarchiesi@0 120 div.ctools-modal-content .option-text-aligner label.hidden-options {
danielebarchiesi@0 121 background: none;
danielebarchiesi@0 122 }
danielebarchiesi@0 123
danielebarchiesi@0 124 div.ctools-modal-content .dependent-options {
danielebarchiesi@0 125 padding-left: 30px;
danielebarchiesi@0 126 }