interface.css
Summary
This file defines the basic CSS style rules for the MozileEditor. 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.0
Author: James A. Overton
menulist, textbox {
-moz-user-focus: normal;
}
#mozileToolbar {
position: fixed;
left: 0px;
top: -1px;
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;
}
#mozileToolbar[collapsed=true] {
visibility: hidden;
}
#mozileStatusbar {
position: fixed;
left: 0px;
top: 50px;
-moz-box-orient: horizontal;
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;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
height: 14pt;
}
#mozileStatusbar[collapsed=true] {
visibility: hidden;
}
#mozileAboutInterface {
position: fixed;
left: -500px;
top: -500px;
width: 0px;
height: 0px;
background-color: #F4F4F4;
border: 2px outset #A3A3A3;
z-index: 11;
padding: 5px;
}
#mozileAboutInterface[collapsed=true] {
visibility: hidden;
}
#mozileAboutInterface > * {
width: 100%;
}
#mozileSaveInterface {
position: fixed;
left: -100px;
top: -100px;
width: 0px;
height: 0px;
background-color: #F4F4F4;
border: 2px outset #A3A3A3;
z-index: 11;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#mozileSaveInterface[collapsed=true] {
visibility: hidden;
}
#mozileSaveInterface > hbox, #mozileSaveInterface > groupbox {
width: 350px;
}
#mozileSourceInterface {
position: fixed;
left: -500px;
top: -500px;
background-color: #F4F4F4;
border: 2px outset #A3A3A3;
z-index: 11;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#mozileSourceInterface[collapsed=true] {
visibility: hidden;
}
#mozileSourceInterface > hbox {
width: 100%;
}
#mozileSourceInterface > vbox {
width: 100%;
height: 98%;
}
#mozileSourceInterface > textbox {
width: 100%;
height: 100%;
}
#mozileMessageInterface {
font-family: Helvitica, sans-serif;
position: fixed;
left: -500px;
top: -500px;
background-color: #F4F4F4;
border: 2px outset #A3A3A3;
z-index: 11;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#mozileMessageInterface[collapsed=true] {
visibility: hidden;
}
#mozileMessageInterface > hbox, #mozileMessageInterface > vbox {
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;
}
#mozileStatusbar .mozileButton {
width: 20px;
}
#mozileStatusbar > label {
font-weight: normal;
padding: 0px;
margin-left: 5px;
}
#mozileStatusbar progressmeter {
}
#mozileStatusbar #mozileMoreButton {
-moz-appearance: none;
padding-right: 4px;
list-style-image: url("../images/Popup-blocked.png") !important;
border: none;
min-width: 16px;
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
background-image: none !important;
background-color: transparent;
}
#mozileStatusbar #mozileMoreButton:hover:active {
list-style-image: url("../images/Popup-blocked.png") !important;
}
#mozileStatusbar #mozileMoreButton .button-text {
display: none;
}
#mozileStatusbar #mozilePastButton {
-moz-appearance: none;
padding-right: 4px;
list-style-image: url("../images/Search-bar.png") !important;
border: none;
min-width: 16px;
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
background-image: none !important;
background-color: transparent;
}
#mozileStatusbar #mozilePastButton:hover:active {
list-style-image: url("../images/Search-bar.png") !important;
}
#mozileStatusbar #mozilePastButton .button-text {
display: none;
}
#mozileStatusbar #mozileCloseButton {
-moz-appearance: none;
padding-right: 4px;
list-style-image: url("../images/closetab.png") !important;
border: none;
min-width: 16px;
width: 16px;
height: 16px;
padding: 0px;
margin: 0px;
background-image: none !important;
background-color: transparent;
}
#mozileStatusbar #mozileCloseButton:hover:active {
list-style-image: url("../images/closetab-active.png") !important;
}
#mozileStatusbar #mozileCloseButton .button-text {
display: none;
}
#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;
}
button[dlgtype="accept"] {
margin-top: 10px;
margin-right: 13px;
}
button[dlgtype="extra2"] {
margin-top: 10px;
margin-left: 13px;
}
dialog {
width: 400px;
}
button[dlgtype] {
margin-top: 10px;
margin-right: 13px;
}
.header {
font-size: 120%;
background-color: lightblue;
border: 2px inset lightgray;
padding: 5px 0px 5px 0px;
}
.wide {
width: 100px;
}
#bugs {
padding: 5px;
background-color: white;
overflow: auto;
height: 100%;
}
#bugs > hbox {
margin: 1px;
padding: 3px;
border: 1px solid blue;
}
description {
margin: 3px;
}
.datestamp {
}
.functions {
}
.message {
}
#mozileAboutInterface #teaser {
font-size: 1.3em;
font-weight: bold;
margin: 5px;
}
#mozileAboutInterface .link {
text-decoration: underline;
}
#mozileAboutInterface #hboxMozdevURI {
margin-top: 10px;
margin-bottom: 5px;
}
#mozileAboutInterface row {
margin-top: 8px;
}
#mozileAboutInterface #mozdevURI {
font-size: 1.1em;
font-weight: bold;
}
#mozileAboutInterface #creditsTitle {
font-size: 1em;
font-weight: bold;
}
#mozileAboutInterface #credits {
width: 300px;
font-style: italic;
text-align: justify;
}
Documentation generated by
JSDoc on Thu Feb 2 14:36:27 2006