1 | /* $Id: modal.css,v 1.6.2.4 2010/08/21 00:28:39 merlinofchaos Exp $ */ |
---|
2 | div.ctools-modal-content { |
---|
3 | background: #fff; |
---|
4 | color: #000; |
---|
5 | padding: 0; |
---|
6 | margin: 2px; |
---|
7 | border: 1px solid #000; |
---|
8 | width: 600px; |
---|
9 | text-align: left; |
---|
10 | } |
---|
11 | |
---|
12 | div.ctools-modal-content .modal-title { |
---|
13 | font-size: 120%; |
---|
14 | font-weight: bold; |
---|
15 | color: white; |
---|
16 | overflow: hidden; |
---|
17 | white-space: nowrap; |
---|
18 | } |
---|
19 | |
---|
20 | div.ctools-modal-content .modal-header { |
---|
21 | background-color: #2385c2; |
---|
22 | padding: 0 .25em 0 1em; |
---|
23 | } |
---|
24 | |
---|
25 | div.ctools-modal-content .modal-header a { |
---|
26 | color: white; |
---|
27 | float: right; |
---|
28 | } |
---|
29 | |
---|
30 | div.ctools-modal-content .modal-content { |
---|
31 | padding: 1em 1em 0 1em; |
---|
32 | overflow: auto; |
---|
33 | position: relative; /* Keeps IE7 from flowing outside the modal. */ |
---|
34 | } |
---|
35 | |
---|
36 | div.ctools-modal-content .modal-form { |
---|
37 | } |
---|
38 | |
---|
39 | div.ctools-modal-content a.close { |
---|
40 | color: white; |
---|
41 | } |
---|
42 | |
---|
43 | div.ctools-modal-content a.close:hover { |
---|
44 | text-decoration: none; |
---|
45 | } |
---|
46 | |
---|
47 | div.ctools-modal-content a.close img { |
---|
48 | position: relative; |
---|
49 | top: 1px; |
---|
50 | } |
---|
51 | |
---|
52 | div.ctools-modal-content .modal-content .modal-throbber-wrapper { |
---|
53 | text-align: center; |
---|
54 | } |
---|
55 | |
---|
56 | div.ctools-modal-content .modal-content .modal-throbber-wrapper img { |
---|
57 | margin-top: 160px; |
---|
58 | } |
---|
59 | |
---|
60 | /** modal forms CSS **/ |
---|
61 | div.ctools-modal-content .form-item label { |
---|
62 | width: 15em; |
---|
63 | float: left; |
---|
64 | } |
---|
65 | |
---|
66 | div.ctools-modal-content .form-item label.option { |
---|
67 | width: auto; |
---|
68 | float: none; |
---|
69 | } |
---|
70 | |
---|
71 | div.ctools-modal-content .form-item .description { |
---|
72 | clear: left; |
---|
73 | } |
---|
74 | |
---|
75 | div.ctools-modal-content .form-item .description .tips { |
---|
76 | margin-left: 2em; |
---|
77 | } |
---|
78 | |
---|
79 | div.ctools-modal-content .no-float .form-item * { |
---|
80 | float: none; |
---|
81 | } |
---|
82 | |
---|
83 | div.ctools-modal-content .modal-form .no-float label { |
---|
84 | width: auto; |
---|
85 | } |
---|
86 | |
---|
87 | div.ctools-modal-content fieldset, |
---|
88 | div.ctools-modal-content .form-radios, |
---|
89 | div.ctools-modal-content .form-checkboxes { |
---|
90 | clear: left; |
---|
91 | } |
---|
92 | |
---|
93 | div.ctools-modal-content .resizable-textarea { |
---|
94 | width: auto; |
---|
95 | margin-left: 15em; |
---|
96 | margin-right: 5em; |
---|
97 | } |
---|
98 | |
---|
99 | div.ctools-modal-content .container-inline .form-item { |
---|
100 | margin-right: 2em; |
---|
101 | } |
---|
102 | |
---|
103 | #views-exposed-pane-wrapper .form-item { |
---|
104 | margin-top: 0; |
---|
105 | margin-bottom: 0; |
---|
106 | } |
---|