mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-07 04:05:49 +00:00
d42e178f95
Re-wrote nsComboboxFrame. removed the obsolete nsHTMLAtoms: comboText,comoTextSelected,comTextSelectedFocus,dropDownVisible, dropdownHidden, dropDownBtnOut, dropDownBtnPressed, Added nsHTMLAtoms::combobox, nsLayoutAtoms::popupList Renamed dropDownList to dropDownListPseudo Added "arrow.gif" as to be used the background-image for the combobox button ua.css - added rules for select to differentiate between comboboxes and listboxes. Added style rules to more closely match the XPTOOLKIT XPWidgets look. removed the following :-moz-combobox-text, -moz-combobox-textselected nsIFormControlFrame.h - Added SetSuggestedSize method. nsButtonControlFrame - Implemented SetSuggestedSize. nsCSSFrameConstructor.cpp - Rewrote ConstructSelectFrame. nsIWidget.h -Added GetAbsoluteBounds method. nsWindow.cpp - Implemented GetAbsoluteBounds.
256 lines
4.5 KiB
CSS
256 lines
4.5 KiB
CSS
|
|
input[type=checkbox] {
|
|
/* these margins are for NavQuirks, we need a Standard ua.css */
|
|
margin-left: 3px;
|
|
margin-right: 5px;
|
|
margin-top: 3px;
|
|
margin-bottom: 4px;
|
|
border: 1px outset rgb(153, 153, 153);
|
|
width:11px;
|
|
height:11px;
|
|
background-color:rgb(204, 204, 204);
|
|
color:black;
|
|
/* -moz-border-radius:1px; */
|
|
}
|
|
|
|
input[type=radio] {
|
|
/* these margins are for NavQuirks, we need a Standard ua.css */
|
|
margin-left: 3px;
|
|
margin-right: 5px;
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
border: 2px outset rgb(204, 204, 204);
|
|
background-color:rgb(204, 204, 204);
|
|
color:black;
|
|
width:12px;
|
|
height:12px;
|
|
-moz-border-radius:6px;
|
|
}
|
|
|
|
input[type=radio]:active {
|
|
background-color:white;
|
|
border: 2px inset rgb(204, 204, 204);
|
|
}
|
|
|
|
input[type=radio]:hover {
|
|
border : 2px solid black;
|
|
}
|
|
|
|
:-moz-radio {
|
|
background-color:black;
|
|
width:6px;
|
|
height:6px;
|
|
left:6px;
|
|
top:6px;
|
|
-moz-border-radius:3px;
|
|
}
|
|
|
|
input[type="button"] {
|
|
border: 2px outset rgb(156, 154, 156);
|
|
background-color: rgb(206, 207, 206);
|
|
color:black;
|
|
|
|
padding: 1px;
|
|
}
|
|
|
|
input[type="button"]:active {
|
|
border-style: inset;
|
|
|
|
padding-left: 2px;
|
|
padding-right: 0px;
|
|
padding-top: 2px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
input[type="button"]:active:-moz-outline {
|
|
border : 1px solid black;
|
|
}
|
|
|
|
input[type="button"]:hover:-moz-outline {
|
|
border : 1px solid black;
|
|
}
|
|
|
|
input[type="button"][disabled] {
|
|
border-style: solid;
|
|
}
|
|
|
|
input[type="button"][disabled]:active {
|
|
padding: 1px;
|
|
}
|
|
|
|
input[type="button"]:-moz-focus-inner {
|
|
padding-left : 2px;
|
|
padding-right : 2px;
|
|
padding-top : 1px;
|
|
padding-bottom: 1px;
|
|
margin: 0px;
|
|
}
|
|
|
|
input[type="button"]:focus:-moz-focus-inner {
|
|
padding-left : 1px;
|
|
padding-right : 1px;
|
|
padding-top : 0px;
|
|
padding-bottom: 0px;
|
|
|
|
margin: 0px;
|
|
border : 1px dotted black;
|
|
}
|
|
|
|
|
|
button {
|
|
display: inline;
|
|
vertical-align: bottom;
|
|
cursor: default;
|
|
|
|
border: 2px outset rgb(156, 154, 156);
|
|
background-color: rgb(206, 207, 206);
|
|
color:black;
|
|
|
|
padding: 1px;
|
|
}
|
|
|
|
button:active {
|
|
border-style: inset;
|
|
|
|
padding-left: 2px;
|
|
padding-right: 0px;
|
|
padding-top: 2px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
button:hover {
|
|
}
|
|
|
|
button:active:-moz-outline {
|
|
border : 1px solid black;
|
|
}
|
|
|
|
button:hover:-moz-outline {
|
|
border : 1px solid black;
|
|
}
|
|
|
|
button[disabled] {
|
|
border-style: solid;
|
|
}
|
|
|
|
button[disabled]:active {
|
|
padding: 1px;
|
|
}
|
|
|
|
button:-moz-focus-inner {
|
|
padding-left : 2px;
|
|
padding-right : 2px;
|
|
padding-top : 1px;
|
|
padding-bottom: 1px;
|
|
margin: 0px;
|
|
}
|
|
|
|
button:focus:-moz-focus-inner {
|
|
padding-left : 1px;
|
|
padding-right : 1px;
|
|
padding-top : 0px;
|
|
padding-bottom: 0px;
|
|
|
|
margin: 0px;
|
|
border : 1px dotted black;
|
|
}
|
|
|
|
:-moz-dropdown-list {
|
|
border-color:black;
|
|
-moz-border-radius:4px;
|
|
background-color:rgb(200, 200, 200);
|
|
}
|
|
|
|
/* Combo box style */
|
|
select, select[size="1"] {
|
|
vertical-align: bottom;
|
|
border: none;
|
|
background-color:rgb(204, 204, 204);
|
|
color:black;
|
|
white-space:nowrap;
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
/* combobox button */
|
|
select input[type=button] {
|
|
border: outset 1px rgb(204, 204, 204);
|
|
background-image:url("arrow.gif");
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
width:12px;
|
|
height:12px;
|
|
-moz-border-radius:0px;
|
|
}
|
|
|
|
/* combobox display area */
|
|
select input#-moz-display {
|
|
border: inset 1px rgb(204, 204, 204);
|
|
background-color: white;
|
|
background-image: none;
|
|
-moz-border-radius:0px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
/* combbox display area - active */
|
|
select input#-moz-display:active {
|
|
border: inset 1px rgb(204, 204, 204);
|
|
background-color:white;
|
|
background-image: none;
|
|
-moz-border-radius:0px;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
background-color:white;
|
|
}
|
|
|
|
option {
|
|
display:block;
|
|
padding-left:3px;
|
|
padding-right:3px;
|
|
}
|
|
|
|
/* Combobox item style */
|
|
select option[-moz-option-selected] {
|
|
color:black;
|
|
background-color:white;
|
|
}
|
|
|
|
/* List box item selected style */
|
|
select[size] option[-moz-option-selected] {
|
|
color:white;
|
|
background-color:rgb(51,51,102);
|
|
}
|
|
|
|
select[size="1"] option[-moz-option-selected] {
|
|
color:black;
|
|
background-color:white;
|
|
}
|
|
|
|
option.selectedfocus {
|
|
border: 1px dotted white;
|
|
background-color: rgb(0,0,128);
|
|
color: rgb(255,255,255);
|
|
}
|
|
|
|
optgroup {
|
|
font-style:italic;
|
|
font-weight:bold;
|
|
}
|
|
|
|
optgroup > option {
|
|
padding-left:20px;
|
|
font-style:normal;
|
|
font-weight:normal;
|
|
}
|
|
|
|
textarea {
|
|
vertical-align: bottom;
|
|
border: 2px inset #c0c0c0;
|
|
background-color:white;
|
|
color:black;
|
|
} |