crm.fsf.org/20131203/files/sites/all/modules-old/civicrm/packages/jquery/css/dashboard.css

   1 /**
   2 * @file
   3 *    CSS for the jQuery.dashboard() plugin.
   4 *
   5 * Released under the GNU General Public License.  See LICENSE.txt.
   6 */
   7
   8 #crm-container .column {
   9   float: left;
  10   margin: 0;
  11   /* padding-bottom and min-height make sure that there is always a sizable drop zone. */
  12   min-height: 400px;
  13   height: 400px;
  14   height: auto !important;
  15   padding: 0 0 250px;
  16   list-style-type: none;
  17 }
  18
  19 #crm-container .column-0 {
  20   width: 40%;
  21 }
  22
  23 #crm-container .column-1 {
  24   width: 60%;
  25 }
  26
  27 /* The placeholder that indicates where a dragged widget will land if dropped now. */
  28 #crm-container .placeholder {
  29   margin: 5px;
  30   border: 3px dashed pink;
  31 }
  32
  33 /* Spacing between widgets. */
  34 #crm-container li.widget, #crm-container li.empty-placeholder { margin: 6px 3px; }
  35 #crm-container li.widget {
  36   padding: 0px;
  37 }
  38
  39 /* Spacing inside widgets. */
  40 #crm-container .widget-wrapper {
  41   padding: 0px;
  42   overflow-x:auto;
  43   margin-right: .25em
  44 }
  45
  46 /* wodget header / title */
  47 #crm-container .widget-header {
  48   background:#CDE8FE none repeat scroll 0 0;
  49   color:#000;
  50   cursor:move;
  51   display:inline;
  52   font-size:1.2em;
  53   margin:0;
  54 }
  55
  56 /* widget content / body*/
  57 #crm-container .widget-content {
  58   background-color: #ffffff;
  59   padding:0.5em;
  60 }
  61
  62 /* Standards-browsers do this anyway because all inner block elements are floated.  IE doesn't because it's crap. */
  63 #crm-container .widget-controls {
  64   background-color:#CDE8FE;
  65   display:block;
  66   padding:5px 0px;
  67 }
  68
  69 #crm-container .widget-icon, #crm-container .full-screen-close-icon img {
  70   display: block;
  71   float: right;
  72   margin-left: 2px;
  73   margin-top: 2px;
  74   cursor: pointer;
  75 }
  76
  77 #full-screen-header {
  78   display: block;
  79   padding: .2em .4em;
  80   background: #F0F0E8;
  81   /* Although this is an <a> link, it doesn't have an href="" attribute. */
  82   cursor: pointer;
  83 }
  84
  85 /* Make the throbber in-yer-face. */
  86 #crm-container .throbber {
  87   text-align: right;
  88   background:url("images/throbber.gif") no-repeat scroll 0 0 transparent;
  89   height:20px;
  90   width:20px;
  91 }
  92
  93 #crm-container p.loadtext {
  94   margin:1.6em 0 0 26px;
  95 }
  96
  97 #crm-container .minimize-icon {
  98   background-position:-63px -17px;
  99   background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png');
 100   height:16px;
 101   width:16px;
 102   padding-right:2px;
 103   float: left;
 104 }
 105
 106 #crm-container .maximize-icon {
 107   background-position:-31px -18px;
 108   background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png');
 109   height:16px;
 110   width:16px;
 111   padding-right:2px;
 112   float: left;
 113 }
 114
 115 #crm-container .close-icon {
 116   background-position:-81px -129px;
 117   background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png');
 118   height:16px;
 119   width:16px;
 120   padding-right:2px;
 121 }
 122
 123 #crm-container .fullscreen-icon {
 124   background-position:-159px -113px;
 125   background-image:url('../jquery-ui-1.9.0/css/smoothness/images/ui-icons_222222_256x240.png');
 126   height:16px;
 127   width:16px;
 128 }
 129
 130 /* CSS for Dashlets */
 131
 132 #crm-container #available-dashlets {
 133   width: 98%;
 134   border: 2px dashed pink;
 135   background-color: #999999;
 136   min-height:40px;
 137 }
 138
 139 #crm-container .dash-column {
 140   border: 2px solid #696969;
 141   min-height: 100px;
 142   background-color: #EEEEEE
 143 }
 144
 145 #crm-container .dashlets-header {
 146   font-weight: bold;
 147 }
 148
 149 #crm-container #dashlets-header-col-0 {
 150   float: left;
 151   width: 40%;
 152 }
 153
 154 #crm-container #dashlets-header-col-1 {
 155   margin-left: 42%;
 156   width: 56%;
 157 }
 158
 159 #crm-container #existing-dashlets-col-0 {
 160   float: left;
 161   width: 40%;
 162 }
 163
 164 #crm-container #existing-dashlets-col-1 {
 165   margin-left: 42%;
 166   width: 56%;
 167 }
 168
 169 #crm-container .portlet {
 170   margin: .5em;
 171   width: 75%;
 172   display: inline-block;
 173 }
 174
 175 #crm-container .portlet-header {
 176   margin: 0.3em;
 177   padding: 0.5em;
 178   cursor: pointer;
 179 }
 180
 181 #crm-container #available-dashlets .portlet {
 182   width: auto;
 183 }
 184
 185 #crm-container .portlet-header .ui-icon {
 186   float: right;
 187 }
 188
 189 #crm-container .portlet-content {
 190   padding: 0.4em;
 191 }
 192
 193 #crm-container .ui-sortable-placeholder {
 194   border: 1px dotted black;
 195   visibility: visible !important;
 196   height: 50px !important;
 197 }
 198
 199 #crm-container .ui-sortable-placeholder * {
 200   visibility: hidden;
 201 }
 202
 203 #crm-container .delete-dashlet {
 204   display: block;
 205   float: right;
 206   cursor: pointer;
 207 }