summaryrefslogtreecommitdiff
path: root/lib/dijit/themes/claro/Common.css
diff options
context:
space:
mode:
Diffstat (limited to 'lib/dijit/themes/claro/Common.css')
-rw-r--r--lib/dijit/themes/claro/Common.css95
1 files changed, 50 insertions, 45 deletions
diff --git a/lib/dijit/themes/claro/Common.css b/lib/dijit/themes/claro/Common.css
index dd68ce14c..110b303e2 100644
--- a/lib/dijit/themes/claro/Common.css
+++ b/lib/dijit/themes/claro/Common.css
@@ -1,70 +1,75 @@
-
+/* ========= Styling rules to affect widgets ========= */
.claro .dijitPopup {
- box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
- -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
- -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.25);
+ -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.claro .dijitTooltipDialogPopup {
-
- box-shadow: none;
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
+ /* exception popups: do not use a shadow on these because they aren't rectangular */
+
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
}
+/* The highlight is shown in the ComboBox menu. TODO: move to form/Common.less */
.claro .dijitComboBoxHighlightMatch {
- background-color:#a5beda;
+ background-color: #abd6ff;
}
.claro .dijitFocusedLabel {
-
- outline: 1px dotted #666666;
+ /* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
+
+ outline: 1px dotted #4a4a4a;
}
.claro .dijitContentPaneLoading {
- background:url('images/loadingAnimation.gif') no-repeat left center;
- padding-left:25px;
+ background: url('images/loadingAnimation.gif') no-repeat left center;
+ padding-left: 25px;
}
+/* .dijitContentPaneError icon renders in a dialog box with the error messsage when there is an error in a HREF url */
.claro .dijitContentPaneError {
- background:url('../../icons/images/commonIconsObjActEnabled.png') no-repeat left center;
- background-position: -496px;
- no-repeat left center;
- padding-left:25px;
+ background: url('../../icons/images/commonIconsObjActEnabled.png') no-repeat left center;
+ background-position: -496px;
+ padding-left: 25px;
}
-.claro .dojoDndItemBefore,
-.claro .dojoDndItemAfter{
- border-top: 1px solid #769DC0;
+/* Drag and Drop */
+.claro .dojoDndItemBefore, .claro .dojoDndItemAfter {
+ border-top: 1px solid #769dc0;
}
.claro .dojoDndItemOver {
- cursor:pointer;
- }
+ cursor: pointer;
+}
.claro table.dojoDndAvatar {
- border: 1px solid #b5bcc7;
- border-collapse: collapse;
- background-color: #fff;
- -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, .25);
+ border: 1px solid #b5bcc7;
+ border-collapse: collapse;
+ background-color: #ffffff;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
-.claro .dojoDndAvatarHeader td {
- height: 20px;
- padding-left:21px;
+.claro .dojoDndAvatarHeader td {
+ height: 20px;
+ padding-left: 21px;
}
.claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader {
- background-image: url(images/dnd.png);
- background-repeat: no-repeat;
- background-position:2px -122px;
+ background-image: url(images/dnd.png);
+ background-repeat: no-repeat;
+ background-position: 2px -122px;
}
.claro .dojoDndAvatarItem td {
- padding: 5px;
+ padding: 5px;
}
-.claro.dojoDndMove .dojoDndAvatarHeader {
- background-color: #f58383;
- background-position:2px -103px;
+.claro.dojoDndMove .dojoDndAvatarHeader {
+ background-color: #f58383;
+ background-position: 2px -103px;
}
-.claro.dojoDndCopy .dojoDndAvatarHeader {
- background-color: #f58383;
- background-position:2px -68px;
+.claro.dojoDndCopy .dojoDndAvatarHeader {
+ background-color: #f58383;
+ background-position: 2px -68px;
}
-.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
- background-color: #97e68d;
- background-position:2px -33px;
+.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
+ background-color: #97e68d;
+ background-position: 2px -33px;
}
-.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
- background-color: #97e68d;
- background-position:2px 2px;
+.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
+ background-color: #97e68d;
+ background-position: 2px 2px;
}