/*
* Copyright 2002-2009 DJiNN Software, Inc. All rights reserved.
* DJiNN SOFTWARE PROPRIETARY/CONFIDENTIAL.
* Use is subject to license terms, a copy of which has been included
* with this distribution in the LICENSE.jade.txt file.
*/
/********************************************************************
* 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.
*/
/********************************************************************
* Links placed in pages for JADE
*/
.jade {
font-size: 0.7em;
font-weight: bold;
padding: 0.1em 0.3em 0.2em 0.3em;
color:#767676;
text-align: right;
}
.jade p {
text-align: right;
}
.jade table {
font-size: 1.0em;
font-weight: bold;
margin-left: auto;
margin-right: 0;
color:#767676;
}
.jade ins {
float: right;
text-decoration: none;
}
.jade a:link,
.jade a:visited {
color:#767676;
}
.jade a:hover,
.jade a:active {
color:#3380BD;
}
/********************************************************************
* The JADE editor and popup editor
*/
/* Base style - all elements are enclosed in a div layer with this style */
.jadeEditor {
margin: 0;
padding: 0;
}
/* Item attribute layout tables */
.jadeEditor form table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.jadeEditor form td {
text-align: left;
padding: 0.9em 0em 0em 0em;
}
.jadeEditor form td.label {
text-align: right;
padding-right: 0.5em;
width: 10%;
white-space: nowrap;
}
.jadeEditor form .required {
color: red;
}
.jadeEditor form td.labelTop {
text-align: right;
vertical-align: top;
padding-top: 0.8em;
padding-right: 0.5em;
width: 10%;
white-space: nowrap;
}
.jadeEditor form td.fileLink {
vertical-align: top;
}
.jadeEditor form td.subText {
padding: 0em 0.5em 0.6em 0.2em;
font-size: 0.7em;
}
.jadeEditor form input {
width: 14em;
font-size: 1.02em;
background-color: #E6E6E6;
padding-left: 0.2em;
padding-right: 0.2em;
margin: 0;
border: 1px solid #666600;
}
.jadeEditor form input.radio,
.jadeEditor form input.checkbox {
width: 0.75em;
background-color: #FFFFFF;
border: 0;
}
.jadeEditor form input.editArea {
width: 90%;
}
.jadeEditor form input.file {
width: 90%;
}
.jadeEditor form input.tool {
width: 27px;
padding: 0;
margin: 0;
margin-top: 4px;
margin-bottom: 4px;
border: 1px solid #666600;
cursor: default;
}
.jadeEditor form select {
width: 14.5em;
font-size: 1.02em;
background-color: #E6E6E6;
margin: 0;
border: 1px solid #666600;
}
.jadeEditor form select.tool {
color: black;
width: 10em;
}
.jadeEditor form option {
padding: 0 2em 0 0.5em;
}
.jadeEditor form textArea {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.05em;
padding: 0.1em;
width: 90%;
color: black;
background-color: #E6E6E6;
border: 1px solid #666600;
}
/* don't usually use these but like to keep the names around
scrollbar-3dlight-color: #E6E6E6;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #E6E6E6;
scrollbar-darkshadow-color: #E6E6E6;
scrollbar-face-color: #666600;
scrollbar-highlight-color: #E6E6E6;
scrollbar-shadow-color: #E6E6E6;
scrollbar-track-color: #E6E6E6;
*/
.jadeEditor form td.submitButton {
padding: 1.2em 1.0em 0.3em 1.0em;
}
.jadeEditor form td.submitButton input {
color: black;
background-color: #999966;
width: 8em;
font-weight: bold;
text-align: center;
border: thin outset #666600;
}
.jadeEditor form td.cancelButton {
padding: 1.2em 1.5em 0.3em 1.0em;
text-align: right;
}
.jadeEditor form td.cancelButton input {
color: black;
background-color: #999966;
width: 8em;
font-weight: bold;
text-align: center;
border: thin outset #666600;
}
.jadeEditor form div.editArea {
height: 10em;
overflow: auto;
width: 90%;
color: black;
background-color: #E6E6E6;
padding-left: 0.2em;
padding-right: 0.2em;
margin: 0;
border: 1px solid #666600;
}
.jadeEditor form textarea.readonlyText {
background-color: transparent;
color: black;
border: 0;
}
.jadeEditor form div.readonlyText {
white-space: pre; /* white-space: pre-wrap; css-3 should we be so lucky... */
color: black;
padding-left: 0.2em;
padding-right: 0.2em;
margin: 0;
}
/* don't usually use these but like to keep the names around
scrollbar-3dlight-color: #E6E6E6;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #E6E6E6;
scrollbar-darkshadow-color: #E6E6E6;
scrollbar-face-color: #666600;
scrollbar-highlight-color: #E6E6E6;
scrollbar-shadow-color: #E6E6E6;
scrollbar-track-color: #E6E6E6;
*/
.jadeEditor form table.error td.label {
text-align: right;
color: #FF0000;
padding-right: 0.5em;
margin: 0.0em 0.5em 0.0em 0.5em;
}
.jadeEditor form table.error td {
color: #FF0000;
margin: 0.0em 0.5em 0.0em 0.5em;
}
/********************************************************************
* The JADE site manager pages
*/
/* Base style - all elements are enclosed in a div layer with this style */
.jadeSiteManager {
margin: 0;
padding: 0;
}
/*******************
* Standard typography - main page
*/
.jadeSiteManager h1 {
font-family: Verdana, Helvetica, sans-serif;
margin-top: 0.6em;
font-size: 1.6em;
color: #FF9900;
font-weight: normal;
}
.jadeSiteManager h2 {
font-family: Verdana, Helvetica, sans-serif;
margin-top: 0.6em;
font-size: 1.3em;
color: #FF9900;
font-weight: normal;
}
.jadeSiteManager h3 {
font-family: Verdana, Helvetica, sans-serif;
margin-top: 0.5em;
font-size: 1.0em;
color: #FF9900;
}
.jadeSiteManager hr {
color: black;
background-color: black;
height: 1px;
width: 80%;
margin: 0 auto;
}
.jadeSiteManager p {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.jadeSiteManager a:link {
color: #660066;
}
.jadeSiteManager a:visited,
.jadeSiteManager a:hover,
.jadeSiteManager a:active {
color: #660000;
}
.jadeSiteManager strong, b {
font-weight: bold;
}
.jadeSiteManager big {
font-size: 1.2em;
}
.jadeSiteManager small {
font-size: 0.8em;
}
.jadeSiteManager ul {
margin-left: 1.4em;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.jadeSiteManager ol {
margin-left: 2.0em;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.jadeSiteManager .required {
color: red;
}
/* general form stuff */
.jadeSiteManager div.tableActions {
margin: 0.2em;
text-align: right;
}
.jadeSiteManager form td.label {
text-align: right;
padding-right: 0.5em;
width: 10%;
white-space: nowrap;
}
.jadeSiteManager form td.labelTop {
text-align: right;
vertical-align: top;
padding-top: 0.8em;
padding-right: 0.5em;
width: 10%;
white-space: nowrap;
}
.jadeSiteManager form input {
width: 18em;
font-size: 1.02em;
background-color: #E6E6E6;
padding-left: 0.2em;
padding-right: 0.2em;
margin: 0;
border: 1px solid #666600;
}
.jadeSiteManager form input.radio,
.jadeSiteManager form input.checkbox {
width: 0.75em;
background-color: #FFFFFF;
border: 0;
}
.jadeSiteManager form select {
font-size: 1.02em;
background-color: #E6E6E6;
margin: 0;
border: 1px solid #666600;
}
.jadeSiteManager form select {
width: 18.3em;
}
.jadeSiteManager form option {
padding: 0 2em 0 0.5em;
}
.jadeSiteManager input.calField {
width: 16.9em;
}
.jadeSiteManager input.calFieldSmall {
width: 6.2em;
}
.jadeSiteManager input.sideButton {
color: black;
background-color: #999966;
width: 8em;
margin: 0em 0em 0em 2.0em;
font-weight: bold;
text-align: center;
border: thin outset #666600;
}
.jadeSiteManager form td.submitButton {
padding: 1.2em 1.0em 0.3em 1.0em;
}
.jadeSiteManager form td.submitButton input {
color: black;
background-color: #999966;
width: 8em;
font-weight: bold;
text-align: center;
border: thin outset #666600;
}
.jadeSiteManager form td.cancelButton {
padding: 1.2em 1.5em 0.3em 1.0em;
text-align: right;
}
.jadeSiteManager form td.cancelButton input {
color: black;
background-color: #999966;
width: 8em;
font-weight: bold;
text-align: center;
border: thin outset #666600;
}
.jadeSiteManager form table.error td.label {
text-align: right;
color: #FF0000;
padding-right: 0.5em;
margin: 0.0em 0.5em 0.0em 0.5em;
}
.jadeSiteManager form table.error td {
color: #FF0000;
margin: 0.0em 0.5em 0.0em 0.5em;
}
/* changeSegment dropdown */
.jadeSiteManager div.changeSegment {
vertical-align: middle;
text-align: center;
}
/* content list tables */
.jadeSiteManager table.content {
width: 100%;
font-size: 0.95em;
border-spacing: 0;
border-collapse: collapse;
}
.jadeSiteManager table.content th {
text-align: center;
padding: 0.2em 0.2em 0.2em 0.2em;
border: 2px solid #666600;
}
.jadeSiteManager table.content td {
text-align: left;
vertical-align: top;
padding: 0.2em 0.2em 0.2em 0.2em;
border: 1px solid #666600;
}
.jadeSiteManager table.itemProperties {
border-spacing: 0;
border-collapse: collapse;
}
.jadeSiteManager table.itemProperties td {
text-align: left;
margin: 0.1em;
border: 0;
}
.jadeSiteManager table.itemProperties td.label {
width: 10%;
text-align: right;
}
.jadeSiteManager table.itemView {
width: 90%;
border-spacing: 0;
border-collapse: collapse;
}
.jadeSiteManager table.itemView td {
text-align: left;
margin: 0.1em;
border: 0;
}
.jadeSiteManager table.itemView td.label {
text-align: right;
}
/* config stuff */
.jadeSiteManager div.config {
}
.jadeSiteManager div.settings {
overflow: scroll;
white-space: pre;
font-family: monospace;
width: 70em;
font-size: 0.8em;
}
.jadeSiteManager table.migration {
width: 100%;
font-size: 0.95em;
border-spacing: 0;
border-collapse: collapse;
}
.jadeSiteManager table.migration th {
text-align: center;
padding: 0.2em 0.2em 0.2em 0.2em;
border: 2px solid #666600;
}
.jadeSiteManager table.migration td {
text-align: left;
vertical-align: top;
padding: 0.2em 0.2em 0.2em 0.2em;
border: 1px solid #666600;
}
/* sitetree table */
.jadeSiteManager table.sitetree {
width: 100%;
font-size: 0.95em;
border-spacing: 0;
border-collapse: collapse;
}
.jadeSiteManager table.sitetree tr.dependentSection {
background-color: #999999;
}
.jadeSiteManager table.sitetree th {
text-align: center;
padding: 0.2em 0.2em 0.2em 0.2em;
border: 2px solid #666600;
}
.jadeSiteManager table.sitetree td {
text-align: left;
padding: 0.2em 0.2em 0.2em 0.2em;
border: 1px solid #666600;
}
.jadeSiteManager table.sitetree td.path,
.jadeSiteManager table.sitetree td.details {
vertical-align: top;
}
.jadeSiteManager table.sitetree td td {
padding: 0.1em 0em 0em 0em;
border: 0;
}
.jadeSiteManager table.sitetree td.label {
text-align: right;
padding-right: 0.5em;
width: 10%;
white-space: nowrap;
}
.jadeSiteManager table.sitetree input.editPath {
width: 20em;
}
.jadeSiteManager table.sitetree input.position {
width: 2em;
}
.jadeSiteManager table.sitetree input.displayName {
width: 20em;
}
.jadeSiteManager table.sitetree input.elementName {
width: 5em;
}