Mercurial > hg > rr-repo
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 } |