- Author:
- David Nickerson <nickerso@users.sourceforge.net>
- Date:
- 2009-07-16 02:00:03+12:00
- Desc:
- the starting point for the HH tutorial example
- Permanent Source URI:
- https://models.fieldml.org/workspace/a1/rawfile/f6a8f90307388eb4b040ee3566b84d88b59247f7/dojo-presentation/js/dojo/dijit/themes/noir/noir.css
@import url("../dijit.css");
@import url(images/images.css);
.noir .dijit {
font-family:Tahoma;
font-size:14px;
}
.noir .dijitArrowButton {
background-repeat:no-repeat;
}
.noir .dijitButtonNode {
border:0px !important;
}
.noir .dijitButton,
.noir .dijitComboButton,
.noir .dijitDropDownButton,
.noir .dijitComboBox {
height:30px;
padding:0px;
border-width:0px;
background-color:transparent;
background-repeat:no-repeat;
margin:5px;
}
.noir .dijitButton .dijitRight {
height:30px;
margin-left:15px;
padding-right:15px;
}
.dj_ie .noir .dijitButton .dijitRight {
padding-right:11px;
}
.noir .dijitButton .dijitButtonNode,
.noir .dijitComboButton .dijitButtonNode,
.noir .dijitDropDownButton .dijitButtonNode {
/* generic styles */
vertical-align:top;
height:30px;
font-family:inherit;
font-size:inherit;
background-color:transparent;
padding:0px !important;
line-height:25px; /* Safari only */
/* enabled-specific styles */
color:#cccccc;
}
.noir .dijitButtonHover .dijitButtonNode,
.noir .dijitComboButtonHover .dijitButtonNode,
.noir .dijitDropDownButtonHover .dijitButtonNode {
/* hover styles */
color:#fa4242;
}
.noir .dijitButtonActive .dijitButtonNode,
.noir .dijitComboButtonActive .dijitButtonNode,
.noir .dijitDropDownButtonActive .dijitButtonNode {
/* active (down) styles */
color:#31d397;
}
.noir .dijitButtonDisabled .dijitButtonNode,
.noir .dijitComboButtonDisabled .dijitButtonNode,
.noir .dijitDropDownButtonDisabled .dijitButtonNode {
/* disabled styles */
color:#3f3f3f;
}
/* drop-down-button specific */
.noir .dijitDropDownButton .dijitRight {
height:30px;
margin-left:15px;
padding-right:31px;
}
/* combo-specific */
.noir .dijitComboButton TABLE {
margin-left:15px;
}
.noir .dijitComboButton .dijitRight,
.noir .dijitComboButton .dijitArrowButton div {
height:30px;
width:35px;
/* don't display arrow text; just use background image */
font-size: 0px;
}
/****
dijit.form.ComboBox
****/
.noir .dijitComboBox TABLE {
margin-left:10px;
}
.noir .dijitComboBox .dijitStretch {
height:30px;
#margin-top:0px;
}
.noir .dijitComboBox .dijitRight,
.noir .dijitComboBox .dijitRightSpacer {
height:30px;
width:32px;
}
.noir .dijitComboBox .dijitArrowButton {
padding:0px !important;
width:32px;
}
.noir .dijitComboBox .dijitButtonNode {
font-family:inherit;
font-size:inherit;
background-color:transparent;
}
.noir .dijitComboBox .dijitInputField,
.noir .dijitSpinner .dijiInputField {
border:0px;
margin:0px;
/* IE7 HACK: get things to line up
#top:-1px;
#left:10px;
#padding-top:6px;
*/
/* SAFARI HACK: get things to line up (a little better) * /
top:4px;
margin-right:-10px;
*/
}
.noir .dijitComboBox INPUT,
.noir .dijitSpinner INPUT {
color:white;
background:black;
}
.noir .dijitComboBoxDisabled INPUT,
.noir .dijitSpinnerDisabled INPUT{
color:#3f3f3f;
}
/* dijit.form.NumberSpinner */
.noir .dijitSpinner TABLE {
padding-left:10px;
}
.noir .dijitSpinner .dijitStretch {
height:30px;
#margin-top:0px;
}
.noir .dijitSpinner .dijitArrowButton{
height:15px;
width:34px;
padding:0px !important;
}
/* DnD avatar-specific settings */
/* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
.noir .dojoDndAvatar {font-size: 75%; color: black;}
.noir .dojoDndAvatarHeader td {padding-left: 20px; padding-right: 4px;}
.noir .dojoDndAvatarHeader {background: #ccc;}
.noir .dojoDndAvatarItem {background: #eee;}
.noir.dojoDndMove .dojoDndAvatarHeader {background-image: url(images/dndNoMove.png); background-repeat: no-repeat;}
.noir.dojoDndCopy .dojoDndAvatarHeader {background-image: url(images/dndNoCopy.png); background-repeat: no-repeat;}
.noir.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-image: url(images/dndMove.png); background-repeat: no-repeat;}
.noir.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-image: url(images/dndCopy.png); background-repeat: no-repeat;}