2009-06-29 07:06:01 -05:00
|
|
|
/* <dtml-var "enableHTTPCompression(request=REQUEST, debug=1, css=1)"> (this is for http compression) */
|
|
|
|
/* <dtml-with base_properties> (do not remove this :) */
|
|
|
|
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
|
|
|
|
|
|
|
|
#portal-breadcrumbs {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2009-11-13 11:21:03 -06:00
|
|
|
.appyList {
|
|
|
|
line-height: 0;
|
|
|
|
margin: 0 0 0.5em 1.2em;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyBullet {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2009-06-29 07:06:01 -05:00
|
|
|
.appyPod {
|
|
|
|
float:right;
|
|
|
|
}
|
|
|
|
|
2009-10-25 15:42:08 -05:00
|
|
|
.appyNav {
|
|
|
|
padding: 0.4em 0 0.4em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyFocus {
|
2009-11-13 11:21:03 -06:00
|
|
|
color: #900101;
|
2009-10-25 15:42:08 -05:00
|
|
|
}
|
|
|
|
|
2009-10-20 09:57:00 -05:00
|
|
|
#importedElem {
|
|
|
|
color: grey;
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
2009-06-29 07:06:01 -05:00
|
|
|
.appyTabs {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyTabs li a {
|
|
|
|
border-bottom:1px solid transparent;
|
|
|
|
font-size: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyTabs li a:visited {
|
|
|
|
color: #578308;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyTitle {
|
|
|
|
padding-top: 0.5em;
|
|
|
|
font-size: 110%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyLabel {
|
|
|
|
font-weight: bold;
|
|
|
|
padding-right: 0.4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyPhase {
|
|
|
|
border-style: solid;
|
|
|
|
border-width: thin;
|
|
|
|
text-align: center;
|
|
|
|
padding: 0 1em 0 1.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyState {
|
|
|
|
font-size: 85%;
|
|
|
|
font-style: normal;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: thin;
|
|
|
|
text-align: center;
|
|
|
|
padding: 0.1em 1em 0.1em 1.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* stepxx classes are used for displaying status of a phase or state. */
|
|
|
|
.stepDone {
|
|
|
|
background-color: #cde2a7;
|
2009-10-18 07:52:27 -05:00
|
|
|
background-image: url(&dtml-portal_url;/skyn/done.png);
|
2009-06-29 07:06:01 -05:00
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stepCurrent {
|
|
|
|
background-color: #ffce7b;
|
2009-10-18 07:52:27 -05:00
|
|
|
background-image: url(&dtml-portal_url;/skyn/current.png);
|
2009-06-29 07:06:01 -05:00
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stepFuture {
|
|
|
|
background-color: #ffffff;
|
|
|
|
color: #C8C8C8;
|
|
|
|
border-style: dashed;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stepUnselected {
|
|
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyPlusImg {
|
|
|
|
vertical-align: top;
|
|
|
|
position: relative;
|
|
|
|
left: -1.4em;
|
|
|
|
top: -0.55em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyRefEdit {
|
|
|
|
line-height: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyCommonInfo {
|
|
|
|
border-color: #ffa500;
|
|
|
|
background-color: &dtml-evenRowBackgroundColor;;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: 2px;
|
2009-11-17 03:05:19 -06:00
|
|
|
margin-bottom: 0.5em;
|
2009-06-29 07:06:01 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
.appyWorkflow {
|
|
|
|
text-align: center;
|
|
|
|
background-color: &dtml-globalBackgroundColor;;
|
|
|
|
}
|
|
|
|
|
|
|
|
dl.expandedInlineCollapsible dt.collapsibleHeader, dl.expandedBlockCollapsible dt.collapsibleHeader {
|
|
|
|
background:#dee7ec url(treeExpanded.gif) no-repeat scroll 6px 50%;
|
|
|
|
border-width 1px;
|
|
|
|
border-color: #8cacbb;
|
|
|
|
border-style: solid;
|
|
|
|
border-width: thin;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* With fields layout in columns, standard error frame is too large */
|
|
|
|
.error {
|
|
|
|
padding: 0.4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Table styles */
|
|
|
|
.no-style-table {
|
|
|
|
border: 0 !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.no-style-table td {
|
|
|
|
border: 0 !important;
|
|
|
|
padding-left: 0 !important;
|
|
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Minor layout changes in fieldsets and tables */
|
|
|
|
fieldset {
|
2009-10-20 09:57:00 -05:00
|
|
|
margin: 0 0 0 0;
|
|
|
|
line-height: 1em;
|
2009-06-29 07:06:01 -05:00
|
|
|
}
|
|
|
|
|
2009-10-20 09:57:00 -05:00
|
|
|
.fieldset {
|
|
|
|
line-height: 1em;
|
|
|
|
}
|
2009-06-29 07:06:01 -05:00
|
|
|
/* Group fieldsets */
|
|
|
|
.appyGroup {
|
|
|
|
border-width: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.imageInput {
|
|
|
|
border-width: 0px;
|
|
|
|
background: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.noPadding {
|
|
|
|
padding-right: 0em !important;
|
|
|
|
padding-left: 0em !important;
|
|
|
|
padding-top: 0em !important;
|
|
|
|
padding-bottom: 0em !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.appyButton {
|
|
|
|
background: &dtml-globalBackgroundColor; url(&dtml-portal_url;/linkOpaque.gif) 5px 1px no-repeat;
|
|
|
|
cursor: pointer;
|
|
|
|
font-size: &dtml-fontSmallSize;;
|
|
|
|
padding: 1px 1px 1px 12px;
|
|
|
|
text-transform: &dtml-textTransform;;
|
|
|
|
/* overflow: visible; IE produces ugly results with this */
|
|
|
|
}
|
|
|
|
|
|
|
|
.listing {
|
|
|
|
margin: 0em 0em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.listing td, .stx table td {
|
|
|
|
padding-right: 0.1em;
|
|
|
|
padding-left: 0.3em;
|
|
|
|
padding-top: 0.3em;
|
|
|
|
padding-bottom: 0em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.vertical td {
|
|
|
|
padding-left: 0.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.innerAppyTable {
|
|
|
|
border-width: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.innerAppyTable td {
|
|
|
|
border-top: 0px;
|
|
|
|
border-bottom: 1px solid #8CACBB;
|
|
|
|
border-right: 0px;
|
|
|
|
padding: 0.4em 0em 0em 0em;
|
|
|
|
border-collapse: separate;
|
|
|
|
}
|
|
|
|
|
|
|
|
.innerAppyTable th {
|
|
|
|
border-right: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.innerAppyFieldset {
|
|
|
|
margin: 0em 1em;
|
|
|
|
line-height: 1.0em;
|
|
|
|
}
|
|
|
|
|
2009-10-20 09:57:00 -05:00
|
|
|
.field {
|
|
|
|
margin: 0 0.2em 0.2em 0;
|
|
|
|
}
|
2009-06-29 07:06:01 -05:00
|
|
|
/* Portlet elements */
|
2009-11-03 08:02:18 -06:00
|
|
|
.portletHeader {
|
|
|
|
text-transform: none;
|
|
|
|
padding: 1px 0.5em;
|
|
|
|
}
|
2009-06-29 07:06:01 -05:00
|
|
|
.portletAppyItem {
|
|
|
|
margin: 0;
|
|
|
|
padding: 1px 0.5em;
|
|
|
|
border-left: 1px solid #8cacbb;
|
|
|
|
border-right: 1px solid #8cacbb;
|
|
|
|
font-weight: normal;
|
2009-11-03 08:02:18 -06:00
|
|
|
text-transform: none;
|
|
|
|
}
|
|
|
|
.portletSep {
|
|
|
|
border-top: 1px dashed #8cacbb;
|
|
|
|
}
|
|
|
|
.portletSearch {
|
|
|
|
padding: 0 0 0 0.6em;
|
2009-11-11 13:22:13 -06:00
|
|
|
font-style: normal;
|
2009-11-06 04:33:56 -06:00
|
|
|
font-size: 95%;
|
|
|
|
}
|
|
|
|
.portletGroup {
|
|
|
|
font-variant: small-caps;
|
|
|
|
font-weight: bold;
|
|
|
|
font-style: normal;
|
2009-11-03 08:02:18 -06:00
|
|
|
}
|
2009-11-11 13:22:13 -06:00
|
|
|
.portletGroupItem {
|
|
|
|
padding-left: 0.8em;
|
|
|
|
font-style: italic;
|
|
|
|
}
|
2009-11-03 08:02:18 -06:00
|
|
|
.portletCurrent {
|
|
|
|
font-weight: bold;
|
2009-06-29 07:06:01 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Uncomment this if you want to hide breadcrumbs */
|
|
|
|
/*
|
|
|
|
#portal-breadcrumbs {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* </dtml-with> */
|
|
|
|
|
|
|
|
/* image-right, but without border */
|
|
|
|
.image-right {
|
|
|
|
border:0px solid Black;
|
|
|
|
clear:both;
|
|
|
|
float:right;
|
|
|
|
margin:0.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */
|
|
|
|
|
|
|
|
/* You can insert colors and other variables from Plone's
|
|
|
|
base_properties by doing:
|
|
|
|
& dtml-variableName ; (without the spaces, excluded here to not make it render)
|
|
|
|
|
|
|
|
Example:
|
|
|
|
myLink {
|
|
|
|
color: & dtml-fontColor ; (again, without the spaces)
|
|
|
|
}
|
|
|
|
This means you can generate your own elements that use Plone's defaults,
|
|
|
|
and respect any customizations people have done. See base_properties for
|
|
|
|
the default values.
|
|
|
|
|
|
|
|
These are the available properties:
|
|
|
|
logoName - the file name of the portal logo.
|
|
|
|
fontFamily - the font family used for all text that is not headers
|
|
|
|
fontBaseSize - the base font size that everything is calculated from
|
|
|
|
fontColor - the main font color
|
|
|
|
backgroundColor - the background color
|
|
|
|
linkColor - the color used on normal links
|
|
|
|
linkActiveColor - color used on active links
|
|
|
|
linkVisitedColor - color used on visited links
|
|
|
|
borderWidth - the width of most borders in Plone
|
|
|
|
borderStyle - the style of the border lines, normally solid
|
|
|
|
borderStyleAnnotations - style of border lines on comments etc
|
|
|
|
globalBorderColor - the border color used on the main tabs, the portlets etc
|
|
|
|
globalBackgroundColor - background color for the selected tabs, portlet headings etc
|
|
|
|
globalFontColor - the color of the font in the tabs and in portlet headings
|
|
|
|
headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines.
|
|
|
|
headingFontBaseSize - the base size used when calculating the different headline sizes
|
|
|
|
contentViewBorderColor - the content view tabs border color
|
|
|
|
contentViewBackgroundColor - the content view tabs background color
|
|
|
|
contentViewFontColor - the font color used in the content view tabs
|
|
|
|
textTransform - whether to lowercase text in portlets, tabs etc.
|
|
|
|
evenRowBackgroundColor - the background color of even rows in listings
|
|
|
|
oddRowBackgroundColor - the background color of even rows in listings
|
|
|
|
notifyBorderColor - border color of notification elements like the status message, the calendar focus
|
|
|
|
notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
|
|
|
|
discreetColor:string=#999999
|
|
|
|
helpBackgroundColor:string=#ffffe1
|
|
|
|
*/
|
|
|
|
|
|
|
|
|