1 /* TYPO3 CVS id: $id$ */
2 /* Template stylesheet which can be used for new sites */
3 /* Make a copy of this stylesheet to some other location, modify it and use it from there! */
8 Background Color 1: #EDEBF1; (Background 1)
9 Background Color 1-dimmed: #D8D7DC; (Background 1 - dimmed)
10 Background Color 2: #F5FFAA; (Background 2)
11 Background Color 3: #D1D2E4; (Background 2)
14 Text Color 1: #186900; (red)
15 Text Color 2: #10007B; (green)
16 Text Color 3: #8A0020; (blue)
25 /***************************/
26 /* General element styles: */
27 /***************************/
28 H1
, H2
, H3
, H4
, H5
, P
, TD
, UL
, OL
, BLOCKQUOTE
, INPUT
, TEXTAREA
, SELECT
{ font-family: arial
, helvetica
; color: #000000; }
29 PRE
{ font-family: monospace
; }
30 A
{ color: #000066; text-decoration: underline
; }
31 A:hover
{ color: #660000; }
32 FORM
{ margin: 0px 0px 0px 0px;}
33 P
, PRE
{ margin: 0px 0px 0px 0px; }
34 P
, TD
, UL
, OL
{ font-size: 11px; }
35 INPUT
, TEXTAREA
, SELECT
{ padding-left: 5px; font-size: 11px; }
38 /********************************/
39 /* Frames, spacing, link-to-top */
40 /********************************/
41 P
.csc-linkToTop
{ text-align: right
; }
42 P
.csc-linkToTop A
{ font-weight: bold
; }
44 DIV
.csc-frame
{ border: 0px; }
45 DIV
.csc-frame-invisible
{}
46 DIV
.csc-frame-rulerBefore
{ border-top: 1px solid
#333333; }
47 DIV
.csc-frame-rulerAfter
{ border-bottom: 1px solid
#333333; }
48 DIV
.csc-frame-indent
{ padding-left: 100px; }
49 DIV
.csc-frame-indent3366
{ padding-left: 33%; }
50 DIV
.csc-frame-indent6633
{ padding-right: 33%; }
51 DIV
.csc-frame-frame1
{ background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid
#333333; }
52 DIV
.csc-frame-frame2
{ background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid
#333333; }
54 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; }
55 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; }
60 H1
{ font-size: 20px; }
61 H2
{ font-size: 18px; color: #186900; }
62 H3
{ font-size: 16px; color: #10007B; }
63 H4
{ font-size: 14px; color: #8A0020; }
64 H1
, H2
, H3
, H4
, H5
, H6
{ margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }
65 H1
.csc-firstHeader
, H2
.csc-firstHeader
, H3
.csc-firstHeader
, H4
.csc-firstHeader
, H5
.csc-firstHeader
, H6
.csc-firstHeader
{ margin-top: 0px; }
67 /* Headers, with link */
68 H1 A
, H2 A
, H3 A
, H4 A
, H5 A
{ color: #000000; text-decoration: none
; }
69 H2 A
{ color: #186900; }
70 H3 A
{ color: #10007B; }
71 H4 A
{ color: #8A0020; }
72 H1
A:hover
, H2
A:hover
, H3
A:hover
, H4
A:hover
, H5
A:hover
{ text-decoration: underline
; }
75 P
.csc-header-date
{ font-size: 10px; color: #186900; }
77 /* Subheader, general */
78 P
.csc-subheader
{ font-style: italic
; background-color: #EDEBF1; }
80 /* Subheader, specific */
81 P
.csc-subheader-0
{ font-style: normal
; }
82 P
.csc-subheader-1
{ color: #186900; }
83 P
.csc-subheader-2
{ color: #10007B; }
84 P
.csc-subheader-3
{ color: #8A0020; }
91 P
.bodytext
{ font-size: 11px; color: #000000; }
92 P
.bodytext A
{ font-weight: bold
; }
94 /* RTE / Bulletlists */
95 UL
{ margin-top: 0px; }
96 UL UL LI
{ font-size: 10px; }
97 OL
{ margin-top: 0px; }
98 LI
{ margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }
100 /* RTE / Table styling */
101 TABLE
.contenttable
{ border: 1px #333333 solid
; margin: 10px 0px 10px 0px; width: 100%; }
102 TABLE
.contenttable TR TD
{ padding: 0px 3px 0px 3px; }
103 TABLE
.contenttable TR TD P
.bodytext
{ font-size: 10px; }
104 TABLE
.contenttable TR
{ background-color: #EDEBF1; }
112 /* Images / Captions */
113 P
.csc-caption
{ font-size: 10px; font-style: italic
; }
115 /* Images / Tables / Floating text */
116 TABLE
.imgtext-table
{ border: 0px; }
118 /* Images / Tables / Wrapped text */
119 /* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
120 TABLE
.imgtext-nowrap
{ border: 0px; }
121 TABLE
.imgtext-nowrap H1
, TABLE
.imgtext-nowrap H2
, TABLE
.imgtext-nowrap H3
, TABLE
.imgtext-nowrap H4
, TABLE
.imgtext-nowrap H5
{ margin-top: 0px; }
129 /* Bulletlists, general */
130 UL
.csc-bulletlist LI
{ font-size: 11px; }
132 /* Bulletlists, specifically */
133 UL
.csc-bulletlist-0
{ color: #000000; }
134 UL
.csc-bulletlist-1
{ color: #186900; list-style-type : decimal
; }
135 UL
.csc-bulletlist-2
{ color: #10007B; list-style-position : inside
; }
136 UL
.csc-bulletlist-3
{ color: #8A0020; list-style-image: url
(img/red_arrow_bullet.gif); }
140 /*********************/
141 /* Tables, generally */
142 /*********************/
143 TABLE
.contenttable P
{ font-size: 11px; }
144 TABLE
.contenttable TR TD
{ vertical-align: top
; }
146 /* Tables, specifically */
147 TABLE
.contenttable-0 P
{ color: #000000; }
149 TABLE
.contenttable-1 P
{ color: #186900; }
150 TABLE
.contenttable-1 TR
.tr-0 TD P
{ font-weight: bold
; }
151 TABLE
.contenttable-1 TR
.tr-0 TD
{ background-color: #D1D2E4;}
153 TABLE
.contenttable-2 P
{ color: #10007B; }
154 TABLE
.contenttable-2 TR TD
.td-0
{ background-color: #F5FFAA;}
155 TABLE
.contenttable-2 TR TD
.td-0 P
{ font-weight: bold
; }
157 TABLE
.contenttable-3 P
{ color: #8A0020; }
158 TABLE
.contenttable-3 TR TD
.td-0
, TABLE
.contenttable-3 TR
.tr-0 TD
{ background-color: #D1D2E4;}
159 TABLE
.contenttable-3 TR TD
.td-0 P
, TABLE
.contenttable-3 TR
.tr-0 TD P
{ font-weight: bold
; }
163 /************************/
164 /* Filelinks, generally */
165 /************************/
166 TABLE
.csc-uploads
{ border: 0px; }
167 TABLE
.csc-uploads TR TD P
{ background-color : transparent
; font-size: 12px; }
168 TABLE
.csc-uploads TR TD
{ vertical-align : top
; }
169 TABLE
.csc-uploads TR
.tr-even
{ background-color: #EDEBF1; }
170 TABLE
.csc-uploads TR
.tr-odd
{ background-color: #D8D7DC; }
171 TABLE
.csc-uploads TR TD
.csc-uploads-icon
{ padding-left: 6px; padding-right: 6px; width: 1%; text-align: center
; vertical-align: middle
; }
172 TABLE
.csc-uploads TR TD
.csc-uploads-fileName
{ width: 80%; padding-left: 5px; }
173 TABLE
.csc-uploads TR TD
.csc-uploads-fileName P A
{ font-weight: bold
; }
174 TABLE
.csc-uploads TR TD
.csc-uploads-fileName P
.csc-uploads-description
{ font-style: italic
; }
175 TABLE
.csc-uploads TR TD
.csc-uploads-fileSize
{ white-space: nowrap
; padding-left: 6px; padding-right: 6px; }
177 /* Filelinks, specifically */
178 TABLE
.csc-uploads-1
{ border-color: #186900; }
180 TABLE
.csc-uploads-2
{ border-color: #10007B; }
182 TABLE
.csc-uploads-3
{ border-color: #8A0020; }
183 TABLE
.csc-uploads-3 TR TD
{ vertical-align: middle
; }
184 TABLE
.csc-uploads-3 TR
.tr-even TD
.csc-uploads-icon IMG
{ border: 2px solid
#333333; }
185 TABLE
.csc-uploads-3 TR
.tr-odd TD
.csc-uploads-icon IMG
{ border: 2px solid
#333333; }
193 /* Email, Login and Search forms generally: */
194 FORM TABLE TR TD
{ padding-left: 5px; padding-right: 20px; }
195 FORM TABLE TR TD
.csc-form-labelcell
, FORM TABLE TR TD
.csc-form-commentcell
{ background-color: #D8D7DC; }
196 FORM TABLE TR TD
.csc-form-fieldcell
{ background-color: #EDEBF1; }
197 FORM TABLE TR TD
.csc-form-fieldcell INPUT
, FORM TABLE TR TD
.csc-form-fieldcell SELECT
, FORM TABLE TR TD
.csc-form-fieldcell TEXTAREA
{ border: 1px solid
#333333; }
198 FORM TABLE TR TD
.csc-form-labelcell P
.csc-form-label-req
{ font-weight: bold
; }
200 /* Email form, specifically */
201 FORM TABLE
.csc-mailform TR TD
.csc-form-labelcell
{ }
203 /* Search form, specifically */
204 FORM TABLE
.csc-searchform
{ width: 100%; }
205 FORM TABLE
.csc-searchform TR TD
{ padding: 5px 5px 5px 5px; }
206 FORM TABLE
.csc-searchform TR TD
.csc-form-labelcell
, FORM TABLE
.csc-searchform TR TD
.csc-form-commentcell
{ font-weight: bold
; }
207 FORM TABLE
.csc-searchform TR TD
.csc-form-fieldcell INPUT
, FORM TABLE
.csc-searchform TR TD
.csc-form-fieldcell SELECT
{ width: 100%; }
209 /* Login form, specifically */
210 FORM TABLE
.csc-loginform
{ width: 70%; }
217 /* Search Result, result information box: */
218 TABLE
.csc-searchResultInfo
{ margin-left: 0px; margin-top: 10px; width: 100%;}
219 TABLE
.csc-searchResultInfo TR
{ background-color: #EDEBF1; }
220 TABLE
.csc-searchResultInfo TR TD P
{ padding: 0px 5px 0px 5px;}
221 TABLE
.csc-searchResultInfo TR TD
.csc-searchResultRange P
{ font-weight: bold
; }
222 TABLE
.csc-searchResultInfo TR TD
.csc-searchResultPrevNext
{ text-align: right
; }
224 /* Search Result, header + abstract: */
225 H3
.csc-searchResultHeader A
{ color: #186900; }
226 H3
.csc-searchResultHeader
{ background-color: #EDEBF1; font-size: 14px; padding-left: 5px; }
227 P
.csc-searchResult
{ font-style: italic
; margin-left: 20px;}
229 /* Search word markup */
230 SPAN
.csc-sword
{ font-weight: bold
; color: red
; }
233 /*****************************/
234 /* Menu / Sitemap, generally */
235 /*****************************/
236 DIV
.csc-menu
{ margin-left: 10px; }
237 DIV
.csc-menu P
{ font-size: 11px; font-weight: bold
; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #EDEBF1; }
238 DIV
.csc-menu P A
{ color: #000000; text-decoration: none
; }
239 DIV
.csc-menu P
A:hover
{ color: #660000; text-decoration: underline
; }
240 DIV
.csc-menu P
.csc-section
{ font-weight: normal
; margin-left: 20px; font-style: italic
; }
242 /* Menu / Sitemap, "Menu of these pages" */
243 DIV
.csc-menu-def P
{ }
245 /* Menu / Sitemap, "Menu of subpages to these pages" */
248 /* Menu / Sitemap, "Sitemap" */
250 DIV
.csc-menu-2 P
.csc-sitemap
{ }
251 DIV
.csc-menu-2 P
.csc-sitemap-level1
{ margin-left: 20px; }
252 DIV
.csc-menu-2 P
.csc-sitemap-level2
{ margin-left: 40px; }
253 DIV
.csc-menu-2 P
.csc-sitemap-level3
{ margin-left: 60px; }
254 DIV
.csc-menu-2 P
.csc-sitemap-level4
{ margin-left: 80px; }
255 DIV
.csc-menu-2 P
.csc-sitemap-level1 A
{ color: #000000; }
256 DIV
.csc-menu-2 P
.csc-sitemap-level2 A
{ color: #186900; }
257 DIV
.csc-menu-2 P
.csc-sitemap-level3 A
{ color: #10007B; }
258 DIV
.csc-menu-2 P
.csc-sitemap-level4 A
{ color: #8A0020; }
260 /* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
262 DIV
.csc-menu-3 P
.csc-section
{ margin-left: 0px; }
263 DIV
.csc-menu-3 P
.csc-section A
{ color: #186900; }
265 /* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
267 DIV
.csc-menu-4 P
{ margin-top: 2px; }
268 DIV
.csc-menu-4 P
.csc-abstract
{ font-weight: normal
; font-style: italic
; margin-top: 0px; padding: 0px 2px 2px 20px; }
270 /* Menu / Sitemap, "Recently updated pages" */
273 /* Menu / Sitemap, "Related pages (based on keywords)" */
276 /* Menu / Sitemap, "Menu of subpages to these pages + sections" */
278 DIV
.csc-menu-7 P
{ font-weight: bold
; }
279 DIV
.csc-menu-7 P
.csc-section A
{ color: #186900; }
283 /****************************************/
284 /* Frontend editing / TYPO3 Admin Panel */
285 /****************************************/
286 IMG
.frontEndEditIcons
{ vertical-align: middle
; margin: 0px 2px 0px 2px; }
288 /* Default styles for the Admin Panel */
289 TABLE
.typo3-adminPanel
{ border: 1px solid black
; background-color: #F6F2E6; }
290 TABLE
.typo3-adminPanel TR
.typo3-adminPanel-hRow TD
{ background-color: #9BA1A8; }
291 TABLE
.typo3-adminPanel TR
.typo3-adminPanel-itemHRow TD
{ background-color: #ABBBB4; }
292 TABLE
.typo3-adminPanel TABLE
, TABLE
.typo3-adminPanel TD
{ border: 0px; }
293 TABLE
.typo3-adminPanel TD FONT
{ font-family: verdana
; font-size: 10px; color: black
; }
294 TABLE
.typo3-adminPanel TD A FONT
{ font-family: verdana
; font-size: 10px; color: black
; }
295 TABLE
.typo3-editPanel
{ border: 1px solid black
; background-color: #F6F2E6; }
296 TABLE
.typo3-editPanel TD
{ border: 0px; }
303 H1, H2, H3, H4, H5, P, UL, OL, LI, BLOCKQUOTE, PRE { border: 1px dotted #999999;}
304 TD TABLE { border: 1px dotted #000099;}
305 DIV { border: 1px dotted #990000;}
306 IMG.spacer-gif { border: 1px solid black; }