mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-02-13 19:41:49 +00:00
diffs from pete@postpagan.com; add license
This commit is contained in:
brade%netscape.com
parent
ee537ba0ad
commit
351af90280
@ -1,76 +1,101 @@
|
||||
/*
|
||||
* The contents of this file are subject to the Netscape Public
|
||||
* License Version 1.1 (the "License"); you may not use this file
|
||||
* except in compliance with the License. You may obtain a copy of
|
||||
* the License at http://www.mozilla.org/NPL/
|
||||
*
|
||||
* Software distributed under the License is distributed on an "AS
|
||||
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
|
||||
* implied. See the License for the specific language governing
|
||||
* rights and limitations under the License.
|
||||
*
|
||||
* The Original Code is Mozilla Communicator client code, released
|
||||
* March 31, 1998.
|
||||
*
|
||||
* The Initial Developer of the Original Code is Netscape
|
||||
* Communications Corporation. Portions created by Netscape are
|
||||
* Copyright (C) 1998-1999 Netscape Communications Corporation. All
|
||||
* Rights Reserved.
|
||||
*
|
||||
* Contributor(s):
|
||||
* Pete Collins
|
||||
*/
|
||||
|
||||
|
||||
/* XUL ELEMENTS */
|
||||
|
||||
/* values = margin, padding. Padding doesn't work yet */
|
||||
|
||||
window{
|
||||
|
||||
background-color: #CCCCDD;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
font: 3mm tahoma,arial,helvetica,sans-serif;
|
||||
padding: 0px;
|
||||
background-color: #CCCCDD;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
font: 3mm tahoma,arial,helvetica,sans-serif;
|
||||
padding: 0px;
|
||||
|
||||
}
|
||||
|
||||
titledbutton.popup {
|
||||
|
||||
list-style-image: url(resource:/res/toolbar/TB_popup.gif);
|
||||
display: inline;
|
||||
list-style-image: url(resource:/res/toolbar/TB_popup.gif);
|
||||
display: inline;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
border: 1px outset white;
|
||||
font: inherit;
|
||||
color: black;
|
||||
border: 1px outset white;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
|
||||
titledbutton.popup:active {
|
||||
|
||||
text-decoration: none;
|
||||
border: 1px inset;
|
||||
color: none;
|
||||
color: black;
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
text-decoration: none;
|
||||
border: 1px inset;
|
||||
color: none;
|
||||
color: black; /* why is color defined twice? */
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
titledbutton.popup[disabled="true"] {
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
border : 1px solid #999999;
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
border : 1px solid #999999;
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
titledbutton.popup[disabled="true"]:hover {
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
border : 1px solid #999999;
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
border : 1px solid #999999;
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
titledbutton.popup[disabled="true"]:active {
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
border : 1px solid #999999;
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
border : 1px solid #999999;
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* Don't mess with top and bottom margin! */
|
||||
titledbutton[class=~spaced] {
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* This assumes 1px is shifted to the border
|
||||
titledbutton[class=~hspaced]:hover {
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
*/
|
||||
|
||||
@ -78,99 +103,86 @@ titledbutton[class=~hspaced]:hover {
|
||||
Must have some default space around text in buttons */
|
||||
titledbutton {
|
||||
/* top+bot, left+right */
|
||||
padding: 2px 5px;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
/* overriding XUL.CSS to prevent relayout upon hover */
|
||||
titledbutton:hover {
|
||||
padding: 2px 5px;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
titledbutton:active {
|
||||
padding-left: 6px;
|
||||
padding-right: 4px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 6px;
|
||||
padding-right: 4px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
/* If a button looks depressed because it is "toggled",
|
||||
using outset seems odd. Use a flat border instead? */
|
||||
titledbutton[toggled="1"]:hover {
|
||||
border: 1px solid white;
|
||||
border: 1px solid white;
|
||||
}
|
||||
|
||||
titledbutton[toggled="1"] {
|
||||
border: 1px white inset;
|
||||
padding: 2px 5px;
|
||||
border: 1px white inset;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
titledbutton.SizeToParent {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
titledbutton.CloseButton {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
titledbutton.MsgButton {
|
||||
min-width: 6em;
|
||||
margin: 5px;
|
||||
min-width: 6em;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
|
||||
menupopup {
|
||||
font: inherit;
|
||||
visibility: hidden;
|
||||
background-color: #CCCCDD;
|
||||
color: inherit;
|
||||
border: 1px white outset;
|
||||
font: inherit;
|
||||
visibility: hidden;
|
||||
background-color: #CCCCDD;
|
||||
color: inherit;
|
||||
border: 1px white outset;
|
||||
}
|
||||
|
||||
tristatecheckbox {
|
||||
/* DOESN'T WORK! */
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
border-style: inset;
|
||||
background-color: #ffffff;
|
||||
valign: center;
|
||||
align: center
|
||||
}
|
||||
|
||||
|
||||
select.combobox {
|
||||
font-family: Sans-Serif;
|
||||
font-size: 8pt;
|
||||
border-top: 2px;
|
||||
border-left: 4px;
|
||||
border-right: 2px;
|
||||
border-style: outset;
|
||||
font-family: Sans-Serif;
|
||||
font-size: 8pt;
|
||||
border-top: 2px;
|
||||
border-left: 4px;
|
||||
border-right: 2px;
|
||||
border-style: outset;
|
||||
}
|
||||
|
||||
select.SpellCheckList, select.SpellCheckLanguage, input.SpellCheckWord {
|
||||
width: 20em;
|
||||
border-style: inset;
|
||||
width: 20em;
|
||||
border-style: inset;
|
||||
background-color: #CCCCCC; /* not working on Macintosh */
|
||||
}
|
||||
|
||||
.checkboxtext {
|
||||
margin-top: -9px;
|
||||
margin-left: 3px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 2px;
|
||||
margin-top: -9px;
|
||||
margin-left: 3px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
radio { margin: 5px 3px }
|
||||
|
||||
tree {
|
||||
display: table;
|
||||
background-color: #000000;
|
||||
border: none;
|
||||
border-spacing: 0px;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
display: table;
|
||||
background-color: #000000;
|
||||
border: none;
|
||||
border-spacing: 0px;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* HTML ELEMENTS */
|
||||
@ -179,85 +191,85 @@ td, table { border: 0px;}
|
||||
|
||||
/* Force all rows to line up cell contents at the top */
|
||||
tr {
|
||||
vertical-align: top;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Use this to override the default vertical centering */
|
||||
.vcenter {
|
||||
vertical-align: middle;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
tr[show=0] {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
tr[show=1] {
|
||||
display: table-row;
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
|
||||
p, br {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px
|
||||
}
|
||||
|
||||
button {
|
||||
|
||||
display: inline;
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
width: 70px;
|
||||
max-width: 80px;
|
||||
height: 15px;
|
||||
border: 1px outset white;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
font: inherit;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
border-style: 3D;
|
||||
display: inline;
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
width: 70px;
|
||||
max-width: 80px;
|
||||
height: 15px;
|
||||
border: 1px outset white;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
font: inherit;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
border-style: 3D;
|
||||
|
||||
}
|
||||
|
||||
button:active {
|
||||
|
||||
text-decoration: none;
|
||||
border: 1px inset;
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
text-decoration: none;
|
||||
border: 1px inset;
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
|
||||
}
|
||||
|
||||
button[class="enabled"] {
|
||||
|
||||
display: inline;
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
width: 70px;
|
||||
max-width: 80px;
|
||||
height: 15px;
|
||||
border: 1px outset white;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
font: inherit;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
border-style: 3D;
|
||||
display: inline;
|
||||
background-color: inherit;
|
||||
background-image: inherit;
|
||||
width: 70px;
|
||||
max-width: 80px;
|
||||
height: 15px;
|
||||
border: 1px outset white;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
text-align: center;
|
||||
font: inherit;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
border-style: 3D;
|
||||
|
||||
}
|
||||
|
||||
button:active[class="enabled"] {
|
||||
|
||||
text-decoration: none;
|
||||
border: 1px inset;
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
text-decoration: none;
|
||||
border: 1px inset;
|
||||
padding-left: 3px;
|
||||
padding-right: 1px;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 1px;
|
||||
|
||||
}
|
||||
|
||||
@ -289,166 +301,166 @@ button:active[class="disabled"] {
|
||||
text-decoration: none;
|
||||
border-style: solid;
|
||||
padding: 2px;
|
||||
outline: none;
|
||||
outline: none;
|
||||
|
||||
}
|
||||
|
||||
|
||||
fieldset {
|
||||
margin-bottom: 6px;
|
||||
margin-top: 5px;
|
||||
margin-left: 6px;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
border: 2px groove white;
|
||||
margin-bottom: 6px;
|
||||
margin-top: 5px;
|
||||
margin-left: 6px;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
border: 2px groove white;
|
||||
/* WAS */
|
||||
/* override XUL.css margin */
|
||||
/*
|
||||
margin: 0px;
|
||||
border: 2px groove white;
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
margin: 0px;
|
||||
border: 2px groove white;
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
*/
|
||||
/* BUG: If this is set, border is chopped off at the right */
|
||||
/* margin: 5px; */
|
||||
/* margin: 5px; */
|
||||
|
||||
}
|
||||
|
||||
legend[class="enabled"] {
|
||||
|
||||
border: none;
|
||||
color: black;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 0px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
padding: 2px;
|
||||
border: none;
|
||||
color: black;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 0px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
legend[class="disabled"] {
|
||||
|
||||
border: none;
|
||||
color: gray;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 0px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
padding: 2px;
|
||||
border: none;
|
||||
color: gray;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 0px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
padding: 2px;
|
||||
|
||||
}
|
||||
|
||||
legend {
|
||||
|
||||
border: none;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 0px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
padding: 2px;
|
||||
border: none;
|
||||
margin-bottom: 5px;
|
||||
margin-top: 0px;
|
||||
margin-left: 4px;
|
||||
margin-right: 3px;
|
||||
padding: 2px;
|
||||
/* WAS */
|
||||
/*
|
||||
margin-left: 3px;
|
||||
text-align: left;
|
||||
margin-left: 3px;
|
||||
text-align: left;
|
||||
*/
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline;
|
||||
color: black;
|
||||
padding-bottom: 4px;
|
||||
background-color: inherit;
|
||||
background-color: #CCCCDD;
|
||||
background-image: inherit;
|
||||
display: inline;
|
||||
color: black;
|
||||
padding-bottom: 4px;
|
||||
background-color: inherit;
|
||||
background-color: #CCCCDD;
|
||||
background-image: inherit;
|
||||
}
|
||||
|
||||
|
||||
label[class="enabled"] {
|
||||
color: black;
|
||||
margin-bottom: 2px
|
||||
color: black;
|
||||
margin-bottom: 2px
|
||||
}
|
||||
|
||||
label[class="disabled"] {
|
||||
|
||||
color: gray;
|
||||
margin-bottom: 2px
|
||||
background-color: blue;
|
||||
color: gray;
|
||||
margin-bottom: 2px
|
||||
background-color: blue;
|
||||
|
||||
}
|
||||
|
||||
/* CLASSES */
|
||||
/* Use these primarily with TD to create 3D "panels" */
|
||||
.GrooveBorder {
|
||||
border: 2px groove;
|
||||
padding: 5px
|
||||
border: 2px groove;
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
.RidgeBorder {
|
||||
border: 2px ridge;
|
||||
padding: 5px
|
||||
border: 2px ridge;
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
.OutsetBorder {
|
||||
border: 1px outset;
|
||||
padding: 5px
|
||||
border: 1px outset;
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
.InsetBorder {
|
||||
border: 1px inset;
|
||||
padding: 5px
|
||||
border: 1px inset;
|
||||
padding: 5px
|
||||
}
|
||||
|
||||
|
||||
button.spaced {
|
||||
/* BUG - Setting size doesn't work?
|
||||
width: 80px;
|
||||
height: 20px;
|
||||
width: 80px;
|
||||
height: 20px;
|
||||
*/
|
||||
margin: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
button.ChooseFile {
|
||||
margin-left: 5px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 5px;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background-color: #cccccc;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 3px;
|
||||
margin-right: 5px;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background-color: #cccccc;
|
||||
}
|
||||
|
||||
.tableCenterAlign {
|
||||
vertical-align: middle;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.genericbutton {
|
||||
width: 80px;
|
||||
height: 20px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
width: 80px;
|
||||
height: 20px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.spacedtext {
|
||||
margin-top: 0px;
|
||||
margin-left: 3px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 2px;
|
||||
margin-top: 0px;
|
||||
margin-left: 3px;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
font-family: Sans-Serif;
|
||||
font-size: 8pt;
|
||||
font-family: Sans-Serif;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
hr {
|
||||
height: 2px;
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
/* Messenger uses this -- IT SHOULD BE IN XUL.CSS */
|
||||
spring.spacer {
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
spring.bigspacer {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user