first import

sites/all/modules/context/plugins/context_reaction_block.css

@@ -0,0 +1,268 @@
+/**
+ * Script placeholder markup.
+ */
+.script-placeholder {
+  padding:100px 0px;
+  text-align:center;
+  }
+
+/**
+ * Browser
+ */
+.context-block-browser {
+  width: 600px;
+}
+
+.context-block-browser .blocks {
+  height:98%;
+  overflow: auto;
+  float: left;
+  width: 320px;
+}
+
+.context-block-browser .block-browser-sidebar {
+  float: left;
+  width: 250px;
+  padding: 0 0 0 15px;
+}
+
+.context-block-item,
+.context-block-browser  .draggable-placeholder,
+#admin-toolbar  .context-block-browser  .context-block-item {
+  font-size:11px;
+  line-height:20px;
+  height:20px;
+
+  color:#333;
+
+  padding:3px 3px 3px 3px;
+  margin:0px 1px 1px 0px;
+  max-width:300px;
+  white-space:nowrap;
+  overflow:hidden;
+
+  background:#efefef;
+  border:1px solid #ddd;
+  position:relative;
+
+  border-radius:5px;
+  -moz-border-radius:5px;
+  -moz-user-select:none;
+-  -webkit-user-select:none;
+}
+
+
+  .context-block-addable { cursor: pointer; }
+
+  .context-block-item span.icon {
+    background:url(context_reaction_block.png) 0px -80px no-repeat;
+    display:block;
+    width:20px;
+    height:20px;
+    float:left;
+    margin-right:5px;
+  }
+
+  .context-block-loading { max-width:none; }
+
+  .context-block-loading span.icon {
+    background-position:-20px -80px;
+    float:none;
+    margin:0px auto;
+  }
+
+  .context-block-browser  .draggable-placeholder { padding:2px 1px 1px 2px; }
+
+  #admin-toolbar.horizontal  .context-block-browser  .draggable-placeholder,
+  #admin-toolbar.horizontal  .context-block-browser  .context-block-item {
+    width:180px;
+    margin-right:1px;
+    padding-right:9px;
+    float:left;
+  }
+
+
+  .context-block-added { display:none !important; }
+
+/**
+ * Inline editing elements ============================================
+ */
+div.context-block-region {display: none;}
+a.context-block { display:none !important; }
+
+body.context-editing div.context-block-region {
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  background:#666;
+  color:#fff;
+  opacity: 0.5;
+  -moz-opacity: 0.5;
+  filter:alpha(opacity=50);
+
+  display:block;
+  height:40px;
+  line-height:24px;
+
+  text-align:center;
+  font-size:18px;
+  white-space:nowrap;
+}
+
+.context-block-region .region-name {
+    width:100%;
+    text-align:center;
+    font-size:18px;
+    color:#fff;
+    white-space:nowrap;
+    padding:;
+    display:block;
+    -moz-user-select:none;
+    -webkit-user-select:none;
+  }
+
+body.context-editing .ui-sortable  .block { opacity:.25; }
+
+body.context-editing .ui-sortable  .draggable {
+  position:relative;
+  opacity:1;
+  }
+
+body.context-editing  .draggable-placeholder {
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+
+  background:#fff;
+  border:3px dashed #666;
+  opacity:.2;
+  }
+
+body.context-editing  .draggable:hover a.context-block-remove,
+body.context-editing  .draggable:hover a.context-block-handle {
+  background:url(context_reaction_block.png) no-repeat;
+  cursor:move;
+  display:block;
+  width:40px;
+  height:40px;
+  position:absolute;
+  right:35px;
+  top:-5px;
+  z-index:100;
+  }
+
+body.context-editing  .draggable:hover a.context-block-remove {
+  background-position:-40px 0px;
+  cursor:pointer;
+  right:-5px;
+  }
+
+ .context-block-hidden { display:none !important; }
+
+ .block  .context-block-empty-content {
+  text-align:center;
+  padding:10px;
+  opacity:.5;
+  background:#fff;
+  color:#666;
+  }
+
+/**
+ * Block visibility ===================================================
+ */
+#context-blockform  .context-blockform-selector {
+  height:20em;
+  overflow:auto;
+  }
+
+#context-blockform span.system-blocks { color:#999; }
+
+#context-blockform td.blocks,
+#context-blockform td.selector {
+  border:1px solid #ddd;
+  padding:10px;
+  width:50%;
+  }
+
+#context-blockform td.blocks  .label,
+#context-blockform td.blocks td,
+#context-blockform td.blocks th {
+  background:#fff;
+  padding:5px 5px 4px;
+  border:0px;
+  border-bottom:1px solid #ddd;
+  }
+
+  #context-blockform td.blocks  .label { background:#eee; }
+  #context-blockform td.blocks  .label a { float:right; }
+
+#context-ui-items #context-blockform {
+  font-size:11px;
+  line-height:15px;
+  }
+
+#context-ui-items #context-blockform  .form-checkboxes {
+  height:auto;
+  overflow:visible;
+  padding:0px;
+  margin:0px;
+  border:0px;
+  }
+
+#context-ui-items #context-blockform  .form-item { padding:0px; }
+
+#context-ui-items #context-blockform label {
+  background:#eee;
+  display:block;
+  padding:5px;
+  line-height:15px;
+  }
+
+#context-ui-items #context-blockform label.option {
+  background:#fff;
+  display:block;
+  border:0px;
+  }
+
+#context-blockform .tabledrag-toggle-weight-wrapper {
+  margin-bottom:0;
+  }
+
+a.context-ui-add-link, a:link.context-ui-add-link, a:visited.context-ui-add-link {
+  display:block;
+  width:100%;
+  text-align:center;
+  font-size:12px;
+  color:#fff;
+  cursor: pointer;
+  line-height:14px;
+}
+
+.editing-context-label {
+  position: fixed;
+  top:70px;
+  background:#fff;
+  color:#222;
+  padding:10px;
+  font-weight:bold;
+  opacity: 0.5;
+  -moz-opacity: 0.5;
+  filter:alpha(opacity=50);
+  border:1px solid #ddd;
+  border-left:0;
+  border-radius:0 6px 6px 0;
+}
+
+.context-help {
+  font-size:12px;
+  font-weight:normal;
+}
+
+.context-editor-title {
+  font-size:24px;
+  margin:10px 0px;
+  padding:0;
+}
+
+.ui-sortable-helper {
+  max-width: 300px;
+  max-height: 300px;
+}