зеркало из https://github.com/mozilla/pjs.git
additional rules for appearance tweaks, html widget optimisation, r=hyatt
This commit is contained in:
rgoodger%ihug.co.nz
Родитель
bbf6c3bb87
Коммит
75c4c7283e
|
|
@ -917,6 +917,11 @@ tree {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
/* BEN: making dialog trees nicely inset */
|
||||
tree.inset {
|
||||
border: 1px inset white;
|
||||
}
|
||||
|
||||
treeitem[selected="true"] > treerow {
|
||||
color: white;
|
||||
background-color: #336699;
|
||||
|
|
@ -934,6 +939,16 @@ treehead > treerow > treecell {
|
|||
padding-left: 5px;
|
||||
}
|
||||
|
||||
/* BEN: making dialog treehead cells outset */
|
||||
tree.inset > treehead > treerow > treecell {
|
||||
border: 1px outset white;
|
||||
}
|
||||
|
||||
/* BEN: making sortable dialog treehead cells clickable */
|
||||
tree.inset > treehead > treerow > treecell.sortable:active {
|
||||
border: 1px inset white;
|
||||
}
|
||||
|
||||
treecell.image > titledbutton {
|
||||
border: 1px solid transparent;
|
||||
text-decoration: none;
|
||||
|
|
@ -974,6 +989,13 @@ treecell {
|
|||
padding-left: 2px;
|
||||
}
|
||||
|
||||
/* BEN: make rule for property list cells */
|
||||
treecell.propertylist {
|
||||
padding-left: 5px;
|
||||
border-right: 1px solid #CCCCCC;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
treeitem > treerow > treecell > .tree-icon > .twisty {
|
||||
border: none;
|
||||
padding: 0px;
|
||||
|
|
@ -1009,6 +1031,8 @@ tab {
|
|||
border: 1px outset white;
|
||||
/* -moz-border-radius: 90; */
|
||||
color:black;
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
tab:active {
|
||||
|
|
@ -1108,6 +1132,12 @@ tab[selected="true"] {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* BEN - made tabpanel outset. */
|
||||
tabpanel {
|
||||
border: 1px outset white;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
/**********************************
|
||||
* HTML components in the window tag
|
||||
**********************************/
|
||||
|
|
@ -1115,7 +1145,7 @@ tab[selected="true"] {
|
|||
/**
|
||||
* removed 2px black border from iframe
|
||||
*/
|
||||
window html|iframe {
|
||||
html|iframe {
|
||||
min-width: 10px;
|
||||
min-height: 10px;
|
||||
width: 100px;
|
||||
|
|
@ -1123,7 +1153,7 @@ window html|iframe {
|
|||
border: none;
|
||||
}
|
||||
|
||||
window html|div.separator[align="horizontal"] {
|
||||
html|div.separator[align="horizontal"] {
|
||||
width: 100%;
|
||||
max-height: 2px;
|
||||
vertical-align: middle;
|
||||
|
|
@ -1134,7 +1164,7 @@ window html|div.separator[align="horizontal"] {
|
|||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
window html|div.separator[align="vertical"] {
|
||||
html|div.separator[align="vertical"] {
|
||||
height: 100%;
|
||||
max-width: 2px;
|
||||
border-right: 2px groove white;
|
||||
|
|
@ -1146,7 +1176,7 @@ window html|div.separator[align="vertical"] {
|
|||
}
|
||||
|
||||
|
||||
window html|fieldset {
|
||||
html|fieldset {
|
||||
margin-bottom: 6px;
|
||||
margin-top: 5px;
|
||||
margin-left: 6px;
|
||||
|
|
@ -1156,7 +1186,7 @@ window html|fieldset {
|
|||
}
|
||||
|
||||
|
||||
window html|legend {
|
||||
html|legend {
|
||||
border: none;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 0px;
|
||||
|
|
@ -1164,13 +1194,13 @@ window html|legend {
|
|||
margin-right: 3px;
|
||||
}
|
||||
|
||||
window html|label {
|
||||
html|label {
|
||||
padding-bottom: 4px;
|
||||
background-color: transparent;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
window html|textarea {
|
||||
html|textarea {
|
||||
border: 1px inset #DDDDDD;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 2px;
|
||||
|
|
@ -1184,7 +1214,7 @@ window html|textarea {
|
|||
color: black;
|
||||
}
|
||||
|
||||
window html|input[type=text] {
|
||||
html|input[type=text] {
|
||||
border: 1px inset rgb(192, 192, 192);
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
|
|
@ -1199,7 +1229,7 @@ window html|input[type=text] {
|
|||
min-height: 1.6em;
|
||||
}
|
||||
|
||||
window html|input[type=password] {
|
||||
html|input[type=password] {
|
||||
border: 1px inset rgb(192, 192, 192);
|
||||
padding-top: 3px;
|
||||
padding-bottom: 2px;
|
||||
|
|
@ -1214,13 +1244,24 @@ window html|input[type=password] {
|
|||
min-height: 1.75em;
|
||||
}
|
||||
|
||||
window html|input {
|
||||
html|input {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
user-focus: normal;
|
||||
}
|
||||
|
||||
window html|input[type=radio] {
|
||||
/**
|
||||
* borderless cell for containing lengthy or variable length strings in a dialog
|
||||
* where you want permanence (non-editability) but the ability to copy/paste, and
|
||||
* fit long strings in a small space.
|
||||
*/
|
||||
html|input.scroll-label {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
html|input[type=radio] {
|
||||
margin-left: 3px;
|
||||
margin-right: 5px;
|
||||
margin-top: 3px;
|
||||
|
|
@ -1230,7 +1271,7 @@ window html|input[type=radio] {
|
|||
height:12px;
|
||||
}
|
||||
|
||||
window html|input[type=checkbox] {
|
||||
html|input[type=checkbox] {
|
||||
margin-left: 3px;
|
||||
margin-right: 5px;
|
||||
margin-top: 3px;
|
||||
|
|
@ -1239,19 +1280,19 @@ window html|input[type=checkbox] {
|
|||
color:black;
|
||||
}
|
||||
|
||||
window html|input[type=checkbox]:hover {
|
||||
html|input[type=checkbox]:hover {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
window html|input[type=checkbox][disabled] {
|
||||
html|input[type=checkbox][disabled] {
|
||||
border: 1px solid;
|
||||
}
|
||||
|
||||
window html|input[type=checkbox][disabled]:hover {
|
||||
html|input[type=checkbox][disabled]:hover {
|
||||
border: 1px solid rgb(153, 153, 153);
|
||||
}
|
||||
|
||||
window html|input[type=checkbox]:focus {
|
||||
html|input[type=checkbox]:focus {
|
||||
border:1px dotted rgb(153, 153, 153);
|
||||
}
|
||||
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче