The default Midcom CSS elements
Midcom AIS has been created so that it is easy to make the editing interface look like a part of your interface.
The simples way to use this and other parts of the Midcom functionality is to make sure you're using the same CSS-element namespace as midcom.
Please note that Midcoms administrative interface has some other stylelements defined that you find in the pageelement css-extra under the AIS page.
In the default template, the following elements get defined:
<?php
$color_dark = "#8b1400";
$color_medium = "#f69510";
?>
BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
P, LI, PRE, BLOCKQUOTE {
font-size: 9pt;
}
.bordered {
border: 1px solid;
border-color: #0D5466;
}
/* here you define the settings for the tablecell that contains the menu*/
TD.navi {
padding: 7px;
font-size: 10pt;
color: #FFFFFF;
background-color: &(color_dark);;
font-weight: bold;
border-top: 1px solid #0D5466;
}
/* here you define the settings for the tablecell that contains content */
TD.content {
font-size: 9pt;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 9px;
padding-right: 9px;
border-top: 1px solid #0D5466;
}
TD.footers {
font-size: 9pt;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 9px;
padding-right: 9px;
}
TD.header {
background-color: &(color_medium);;
color: #000000;
}
H1 {
font-size: 12pt;
}
H2 {
font-size: 11pt;
}
H3 {
font-size: 10pt;
}
.sitetitle {
color: #000033;
background-color: transparent;
text-decoration: none;
padding: 10px;
padding-left: 7px;
font-size: 12pt;
font-weight: bolder;
}
/* the nnb elements are used for navigation. nnb stands for Nemein NavBar*/
.nnbr {
color: #FFFFFF;
background-color: transparent;
text-decoration: none;
}
.nnbr:hover {
color: #C0C0C0;
background-color: transparent;
text-decoration: underline;
}
.nnbtitle {
color: #FFFFFF;
background-color: transparent;
text-decoration: none;
}
.nnbtitle:hover {
color: #C0C0C0;
background-color: transparent;
text-decoration: underline;
}
.nnbsub {
color: #FFFFFF;
background-color: transparent;
text-decoration: none;
}
.nnbsub:hover {
color: #C0C0C0;
background-color: transparent;
text-decoration: underline;
}
.nnbs {
color: #C0C0C0;
background-color: transparent;
text-decoration: none;
font-weight: bolder;
}
.nnbtitles {
color: #C0C0C0;
background-color: transparent;
text-decoration: none;
font-weight: bolder;
}
.nnbsubs {
color: #C0C0C0;
background-color: transparent;
text-decoration: none;
font-weight: bolder;
}
.nnbe {
margin-bottom: 7px;
}
A {
color: #663300;
background-color: transparent;
}
.breadcrumb {
color: #0D5466;
background-color: transparent;
text-decoration: none;
font-size: 8pt;
}
.box {
border: 1px dashed #0D5466;
padding-left: 4px;
padding-right: 4px;
}
.success {
color: green;
}
.failure {
color: red;
}
DT {
font-weight: bold;
}
a.news {
text-decoration: none;
}
a.news:hover {
text-decoration: underline;
}
.formgroup {
background-color: #eeeeee;
color: #000000;
border: 1px solid #c0c0c0;
margin: 5px;
}
.formmandatory {
font-weight: bold;
}
.formseparator {
border-top: 1px dashed #c0c0c0;
}
.form_description {
font-weight: bold;
}
th {
border-bottom: 1px dashed #c0c0c0;
text-align: left;
}
td {
vertical-align: top;
}