188 lines
3.9 KiB
CSS
188 lines
3.9 KiB
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;}
|