float: left;
margin: 0;
/* padding-bottom and min-height make sure that there is always a sizable drop zone. */
- min-height: 400px;
- height: 400px;
- height: auto !important;
- padding: 0 0 250px;
+ min-height: 200px;
+ padding: 0 0 40px;
list-style-type: none;
}
/* The placeholder that indicates where a dragged widget will land if dropped now. */
#crm-container .placeholder {
margin: 5px;
- border: 3px dashed pink;
+ border: 3px dashed #CDE8FE;
}
/* Spacing between widgets. */
-#crm-container li.widget, #crm-container li.empty-placeholder { margin: 6px 3px; }
+#crm-container li.widget,
+#crm-container li.empty-placeholder {
+ margin: 0 3px 10px 3px;
+}
#crm-container li.widget {
- padding: 0px;
+ padding: 0;
}
/* Spacing inside widgets. */
#crm-container .widget-wrapper {
- padding: 0px;
- overflow-x:auto;
- margin-right: .25em
+ padding: 0;
+ overflow: hidden;
+ margin-right: .25em;
+ box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.2);
+ border-radius: 3px;
+}
+
+#crm-container .widget-wrapper.db-hover-handle {
+ box-shadow: 1px 1px 8px 3px rgba(0,0,0,0.2);
+}
+
+#crm-container .ui-sortable-helper .widget-wrapper {
+ box-shadow: 1px 1px 8px 3px rgba(0,0,0,0.5);
}
-/* wodget header / title */
+/* widget header / title */
#crm-container .widget-header {
- background:#CDE8FE none repeat scroll 0 0;
- color:#000;
- cursor:move;
- display:inline;
- font-size:1.2em;
- margin:0;
+ background: transparent none repeat scroll 0 0;
+ cursor: move;
+ margin: 0 50px 0 0;
+ padding: 0;
+ color: #fcfcfc;
}
/* widget content / body*/
#crm-container .widget-content {
background-color: #ffffff;
padding:0.5em;
+ overflow-x:auto;
+ min-height: 10em;
+}
+
+#crm-container .widget-content .crm-accordion-header {
+ background-color: #EFEFE5;
+ background-image: url("../i/TreeMinus.gif");
+ color: #080808;
+}
+
+#crm-container .widget-content .crm-accordion-wrapper.collapsed .crm-accordion-header {
+ background-image: url("../i/TreePlus.gif");
+}
+
+#crm-container .widget-content .crm-accordion-header:hover {
+ background-color: #e8e8de;
+}
+
+#crm-container .widget-content .crm-accordion-body {
+ border-color: #e8e8de;
+ padding: 4px .5em;
}
-/* Standards-browsers do this anyway because all inner block elements are floated. IE doesn't because it's crap. */
#crm-container .widget-controls {
- background-color:#CDE8FE;
- display:block;
- padding:5px 0px;
+ background-color: #5D677B;
+ /* Standards-browsers do this anyway because all inner block elements are floated. IE doesn't because it's crap. */
+ display: block;
+ padding: 5px 0;
}
#crm-container .widget-icon, #crm-container .full-screen-close-icon img {
margin:1.6em 0 0 26px;
}
-#crm-container .widget-icon {
- background-image:url('../bower_components/jquery-ui/themes/smoothness/images/ui-icons_222222_256x240.png');
- height:16px;
- width:16px;
- padding-right:2px;
+#crm-container .widget-controls .crm-i {
+ font-size: 14px;
+ padding: 0 6px;
+ font-weight: normal;
float: left;
- border-radius: 2px;
-}
-#crm-container .widget-icon.minimize-icon {
- background-position:-63px -17px;
+ cursor: pointer;
+ color: #fcfcfc;
+ opacity: .7;
}
-#crm-container .widget-icon.maximize-icon {
- background-position:-31px -18px;
+#crm-container .widget-controls:hover .crm-i {
+ opacity: 1;
}
-#crm-container .widget-icon.fullscreen-icon {
- background-position:-48px -80px;
+#crm-container .widget-controls .crm-i.fa-expand,
+#crm-container .widget-controls .crm-i.fa-times {
float:right;
}
-#crm-container .widget-icon.close-icon {
- background-position: -80px -128px;
- float:right;
-}
-#crm-container .widget-icon:hover {
- background-color: rgba(255, 255, 255, 0.8);
-}
/* CSS for Dashlets */
#crm-container #available-dashlets {
width: 98%;
- border: 2px dashed pink;
+ border: 2px dashed #CDE8FE;
background-color: #999999;
min-height:40px;
}
width: auto;
}
-#crm-container .portlet-header .ui-icon {
+#crm-container .portlet-header .crm-i {
float: right;
+ color: #52534D;
}
#crm-container .portlet-content {
#crm-container .ui-sortable-placeholder * {
visibility: hidden;
}
+
+@media screen and (max-device-width: 50em), screen and (max-width: 50em) {
+ #crm-container .column {
+ width: 100%;
+ min-height: 0;
+ }
+ #crm-container .column-0 {
+ padding: 0;
+ }
+}