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