48d77ceee562fc22397531756bf0e54a4639b463
[Packages/TYPO3.CMS.git] / typo3 / sysext / t3skin / Resources / Public / Css / visual / main_content.css
1 /* - - - - - - - - - - - - - - - - - - - - -
2 TYPO3 styles for basic elements
3 - - - - - - - - - - - - - - - - - - - - - */
4
5 h1,
6 h2,
7 h3,
8 h4 {
9 color: #555555;
10 font-family: Verdana, Arial, Helvetica, sans-serif;
11 font-weight: bold;
12 }
13
14 /* Occasionally used, eg. in About Modules: */
15 h1 {
16 font-family: Share, Verdana, Arial, Helvetica, sans-serif;
17 font-size: 24px;
18 font-variant: normal;
19 font-weight: normal;
20 }
21
22 /* MAIN page header: */
23 h2 {
24 font-size: 14px;
25 line-height: 18px;
26 }
27
28 /* Normal section headers */
29 h3 {
30 font-size: 12px;
31 }
32
33 /* Discrete section headers (no background) */
34 h4 {
35 font-size: 12px;
36 }
37
38 body {
39 color: black;
40 font-family: Verdana, Arial, Helvetica, sans-serif;
41 }
42
43 /* Preformatted text - not used so much in TYPO3 */
44 pre {
45 font-family: "Lucida Console", "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
46 font-size: 11px;
47 }
48
49 /* Links in general */
50 a {
51 color: #212424;
52 background-color: transparent;
53 text-decoration: none;
54 }
55
56 a:hover {
57 color: #000000;
58 background-color: transparent;
59 text-decoration: underline;
60 }
61
62 tr:hover a {
63 text-decoration: underline;
64 }
65
66 a.t3-link {
67 text-decoration: underline;
68 }
69
70 /* horizontal ruler */
71 hr, div.hr {
72 background-color: #ddd;
73 border-bottom: 1px solid black;
74 border-top: 1px solid #7a7a7a;
75 color: #ddd;
76 }
77
78 img {
79 border: 0px;
80 }
81
82 em {
83 font-style: italic;
84 }
85
86 strong {
87 font-weight: bold;
88 }
89
90 .clearfix:after {
91 content: ".";
92 display: block;
93 clear: both;
94 visibility: hidden;
95 line-height: 0;
96 height: 0;
97 }
98
99 .clearfix {
100 display: inline-block;
101 }
102
103 html[xmlns] .clearfix {
104 display: block;
105 }
106
107 * html .clearfix {
108 height: 1%;
109 }
110
111 /* - - - - - - - - - - - - - - - - - - - - -
112 Background color classes
113 - - - - - - - - - - - - - - - - - - - - - */
114
115 .bgColor-20 {
116 background-color: #e3dfdb;
117 }
118
119 .bgColor2 {
120 background-color: #585858;
121 color: #ffffff;
122 }
123
124 .bgColor3 {
125 background-color: #f6f2e6;
126 }
127
128 .bgColor3-20 {
129 background-color: #f7f7f7;
130 }
131
132 .bgColor4 {
133 background-color: #f1f1f1;
134 color: #212424;
135 }
136
137 .bgColor4-20 {
138 background-color: #f8f9fa;
139 }
140
141 .bgColor5 {
142 background-color: #9b9b9b;
143 }
144
145 .bgColor6 {
146 background-color: #f7f7f7;
147 }
148
149 /* - - - - - - - - - - - - - - - - - - - - -
150 Various classes
151 - - - - - - - - - - - - - - - - - - - - - */
152
153 .section {
154 margin-bottom: 15px;
155 }
156
157 .nobr {
158 white-space: nowrap;
159 }
160
161 .diff-r {
162 color: red;
163 }
164
165 .diff-g {
166 color: green;
167 }
168
169 div.diff-r {
170 background-color: red;
171 color: black;
172 }
173
174 div.diff-g {
175 background-color: green;
176 color: black;
177 }
178
179 /** .uppercase is kept for backwards-compatibility, use .divider */
180 .divider,
181 .uppercase {
182 border-bottom: 1px solid #cdcdcd;
183 }
184
185 /** used in the admin tools => DB check **/
186 .t3-overview-list dt {
187 font-weight: bold;
188 }
189
190 /* - - - - - - - - - - - - - - - - - - - - -
191 Dimmed span tag color (disabled)
192 - - - - - - - - - - - - - - - - - - - - - */
193
194 .typo3-dimmed {
195 color: #666;
196 }
197
198 .c-na {
199 color: #666;
200 font-style: italic;
201 }
202
203 .not-found a {
204 color: #cccccc;
205 }
206
207 /* - - - - - - - - - - - - - - - - - - - - -
208 Red span tag color (warning, notice)
209 - - - - - - - - - - - - - - - - - - - - - */
210
211 .typo3-red {
212 color: red;
213 }
214
215 .typo3-red-background {
216 background-color: red;
217 }
218
219 table.warningbox {
220 border: solid 2px black;
221 background-color: yellow;
222 margin: 20px 0px 20px 0px;
223 }
224
225 table.warningbox td {
226 padding: 20px 20px 20px 20px;
227 font-weight: bold;
228 }
229
230 table.warningbox td a {
231 text-decoration: underline;
232 }
233
234 div.warningbox {
235 border: solid 2px black;
236 background-color: yellow;
237 font-weight: bold;
238 margin: 10px 0px 10px 0px;
239 padding: 10px;
240 }
241
242 span.warningboxheader {
243 margin-left: 5px;
244 }