Stylesheets einrichten
Stylesheets können im Management Center unter Status & Einstellungen/Systemparameter/weitere Systemeinstellungen/cardo.map3 Einstellungen eingerichtet werden. Für die Einrichtung stehen ihnen die Felder
zur Verfügung.
Das Stylesheet für den HTML-Header kann aus dem Link übernommen werden.
-> Anpassung des Links Thema anschalten über das Stylesheet des HTML-Headers
Beispiel Stylesheet für cardo.Map
Beispiel: Definition eines Stylesheets (CSS) für das cardo.Map Projekt. Dieser HTML-Code kann 1:1 in den Parameter HTML-Header übernommen werden.
<style type='text/css'>
body {
margin: 1em 1em 0 1.5em;
padding: 0;
color: #000;
background: #fff;
}
body, td {
font: normal normal 12px Arial, Helvetica, sans-serif;
}
/* acronyms and abbrevations - nice with dotted underline */
acronym, abbrev {
border-bottom: 1px dotted #ccc;
/* todo use hand cursor when inside a-tag */
cursor: help;
}
/* definition of font-families */
a, div, p, span {
font-family: Arial, Helvetica, sans-serif;
}
table {
margin-top: 0.6em;
}
p {
margin:0;
padding-bottom: 0.5em;
}
strong {
font-weight: bold;
}
img {
border: none;
background: transparent;
}
h2 {
color:#0000DD;
font-size: 1.2em;
padding:0;
margin:0 0 0.6em 0;
}
h3 {
color:#0000DD;
font-size: 1em;
padding:0;
margin:0.3em 0 0.6em 0;
}
h4 {
font-size: 1em;
padding:0;
margin:0.6em 0 0.3em 0;
}
td {
vertical-align: top;
text-align: left;
}
a.text12{
color: #0000FF;
font-size: 1em;
text-decoration: underline;
}
a.text10{
color: #0000FF;
font-size: 0.8em;
text-decoration: underline;
}
ul {
list-style-type:square;
list-style-image:url(/layout/sq_ora.gif);
margin-left:24px;
padding-left:0px;
margin-top:0.3em;
margin-bottom:0.3em;
}
ol {
margin-top:0.3em;
margin-bottom:0.3em;
}
li {
font-style: normal;
font-weight: normal;
color: #000;
margin-top: 0.4em;
}
hr {
margin:0;
padding:0;
border:none;
display:none
}
.legende td {
padding: 0 1em 0.6em 0;
vertical-align: middle;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 100%;
}
.daten td {
padding: 0 1em 0.6em 0;
vertical-align: top;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 12px;
}
.legende p {
padding: 0;
}
.daten p {
padding: 0;
}
.contentblock, .contentblock2 {
margin-bottom: 0.9em;
}
.contentblock2 h4 {
margin-top: 0.3em;
}
.image {
padding: 0.6em 0 0 0;
}
.trenner {
background-color:#ccc;
height:0.2em;
margin: 0.3em 0 1.2em 0;
}
table.legende td p
{
font-size:0.8em;
}
.marg {
font-size:0.8em;
}
font.bez
{
color: #0000DD;
font-weight:bold;
}
body
{
scrollbar-arrow-color: #54536D;
scrollbar-3dlight-color: #D0D0D0;
scrollbar-darkshadow-color: #A5A8A8;
scrollbar-face-color: #E7E7E7;
scrollbar-highlight-color: #f2f2f2;
scrollbar-track-color: #F9F9F9;
}
body {
margin: 1em 1em 0 1.5em;
padding: 0;
color: #000;
background: #fff;
}
body, td {
font: normal normal 12px Arial, Helvetica, sans-serif;
}
/* acronyms and abbrevations - nice with dotted underline */
acronym, abbrev {
border-bottom: 1px dotted #ccc;
/* todo use hand cursor when inside a-tag */
cursor: help;
}
/* definition of font-families */
a, div, p, span {
font-family: Arial, Helvetica, sans-serif;
}
table {
margin-top: 0.6em;
}
p {
margin:0;
padding-bottom: 0.5em;
}
strong {
font-weight: bold;
}
img {
border: none;
background: transparent;
}
h2 {
color:#0000DD;
font-size: 1.2em;
padding:0;
margin:0 0 0.6em 0;
}
h3 {
color:#0000DD;
font-size: 1em;
padding:0;
margin:0.3em 0 0.6em 0;
}
h4 {
font-size: 1em;
padding:0;
margin:0.6em 0 0.3em 0;
}
td {
vertical-align: top;
text-align: left;
}
a.text12{
color: #0000FF;
font-size: 1em;
text-decoration: underline;
}
a.text10{
color: #0000FF;
font-size: 0.8em;
text-decoration: underline;
}
ul {
list-style-type:square;
list-style-image:url(/layout/sq_ora.gif);
margin-left:24px;
padding-left:0px;
margin-top:0.3em;
margin-bottom:0.3em;
}
ol {
margin-top:0.3em;
margin-bottom:0.3em;
}
li {
font-style: normal;
font-weight: normal;
color: #000;
margin-top: 0.4em;
}
hr {
margin:0;
padding:0;
border:none;
display:none
}
.legende td {
padding: 0 1em 0.6em 0;
vertical-align: middle;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 100%;
}
.daten td {
padding: 0 1em 0.6em 0;
vertical-align: top;
voice-family: "\"}\"";
voice-family:inherit;
font-size: 12px;
}
.legende p {
padding: 0;
}
.daten p {
padding: 0;
}
.contentblock, .contentblock2 {
margin-bottom: 0.9em;
}
.contentblock2 h4 {
margin-top: 0.3em;
}
.image {
padding: 0.6em 0 0 0;
}
.trenner {
background-color:#ccc;
height:0.2em;
margin: 0.3em 0 1.2em 0;
}
table.legende td p
{
font-size:0.8em;
}
.marg {
font-size:0.8em;
}
font.bez
{
color: #0000DD;
font-weight:bold;
}
body
{
scrollbar-arrow-color: #54536D;
scrollbar-3dlight-color: #D0D0D0;
scrollbar-darkshadow-color: #A5A8A8;
scrollbar-face-color: #E7E7E7;
scrollbar-highlight-color: #f2f2f2;
scrollbar-track-color: #F9F9F9;
}
</style>