CSS directives conforming to the CSS 2.1 spec.
Those CSS directives are suppported by user agents such as Mozilla/Firefox, MSIE6, MSIE5.x, etc.
$Id: default.css.dtml 47552 2006-07-28 17:33:14Z gracinet $
BASIC ELEMENTS ------------------------------
body {
font: ;
background: ;
color: ;
margin: 0;
padding: 0;
}
body .popup {
font: ;
}
a {
text-decoration: none;
color: ;
background-color: transparent;
}
a.strong {
font-weight: bold;
}
img {
border: 0;
vertical-align: middle;
}
p {
margin: 0.5em 0 1em 0;
line-height: 133%;
}
p a {
text-decoration: underline;
}
p a:visited {
color: ;
background-color: transparent;
}
p a:active {
color: ;
background-color: transparent;
}
a:hover {
text-decoration: none;
}
p img {
border: ;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
color: ;
background-color: transparent;
font: ;
font-weight: bold;
margin: 0;
padding-top: 0.5em;
}
h1 {
font-size: ;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
h2 {
font-size: ;
margin-bottom: 1em;
}
h3 {
font-size: ;
}
h4 {
font-size: ;
}
h5 {
font-size: ;
}
h6 {
font-size: ;
}
ol, ul {
padding: 0;
margin: 0;
line-height: 133%;
}
ul a, ol a {
text-decoration: underline;
}
dt {
font-weight: bold;
margin: 0.5em 0em 0.5em 0em;
}
dt a {
text-decoration: none;
}
dd {
line-height: 133%;
margin-bottom: 1em;
}
legend {
background: ;
padding: 0.5em 0em 0.5em 0em;
}
textarea {
color: ;
background-color: white;
font: ;
}
input {
font: ;
color: ;
background-color: white;
vertical-align: middle;
}
select {
font: ;
vertical-align: top;
}
abbr, acronym, .explain {
color: ;
background-color: transparent;
}
q, blockquote {
font-style: italic;
font-size: 100%;
}
code {
font-size: 100%;
color: ;
background-color: ;
}
pre {
font-size: 100%;
padding: 1em;
border: ;
color: ;
background-color: ;
overflow: auto;
}
Classes ------------------------------
#idioma p {
margin-top: 0;
}
.logo {
margin: ;
padding: ;
}
.note {
font-size: smaller;
}
.even {
background-color: ;
}
.odd {
background-color: ;
}
.pending {
font-weight: bold;
color: #ffa500;
}
.work {
font-weight: bold;
color: blue;
}
.draft {
font-weight: bold;
color: #5555ff;
}
.published {
font-weight: bold;
color: #22a522;
}
.deferred {
font-weight: bold;
color: #ff6600;
}
.expired {
font-weight: bold;
color: #ff0033;
}
.locked {
border: 1px solid #ff6600;
color: #ff6600;
padding-left: 0.2em;
padding-right: 0.2em;
}
.url {
color:
}
input.standalone, button.standalone {
background: ;
background-image: none;
color: ;
border: ;
}
input.context {
background: ;
background-image: none;
color: ;
}
input.destructive {
background: ;
background-image: none;
color: ;
}
button {
font: ;
background: ;
color: ;
background-image: none;
vertical-align: middle;
}
DIVs ------------------------------
div.batchLayout {
text-align: right;
background-color: ;
}
div.pageNavigationLayout {
text-align: center;
background-color: ;
}
.contact {
text-align: center;
margin: 0;
padding: 1px 0px 1px 0px;
}
div.message {
background: ;
color: ;
font: ;
margin: 1em 0;
padding: 0.5em 1em;
vertical-align: middle;
}
div.message a {
background: ;
color: ;
text-decoration: underline;
}
div.description {
font: ;
display: block;
margin-bottom: 0.5em;
line-height: 133%;
}
div.documentActions {
float: right;
margin-top: 1em;
}
div.documentActions li {
display: inline;
}
div.searchBox {
float: right;
text-align: right;
padding: ;
margin: ;
clear: right;
background-color: transparent;
color: ;
text-transform: ;
width: 40%;
}
div.headerActions {
float: right;
text-align: right;
margin-top: 1em;
margin-right: 1em;
margin-bottom: 4px;
}
div.headerActions li {
display: inline;
}
div.pathBar {
padding: 1px 1em 1px 1em;
text-transform: ;
}
div.row {
clear: both;
}
div.label {
font-weight: bold;
}
div.field {
padding: 0px 0px 0px 0px;
text-align: left;
}
span.legend {
font-weight: bold;
}
div.popupImg {
padding: 10px;
text-align: center;
}
.hidden {
display: none;
}
.hiddenItem {
background-color: ;
}
Documents language selection
span.selectedLang {
background: #003a6b;
color: #ffffff;
font-weight: bold;
padding-left: 0.5em;
padding-right: 0.5em;
}
a.availableLang {
text-decoration: underline;
}
a.availableLang:hover {
text-decoration: none;
}
Accessibility statement and usage
div.accesskeys, div.accesskeysUsage {
border: 1px solid #999999;
background-color: #dddddd;
padding: 1em;
margin: 0.5em 0 2em 0;
}
Contact info and conformance statement
.contactInfo li {
display: inline;
margin: 1em;
}
.conformanceStatement {
text-align: center;
}
.conformanceStatement li {
display: inline;
}
.conformanceStatement img {
margin: 1em;
}
CMF Calendar
.CalendarArrow {
font-weight: bold;
text-decoration: none;
color: #000000;
}
.CalendarTitle {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #000000;
}
p.help {
font-style: italic;
}
table.calendar td {
white-space: nowrap;
background-color: white;
width: 1.5em;
}
table.calendar a {
text-decoration: none;
color: black;
}
table.calendar td.event {
background-color: ;
text-decoration: none;
}
table.calendar td.todayevent {
background-color: ;
}
table.calendar td.weekdays {
background-color: ;
}
table.calendar th {
background-color: ;
white-space: nowrap;
}
table.localRoleForm th {
text-align: left;
}
span.highlightedSearchTerm {
background-color: #ffff00;
}
span.searchFor {
font-weight: bold;
}
/* hack for IE6 bugs */
/* Hides from IE5-mac \*/
* html .group {height: 1%}
* html div.box {height: 1%}
* html div.box .content {height: 1%}
* html div.document {height: 1%}
/* End hide from IE-mac */
.netscape4 {
display: none;
}
table {
font-size: 100%;
}
hr {
height: 1px;
color: ;
background-color: transparent;
}
form {
border: none;
}
textarea {
border: ;
padding: 0.1em;
}
input {
border: ;
margin-bottom: 1px; /* IE bug fix */
padding: 0.1em;
}
select {
font: ;
border: ;
vertical-align: top;
}
abbr, acronym, .explain {
border-bottom: 1px dotted ;
cursor: help;
}
ol, ul {
padding-left: 3em;
margin: 0px;
}
.content li, #content li {
padding: 0em 0em 0.4em 0em;
}
ul.fileChoice {
padding-left: 0;
list-style-type: None;
}
button {
background: ;
border: ;
margin: 0.2em;
padding: 0.1em;
font: ;
}
button:hover {
background: ;
}
input.standalone, button.standalone {
background: ;
cursor: pointer;
font: ;
font-weight: ;
padding: ;
text-transform: ;
}
input.standalone:hover, button.standalone:hover {
background: ;
}
input.context {
background: ;
cursor: pointer;
font: ;
font-weight: ;
padding: ;
text-transform: ;
border: ;
}
input.context:hover {
background: ;
}
input.destructive {
background: ;
border: ;
cursor: pointer;
font: ;
font-weight: ;
padding: ;
text-transform: ;
}
input.destructive:hover {
background: ;
border: ;
}
input.noborder {
background: transparent;
border: ;
margin: 0;
}
input.searchButton {
font-size: 100% ! important;
margin-bottom: 1px ! important;
}
input.moveUp {
background: ;
}
input.moveDown {
background: ;
}
input.moveTop {
background: ;
}
input.moveBottom {
background: ;
}
Forms ------------------------------
form {
margin: 0px;
}
form.workflow {
padding:0px 0px 10px 0px;
}
form.workflow dl {
font-weight: bold;
}
form.workflow dd {
margin-left: 0px;
}
Generic table definitions
table.columns td.left {
background: ;
}
table.columns td.right {
background: ;
}
table.listing {
width: 100%;
}
table.listing caption {
font-weight: bold;
}
table.listing td {
padding: 0.4em;
}
table.listing thead tr th {
text-align: center;
}
table.listing thead td {
background-color: ;
color: ;
text-align: center;
font-weight: bold;
}
table.listing tbody td {
background-color: ;
color: ;
}
table.listing tbody tr.odd td {
background-color: ;
color: ;
}
table.listing tbody tr.even td {
background-color: ;
color: ;
}
table.listing .action {
font-weight: bold;
text-align: left;
}
Specific table definitions
form#loginForm {
padding-top:20px;
padding-bottom:20px;
width: 30em;
}
table#login th {
width: 12em;
}
table#portalConfiguration th {
width: 18em;
padding-bottom: 1em;
}
table#portalConfiguration td {
width: 18em;
padding-bottom: 1em;
}
table#subscriptions td {
text-align: center;
}
table#subscriptions .action {
text-align: left;
}
table.localRolesAssignment {
width: 100%;
padding: 0;
margin: 0.4em;
margin-bottom: 2em;
border: 0.1em solid black;
}
table.localRolesAssignment td.assignedRole {
text-align: center;
}
table.localRolesAssignment td.inheritedRole {
text-align: center;
background: ;
}
span.inheritedRole {
background: ;
}
table.localRolesAssignment td.inheritedBlockedRole {
text-align: center;
background: ;
}
span.inheritedBlockedRole {
background: ;
}
DIVs ------------------------------
div.top {
background: ;
margin: ;
padding: ;
width: 100%;
}
.contact {
background: ;
border-top: ;
border-bottom: ;
width: 100%;
}
div.document {
font: ;
background: ;
}
div.message {
border: ;
}
div.pathBar {
border-bottom-color: ;
border-bottom-style: solid;
border-bottom-width: 1px;
}
div.row {
margin: 0em 0em 0.5em 0em;
position:relative;
}
div.label {
font-weight: bold;
display: inline;
}
.required {
padding-right: 0.5em;
background: ;
}
.error {
background: ;
border: ;
padding: 1em;
margin: 0em;
}
div.field {
margin-top: 0.2em;
}
span.legend {
background: ;
font-size: ;
padding: 0.5em 0em 0.5em 0em;
position : relative;
top: -0.8em;
left: 0;
}
The "group" class is used to group together the HTML fields of a form.
.group {
margin: 0em;
padding:10px 0px 20px 0px;
}
.comment_box {
border: 1px solid #bcbcbc;
margin: 1em 0 1em 1em;
padding: 5px 10px 10px 20px;
}
.user_roles {
margin: 1em 0 1em 0;
padding: 0.7em 0em 0.7em 0em;
}
.header_roles {
font-weight: bold;
background: #b1acb2;
}
.assign_roles {
padding-top: 0.7em;
}
table.calendar {
border: ;
text-align: right;
}
table.calendar a:hover {
text-decoration: none;
}
table.calendar th {
border: none;
font-weight: bold;
text-align: center;
}
table.calendar td {
width: 1.5em;
}
table.calendar td.weekdays {
border: ;
border-style: solid none;
text-align: center;
}
table.calendar td.event {
font-weight: bold;
}
table.calendar td.todayevent {
border: ;
font-weight: bold;
}
table.calendar td.todaynoevent {
border-collapse: collapse;
border: ;
}
Tooltips
.tooltipControl {
color: #000000;
background: #ffffe1;
border: 1px solid #000000;
margin-left: 1em;
}
.tooltipControl:hover {
background: #ffffb8;
}
.tooltipArea {
color: #000000;
background: #ffffe1;
border: 1px solid #000000;
padding: 0.8em;
font-weight: normal;
font-size: 80%;
text-align: left;
position: inherit;
left: -15em;
top: 1.5em;
width: 20em;
visibility: hidden;
display: none;
z-index: 1000;
}
XXX: CPSMailBoxer definitions that should not be here but in a dedicated file
div.mailboxerNoArchive {
border-top: solid;
border-width: 1px;
}
td.mailboxerMonth {
background-color: ;
text-align: center;
}
Books
div.bookSummary {
width: 100%;
border: 1px solid black;
padding: 0.5em;
}
div.bookSummaryNav {
text-align: center;
width: 100%;
background-color: ;
}
li.summaryEntries {
margin: 0.5em;
}
div.bookPageHeader {
border-bottom: 1px solid black;
}
div.bookPageNavigation {
}
div.bookPageInfo {
float: right;
}
Hide stuff by id and make it available in source
#bylineFolder {
clear: both;
text-align: left;
}
#byline {
clear: both;
text-align: right;
margin-top: 2em;
}
javascript use for block toggle
div.hidden {
visibility: hidden;
display: none;
}
div.visible {
visibility: visible;
display: block;
}
Advanced search form
#advancedSearchForm {
font-size: 90%;
}
#advancedSearchZCText {
text-align: right;
}
p.advancedSearchButton {
text-align: right;
}
#advancedSearchForm fieldset {
border: none;
border-left: ;
border-bottom: ;
padding: 0.5em 0em 0.5em 0em;
margin: 0.5em;
}
span.advancedSearchColumn {
padding-left: 1em;
float:left;
width:12em;
}
div.drophover {
border-bottom: 3px solid black;
}
div.drophover-in {
background: #ffe68f;
border: 1px solid black;
}
#ajax_psm {
background: #ffac0b;
color: white;
padding: 8px;
border: 1px solid black;
float: right;
font-weight: bold;
position: absolute;
-moz-border-radius: 4px;
}
div.draggable:hover {
background: #efefef;
}
div.more_block {
padding-left: 10px;
}
div.batchLayout, div.pageNavigationLayout {
color: #666666;
margin: 0px 2px 0px 2px;
padding: 3px 20px 3px 0px;
}
table.folderButtons {
padding-top: 1.2em;
}