source: t29-www/shared/css/old/screen.v1.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.3 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: 85px;
32
33    background-color: #5E7FAD;
34    background-image: url(../img/banner.jpg);
35    background-position: top left;
36    background-repeat: no-repeat;
37
38    border-bottom: 1px solid #3A6198;
39}
40
41h1 a span {
42    display: none;
43}
44
45h2 {
46    font: bold 150% Verdana;
47    margin: 10px 0 10px 0;
48    padding: 0;
49}
50
51div#lang {
52    position: absolute;
53    top: 86px; left: 0;
54    display: block;
55    width: 160px;
56    margin: 0; padding: 1px;
57    height: 13px;
58    border-top: 2px solid #C8C8C8;
59
60    text-align: center;
61
62/*
63    background-color: #ACBDD4;
64    background-image: url(../img/lang.bg.png);
65    background-position: top left;
66    background-repeat: repeat-y;
67
68    border-bottom: 1px solid #0B387C;
69*/
70}
71
72div#lang a {
73    color: #416397;
74    font-size: 90%;
75}
76
77/***** GENERAL *****/
78
79#menu {
80    position:absolute;
81    top: 100px;
82    left: 0;
83    width: 160px;
84    padding-top: 10px;
85}
86
87#content {
88    margin-left: 160px;
89    padding: 10px;
90    border-top: 2px solid #C8C8C8;
91    border-bottom: 2px solid #C8C8C8;
92}
93
94/***** MENU *****/
95
96#menu ul, #menu li {
97    list-style: none;
98    margin: 0; padding: 0;
99    display: inline;
100}
101
102#menu a {
103    text-decoration: none;
104}
105
106
107#menu li a.t {
108    /* Menüeintrag obersten Levels */
109    color: #000;
110    margin: 1.1em 0 2px 1px;
111
112    display: block;
113    border-width: 1px 1px 1px 0.8em;
114    border-style: solid;
115    border-color: #305992 #305992 #305992 #0C377A;
116
117    padding: 1.2px;
118}
119
120#menu li.on a.t {
121    /* Menüeintrag oberstes Level, das selektiert ist */
122    border-color: #396CBF;
123}
124
125#menu li li a {
126    /* Submenüeinträge */
127    display: block;
128    margin: 0 0 1px 10px;
129    color: #224B88;
130
131    background-position: 0 2px;
132/*  background-position: 0 50%;  - geht nur bei einzeiligen links*/
133    background-repeat: no-repeat;
134    padding-left: 13px;
135}
136
137#menu li li a:link, #menu li li a:visited {
138    background-image: url(../img/double.a.png);
139}
140
141#menu li li a:hover {
142    color: #882224;
143    background-image: url(../img/double-hot.a.png);
144}
145
146/***** TEXT *****/
147
148p {
149    text-align: justify;
150}
151
152a:link, a:visited {
153    color: #224B88;
154    text-decoration: underline;
155}
156
157a:hover, a:active, a:focus {
158    color: #882224;
159    text-decoration: underline;
160}
161
162a.arrow {
163    background-position: bottom left;
164    background-repeat: no-repeat;
165    padding-left: 13px;
166}
167
168a.arrow:link, a.arrow:visited {
169    background-image: url(../img/double.a.png);
170}
171
172a.arrow:hover, a.arrow:active, a.arrow:focus {
173    background-image: url(../img/double-hot.a.png);
174}
175
176/****** FOOTER *****/
177
178#rel {
179    border-top: 1px solid #3A6198;
180    background-image: url(../img/body.bg.png);
181    background-color: #5F80AE;
182    background-repeat: repeat-y;
183    background-position: top left;
184
185    color: #eee;
186}
187
188div.space {
189    width: 100%;
190    display: block;
191    height: 1px;
192    overflow: hidden;
193}
194
195html > body div.space {
196    height: 30px;
197}
198
199div#rel ul, div#rel li {
200    list-style: none;
201    margin: 0;
202    padding: 0;
203}
204
205div#rel li a {
206    color: #FFF;
207}
208
209div#rel li {
210    background-repeat: no-repeat;
211}
212
213div#rel li.up, div#rel li.prev {
214    background-position: 0 2px;
215    padding-left: 13px;
216}
217
218div#rel li.up {
219    float: left;
220    width: 160px;
221    margin: 1px;
222    background-image: url(../img/up.rel.gif);
223}
224
225div#rel li.next {
226    float: right;
227    width: 30%;
228    text-align: right;
229    background-position: right 2px;
230    padding-right: 13px;
231    background-image: url(../img/next.rel.gif);
232}
233
234div#rel li.prev {
235    float: left;
236    width: 30%;
237    text-align: left;
238    background-image: url(../img/prev.rel.gif);
239}
240
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