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