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