1559 lines
28 KiB
CSS
1559 lines
28 KiB
CSS
/*
|
|
** Plone style sheet for CSS2-capable browsers.
|
|
**
|
|
** Copyright Alexander Limi - http://www.plonesolutions.com
|
|
**
|
|
** Additional Plone 2 work:
|
|
** Joe Geldart & Tom Croucher - http://www.netalleynetworks.com
|
|
** Michael Zeltner - http://niij.org
|
|
** Geir Bækholt - http://www.plonesolutions.com
|
|
**
|
|
** All you guys rock :)
|
|
**
|
|
** Style sheet documentation can be found at http://plone.org/documentation
|
|
**
|
|
** You should preferrably use ploneCustom.css to add your own CSS classes and to
|
|
** customize your portal, as these are the base fundaments of Plone, and will
|
|
** change and be refined in newer versions. Keeping your changes in
|
|
** ploneCustom.css will make it easier to upgrade.
|
|
**
|
|
** Feel free to use whole or parts of this for your own designs, but give credit
|
|
** where credit is due.
|
|
**
|
|
*/
|
|
|
|
/* <!-- compression status: 0 --> (this is for http compression) */
|
|
/* (do not remove this :) */
|
|
/* (not this either :) */
|
|
|
|
/* The basic elements: */
|
|
body {
|
|
font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
|
|
background-color: White;
|
|
color: Black;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
table {
|
|
font-size: 100%;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #103083;
|
|
background-color: transparent;
|
|
}
|
|
img {
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
p {
|
|
margin: 0.5em 0em 1em 0em;
|
|
line-height: 1.5em;
|
|
}
|
|
p a {
|
|
text-decoration: underline;
|
|
}
|
|
p a:visited {
|
|
color: Purple;
|
|
background-color: transparent;
|
|
}
|
|
p a:active {
|
|
color: Red;
|
|
background-color: transparent;
|
|
}
|
|
p img {
|
|
border: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
hr {
|
|
height: 1px;
|
|
color: #8cacbb;
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: Black;
|
|
background-color: transparent;
|
|
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
|
|
font-size: 100%;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding-top: 0.5em;
|
|
border-bottom: 1px solid #8cacbb;
|
|
}
|
|
|
|
h1 a,
|
|
h2 a,
|
|
h3 a,
|
|
h4 a,
|
|
h5 a,
|
|
h6 a {
|
|
color: Black ! important;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 160%;
|
|
padding-right: 4em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 150%;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 140%;
|
|
border-bottom: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 120%;
|
|
border-bottom: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 100%;
|
|
border-bottom: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 85%;
|
|
border-bottom: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
ul {
|
|
line-height: 1.5em;
|
|
list-style-type: square;
|
|
margin: 0.5em 0 0 1.5em;
|
|
padding: 0;
|
|
list-style-image: url(bullet.gif);
|
|
}
|
|
|
|
ol {
|
|
line-height: 1.5em;
|
|
margin: 0.5em 0 0 1.5em;
|
|
padding: 0;
|
|
}
|
|
ul a, ol a {
|
|
text-decoration: underline;
|
|
}
|
|
li {
|
|
margin-bottom: 1em;
|
|
}
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
dt a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
dd {
|
|
line-height: 1.5em;
|
|
margin-bottom: 1em;
|
|
}
|
|
dd a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
dd.link a {
|
|
text-decoration: none;
|
|
color: Black;
|
|
}
|
|
|
|
fieldset {
|
|
border: 1px solid #8cacbb;
|
|
margin: 1em 0em 1em 0em;
|
|
padding: 0em 1em 1em 1em;
|
|
line-height: 1.5em;
|
|
width: auto;
|
|
}
|
|
legend {
|
|
background: White;
|
|
padding: 0.5em;
|
|
font-size: 90%;
|
|
}
|
|
|
|
form {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
textarea {
|
|
font: 110% "Courier New", Courier, monospace;
|
|
border: 1px solid #8cacbb;
|
|
color: Black;
|
|
background-color: white;
|
|
width: 100%;
|
|
}
|
|
input {
|
|
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
|
|
visibility: visible;
|
|
border: 1px solid #8cacbb;
|
|
color: Black;
|
|
background-color: white;
|
|
vertical-align: middle;
|
|
}
|
|
select {
|
|
border: 1px solid #8cacbb;
|
|
color: Black;
|
|
background-color: White;
|
|
vertical-align: top;
|
|
}
|
|
abbr, acronym, .explain {
|
|
border-bottom: 1px dotted Black;
|
|
color: Black;
|
|
background-color: transparent;
|
|
cursor: help;
|
|
}
|
|
q {
|
|
font-family: Times, "Times New Roman", serif;
|
|
font-style: italic;
|
|
font-size: 120%;
|
|
}
|
|
blockquote {
|
|
font-family: Times, "Times New Roman", serif;
|
|
font-style: italic;
|
|
font-size: 120%;
|
|
}
|
|
code {
|
|
font-family: "Courier New", Courier, monospace;
|
|
font-size: 120%;
|
|
color: Black;
|
|
background-color: #dee7ec;
|
|
border: 1px dashed #8cacbb;
|
|
padding: 0 0.1em;
|
|
}
|
|
pre {
|
|
font-family: "Courier New", Courier, monospace;
|
|
font-size: 120%;
|
|
padding: 1em;
|
|
border: 1px dashed #8cacbb;
|
|
color: Black;
|
|
background-color: #dee7ec;
|
|
overflow: auto;
|
|
}
|
|
.pre a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
ins {
|
|
color: green;
|
|
text-decoration: none;
|
|
}
|
|
|
|
del {
|
|
color: red;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.netscape4 {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
** Structural Elements
|
|
*/
|
|
|
|
#visual-portal-wrapper {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/* Logo properties */
|
|
|
|
#portal-logo {
|
|
background: url(slepi2005-minilogo.png) no-repeat;
|
|
border: 0;
|
|
margin: 0.75em 0em 0.75em 1.5em;
|
|
padding: 0;
|
|
}
|
|
#portal-logo a {
|
|
display: block;
|
|
text-decoration: none;
|
|
overflow: hidden;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-top: 72px;
|
|
height: 0px !important;
|
|
height /**/: 72px;
|
|
width: 152px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#portal-skinswitcher {
|
|
/* The skin switcher at the top, only shows up if you have multiple skins available */
|
|
|
|
}
|
|
|
|
#portal-skinswitcher a {
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
#portal-top {
|
|
/* Top section */
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
/* Site-wide action menu - font size, contact, index, sitemap etc */
|
|
#portal-siteactions {
|
|
background-color: transparent;
|
|
white-space: nowrap;
|
|
list-style: none;
|
|
margin: 1px 0 0 0;
|
|
height: auto;
|
|
line-height: normal;
|
|
float: right;
|
|
padding: 3px 2em 3px 0;
|
|
}
|
|
#portal-siteactions li {
|
|
display: inline;
|
|
}
|
|
#portal-siteactions li a {
|
|
background-color: transparent;
|
|
border: 1px solid White;
|
|
color: #76797c;
|
|
height: auto;
|
|
padding: 0.2em;
|
|
margin-right: 0.2em;
|
|
text-decoration: none;
|
|
text-transform: lowercase;
|
|
}
|
|
#portal-siteactions li.selected a {
|
|
background-color: #dee7ec;
|
|
color: #436976;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
#portal-siteactions li a:hover {
|
|
background-color: #dee7ec;
|
|
color: #436976;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
|
|
|
|
/* searchbox style and positioning */
|
|
#portal-searchbox {
|
|
float: right;
|
|
clear: right;
|
|
background-color: transparent;
|
|
margin: 1.5em 0 0 0;
|
|
padding: 0 2em 0 0;
|
|
text-align: right;
|
|
text-transform: lowercase;
|
|
white-space: nowrap;
|
|
z-index: 2;
|
|
}
|
|
#portal-globalnav {
|
|
/* Navigational Plone Tabs(tm). The power of CSS runs strong in these :) */
|
|
background-color: transparent;
|
|
padding: 0em 0em 0em 2em;
|
|
white-space: nowrap;
|
|
list-style: none;
|
|
margin: 0;
|
|
height: auto;
|
|
line-height: normal;
|
|
}
|
|
#portal-globalnav li {
|
|
display: inline;
|
|
}
|
|
#portal-globalnav li a {
|
|
/* The normal, unselected tabs. They are all links */
|
|
background-color: transparent;
|
|
border-color: #8cacbb;
|
|
border-width: 1px;
|
|
border-style: solid solid none solid;
|
|
color: #436976;
|
|
height: auto;
|
|
margin-right: 0.5em;
|
|
padding: 0em 1.5em;
|
|
text-decoration: none;
|
|
text-transform: lowercase;
|
|
}
|
|
#portal-globalnav li.selected a {
|
|
/* The selected tab. There's only one of this */
|
|
background-color: #dee7ec;
|
|
border: 1px solid #8cacbb;
|
|
border-bottom: #dee7ec 1px solid;
|
|
color: #436976;
|
|
}
|
|
#portal-globalnav li a:hover {
|
|
background-color: #dee7ec;
|
|
border-color: #8cacbb;
|
|
border-bottom-color: #dee7ec;
|
|
color: #436976;
|
|
}
|
|
#portal-personaltools {
|
|
/* Bar with personalized menu (user preferences, favorites etc) */
|
|
background-color: #dee7ec;
|
|
border-top-color: #8cacbb;
|
|
border-top-style: solid;
|
|
border-top-width: 1px;
|
|
border-bottom-color: #8cacbb;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
line-height: 1.3em;
|
|
color: Black;
|
|
padding: 0em 3em 0em 3em;
|
|
margin: 0;
|
|
text-align: right;
|
|
text-transform: lowercase;
|
|
list-style: none;
|
|
}
|
|
#portal-personaltools .portalUser {
|
|
background: transparent url(user.gif) center left no-repeat;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
#portal-personaltools .portalNotLoggedIn {
|
|
color: Black;
|
|
padding: 0;
|
|
background: transparent;
|
|
background-image: none;
|
|
} /* Used on all descriptions relevant to those not logged in */
|
|
|
|
#portal-personaltools li {
|
|
background: transparent url(linkOpaque.gif) center left no-repeat;
|
|
padding-left: 8px;
|
|
color: #436976;
|
|
margin-left: 1em;
|
|
display: inline;
|
|
}
|
|
#portal-personaltools li a {
|
|
text-decoration: none;
|
|
color: #436976;
|
|
}
|
|
.visualCaseSensitive {
|
|
text-transform: none;
|
|
}
|
|
#portal-breadcrumbs {
|
|
/* The path bar, including breadcrumbs and add to favorites */
|
|
border-bottom-color: #8cacbb;
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
padding-left: 2em;
|
|
padding-right: 2em;
|
|
text-transform: lowercase;
|
|
}
|
|
.addFavorite {
|
|
vertical-align: bottom;
|
|
}
|
|
.contentViews {
|
|
background-color: transparent;
|
|
padding-left: 1em;
|
|
line-height: normal;
|
|
margin-top: 2.1em;
|
|
margin-left: 0;
|
|
list-style: none;
|
|
border: 1px solid #74ae0b;
|
|
border-top-width: 0px;
|
|
border-left-width: 0px;
|
|
border-right-width: 0px;
|
|
}
|
|
.contentViews li {
|
|
display: inline;
|
|
padding-top: 0.5em;
|
|
}
|
|
.contentViews li a {
|
|
background-color: transparent;
|
|
border: 1px solid #74ae0b;
|
|
border-style: solid;
|
|
color: #578308;
|
|
height: auto;
|
|
margin-right: 0.5em;
|
|
padding: 0em 1.5em;
|
|
line-height: normal;
|
|
text-decoration: none;
|
|
text-transform: lowercase;
|
|
z-index: 1;
|
|
}
|
|
.contentViews .selected a {
|
|
background-color: #cde2a7;
|
|
border-bottom: #cde2a7 1px solid;
|
|
color: #578308;
|
|
}
|
|
.contentViews li a:hover {
|
|
background-color: #cde2a7;
|
|
color: #578308;
|
|
}
|
|
|
|
/*
|
|
** begin ECMAScript Content Action Menus
|
|
*/
|
|
|
|
.contentActions {
|
|
background-color: #cde2a7;
|
|
border-left: 1px solid #74ae0b;
|
|
border-right: 1px solid #74ae0b;
|
|
color: #578308;
|
|
text-align: right;
|
|
text-transform: lowercase;
|
|
padding: 0 0 0 1em;
|
|
z-index: 2;
|
|
height: 1.2em;
|
|
}
|
|
|
|
.contentActions ul,
|
|
.contentActions li {
|
|
margin: 0;
|
|
list-style: none;
|
|
list-style-image: none;
|
|
display: inline;
|
|
color: Black;
|
|
text-align: left;
|
|
}
|
|
|
|
.contentActions ul {
|
|
line-height: 1.2em;
|
|
height: 1.2em;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.contentActions li {
|
|
float: right;
|
|
background-image: url(arrowDownAlternative.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: center right;
|
|
z-index: 4;
|
|
border-left: 1px solid #74ae0b;
|
|
padding: 0 0 0 1em;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
.menuPosition {
|
|
/* The spec says we can't put this on an element with a float (although
|
|
Opera is the only one that cares) and we need it in order to catch
|
|
the position:absolute bubbling up */
|
|
position: relative;
|
|
}
|
|
|
|
.actionSingular {
|
|
background-image: none !important;
|
|
}
|
|
|
|
.actionItems li {
|
|
background-image: none;
|
|
}
|
|
|
|
.contentActions a {
|
|
text-decoration: none;
|
|
color: #578308;
|
|
padding: 0 1em 0 0;
|
|
}
|
|
|
|
.contentActions .actionMenu {
|
|
visibility: hidden;
|
|
z-index: 5;
|
|
position: absolute;
|
|
top: 0;
|
|
right: -1px;
|
|
background: #cde2a7;
|
|
overflow: hidden;
|
|
height: auto;
|
|
padding: 0;
|
|
margin: 1.2em 0 0 0;
|
|
border: 1px #74ae0b;
|
|
border-style: none solid solid solid;
|
|
}
|
|
|
|
.actionMenu li {
|
|
float: none;
|
|
background: none;
|
|
display: inline;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.actionMenu li a {
|
|
display: block;
|
|
white-space: nowrap;
|
|
padding: 0 0.5em;
|
|
margin: 0.2em 0;
|
|
}
|
|
|
|
.actionMenu li a:hover {
|
|
background-color: #74ae0b;
|
|
color: White;
|
|
}
|
|
|
|
.actionMenu .actionSeperator a {
|
|
margin-top: 0.2em;
|
|
padding-top: 0.2em;
|
|
border-top: 1px solid #74ae0b;
|
|
}
|
|
|
|
/*
|
|
** end ECMAScript Content Action Menus
|
|
*/
|
|
|
|
.configlet .contentViews {
|
|
font-size: 90%;
|
|
}
|
|
|
|
#content {
|
|
padding: 0.139em 1em 0 1em;
|
|
margin: 0em 0em 2em 0em;
|
|
}
|
|
|
|
#content-news h1 {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.newsItem {
|
|
margin-bottom: 1em;
|
|
border-bottom: 1px solid #8cacbb;
|
|
}
|
|
|
|
.newsContent {
|
|
padding: 0 1em 1em 1em;
|
|
}
|
|
|
|
.newsContent ul,
|
|
.newsContent li {
|
|
display: block;
|
|
list-style: none;
|
|
list-style-image: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.newsAbout {
|
|
display: block;
|
|
color: #76797c;
|
|
font-size: 85%;
|
|
padding: 0;
|
|
margin-top: 0;
|
|
list-style: none;
|
|
list-style-image: none;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
.newsAbout li {
|
|
display: inline;
|
|
}
|
|
|
|
.newsFooter {
|
|
|
|
}
|
|
|
|
.newsFooter li {
|
|
display: inline;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
.documentEditable {
|
|
padding: 0em 2em 1em 2em !important;
|
|
}
|
|
|
|
.configlet .documentEditable {
|
|
padding: 0em !important;
|
|
}
|
|
|
|
.documentContent {
|
|
font-size: 110%;
|
|
padding: 0em 1em 2em 1em !important;
|
|
background: White;
|
|
}
|
|
|
|
.documentEditable .documentContent {
|
|
border: 1px solid #74ae0b;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
|
|
.documentActions {
|
|
margin: -1.5em 0 2em 0;
|
|
}
|
|
|
|
.documentActions ul {
|
|
margin: 0 0 0.3em 0;
|
|
float: right;
|
|
clear: right;
|
|
}
|
|
|
|
|
|
.documentActions ul,
|
|
.documentActions li {
|
|
display: inline;
|
|
list-style: none;
|
|
list-style-image: none;
|
|
}
|
|
.documentActions a {
|
|
border: 0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.portalMessage,
|
|
.system-message, /* These two last ones are reST error indicators */
|
|
#error-handling {
|
|
background-color: #ffce7b;
|
|
border: 1px solid #ffa500;
|
|
color: Black;
|
|
font-size: 85%;
|
|
font-weight: bold;
|
|
margin: 1em 0em 0em 0em;
|
|
padding: 0.5em 1em 0.5em 3em;
|
|
vertical-align: middle;
|
|
background-image: url(info_icon.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: 5px 50%;
|
|
|
|
}
|
|
.portalMessage a {
|
|
color: Black;
|
|
text-decoration: underline;
|
|
}
|
|
.documentDescription {
|
|
/* The summary text describing the document */
|
|
font-weight: bold;
|
|
display: block;
|
|
margin: 1em 0em;
|
|
line-height: 1.5em;
|
|
}
|
|
.documentByLine {
|
|
text-align: right;
|
|
font-size: 85%;
|
|
clear: both;
|
|
font-weight: normal;
|
|
color: #76797c;
|
|
}
|
|
.documentByLine a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.productCredits {
|
|
text-align: right;
|
|
font-size: 85%;
|
|
clear: both;
|
|
font-weight: normal;
|
|
color: #76797c;
|
|
}
|
|
|
|
.productCredits a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#portal-footer {
|
|
background-color: #dee7ec;
|
|
border-top: 1px solid #8cacbb;
|
|
border-bottom: 1px solid #8cacbb;
|
|
float: none;
|
|
margin: 2em 0em 1em 0em;
|
|
padding: 0.5em 0em 1em 0em;
|
|
text-align: center;
|
|
}
|
|
|
|
#portal-colophon {
|
|
float: none;
|
|
margin: 0em 0em 2em 0em;
|
|
padding: 0.5em 0em 1em 0em;
|
|
text-align: center;
|
|
}
|
|
|
|
#portal-colophon ul,
|
|
#portal-colophon ul li,
|
|
#portal-colophon ul li a {
|
|
list-style: none;
|
|
display: inline;
|
|
text-decoration: none;
|
|
color: Black;
|
|
}
|
|
|
|
#portal-colophon ul li {
|
|
font-size: 85%;
|
|
margin: 0 0.25em;
|
|
padding: 0.1em 0.2em;
|
|
}
|
|
|
|
|
|
/*
|
|
** Widgets
|
|
*/
|
|
|
|
.standalone,
|
|
.documentEditable * .standalone {
|
|
background: #dee7ec url(linkOpaque.gif) 9px 1px no-repeat;
|
|
cursor: pointer;
|
|
font-size: 85%;
|
|
margin-bottom: 1em;
|
|
padding: 1px 1px 1px 15px;
|
|
text-transform: lowercase;
|
|
}
|
|
.context,
|
|
.documentEditable * .context {
|
|
background: transparent url(linkTransparent.gif) 9px 1px no-repeat;
|
|
cursor: pointer;
|
|
font-size: 85%;
|
|
margin-bottom: 1em;
|
|
padding: 1px 1px 1px 15px;
|
|
text-transform: lowercase;
|
|
}
|
|
.destructive,
|
|
.documentEditable * .destructive {
|
|
background: #ffce7b url(linkTransparent.gif) 9px 1px no-repeat;
|
|
border: 1px solid #ffa500;
|
|
cursor: pointer;
|
|
font-size: 85%;
|
|
margin-bottom: 1em;
|
|
padding: 1px 1px 1px 15px;
|
|
text-transform: lowercase;
|
|
}
|
|
input.searchButton {
|
|
font-size: 100%;
|
|
margin-bottom: 1px ! important;
|
|
background: White url(search_icon.gif) 2px 1px no-repeat;
|
|
cursor: pointer;
|
|
padding: 1px 1px 1px 15px;
|
|
text-transform: lowercase;
|
|
|
|
}
|
|
.noborder,
|
|
.documentEditable * .noborder {
|
|
border: none;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
}
|
|
.add,
|
|
.documentEditable * .add {
|
|
}
|
|
.quickSearch {
|
|
}
|
|
.notify,
|
|
.documentEditable * .notify {
|
|
border: 1px solid #ffa500;
|
|
}
|
|
|
|
/* The new form elements */
|
|
|
|
.field {
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0 1em 1em 0;
|
|
}
|
|
|
|
.field .field {
|
|
margin: 1em 0 0 0;
|
|
}
|
|
|
|
.field label {
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.fieldRequired {
|
|
background: url(required.gif) center left no-repeat;
|
|
padding: 0 0 0 8px;
|
|
color: White;
|
|
}
|
|
|
|
.formHelp {
|
|
font-size: 90%;
|
|
color: #76797c;
|
|
margin: 0 0 0.2em 0;
|
|
}
|
|
|
|
.formHelp a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.formHelp:hover {
|
|
color: Black;
|
|
cursor: default;
|
|
}
|
|
|
|
.formControls {
|
|
margin: 1em 0 0 0;
|
|
}
|
|
|
|
.error {
|
|
/* Class for error indication in forms */
|
|
background-color: #ffce7b;
|
|
border: 1px solid #ffa500;
|
|
padding: 1em;
|
|
margin: 0 0 1em 0;
|
|
width: 95% !important;
|
|
}
|
|
|
|
.error .fieldRequired {
|
|
color: #ffce7b;
|
|
}
|
|
|
|
.card {
|
|
background-color: #dee7ec;
|
|
border-color: #8cacbb;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
float: left;
|
|
margin: 1em;
|
|
text-align: center;
|
|
width: 110px;
|
|
padding: 1em 0;
|
|
}
|
|
|
|
.portrait {
|
|
background-color: #dee7ec;
|
|
border-color: #8cacbb;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
font-size: 85%;
|
|
margin: 0.5em;
|
|
padding: 1em 0 0.5em 0;
|
|
text-align: center;
|
|
width: 100px;
|
|
}
|
|
|
|
.portraitPhoto {
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.listing,
|
|
.stx table {
|
|
/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
|
|
border-collapse: collapse;
|
|
border-left: 1px solid #8cacbb;
|
|
border-bottom: 1px solid #8cacbb;
|
|
font-size: 85%;
|
|
margin: 1em 0em 1em 0em;
|
|
}
|
|
.listing th,
|
|
.stx table th {
|
|
background: #dee7ec;
|
|
border-top: 1px solid #8cacbb;
|
|
border-bottom: 1px solid #8cacbb;
|
|
border-right: 1px solid #8cacbb;
|
|
font-weight: normal;
|
|
padding: 0em 1em 0em 1em;
|
|
text-transform: lowercase;
|
|
}
|
|
.listing .top {
|
|
border-left: 1px solid White;
|
|
border-top: 1px solid White ! important;
|
|
border-right: 1px solid White ! important;
|
|
text-align: right ! important;
|
|
padding: 0em 0em 1em 0em;
|
|
}
|
|
.listing .odd {
|
|
/*every second line should be shaded */
|
|
background-color: transparent;
|
|
}
|
|
.listing .even {
|
|
background-color: #f7f9fa;
|
|
}
|
|
.listing .listingCheckbox {
|
|
text-align: center;
|
|
}
|
|
.listing td,
|
|
.stx table td {
|
|
border-right: 1px solid #8cacbb;
|
|
padding: 0em 1em;
|
|
text-align: left;
|
|
}
|
|
.listing a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.listing img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
ul.configlets {
|
|
margin: 1em;
|
|
list-style-image: none;
|
|
list-style: none;
|
|
}
|
|
|
|
ul.configlets li {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
ul.configlets li a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.configlets li label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
ul.configletDetails {
|
|
margin: 0em 1em 1em 4em;
|
|
list-style-image: none;
|
|
list-style: none;
|
|
}
|
|
|
|
ul.configletDetails li {
|
|
margin-bottom: 1em;
|
|
display: inline;
|
|
}
|
|
|
|
ul.configletDetails li a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.configletDetails li label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* List classes without markers */
|
|
|
|
ul.visualNoMarker,
|
|
ol.visualNoMarker {
|
|
list-style-type: none;
|
|
list-style-image: none;
|
|
margin: 0.5em 0 0 0;
|
|
}
|
|
|
|
|
|
|
|
/* Additional STX workaround classes */
|
|
.stx table p /* stupid STX table workaround */
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.stx table /* stupid STX table workaround */
|
|
{
|
|
border: 1px solid #8cacbb ! important;
|
|
}
|
|
.stx table td {
|
|
border-bottom: 1px solid #8cacbb;
|
|
}
|
|
|
|
.portlet {
|
|
border: none;
|
|
margin-bottom: 1em;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Compensation when rendering portlets in the content area */
|
|
#region-content .portlet {
|
|
font-size: 94%;
|
|
}
|
|
|
|
.portlet h4 { /* The new base portlet header, h5 and h6 will be for use inside
|
|
the portlet in the upcoming versions. */
|
|
background-color: #dee7ec;
|
|
border: 1px solid #8cacbb;
|
|
padding: 0em 0.3em 0em 1em;
|
|
text-transform: lowercase;
|
|
display: block;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
.portlet h5 {
|
|
background-color: #dee7ec;
|
|
border: 1px solid #8cacbb;
|
|
padding: 0em 1em 0em 1em;
|
|
text-transform: lowercase;
|
|
display: inline;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.portlet h6 {
|
|
background-color: #dee7ec;
|
|
border: 1px solid #8cacbb;
|
|
padding: 0em 0.3em 0em 1em;
|
|
text-transform: lowercase;
|
|
display: block;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.portletBody {
|
|
position: relative;
|
|
top: -1px;
|
|
background: transparent;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
.portletDetails {
|
|
text-align: right;
|
|
}
|
|
|
|
.portletContent {
|
|
padding: 1em;
|
|
}
|
|
.portletAction {
|
|
float: right;
|
|
width: 0.8em;
|
|
text-align: center;
|
|
display: block;
|
|
text-transform: none;
|
|
border-left: 1px solid #8cacbb;
|
|
padding-left: 0.3em;
|
|
}
|
|
|
|
.portlet .even {
|
|
background-color: #f7f9fa;
|
|
}
|
|
.portlet .odd {
|
|
background-color: transparent;
|
|
}
|
|
.portlet input {
|
|
font-size: 100%;
|
|
}
|
|
|
|
.portletSyndication {
|
|
display: block;
|
|
float: left;
|
|
border: 1px solid #8cacbb;
|
|
background-color: #dee7ec;
|
|
font-size: 85%;
|
|
}
|
|
|
|
.portletMore {
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
.portletFooter {
|
|
padding: 0.5em 1em 1em 1em;
|
|
}
|
|
|
|
|
|
/* Navigation tree styling */
|
|
|
|
.navIcon,
|
|
.navIconRoot {
|
|
position: relative;
|
|
right: 20px;
|
|
}
|
|
|
|
.navItemText {
|
|
margin-left: -20px;
|
|
}
|
|
|
|
.navRootItem,
|
|
.navItem {
|
|
margin: 0 0 0.2em 0;
|
|
border: 1px solid White;
|
|
display: block;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 1px;
|
|
padding: 0.1em 0.25em 0.2em 20px;
|
|
margin: 1px 0;
|
|
}
|
|
|
|
.currentNavItem,
|
|
#portlet-navigation-tree a:hover {
|
|
background-color: #dee7ec;
|
|
color: #436976;
|
|
border: 1px solid #8cacbb;
|
|
}
|
|
|
|
/* The deprecated navtree levels. These will go away once we ship with new
|
|
navtree in 2.1 */
|
|
|
|
.navLevel1 { margin-left: 0em; }
|
|
.navLevel2 { margin-left: 1em; }
|
|
.navLevel3 { margin-left: 2em; }
|
|
.navLevel4 { margin-left: 3em; }
|
|
.navLevel5 { margin-left: 4em; }
|
|
.navLevel6 { margin-left: 4.5em; }
|
|
.navLevel7 { margin-left: 5em; }
|
|
.navLevel8 { margin-left: 5.5em; }
|
|
|
|
|
|
/* New-style navigation tree */
|
|
|
|
.portletNavigationTree {
|
|
margin: 0 0 0 0.75em;
|
|
padding: 0;
|
|
list-style: none;
|
|
list-style-image: none;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.portletNavigationTreeItem {
|
|
margin: 0;
|
|
}
|
|
|
|
.portletNavigationTreeItem a {
|
|
display: block;
|
|
text-decoration: none;
|
|
padding: 0.5em 0 0.5em 1.75em;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 3px;
|
|
border: 1px solid White;
|
|
}
|
|
|
|
.portletNavigationTreeItem a:hover,
|
|
.currentNavItem {
|
|
background-color: #dee7ec;
|
|
color: #436976;
|
|
border: 1px solid #8cacbb !important;
|
|
}
|
|
|
|
/* The new navtree level structure. */
|
|
|
|
.portletNavigationLevel0 {
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
|
|
.comment {
|
|
background: #f7f9fa;
|
|
border: 1px dashed #8cacbb;
|
|
padding: 0 1em 0.5em 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.comment h1,
|
|
.comment h2,
|
|
.comment h3,
|
|
.comment h4,
|
|
.comment h5,
|
|
.comment h6 {
|
|
border-bottom: 1px dashed #76797c;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.commentBody {
|
|
margin: 0 1em 1em 1em;
|
|
}
|
|
|
|
.spacer {
|
|
margin: 1em;
|
|
}
|
|
|
|
/* workflow state colors */
|
|
|
|
.state-private {
|
|
color: Red;
|
|
}
|
|
.state-visible {
|
|
color: #74AE0B;
|
|
}
|
|
.state-published {
|
|
color: #103083;
|
|
}
|
|
.state-pending {
|
|
color: #ffa500;
|
|
}
|
|
.state-expired {
|
|
color: Red;
|
|
}
|
|
.syndicated {
|
|
color: #008000;
|
|
}
|
|
|
|
/* Sitemap styling */
|
|
|
|
.portal-sitemap {
|
|
list-style: none;
|
|
list-style-image: none;
|
|
margin: 0;
|
|
font-size: 90%;
|
|
border: none;
|
|
}
|
|
|
|
.portal-sitemap .portletNavigationLevel1 {
|
|
padding-left: 1em;
|
|
border-left: 0.5em solid #8cacbb;
|
|
margin: 0 0 0 0.7em;
|
|
}
|
|
|
|
.portal-sitemap .portletNavigationLevel2 {
|
|
padding-left: 1em;
|
|
border-left: 0.5em solid #dee7ec;
|
|
}
|
|
|
|
.role-Member {
|
|
|
|
}
|
|
.role-Reviewer {
|
|
|
|
}
|
|
.role-Manager {
|
|
|
|
}
|
|
.role-Translator {
|
|
|
|
}
|
|
.location-frontpage {
|
|
|
|
}
|
|
.location-news {
|
|
|
|
}
|
|
.location-members {
|
|
|
|
}
|
|
.even {
|
|
background-color: #f7f9fa;
|
|
}
|
|
.odd {
|
|
background-color: transparent;
|
|
}
|
|
.visualHighlight {
|
|
background-color: #f7f9fa;
|
|
}
|
|
|
|
.discreet {
|
|
color: #76797c;
|
|
font-size: 85%;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.listingBar {
|
|
background-color: #dee7ec;
|
|
border-color: #8cacbb;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: 0em 1em;
|
|
text-align: center;
|
|
text-transform: lowercase;
|
|
vertical-align: top;
|
|
margin: 1em 0em;
|
|
font-size: 94%;
|
|
clear: both;
|
|
}
|
|
.listingBar span.previous,
|
|
.listingPrevious {
|
|
text-align: left;
|
|
float: left;
|
|
margin-right: 1em;
|
|
}
|
|
.listingBar span.next,
|
|
.listingNext {
|
|
text-align: right;
|
|
float: right;
|
|
margin-left: 1em;
|
|
}
|
|
.listingBar img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/*
|
|
** Accessibility and visual enhancement elements
|
|
*/
|
|
|
|
.link-plain {
|
|
background-image: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.link-parent {
|
|
display: block;
|
|
background: transparent url(arrowUp.gif) 4px 5px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
font-size: 85%;
|
|
}
|
|
|
|
.link-user {
|
|
background: transparent url(user.gif) 0 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-external {
|
|
background: transparent url(link_icon.gif) 0px 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-https {
|
|
background: transparent url(lock_icon.gif) 0px 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-mailto {
|
|
background: transparent url(mail_icon.gif) 0px 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-news {
|
|
background: transparent url(topic_icon.gif) 0px 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-ftp {
|
|
background: transparent url(file_icon.gif) 0px 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-irc {
|
|
background: transparent url(discussionitem_icon.gif) 0px 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-callto {
|
|
background: transparent url(phone_icon.gif) 0px 1px no-repeat;
|
|
padding: 1px 0px 1px 16px;
|
|
}
|
|
|
|
.link-comment {
|
|
background: transparent url(discussionitem_icon.gif) center left no-repeat;
|
|
padding: 1px 0px 1px 16px !important;
|
|
}
|
|
|
|
.link-anchor {
|
|
color: #76797c;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.hiddenStructure {
|
|
display: block;
|
|
background: transparent;
|
|
background-image: none; /* safari bug */
|
|
border: none;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: -1px 0 0 -1px;
|
|
width: 1px;
|
|
}
|
|
|
|
.contentViews .hiddenStructure,
|
|
.contentActions .hiddenStructure {
|
|
position: absolute;
|
|
top: -200px;
|
|
left: -200px;
|
|
}
|
|
|
|
.visualClear {
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
.hiddenLabel {
|
|
display: block;
|
|
background: transparent;
|
|
background-image: none; /* safari bug */
|
|
border: none;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
margin: -1px 0 0 -1px;
|
|
width: 1px;
|
|
}
|
|
.label {
|
|
font-weight: bold;
|
|
display: inline;
|
|
padding-right: 0.5em;
|
|
}
|
|
|
|
.optionsToggle {
|
|
border: 1px solid #8cacbb;
|
|
color: Black;
|
|
background-color: #dee7ec;
|
|
font-weight: normal !important;
|
|
font-size: 85%;
|
|
}
|
|
|
|
.portalNotLoggedIn {} /* Used on all descriptions relevant to those not logged in */
|
|
|
|
#portal-column-content fieldset > * input:focus,
|
|
#portal-column-content fieldset > * textarea:focus {
|
|
border-color: #ffa500;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.visualOverflow {
|
|
overflow: auto;
|
|
margin: 0 0 1em 0;
|
|
}
|
|
|
|
.visualOverflow pre,
|
|
.visualOverflow table,
|
|
.visualOverflow img {
|
|
margin: 0;
|
|
}
|
|
|
|
.visualFontSizeCorrection { /* Correction for WYSIWYG editors */
|
|
font-size: 75%;
|
|
}
|
|
|
|
/*
|
|
** Calendar elements - used in the calendar rendering
|
|
*/
|
|
|
|
.dayPopup {
|
|
background-color: #ffffe1;
|
|
border: 1px solid Black;
|
|
padding: 0.2em;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
width: 12em;
|
|
z-index: 2;
|
|
}
|
|
.date {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ploneCalendar {
|
|
border: 1px solid #8cacbb;
|
|
margin: 1em 0em;
|
|
}
|
|
.ploneCalendar a {
|
|
text-decoration: none;
|
|
}
|
|
.ploneCalendar a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.ploneCalendar th {
|
|
background-color: #dee7ec;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
padding: 2px;
|
|
}
|
|
.ploneCalendar td {
|
|
background-color: transparent;
|
|
width: 1.5em;
|
|
text-align: right;
|
|
padding: 2px;
|
|
}
|
|
.ploneCalendar .weekdays td {
|
|
background-color: #dee7ec;
|
|
border: 1px solid #8cacbb;
|
|
border-style: solid none;
|
|
text-align: center;
|
|
padding: 2px;
|
|
}
|
|
.ploneCalendar .event {
|
|
background-color: #dee7ec;
|
|
font-weight: bold;
|
|
}
|
|
.ploneCalendar .todayevent {
|
|
background-color: #dee7ec;
|
|
border: 2px solid #ffa500;
|
|
font-weight: bold;
|
|
}
|
|
.ploneCalendar .todaynoevent {
|
|
border-collapse: collapse;
|
|
border: 2px solid #ffa500;
|
|
}
|
|
|
|
/* for highlighting of search terms */
|
|
|
|
.highlightedSearchTerm {
|
|
background-color: #feff82;
|
|
}
|
|
|
|
/* for highlighting current items, like the language or today in the calendar */
|
|
.currentItem {
|
|
border-collapse: collapse;
|
|
border: 2px solid #ffa500;
|
|
padding: 1px;
|
|
}
|
|
|
|
/* */
|