/*
* This is the file where you put your CSS changes.
* You should preferrably use this and override the
* relevant properties you want to change here instead
* of customizing plone.css to survive upgrades. Writing
* your own plone.css only makes sense for very heavy
* customizations. Useful variables from Plone are
* documented at the bottom of this file.
*/
/* <dtml-with base_properties> (do not remove this :) */
/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */
/* Reset some of the formating that we don't need in the tab menus. */
#portal-globalnav * {
margin: 0;
padding: 0;
border: none !important;
}
#portal-tabs-only div span,
#portal-tabs-only div,
#portal-full-sitemap div a,
#portal-full-sitemap div {
display: block;
text-transform: uppercase; /* Put 'lowercase' here instead of 'none' if you want the same */
} /* text styling that is used in the regular Plone tabs. */
* html #portal-tabs-only div span,
* html #portal-tabs-only div,
* html #portal-full-sitemap div a,
* html #portal-full-sitemap div {
width: 0.1%; /* IE 5-6 set blocks to 100% width by default. */
}
/* Basic positioning and sizing of the several layers of containers.*/
#portal-globalnav {
position: relative;
z-index: 3; /* Make the tab menus appear over the action menus. */
margin-bottom: 1.7em; /* Make room on the page for the tabs. */
}
* html #portal-globalnav {
margin-bottom: 0; /* Internet Explorer 5-6 need no margin. */
width: 100%; /* And both need the tab area to be wide enough. */
}
*+html #portal-globalnav {
margin-bottom: 0; /* Internet Explorer 7 also needs no margin. */
width: 100%; /* And it too needs the tab area to be wide enough. */
}
#LSResult {
z-index: 4; /* Keep Livesearch over the tabs. */
}
#portal-tabs-only {
position: absolute;
}
#portal-full-sitemap {
position: relative; /* Positioning it absolutely affects Opera sometimes when hovering */
/* the tabs. IE is not the only browser with issues ;-) */
} /* Since we will be floating the contents, relative positioning works
/* almost like absolute positioning, and Opera will be happy too. */
#portal-tabs-only div {
position: relative; /* We don't need to see the contents of the background tabs, we use */
left: -999em; /* the background tabs just to highlight the selected tab. */
}
#portal-tabs-only li,
#portal-full-sitemap li {
float: left; /* Without floating the li it would be smaller than its contents. */
position: relative; /* Make menus align with their tabs. */
}
#portal-full-sitemap li ul {
position: absolute;
left: -999em; /* Hide all the drop-down menus in an accessible manner. */
width: 15em; /* Set the width of all the menus. */
}
/* IE5-6 issue: These browsers need the width of the anchor of each item in a menu
to be set to the whole width of the menu, so that the whole area is clickable
and not just the area where the text of the anchor is. */
* html #portal-full-sitemap li li div a {
width: 20em; /* IE5.5 does not consider the 3.5em padding defined further down. */
width:/**/ 16.5em; /* IE6 considers that 3.5em padding that is defined further down. */
}
/* Basic styling for submenus and their items */
#portal-tabs-only li,
#portal-full-sitemap li {
margin: 0 9px 0 0;
padding: 0;
border-width: &dtml-borderWidth; &dtml-borderWidth; 0 &dtml-borderWidth; !important;
border-style: &dtml-borderStyle; !important;
border-color: &dtml-globalBorderColor; !important;
}
#portal-tabs-only li.navTreeCurrentItem {
border-bottom-width: &dtml-borderWidth; !important;
border-bottom-color: &dtml-globalBackgroundColor; !important;
/* background-color: &dtml-globalBackgroundColor;;*/
background-color: #dee7ec;
}
#portal-full-sitemap li.sfhover,
#portal-full-sitemap li:hover {
background-color: &dtml-evenRowBackgroundColor;;
}
#portal-full-sitemap li ul {
border-color: &dtml-globalBorderColor; !important;
border-width: &dtml-borderWidth; !important;
border-style: &dtml-borderStyle; !important;
}
#portal-full-sitemap li li {
background-color: #dee7ec;
border: none !important;
float: left;
clear: both;
width: 100%;
margin: 0;
position: static; /* To keep any submenu on top of all items of its parent menu. */
}
/* Formating for the icon and text boxes of each item. */
#portal-tabs-only li div,
#portal-full-sitemap li div {
padding: 0;
background-position: 8px 35% !important;
}
#portal-tabs-only li div span,
#portal-full-sitemap li div a,
#portal-full-sitemap li div a:hover,
#portal-full-sitemap li div a.navTreeCurrentItem,
#portal-full-sitemap li div a:hover.navTreeCurrentItem {
line-height: 1.6em;
padding: 0 1em 0 2.5em; /* This increases actual width by 3.5em (except on IE5.5). */
background-color: transparent;
margin: 0;
}
#portal-full-sitemap li li a {
white-space: normal; /* To support multi-line menu items. */
display: block;
}
#portal-full-sitemap li li div {
display: block; /* We had undone this for the tab divs, but we need divs to display as */
} /* blocks again on the submenus otherwise most browsers won't show them. */
#portal-full-sitemap li li div a,
#portal-full-sitemap li li div a:hover,
#portal-full-sitemap li li div a.navTreeCurrentItem,
#portal-full-sitemap li li div a:hover.navTreeCurrentItem {
padding-top: 3px; /* Arrange the menu items in a less tightly packed manner */
padding-bottom: 3px; /* giving the mouse pointer more room to manouver. */
}
/* Menu and submenu hiding and displaying. */
#portal-full-sitemap li.sfhover ul,
#portal-full-sitemap li.sfhover ul ul,
#portal-full-sitemap li.sfhover ul ul ul,
#portal-full-sitemap li:hover ul,
#portal-full-sitemap li:hover ul ul,
#portal-full-sitemap li:hover ul ul ul {
left: -999em; /* Hide when leaving menu, in an accessible way */
}
#portal-full-sitemap li.sfhover ul,
#portal-full-sitemap li:hover ul {
top: 1.6em; /* The menus must appear below the tabs. */
left: -1px; /* Display again in the proper position when hovering. */
}
#portal-full-sitemap li li.sfhover ul,
#portal-full-sitemap li li:hover ul {
top: auto;
margin-top: -1.8em; /* The submenus must appear higher than the bottom. */
left: 19em; /* Display again in the proper position when hovering. */
}
/* Bonus (a couple of IE7 fixes that I thought I'd just through in.) */
*+html .ploneCalendar {
border-collapse: collapse; /* Work around IE7's strange default cellspacing. */
}
*+html .actionMenu .actionMenuContent ul {
position: relative;
margin-top: -8px; /* Place the Action menus close to the top. */
}
/* </dtml-with> */
/* 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
fontSmallSize - used for various elements like buttons and discreet text
discreetColor - the font color of discreet text
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
contentViewBorderColor - the content view tabs border color
contentViewBackgroundColor - the content view tabs background color
contentViewFontColor - the font color used in the content view tabs
inputFontColor - the font color used for input elements
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
helpBackgroundColor - background color of information pop-ups (currently not used)
*/
body {
margin: 10px 0 0 0; padding: 0;
font-family: "Bitstream Charter", verdana, "Lucida Grande", arial, helvetica, sans-serif;
color: #333;
background: #cedfe9 url(header_top) no-repeat;
}
#portal-globalnav li a:hover{
font-weight: bold;
}
#portal-globalnav li.selected a{
font-weight: bold;
}
/*-------------------------------------------------------------------------------------------*/
/* Global Bavigator with buttons */
#portal-globalnav{
list-style-type: none;
height: auto;
margin: 0;
over-flow: hidden;
border-top: 1px solid #df3;
border-bottom: 1px solid #890;
/*background: url(bar1.gif) no-repeat;*/
text-decoration: none;
width: 100%;
clear: both;
}
#portal-globalnav:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/* for IE */
/*\*/
* html #portal-globalnav {
height: 1em;
overflow: hidden;
}
/**/
#portal-globalnav li{
display: block;
float: left;
margin: 0;
padding: 0;
/*border-right: 1px solid #df3;*/
border-right: 1px solid #450;
}
#portal-globalnav li a{
display: block;
float: left;
padding: 0.25em 1.25em;
border-top: 0px solid #df3;
border-right: 1px solid #890;
border-bottom: 0px solid #890;
border-left: 0px solid #df3;
background: #CCCCFF;
color: #000033;
letter-spacing: 1px;
text-decoration: none;
/*background: url(button.gif) no-repeat center center; */
}
#portal-globalnav li a:hover{
background: #CCCCFF;
font-weight: bold;
text-decoration: none;
}
#portal-globalnav li.selected a{
background: #fff;
border-top: 1px solid #450;
font-weight: bold;
text-decoration: none;
}
/* #breadcrumbs-you-are-here { display: none; } */
#portal-breadcrumbs {
display : none;
}