interface.css
Summary
This file defines the basic CSS style rules for the Mozile interface elements. These rules are meant only to make the Mozile widgets and dialogs functional, and other rules will be needed to make it look pretty.
Version: 0.7
Author: James A. Overton
#MozileToolbar {
position: absolute;
background-color: #F4F4F4;
border: 1px solid #A3A3A3;
padding: 0px 2px 2px 2px;
margin: 0px 0px 0px 0px;
z-index: 10;
text-align: left;
visibility: visible;
vertical-align: middle;
}
#MozileToolbar[collapsed=true] {
visibility: hidden;
}
#MozileStatusbar {
position: absolute;
background-color: #F4F4F4;
border: 1px solid #A3A3A3;
padding: 2px 2px 2px 0px;
margin: 0px 0px 0px 0px;
z-index: 10;
text-align: left;
visibility: visible;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
height: 20px;
}
#MozileStatusbar[collapsed=true] {
visibility: hidden;
}
.mozileInterface {
position: fixed;
background-color: #F4F4F4;
border: 2px outset #A3A3A3;
z-index: 11;
padding: 5px;
margin: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
-moz-user-modify: read-only;
}
.mozileInterface[collapsed=true] {
visibility: hidden;
}
.mozileInterface[collapsed=true] * {
visibility: hidden;
}
.mozileInterface > * {
width: 100%;
}
.mozileInterface > groupbox {
width: 98%;
margin-right: auto;
margin-left: auto;
}
.mozileInterface textbox, .mozileInterface #mozileMessageBox{
margin-right: 5px;
width: 98%;
}
.mozileInterface .buttons {
text-align: right;
vertical-align: middle;
}
.mozileInterface .header {
font-size: 120%;
background-color: lightblue;
border: 2px inset lightgray;
padding: 5px 0px 5px 0px;
}
.mozileInterface input {
-moz-user-input: auto;
-moz-user-focus: normal;
-moz-user-modify: read-only;
}
.mozileInterface select, .mozileInterface menulist {
-moz-user-input: auto;
-moz-user-focus: normal;
-moz-user-select: none;
-moz-user-modify: read-only;
}
.mozileInterface .wide {
width: 100px;
}
.mozileInterface description {
margin: 3px;
}
#mozileMessageBox {
padding: 5px;
background-color: white;
overflow: auto;
height: 200px;
}
#mozileMessageBox > hbox {
margin: 1px;
padding: 3px;
border: 1px solid blue;
width: 100%;
}
.mozileButton {
-moz-appearance: none;
margin: 1px 0px -1px 0px;
padding: 1px 1px 2px 1px;
-moz-border-radius: 3px;
font-family: Arial, Helvetica, sans-serif;
}
.mozileButton:active, .mozileButton[active=true], .mozileButton[open]{
padding: 0px 1px 0px 1px;
margin: 1px 0px -1px 0px;
border: 1px solid #A3A3A3;
background-color: #CCCCCC;
}
.mozileButton > label, .mozileButton > hbox > label {
display: none;
}
.MozileToolbarseparator { }
#MozileStatusbar > label {
font-weight: normal;
padding: 2px;
padding-bottom: 6px;
margin-left: 5px;
vertical-align: middle;
height: 20px;
}
#MozileStatusbar #mozileMoreButton {
list-style-image: url("../images/Popup-blocked.png") !important;
}
#MozileStatusbar #mozileMoreButton:hover:active {
list-style-image: url("../images/Popup-blocked.png") !important;
}
#MozileStatusbar #mozilePastButton {
list-style-image: url("../images/Search-bar.png") !important;
}
#MozileStatusbar #mozilePastButton:hover:active {
list-style-image: url("../images/Search-bar.png") !important;
}
#MozileMessageInterface .functionButton {
-moz-appearance: none;
list-style-image: url("../images/info.png") !important;
border: none;
min-width: 16px;
min-height: 16px;
width: 20px;
height: 20px;
margin: 0px 10px 0px 0px;
text-decoration: none;
}
#MozileMessageInterface .functionButton hbox {
border: none;
}
#MozileMessageInterface .functionButton .button-text, #MozileMessageInterface .functionButton .button-menu-dropmarker {
display: none;
}
#MozileMessageInterface .level4 {
background-color: red;
}
#MozileMessageInterface .level3 {
background-color: darksalmon;
}
#MozileMessageInterface .level2 {
background-color: lightpink;
}
#MozileMessageInterface .level1 {
background-color: lightblue;
}
#MozileMessageInterface .level0 {
background-color: lightgreen;
}
Documentation generated by
JSDoc on Wed Mar 15 11:59:24 2006