/********************************************************************
* Customized styles for JADE
*
* Jade styles where developed with the DTD:
* However the styles are pretty simple and should work well-enough in other DTDs.
*
* We assume this and standard typography styles (,
, ,...) are defined in the parent website
* and included in the page. This gives JADE the look of the parent site.
* The styles here are mainly just layout and borders.
*/
.jade {
font-size: 1.0em;
}
@media print {
.jade { display: none; }
}
/********************************************************************
* The JADE editor and popup editor
*/
.jadeEditor h1 {
font-size: 1.5em;
}
.jadeEditor h2 {
margin-top: 0.6em;
font-size: 1.3em;
}
.jadeEditor form td.submitButton {
padding: 1.0em 0.7em 0.3em 0.7em;
}
.jadeEditor form select,
.jadeEditor form input {
margin-top: 0.1em;
border: 2px groove #AAAAAA;
font-size: 0.95em;
}
.jadeEditor form div.editArea,
.jadeEditor form textArea {
border: 2px groove #AAAAAA;
font-size: 0.95em;
}
.jadeEditor form div.editArea ul {
margin-left: 1.5em;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.jadeEditor form div.editArea ol {
margin-left: 2.1em;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.jadeEditor input.button,
.jadeEditor input.sideButton,
.jadeEditor form td.submitButton input,
.jadeEditor form td.cancelButton input {
background-color: #BBBBBB;
border: 3px outset #AAAAAA;
font-weight: normal;
}
/********************************************************************
* Links placed in pages for JADE
*/
/* Base style - all elements are enclosed in a div layer with this style */
/* Item attribute layout tables */
/********************************************************************
* The JADE site manager pages
*/
.jadeSiteManager h1 {
margin-top: 0em;
color: black;
}
.jadeSiteManager h2,
.jadeSiteManager h3 {
color: black;
}
.jadeSiteManager form select,
.jadeSiteManager form input {
margin-top: 0.1em;
border: 2px groove #AAAAAA;
font-size: 0.95em;
width: 16em;
}
.jadeSiteManager form input.radio,
.jadeSiteManager form input.checkbox {
width: 1.2em;
margin-right: 1em;
}
.jadeSiteManager form select {
width: 16.7em;
}
.jadeSiteManager input.calField {
width: 13.0em;
}
.jadeSiteManager input.calFieldSmall {
width: 5.8em;
}
.jadeSiteManager form textArea {
border: 2px groove #AAAAAA;
background-color: #E6E6E6;
font-size: 0.95em;
width: 42em;
}
.jadeSiteManager input.button,
.jadeSiteManager input.sideButton,
.jadeSiteManager form td.submitButton input,
.jadeSiteManager form td.cancelButton input {
background-color: #BBBBBB;
border: 3px outset #AAAAAA;
font-weight: normal;
font-size: 0.95em;
width: auto;
padding-left: 1em;
padding-right: 1em;
margin-left: 0.7em;
margin-right: 0.7em;
}
.jadeSiteManager table.content {
margin-top: 0.4em;
}
.jadeSiteManager div.settings {
width: 69em;
}
/* Base style - all elements are enclosed in a div layer with this style */
/*******************
* Standard typography - main page
*/
.jadeSiteManager div.notice {
margin-top: 3em;
margin-bottom: 3em;
text-align: center;
}
.jadeSiteManager div.topActions {
margin-left: 0;
margin-right: 0;
}
.jadeSiteManager h3 {
font-weight: bold;
background-color: #FFFFFF;
padding: 0.2em 0;
margin-top: 1.0em;
}