source: t29-www/shared/css-v6/pagestyles/termine.css @ 1118

Last change on this file since 1118 was 1118, checked in by sven, 7 years ago

Seiten "Termine" und "Lehrerinfo" erstmals im Englischen übersetzt.

Die "Termine" ("Events") funktionieren so: Englischer Einleitungstext, dann die Tabellen aus dem Deutschen, unübersetzt. Außerdem ist der Einleitungstext gespickt mit Links auf die anderen Besonderheiten (Projekte, Workshops, etc.).

Die "Lehrerinfo"-Seite ist relativ frei übersetzt und gilt als Übersichtsseite in die ganze Museumspädagogik, die einen Kinderbezug hat. Diese Struktur könnte auch als Vorbild im Deutschen gelten.

Was generell etwas unter den Tisch fällt sind die Lernprojekte, die es schon seit geraumer Zeit im Englischen übersetzt gibt. Sie sind daher auch nochmal von der Events-Seite (Termine) verlinkt.

File size: 3.5 KB
Line 
1/* Improvisierte Styles fuer die uebergangsweise termine.php-Seite, die im Mai 2013 ausprobiert wurde */
2
3
4/* Ueberschrift */
5
6#content div.termin, #content div.termine {
7        background-color: #edf0f2;
8        padding: 2em;
9}
10
11#content div.termin h4 /* id zur Bedeutungssteigerung */ {
12    font-weight: bold;
13    font-size: 113%;
14    font-family: inherit; /* 04.01.10: Neue Header-Styles */
15    border: none;         /*           neutralisieren     */
16    color: #1A5160; /* gleiche Farbe wie Navilinks rechts */
17   
18    margin-top: 0;
19}
20
21/* Details */
22#content dl.daten dt {
23        float: left; clear: left;
24        width: 70px;
25        text-align: right; font-weight: bold;
26        margin-top: 0;
27}
28
29#content dl.daten dd {
30        margin: 0 0 0 80px;
31        padding: 0 0 0.5em 0;
32        text-align: left;
33}
34
35
36dl.daten.right {
37        float: right;
38        margin: 0 0 30px 30px;
39        background-color: #eee;
40        /*padding: 20px;*/
41        width: 14em;
42}
43
44#content img.industriekultur { /* das Bild */
45        float: right;
46        margin: 20px;
47        width: 14em;
48}
49
50/* Anmelden-Button */
51dd.anmelden button, div.anmelden input.submit {
52    color: green;
53    font-weight: bold;
54    padding: 9px;
55}
56
57/* Anmeldebox */
58div.anmelde-maske {
59        clear: both;
60        background-color: #eee;
61        padding: 1em;
62}
63
64#content div.anmelde-maske h4 { margin-top: 1em; }
65
66#content div.anmelde-maske dl dt {
67        float: left; clear: left;
68        width: 180px;
69        text-align: right; font-weight: bold;
70        margin-top: 0;
71}
72
73#content div.anmelde-maske dl dd {
74        margin: 0 0 0 200px;
75        padding: 0 0 0.5em 0;
76        text-align: left;
77}
78
79
80/* Date Icon */
81p.date2 { display: none; }
82
83p.date2 {
84        width: 90px;
85        background: #fcfcfc; 
86        background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
87        background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
88        background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
89        border: 1px solid #d2d2d2;
90        border-radius: 10px;
91        -moz-border-radius: 10px;
92        -webkit-border-radius: 10px;
93        box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
94        -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
95        -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
96}
97
98p.date2.left {
99        float: left;
100        margin: 0 30px 30px 0;
101}
102
103p.date2 {
104        font-family: Helvetica, Arial, sans-serif;
105        font-size: 66px;
106        text-align: center !important; /* wg #content p */
107        color: #9e9e9e;
108        padding: 5px 0 0;
109        margin: 0;
110        line-height: 100%;
111}
112
113p.date2 em {
114        background: #d10000; 
115        background: linear-gradient(top, #d10000 0%, #7a0909 100%);
116        background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
117        background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
118        font-size: 23px; font-weight: bold; font-style: normal;
119        color: #fff; text-transform: uppercase;         
120        line-height: 100%;
121        display: block;
122        border-top: 3px solid #a13838;
123        border-radius: 0 0 10px 10px;
124        -moz-border-radius: 0 0 10px 10px;
125        -webkit-border-radius: 0 0 10px 10px;
126        padding: 4px 0 3px;
127}
128
129/* Tabelle mit geschlossenen Terminen */
130table.termine {
131        width: 100%;
132        line-height: 140%;
133}
134
135table.termine td, table.termine th {
136        padding: .3em;
137        vertical-align: middle;
138        text-align: left;
139}
140
141table.termine th {
142        PADDING-BOTTOM: 1em;
143}
144
145table.termine tr.title {
146        background-color: #edf0f2;
147}
148
149table.termine tr:nth-child(even) {
150        background-color: #E4E3E3;
151}
152
153
154/* Labels */
155span.label {
156        color: #fff;
157        border-radius: 0.25em;
158        display: inline;
159        font-size: 75%;
160        font-weight: 700;
161        line-height: 1;
162        padding: 0.2em 0.6em 0.3em;
163        text-align: center;
164        vertical-align: baseline;
165        white-space: nowrap;
166
167}
168
169span.label.ausgebucht {
170        background-color: #d9534f;
171}
172
173span.label.verfuegbar {
174        background-color: #5cb85c;
175}
176
177/* Englische Termine */
178body.lang-en div.nur-auf-deutscher-seite {
179        display: none;
180}
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