crm.fsf.org/20131203/files/sites/all/modules-old/civicrm/css/crm.designer.css

   1 .crm-profile-selector-preview-pane {
   2     width: 75%;
   3     min-width: 500px;
   4     height: 20em;
   5     border: 1px solid black;
   6     padding: 4px;
   7 }
   8
   9 .crm-container .crm-profile-selector-preview .icon {
  10   float: none;
  11 }
  12
  13 .crm-designer-toolbar {
  14   width: 290px;
  15   position: absolute;
  16   top: 0;
  17   right: 0;
  18 }
  19
  20 .crm-designer-toolbar hr,
  21 .crm-designer-palette-search {
  22   margin: 0.5em 0;
  23 }
  24
  25 .crm-designer-palette-search input {
  26   max-width: 75%;
  27 }
  28
  29 .crm-designer-toolbar .ui-resizable-w {
  30   border-left: 4px dotted #BFBFBF;
  31   cursor: ew-resize;
  32   height: 50px;
  33   top: 45%;
  34 }
  35
  36 .crm-designer-toolbar .ui-resizable-w:hover {
  37   border-left: 4px dotted #6B6B6B;
  38 }
  39
  40 .crm-designer-palette {
  41   height: 20em;
  42 }
  43
  44 .crm-designer-palette-section > a {
  45   font-weight: bold;
  46 }
  47
  48 .crm-designer-palette .crm-designer-palette-field,
  49 .crm-designer-palette .crm-designer-palette-field.disabled:hover {
  50   padding: 1px;
  51   border: 1px dashed transparent;
  52   background-color: transparent;
  53   margin-right: 0.5em;
  54 }
  55
  56 .crm-designer-palette .crm-designer-palette-field a {
  57   cursor: move;
  58 }
  59
  60 .crm-designer-palette .crm-designer-palette-field:hover,
  61 .crm-designer-fields-region .crm-designer-row:hover,
  62 .crm-designer-open .crm-designer-row,
  63 .crm-designer-row-placeholder {
  64   border: 1px dashed gray;
  65   cursor: move;
  66   background-color: #E9E9F5;
  67 }
  68
  69 .crm-designer-palette .crm-designer-palette-field.disabled a,
  70 .crm-designer-open .crm-designer-row:hover {
  71   cursor: default;
  72 }
  73
  74 .crm-container .crm-designer-palette .crm-designer-palette-tree a {
  75   color: #222;
  76   font-style: normal;
  77 }
  78
  79 .crm-container .crm-designer-palette .disabled a,
  80 .crm-designer-palette .crm-designer-palette-tree .disabled a.jstree-search {
  81   color: #999;
  82 }
  83
  84 .crm-designer-palette .jstree-leaf ins {
  85   width: 6px;
  86 }
  87
  88 /* Cancel hovering affect from JSTree theme -- we already do this! */
  89 .crm-designer-palette .crm-designer-palette-tree .jstree-hovered {
  90   background: transparent;
  91   border: 1px transparent;
  92   padding: 1px 2px 0 2px;
  93 }
  94
  95 .crm-designer-canvas {
  96   padding-right: 1em;
  97   margin-right: 300px;
  98 }
  99
 100 .crm-designer-buttonset-region {
 101   text-align: center;
 102   margin: auto;
 103 }
 104
 105 .crm-designer-field-binding {
 106   border: 1px inset black;
 107   padding: 0.4em;
 108   background: #ccc;
 109 }
 110
 111 .crm-designer-fields {
 112   min-width:100px;
 113   /* to allow dropping in big whitespace, coordinate with min-height of dialog */
 114   min-height:500px;
 115 }
 116
 117 .crm-designer-duplicate .crm-designer-row {
 118   background: #fbb;
 119 }
 120
 121 .crm-designer-duplicate .field-location_type_id,
 122 .crm-designer-duplicate .field-phone_type_id {
 123   color: #f00;
 124 }
 125
 126 .crm-designer-row .crm-designer-buttons {
 127   right: 5px;
 128   top: 5px;
 129   position: absolute;
 130   height: 20px;
 131 }
 132
 133 .crm-designer-fields-region .crm-designer-buttons {
 134   display: none;
 135 }
 136
 137 .crm-designer-fields-region .crm-designer-open .crm-designer-buttons,
 138 .crm-designer-row:hover .crm-designer-buttons {
 139   display: block;
 140 }
 141
 142 .crm-designer-row .crm-designer-buttons a {
 143   cursor: pointer;
 144   display: inline-block;
 145   border-radius: 4px;
 146   border: 1px solid #D7D7D7;
 147 }
 148
 149 .crm-designer-row .crm-designer-buttons a:hover,
 150 .crm-designer button:hover {
 151   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
 152 }
 153
 154 .crm-designer .crm-designer-palette-tree button {
 155   font-size: .8em;
 156 }
 157
 158 .crm-designer .crm-designer-palette-tree span.ui-button-text {
 159   padding: 0.4em;
 160 }
 161
 162 .crm-designer .crm-designer-edit-custom {
 163   position: absolute;
 164   right: 5px;
 165   top: 35px;
 166   font-size: .8em;
 167   border: 1px solid #CFCEC3;
 168 }
 169
 170 button#crm-designer-add-custom-set {
 171   margin-top: 10px;
 172 }
 173
 174 .ui-sortable-helper > .crm-designer-row {
 175   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
 176   opacity: 0.75;
 177 }
 178
 179 .crm-designer-row .crm-designer-buttons a.crm-designer-action-settings:hover {
 180   background-color: #71D46E;
 181 }
 182
 183 .crm-designer-row .crm-designer-buttons a.crm-designer-action-remove:hover {
 184   background-color: #F19489;
 185 }
 186
 187 .crm-designer-row,
 188 .crm-designer-row-placeholder {
 189   border: 1px dashed transparent;
 190   padding: 0.3em;
 191   margin: auto;
 192   position: relative;
 193 }
 194
 195 .crm-designer-row-label {
 196   padding: 0.5em 0;
 197 }
 198
 199 .crm-designer-label {
 200   font-weight: bold;
 201 }
 202
 203 .crm-designer-row-placeholder {
 204   visibility: visible !important;
 205   height: 2em;
 206 }
 207
 208 .crm-designer-dialog .description {
 209   margin: 0 2em 0 0;
 210 }
 211
 212 .crm-designer-dialog .disabled .description {
 213   display: none;
 214 }
 215
 216 .crm-designer-dialog li.crm-designer-row-placeholder,
 217 .crm-designer-dialog li.ui-draggable-dragging,
 218 .crm-designer-dialog .bbf-form ul {
 219   list-style-image: none;
 220   list-style: none;
 221 }
 222
 223 .ui-dialog .crm-designer-dialog.ui-dialog-content {
 224   overflow: visible;
 225   padding-right: .25em;
 226 }
 227
 228 .crm-designer-dialog .full-height {
 229   height: 100%;
 230 }
 231
 232 .crm-designer {
 233   position: relative;
 234 }
 235
 236 .crm-profile-selector-preview-pane,
 237 .crm-designer-dialog .crm-designer .scroll {
 238   overflow-x: auto;
 239   overflow-y: scroll;
 240 }
 241
 242 .ui-dialog {
 243   border: 1px solid #444;
 244   box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
 245 }
 246
 247 /* Hide annoying 'preview' message */
 248 .crm-profile-selector-preview-pane div.profile-preview-msg {
 249   display: none;
 250 }