You are here

context_reaction_block.css in Context 6

/**
 * Script placeholder markup.
 */
.script-placeholder {
  padding:100px 0px;
  text-align:center;
  }

/**
 * Browser
 */
div.context-block-browser div.category { display:none; }

div.context-block-item,
div.context-block-browser div.draggable-placeholder,
#admin-toolbar div.context-block-browser div.context-block-item {
  font-size:11px;
  line-height:20px;
  height:20px;

  text-shadow:#333 0px 1px 0px;
  color:#fff;

  padding:5px 4px 4px 5px;
  margin:0px 1px 1px 0px;
  max-width:300px;
  white-space:nowrap;
  overflow:hidden;

  background:url(context_reaction_block.png) 0px -40px repeat-x;
  position:relative;

  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-user-select:none;
  -webkit-user-select:none;
  }

  div.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;
    }

  div.context-block-loading { max-width:none; }

  div.context-block-loading span.icon {
    background-position:-20px -80px;
    float:none;
    margin:0px auto;
    }

  div.context-block-browser div.draggable-placeholder { padding:2px 1px 1px 2px; }

  #admin-toolbar.horizontal div.context-block-browser div.draggable-placeholder,
  #admin-toolbar.horizontal div.context-block-browser div.context-block-item {
    width:180px;
    margin-right:1px;
    padding-right:9px;
    float:left;
    }

div.context-block-addable { cursor: move; }
div.context-block-added { display:none !important; }

/**
 * Inline editing elements ============================================
 */
a.context-block-region { display:none; }
a.context-block { display:none !important; }

body.context-editing div.context-block-region-empty a.context-block-region {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#666;
  color:#fff;
  opacity:.25;

  display:block;
  height:40px;
  line-height:40px;

  text-align:center;
  font-size:18px;
  white-space:nowrap;
  }

body.context-editing .ui-sortable div.block { opacity:.25; }

body.context-editing .ui-sortable div.draggable {
  position:relative;
  opacity:1;
  }

body.context-editing div.draggable-placeholder {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;

  background:#fff;
  border:3px dashed #666;
  opacity:.2;
  }

body.context-editing div.draggable:hover a.context-block-remove,
body.context-editing div.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 div.draggable:hover a.context-block-remove {
  background-position:-40px 0px;
  cursor:pointer;
  right:-5px;
  }

div.context-block-hidden { display:none !important; }

div.block div.context-block-empty {
  text-align:center;
  padding:10px;
  opacity:.5;
  background:#fff;
  color:#666;
  }

/**
 * Block visibility ===================================================
 */
#context-blockform div.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 div.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 div.label { background:#eee; }
  #context-blockform td.blocks div.label a { float:right; }

#context-blockform td.blocks div.form-item,
#context-blockform td.blocks input.block-weight { display:none; }

#context-ui-items #context-blockform {
  font-size:11px;
  line-height:15px;
  }

#context-ui-items #context-blockform div.form-checkboxes {
  height:auto;
  overflow:visible;
  padding:0px;
  margin:0px;
  border:0px;
  }

#context-ui-items #context-blockform div.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;
  }

File

plugins/context_reaction_block.css
View source
  1. /**
  2. * Script placeholder markup.
  3. */
  4. .script-placeholder {
  5. padding:100px 0px;
  6. text-align:center;
  7. }
  8. /**
  9. * Browser
  10. */
  11. div.context-block-browser div.category { display:none; }
  12. div.context-block-item,
  13. div.context-block-browser div.draggable-placeholder,
  14. #admin-toolbar div.context-block-browser div.context-block-item {
  15. font-size:11px;
  16. line-height:20px;
  17. height:20px;
  18. text-shadow:#333 0px 1px 0px;
  19. color:#fff;
  20. padding:5px 4px 4px 5px;
  21. margin:0px 1px 1px 0px;
  22. max-width:300px;
  23. white-space:nowrap;
  24. overflow:hidden;
  25. background:url(context_reaction_block.png) 0px -40px repeat-x;
  26. position:relative;
  27. -moz-border-radius:5px;
  28. -webkit-border-radius:5px;
  29. -moz-user-select:none;
  30. -webkit-user-select:none;
  31. }
  32. div.context-block-item span.icon {
  33. background:url(context_reaction_block.png) 0px -80px no-repeat;
  34. display:block;
  35. width:20px;
  36. height:20px;
  37. float:left;
  38. margin-right:5px;
  39. }
  40. div.context-block-loading { max-width:none; }
  41. div.context-block-loading span.icon {
  42. background-position:-20px -80px;
  43. float:none;
  44. margin:0px auto;
  45. }
  46. div.context-block-browser div.draggable-placeholder { padding:2px 1px 1px 2px; }
  47. #admin-toolbar.horizontal div.context-block-browser div.draggable-placeholder,
  48. #admin-toolbar.horizontal div.context-block-browser div.context-block-item {
  49. width:180px;
  50. margin-right:1px;
  51. padding-right:9px;
  52. float:left;
  53. }
  54. div.context-block-addable { cursor: move; }
  55. div.context-block-added { display:none !important; }
  56. /**
  57. * Inline editing elements ============================================
  58. */
  59. a.context-block-region { display:none; }
  60. a.context-block { display:none !important; }
  61. body.context-editing div.context-block-region-empty a.context-block-region {
  62. -moz-border-radius:5px;
  63. -webkit-border-radius:5px;
  64. background:#666;
  65. color:#fff;
  66. opacity:.25;
  67. display:block;
  68. height:40px;
  69. line-height:40px;
  70. text-align:center;
  71. font-size:18px;
  72. white-space:nowrap;
  73. }
  74. body.context-editing .ui-sortable div.block { opacity:.25; }
  75. body.context-editing .ui-sortable div.draggable {
  76. position:relative;
  77. opacity:1;
  78. }
  79. body.context-editing div.draggable-placeholder {
  80. -moz-border-radius:5px;
  81. -webkit-border-radius:5px;
  82. background:#fff;
  83. border:3px dashed #666;
  84. opacity:.2;
  85. }
  86. body.context-editing div.draggable:hover a.context-block-remove,
  87. body.context-editing div.draggable:hover a.context-block-handle {
  88. background:url(context_reaction_block.png) no-repeat;
  89. cursor:move;
  90. display:block;
  91. width:40px;
  92. height:40px;
  93. position:absolute;
  94. right:35px;
  95. top:-5px;
  96. z-index:100;
  97. }
  98. body.context-editing div.draggable:hover a.context-block-remove {
  99. background-position:-40px 0px;
  100. cursor:pointer;
  101. right:-5px;
  102. }
  103. div.context-block-hidden { display:none !important; }
  104. div.block div.context-block-empty {
  105. text-align:center;
  106. padding:10px;
  107. opacity:.5;
  108. background:#fff;
  109. color:#666;
  110. }
  111. /**
  112. * Block visibility ===================================================
  113. */
  114. #context-blockform div.context-blockform-selector {
  115. height:20em;
  116. overflow:auto;
  117. }
  118. #context-blockform span.system-blocks { color:#999; }
  119. #context-blockform td.blocks,
  120. #context-blockform td.selector {
  121. border:1px solid #ddd;
  122. padding:10px;
  123. width:50%;
  124. }
  125. #context-blockform td.blocks div.label,
  126. #context-blockform td.blocks td,
  127. #context-blockform td.blocks th {
  128. background:#fff;
  129. padding:5px 5px 4px;
  130. border:0px;
  131. border-bottom:1px solid #ddd;
  132. }
  133. #context-blockform td.blocks div.label { background:#eee; }
  134. #context-blockform td.blocks div.label a { float:right; }
  135. #context-blockform td.blocks div.form-item,
  136. #context-blockform td.blocks input.block-weight { display:none; }
  137. #context-ui-items #context-blockform {
  138. font-size:11px;
  139. line-height:15px;
  140. }
  141. #context-ui-items #context-blockform div.form-checkboxes {
  142. height:auto;
  143. overflow:visible;
  144. padding:0px;
  145. margin:0px;
  146. border:0px;
  147. }
  148. #context-ui-items #context-blockform div.form-item { padding:0px; }
  149. #context-ui-items #context-blockform label {
  150. background:#eee;
  151. display:block;
  152. padding:5px;
  153. line-height:15px;
  154. }
  155. #context-ui-items #context-blockform label.option {
  156. background:#fff;
  157. display:block;
  158. border:0px;
  159. }