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

Last change on this file since 965 was 965, checked in by sven, 8 years ago

(Vorübergehende) Termin-Seite aktiv geschaltet. Auf Terminseite die Tabelle der "ausgebuchten" Veranstaltungen erweitert, falls sie doch nicht mehr ausgebucht sind irgendwann. Exemplarisch an den Ferienspielen dargestellt.

File size: 3.3 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 {
136        padding: .3em;
137}
138
139table.termine tr.title {
140        background-color: #edf0f2;
141}
142
143table.termine tr:nth-child(even) {
144        background-color: #E4E3E3;
145}
146
147
148/* Labels */
149span.label {
150        color: #fff;
151        border-radius: 0.25em;
152        display: inline;
153        font-size: 75%;
154        font-weight: 700;
155        line-height: 1;
156        padding: 0.2em 0.6em 0.3em;
157        text-align: center;
158        vertical-align: baseline;
159        white-space: nowrap;
160
161}
162
163span.label.ausgebucht {
164        background-color: #d9534f;
165}
166
167span.label.verfuegbar {
168        background-color: #5cb85c;
169}
170
171
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