source: t29-www/shared/old/css.old/screen.v2.css @ 20

Last change on this file since 20 was 20, checked in by sven, 16 years ago

Migrierung der Homepage in das Subversionsrepositorium
======================================================

Schritt 2: Import des /shared-Verzeichnisses. Jetzt richtig.

File size: 4.6 KB
Line 
1
2  /**************************************************************\
3 *  TTTTT EEEE CCCC H  H N   N III K  K U  U M   M    222   999   *
4 *    T   E    C    H  H NN  N  I  K K  U  U MM MM   2   2 9   9  *
5 *    T   EEE  C    HHHH N N N  I  KK   U  U M M M      2  99999  *
6 *    T   E    C    H  H N  NN  I  K K  U  U M   M     2      9   *
7 *    T   EEEE CCCC H  H N   N III K  K UUUU M   M   22222   9    *
8 *                                                                *
9 *                       S C R E E N    C S S                     *
10  \**************************************************************/
11
12body {
13    margin: 0; padding: 0;
14    color: #000;
15    font: 13px Verdana,Tahoma,Helvetica,Arial,sans-serif;
16}
17
18.hidden {
19    display: none;
20}
21
22img {
23    border: none;
24}
25
26
27/***** HEAD *****/
28
29h1 {
30    margin: 0; padding: 0;
31    height: 67px;
32    border-bottom: 1px solid #3A6198;
33    text-align: center;
34    background-color: #5E7FAD;
35}
36
37h1 a {
38    position: absolute;
39    top: 0;
40    left: 50%;
41    margin-left: -345px;
42    z-index: 2;
43    display: block;
44
45    background-image: url(../img/banner.jpg);
46    background-position: top center;
47    background-repeat: no-repeat;
48    width: 690px;
49    height: 67px;
50}
51
52h1 a span {
53    display: none;
54}
55
56h1 span.d {
57    background-color: #0C377A;
58    display: block;
59    width: 50%;
60    height: 67px;
61    position: absolute;
62    top: 0; left: 0;
63    z-index: 1;
64}
65
66h2 {
67    font: bold 150% Verdana;
68    margin: 10px 0 10px 0;
69    padding: 0;
70}
71
72div#lang {
73    position: absolute;
74    top: 68px; left: 0;
75    display: block;
76    width: 160px;
77    margin: 0; padding: 1px;
78    height: 13px;
79    border-top: 2px solid #C8C8C8;
80
81    text-align: center;
82
83/*
84    background-color: #ACBDD4;
85    background-image: url(../img/lang.bg.png);
86    background-position: top left;
87    background-repeat: repeat-y;
88
89    border-bottom: 1px solid #0B387C;
90*/
91}
92
93div#lang a {
94    color: #416397;
95    font-size: 90%;
96}
97
98/***** GENERAL *****/
99
100#menu {
101    position:absolute;
102    top: 81px;
103    left: 0;
104    width: 160px;
105    padding-top: 10px;
106}
107
108#content {
109    margin-left: 160px;
110    padding: 10px;
111    border-top: 2px solid #C8C8C8;
112    border-bottom: 2px solid #C8C8C8;
113}
114
115/***** MENU *****/
116
117#menu ul, #menu li {
118    list-style: none;
119    margin: 0; padding: 0;
120    display: inline;
121}
122
123#menu a {
124    text-decoration: none;
125}
126
127
128#menu li a.t {
129    /* Menüeintrag obersten Levels */
130    color: #000;
131    margin: 1.1em 0 2px 1px;
132
133    display: block;
134    border-width: 1px 1px 1px 0.8em;
135    border-style: solid;
136    border-color: #305992 #305992 #305992 #0C377A;
137
138    padding: 1.2px;
139}
140
141#menu li.on a.t {
142    /* Menüeintrag oberstes Level, das selektiert ist */
143    border-color: #396CBF;
144}
145
146#menu li li a {
147    /* Submenüeinträge */
148    display: block;
149    margin: 0 0 1px 10px;
150    color: #224B88;
151
152    background-position: 0 2px;
153/*  background-position: 0 50%;  - geht nur bei einzeiligen links*/
154    background-repeat: no-repeat;
155    padding-left: 13px;
156}
157
158#menu li li a:link, #menu li li a:visited {
159    background-image: url(../img/double.a.png);
160}
161
162#menu li li a:hover {
163    color: #882224;
164    background-image: url(../img/double-hot.a.png);
165}
166
167/***** TEXT *****/
168
169p {
170    text-align: justify;
171}
172
173a:link, a:visited {
174    color: #224B88;
175    text-decoration: underline;
176}
177
178a:hover, a:active, a:focus {
179    color: #882224;
180    text-decoration: underline;
181}
182
183a.arrow {
184    background-position: bottom left;
185    background-repeat: no-repeat;
186    padding-left: 13px;
187}
188
189a.arrow:link, a.arrow:visited {
190    background-image: url(../img/double.a.png);
191}
192
193a.arrow:hover, a.arrow:active, a.arrow:focus {
194    background-image: url(../img/double-hot.a.png);
195}
196
197/****** FOOTER *****/
198
199#rel {
200    border-top: 1px solid #3A6198;
201    background-image: url(../img/body.bg.png);
202    background-color: #5F80AE;
203    background-repeat: repeat-y;
204    background-position: top left;
205
206    color: #eee;
207}
208
209div.space {
210    width: 100%;
211    display: block;
212    height: 1px;
213    overflow: hidden;
214}
215
216html > body div.space {
217    height: 30px;
218}
219
220div#rel ul, div#rel li {
221    list-style: none;
222    margin: 0;
223    padding: 0;
224}
225
226div#rel li a {
227    color: #FFF;
228}
229
230div#rel li {
231    background-repeat: no-repeat;
232}
233
234div#rel li.up, div#rel li.prev {
235    background-position: 0 2px;
236    padding-left: 13px;
237}
238
239div#rel li.up {
240    float: left;
241    width: 160px;
242    margin: 1px;
243    background-image: url(../img/up.rel.gif);
244}
245
246div#rel li.next {
247    float: right;
248    width: 30%;
249    text-align: right;
250    background-position: right 2px;
251    padding-right: 13px;
252    background-image: url(../img/next.rel.gif);
253}
254
255div#rel li.prev {
256    float: left;
257    width: 30%;
258    text-align: left;
259    background-image: url(../img/prev.rel.gif);
260}
261
Note: See TracBrowser for help on using the repository browser.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License