Eingabeaufforderungsseiten einheitlich stylen

Bei Cognos 11 ist das Design teilweise etwas unschön. Anstatt dies mühevoll über Themes oder eigene Klassen zu steuern oder, noch mühevoller, manuell in allen Objekten zusammen zu klicken, kann man einfach etwas CSS dem Kopf der Seite hinzufügen.

Dazu bietet es sich an, im Seitenkopf ein HTML-Element hinzuzufügen, und dort Änderungen vorzunehmen. Alternativ kann man die CSS-Formatierung auch als CSS-Datei speichern und diese über <link> auf der Seite verlinken.

<style>
a {
  text-decoration: none !important;
}

button {
  cursor:hand;
}

select.pv, div.pv, input.pt {
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #111;
    outline: none;
    font-family: Arial, helvetica;
    font-size: 11pt;
    background: white;
}

a.pl {
    font-size: 7pt;
    font-family: Arial, helvetica;
    color: #222;
}

button.bp {
    border-radius: 4px;
    outline: none;
    border: 1px solid #111;
    padding: 5px;
    color: black;
    background-color: #d0d0d0;
    background-image: none;
    width: 150px;
    height: 40px;
    font-family: Arial, helvetica;
    font-size: 11pt;
}

input.clsSelectDateEditBox {
    font-family: Arial, helvetica;
    font-size: 11pt;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #111;
    outline: none;
}

table.clsSelectDateCalendarDialog {
    font-family: Arial, helvetica;
    font-size: 9pt;
}

input.clsSelectDateYearEditBox {
    font-family: Arial, helvetica;
    font-size: 9pt;
}

.clsCheckBoxRow label {
    font-family: Arial, helvetica;
    color: #333;
    font-size: 11pt;
    padding: 3px;
    /* line-height: 32px; */
}

.clsCheckBoxRow {
    height: 18px;
}

div#targetgroup span {
    font-family: Arial, helvetica;
    font-size: 9pt;
}

div#input_tg {
    font-family: Arial, helvetica;
    font-size: 9pt;
}

div#input_tg ul {
    padding-left: 30px;
}

div#input_tg li {
    line-height: 13pt;
}

.clsTextWidgetParseError select {
    border: none;
}

.clsTextWidgetParseError {
    border: 1px dotted red;
    border-radius: 4px;
}

.dijitCheckBox input {
    opacity: 1 !important;
    border: 1px solid #333;
    border-radius: 2px;
    width: 15px;
    filter: none !important;
}

.dijitCheckBox {
    border: none;
    /* border-radius: 3px; */
    background: none !important;
}
</style>