зеркало из https://github.com/mozilla/pjs.git
Changes to improve demo16
This commit is contained in:
kmcclusk%netscape.com
Родитель
24555ad46d
Коммит
4bc85b882d
|
|
@ -9,12 +9,16 @@ input[type="checkbox"] {
|
|||
}
|
||||
|
||||
input[type="radio"] {
|
||||
-moz-border-radius:0px;
|
||||
-moz-border-radius:6px;
|
||||
width:12px;
|
||||
height:12px;
|
||||
border:2px inset;
|
||||
border:2px inset rgb(192, 192, 192);
|
||||
background-color:white;
|
||||
color:black;
|
||||
}
|
||||
|
||||
:-moz-radio {
|
||||
-moz-border-radius:1px;
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
input[type=button] {
|
||||
|
|
@ -39,12 +43,27 @@ input[type="button"]:active:-moz-outline {
|
|||
}
|
||||
|
||||
select {
|
||||
-moz-border-radius:2px;
|
||||
border:2px inset;
|
||||
-moz-border-radius:0px;
|
||||
border:2px inset rgb(192, 192, 192);
|
||||
}
|
||||
|
||||
select[size] option[-moz-option-selected] {
|
||||
background-color:rgb(0, 0, 128);
|
||||
color: white;
|
||||
}
|
||||
|
||||
select option[-moz-option-selected] {
|
||||
background-color:rgb(0, 0, 128);
|
||||
color: white;
|
||||
}
|
||||
|
||||
select[size="1"] option[-moz-option-selected] {
|
||||
background-color:rgb(0, 0, 128);
|
||||
color: white;
|
||||
}
|
||||
|
||||
:-moz-dropdown-list {
|
||||
border-color:black;
|
||||
|
||||
border: 1px solid black;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,6 +13,15 @@ input[type="radio"] {
|
|||
border:3px inset;
|
||||
background-color:green;
|
||||
color:yellow;
|
||||
-moz-border-radius:0;
|
||||
}
|
||||
|
||||
:-moz-radio {
|
||||
width:8px;
|
||||
width:8px;
|
||||
background-color:yellow;
|
||||
color:yellow;
|
||||
-moz-border-radius:0;
|
||||
}
|
||||
|
||||
input[type=button] {
|
||||
|
|
|
|||
|
|
@ -1,32 +1,158 @@
|
|||
|
||||
input[type="checkbox"] {
|
||||
-moz-border-radius:4px;
|
||||
width:12px;
|
||||
height:12px;
|
||||
border:2px outset;
|
||||
background-color:rgb(200, 200, 200);
|
||||
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"] {
|
||||
width:12px;
|
||||
height:12px;
|
||||
border:2px inset;
|
||||
background-color:rgb(230, 230, 230);
|
||||
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=button] {
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
-moz-border-radius:4px;
|
||||
border-color:rgb(230, 230, 230);
|
||||
}
|
||||
|
||||
select {
|
||||
-moz-border-radius:0px;
|
||||
border-color:rgb(230, 230, 230);
|
||||
border-width:2px;
|
||||
border-style:inset;
|
||||
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 {
|
||||
|
|
@ -35,15 +161,70 @@ select {
|
|||
background-color:rgb(200, 200, 200);
|
||||
}
|
||||
|
||||
option {
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
|
||||
/* Combo box style */
|
||||
select, select[size="1"] {
|
||||
vertical-align: bottom;
|
||||
border: 1px inset #c0c0c0;
|
||||
background-color:rgb(204, 204, 204);
|
||||
color:black;
|
||||
white-space:nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
option[-moz-option-selected] {
|
||||
color:white;
|
||||
background-color:rgb(0, 0, 100);
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
/* Listbox style */
|
||||
select[size] {
|
||||
background-color: white;
|
||||
border: 1px inset rgb(153, 153, 153);
|
||||
}
|
||||
|
||||
|
||||
select:active {
|
||||
border : 1px solid black;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
|
@ -72,8 +72,8 @@ function usestyle(styletype)
|
|||
<INPUT checked type=checkbox>untitled
|
||||
<INPUT type=checkbox>untitled
|
||||
<BR>
|
||||
<INPUT checked type=radio>untitled
|
||||
<INPUT type=radio>untitled
|
||||
<INPUT checked type=radio name=radio>untitled
|
||||
<INPUT type=radio name=radio>untitled
|
||||
<BR>
|
||||
<INPUT type=button value="test">
|
||||
<INPUT type=button style="font-weight:bold;" value="test">
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче