upgrade omega again
[indybay:drupal.git] / docs / sites / all / modules / contrib / context / plugins / context_reaction_block.css
1 /**
2  * Script placeholder markup.
3  */
4 .script-placeholder {
5   padding:100px 0px;
6   text-align:center;
7   }
8
9 /**
10  * Browser
11  */
12 .context-block-browser {
13   width: 600px;
14 }
15
16 .context-block-browser .blocks {
17   height:98%;
18   overflow: auto;
19   float: left;
20   width: 320px;
21 }
22
23 .context-block-browser .block-browser-sidebar {
24   float: left;
25   width: 250px;
26   padding: 0 0 0 15px;
27 }
28
29 .context-block-item,
30 .context-block-browser  .draggable-placeholder,
31 #admin-toolbar  .context-block-browser  .context-block-item {
32   font-size:11px;
33   line-height:20px;
34   height:20px;
35
36   color:#333;
37
38   padding:3px 3px 3px 3px;
39   margin:0px 1px 1px 0px;
40   max-width:300px;
41   white-space:nowrap;
42   overflow:hidden;
43
44   background:#efefef;
45   border:1px solid #ddd;
46   position:relative;
47
48   border-radius:5px;
49   -moz-border-radius:5px;
50   -moz-user-select:none;
51   -webkit-user-select:none;
52 }
53
54
55   .context-block-addable { cursor: pointer; }
56
57   .context-block-item span.icon {
58     background:url(context_reaction_block.png) 0px -80px no-repeat;
59     display:block;
60     width:20px;
61     height:20px;
62     float:left;
63     margin-right:5px;
64   }
65
66   .context-block-loading { max-width:none; }
67
68   .context-block-loading span.icon {
69     background-position:-20px -80px;
70     float:none;
71     margin:0px auto;
72   }
73
74   .context-block-browser  .draggable-placeholder { padding:2px 1px 1px 2px; }
75
76   #admin-toolbar.horizontal  .context-block-browser  .draggable-placeholder,
77   #admin-toolbar.horizontal  .context-block-browser  .context-block-item {
78     width:180px;
79     margin-right:1px;
80     padding-right:9px;
81     float:left;
82   }
83
84
85   .context-block-added { display:none !important; }
86
87 /**
88  * Inline editing elements ============================================
89  */
90 div.context-block-region {display: none;}
91 a.context-block { display:none !important; }
92
93 body.context-editing div.context-block-region {
94   -moz-border-radius:5px;
95   -webkit-border-radius:5px;
96   background:#666;
97   color:#fff;
98   opacity: 0.5;
99   -moz-opacity: 0.5;
100   filter:alpha(opacity=50);
101
102   display:block;
103   height:40px;
104   line-height:24px;
105
106   text-align:center;
107   font-size:18px;
108   white-space:nowrap;
109 }
110
111 .context-block-region .region-name {
112     width:100%;
113     text-align:center;
114     font-size:18px;
115     color:#fff;
116     white-space:nowrap;
117     display:block;
118     -moz-user-select:none;
119     -webkit-user-select:none;
120   }
121
122 body.context-editing .ui-sortable  .block { opacity:.25; }
123
124 body.context-editing .ui-sortable  .draggable {
125   position:relative;
126   opacity:1;
127   }
128
129 body.context-editing  .draggable-placeholder {
130   -moz-border-radius:5px;
131   -webkit-border-radius:5px;
132
133   background:#fff;
134   border:3px dashed #666;
135   opacity:.2;
136   }
137
138 body.context-editing  .draggable:hover a.context-block-remove,
139 body.context-editing  .draggable:hover a.context-block-handle {
140   background:url(context_reaction_block.png) no-repeat;
141   cursor:move;
142   display:block;
143   width:40px;
144   height:40px;
145   position:absolute;
146   right:35px;
147   top:-5px;
148   z-index:100;
149   }
150
151 body.context-editing  .draggable:hover a.context-block-remove {
152   background-position:-40px 0px;
153   cursor:pointer;
154   right:-5px;
155   }
156
157  .context-block-hidden { display:none !important; }
158
159  .block  .context-block-empty-content {
160   text-align:center;
161   padding:10px;
162   opacity:.5;
163   background:#fff;
164   color:#666;
165   }
166
167 /**
168  * Block visibility ===================================================
169  */
170 #context-blockform  .context-blockform-selector {
171   height:20em;
172   overflow:auto;
173   }
174
175 #context-blockform span.system-blocks { color:#999; }
176
177 #context-blockform td.blocks,
178 #context-blockform td.selector {
179   border:1px solid #ddd;
180   padding:10px;
181   width:50%;
182   }
183
184 #context-blockform td.blocks  .label,
185 #context-blockform td.blocks td,
186 #context-blockform td.blocks th {
187   background:#fff;
188   padding:5px 5px 4px;
189   border:0px;
190   border-bottom:1px solid #ddd;
191   }
192
193   #context-blockform td.blocks  .label { background:#eee; }
194   #context-blockform td.blocks  .label a { float:right; }
195
196 #context-ui-items #context-blockform {
197   font-size:11px;
198   line-height:15px;
199   }
200
201 #context-ui-items #context-blockform  .form-checkboxes {
202   height:auto;
203   overflow:visible;
204   padding:0px;
205   margin:0px;
206   border:0px;
207   }
208
209 #context-ui-items #context-blockform  .form-item { padding:0px; }
210
211 #context-ui-items #context-blockform label {
212   background:#eee;
213   display:block;
214   padding:5px;
215   line-height:15px;
216   }
217
218 #context-ui-items #context-blockform label.option {
219   background:#fff;
220   display:block;
221   border:0px;
222   }
223
224 #context-blockform .tabledrag-toggle-weight-wrapper {
225   margin-bottom:0;
226   }
227
228 a.context-ui-add-link, a:link.context-ui-add-link, a:visited.context-ui-add-link {
229   display:block;
230   width:100%;
231   text-align:center;
232   font-size:12px;
233   color:#fff;
234   cursor: pointer;
235   line-height:14px;
236 }
237
238 .editing-context-label {
239   position: fixed;
240   top:70px;
241   background:#fff;
242   color:#222;
243   padding:10px;
244   font-weight:bold;
245   opacity: 0.5;
246   -moz-opacity: 0.5;
247   filter:alpha(opacity=50);
248   border:1px solid #ddd;
249   border-left:0;
250   border-radius:0 6px 6px 0;
251 }
252
253 .context-help {
254   font-size:12px;
255   font-weight:normal;
256 }
257
258 .context-editor-title {
259   font-size:24px;
260   margin:10px 0px;
261   padding:0;
262 }