/** * CSS File for Text Formatting * Will be used in backend rich-text-editor and in the frontend. * Editor pane for backend rich-text-editor. * Text formatting and colors should be the same for the frontend baselayout * in order to have an appropriate preview in the backend. * * @author Christoph Köpernick */ /* Reset ... */ * { margin: 0; outline: 0; padding: 0; } body { margin:0; padding:0; background-color: #FFFFFF; color: #707070; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 62.5%; padding: 0; background: none; } /*** Only for the backend RTE ***/ /* Selectors for the content area of the htmlArea RTE editor Text formatting and colors should be the same for the frontend baselayout in order to have an appropriate preview in the backend. */ .htmlarea-content-body { margin:0; padding:0; background-color: #FFFFFF; color: #707070; font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em; } /* Selectors for table cells in the content area of the htmlArea RTE editor */ body.htmlarea-content-body table tbody tr td { margin: 0; padding: 0; } #tpl-page {font-size: 1.1em;} /*** Only for the backend RTE ***/ H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT {} PRE { font-family: monospace; } A, A:link, A:visited { color: #185081; text-decoration: underline; } A:hover { color: #185081; text-decoration: underline;} a.tagging-link {color: #808080;} a.tagging-link:link {color: #808080;} a.tagging-link:visited {color: #808080;} P, PRE { } P, TD, UL, OL, DL { } TABLE {} /******************/ /* Headers, plain */ /******************/ H1, H2, H3, H4 {} H1, H2 {font-size: 1.64em; font-family: Georgia, Book Antiqua, Times New Roman; margin: 0 0 6px; line-height: 1.33em;} H1 {color: #185081; font-weight: normal;} H2 {font-size: 1.45em; color: #a95f3c; line-height: 1.5em;} H3 {color: #a95f3c; font-size: 1.18em; margin: 0 0 8px;} H4 {color: #185081; font-size: 1em; margin: 0 0 9px;} H1.header-indent {padding-left: 8px;} H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; } /* Headers, with link */ H1 A { text-decoration: none; } H2 A { color: #8fa4c3; text-decoration: none; } H3 A { color: #8fa4c3; text-decoration: none; } H4 A { color: #000000; text-decoration: none; } H5 A { color: #000000; text-decoration: none; } H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: none; } /*******************/ /* RTE / Bodytext: */ /*******************/ p, P.bodytext {line-height: 1.45em; margin: 0 0 8px;} P.bodytext A { } /* RTE / Bulletlists */ /* Bulletlists */ UL, OL {line-height: 2.18em;} UL {} UL UL, OL OL {font-size: 1em;} UL LI {list-style-type: none; background: url(img/ul_first_bg.png) no-repeat 3px 8px; padding-left: 24px;} UL LI UL {margin-left: -8px;} UL LI UL LI {background: url(img/ul_second_bg.png) no-repeat 0 10px; padding-left: 16px;} UL LI UL LI UL {margin-left: 0;} UL LI UL LI UL LI {background: url(img/ul_third_bg.png) no-repeat 0 10px; padding-left: 16px;} .csc-sitemap UL LI {background: url(img/ul_bullet_first_bg.png) no-repeat 3px 11px; padding-left: 16px;} .csc-sitemap UL LI UL {margin-left: 3px;} .csc-sitemap UL LI UL LI {background: url(img/ul_bullet_second_bg.png) no-repeat 0 11px; padding-left: 13px;} .csc-sitemap UL LI UL LI UL LI {background: url(img/ul_bullet_third_bg.png) no-repeat 0 13px; padding-left: 13px;} .csc-sitemap UL LI UL LI UL {margin-left: 11px;} .csc-sitemap UL LI a {text-decoration: none; color: #707070;} .csc-sitemap UL LI a:hover {color: #707070;} OL {margin-left: 21px; } html>/**/body OL {margin-left: 18px; } OL OL {margin-left: 14px;} /* RTE / Table styling */ TABLE.contenttable, .tx-atkondamfrontend-bodytext2 TABLE { width: 100%; border-collapse: collapse;} TABLE.contenttable caption, .tx-atkondamfrontend-bodytext2 caption {text-align: left; color: #185081; font-weight: bold; padding-bottom: 14px;} TABLE.contenttable THEAD TR TH, TABLE.contenttable THEAD TR TD, .tx-atkondamfrontend-bodytext2 TABLE THEAD TR TH, .tx-atkondamfrontend-bodytext2 TABLE THEAD TR TD {color: #185081; font-weight: bold; text-align: left; padding: 5px 0 5px 1px; border-bottom: solid 1px #c0c0c0;} TABLE.contenttable TR TD, .tx-atkondamfrontend-bodytext2 TABLE TR TD {padding: 5px 0 5px 1px; border-bottom: solid 1px #c0c0c0;} TABLE.contenttable TR TD a, .tx-atkondamfrontend-bodytext2 TABLE TR TD a {text-decoration: underline;} TABLE.contenttable TR TD P.bodytext, .tx-atkondamfrontend-bodytext2 TABLE TR TD P.bodytext {} TABLE.contenttable TR TD P.bodytext, .tx-atkondamfrontend-bodytext2 TABLE TR TD P.bodytext {margin: 0; line-height: 1em; padding: 1px 0;} TABLE.contenttable TR, .tx-atkondamfrontend-bodytext2 TABLE TR { } TABLE.contenttable TFOOT TR TH, TABLE.contenttable TFOOT TR TD, .tx-atkondamfrontend-bodytext2 TABLE TFOOT TR TH, .tx-atkondamfrontend-bodytext2 TABLE TFOOT TR TD {border-bottom: none; font-style: italic; } /* Selectors for the Abbreviation plugin */ abbr, acronym, span.abbr { width:18px; height:18px; white-space:nowrap; cursor:help; border-bottom:1px dashed #000; padding-left: 0; background: none; } /* Selectors for the default configuration of the link accessibity feature.*/ a.external-link {} a.external-link-new-window {} a.internal-link {} a.internal-link-new-window {} a.download {} a.mail {} /* Left, center and right alignment of text in paragraphs and cells.*/ p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; } p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; } p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; } /********************************/ /* Frames, spacing, link-to-top */ /********************************/ P.csc-linkToTop { text-align: right; } P.csc-linkToTop A { font-weight: bold; } DIV.csc-frame { border: 0px; } DIV.csc-frame-invisible {} DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; } DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; } DIV.csc-frame-indent { padding-left: 100px; } DIV.csc-frame-indent3366 { padding-left: 33%; } DIV.csc-frame-indent6633 { padding-right: 33%; } DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; } DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; } DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; } DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; } /* Bullet styles for unordered lists.*/ ul.component-items { color: #186900; list-style-type: circle; } ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); } /* Numbering styles for ordered lists.*/ ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; } ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; } /* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/ span.important { color: #8A0020; } span.name-of-person { color: #10007B; } span.detail { color: #186900; }