source: t29-www/shared/css-v6/pagestyles/startseite.css @ 511

Last change on this file since 511 was 511, checked in by sven, 10 years ago

Layout der Termine repariert.

Ausserdem kann man Überschriften-artige Linien
jetzt mit <hr class="h3-like"> machen.

Das mit der Überschrift ist irgendwie suboptimal. Die
Terminbox damals war komplett durchgestylt, das Design
war eben separiert vom Inhalt, jetzt lässt sich schwerlich
einfach wieder Design reinklatschen, in dem man das alte
wegschmeißt.

File size: 4.7 KB
Line 
1/**********************************************************************\
2| SPEZIAL STYLE                                                        |
3+----------------------------------------------------------------------+
4| Für:                 Neue Startseiten, (de|en)/index.shtml           |
5| In Benutzung seit:   v5.7 (Redesign)                                 |
6| Besonderheiten:      Zweispaltiges Design mit Boxen                  |
7| Zuletzt geändert:    v5.7                                            |
8|     08.04.2011: Startseitendesign noch mal geändert in so einen      |
9|                 grauen Hintergrund und so                            |
10|                                                                      |
11\**********************************************************************/
12
13
14#content div.startseiten-boxen,
15#content div.startseiten-boxen div {
16    padding: 1em;
17    margin: 0;
18    /*border: 1px solid blue;*/
19}
20
21#content div h2 /* id zur Bedeutungssteigerung */ {
22    font-weight: bold;
23    font-size: 113%;
24    font-family: inherit; /* 04.01.10: Neue Header-Styles */
25    border: none;         /*           neutralisieren     */
26    color: #1A5160; /* gleiche Farbe wie Navilinks rechts */
27}
28
29#content div ul {
30    text-align: justify;
31    margin: 0;
32    padding-left: 1em;
33}
34
35#content div div.foto,
36#startseitenfoto-en {
37    /* #startseitenfoto-en für /en, da gibts kein #content */
38    border: none;
39    padding: 0;
40    margin: 2em auto;
41    background: none;
42    width: 338px; height: 228px; /* Bildgrößen */
43    position: relative;
44}
45
46#content .foto p {
47    position: absolute;
48    bottom: 0; right: 0;
49    margin: 0 3px 2px 0; 
50    text-align: right;
51    color: #fff;
52    font-size: 90%;
53    font-weight: bold;
54}
55
56
57/* Termine-Bereich, ab 14.05.2013 */
58
59#termine {
60        /* Experiment: Helle Hintergrundbox */
61        background-color: #EDF0F2;
62        margin: 20px -40px -60px;
63        padding: 30px 40px 60px;
64}
65
66#termine h2 {
67        text-align: center;
68        margin-bottom: 1.4em;
69}
70
71#termine div.termin.box {
72        margin-top: 1em;
73        margin-bottom: 1em;
74}
75
76#termine div.termin, #termine div.termin p {
77        /* zu schmale spalte fuer blocktext */
78        text-align: left;
79}
80
81#termine div.termin h4 /* id zur Bedeutungssteigerung */ {
82    font-weight: bold;
83    font-size: 100%;
84    margin: 0;
85    font-family: inherit; /* 04.01.10: Neue Header-Styles */
86    border: none;         /*           neutralisieren     */
87    color: #1A5160; /* gleiche Farbe wie Navilinks rechts */
88}
89
90/* Details */
91#termine dl.daten {
92        font-size: 80%;
93}
94
95#termine dl.daten dt {
96        float: left; clear: left;
97        width: 70px;
98        text-align: left; font-weight: normal; color: #333333;
99        margin-top: 0;
100}
101
102#termine dl.daten dd {
103        margin: 0 0 0 80px;
104        padding: 0 0 0.5em 0;
105        text-align: left;
106}
107
108#termine dl.daten a.button {
109        padding: 0.1em;
110        font: inherit;
111        font-weight: bold;
112        text-transform: inherit;
113       
114        /* aus der nicht funktionierenden 25-buttons */
115        outline: none;
116        padding: 0.3em 1em 0.3em;
117        border-radius: .5em;
118        box-shadow: 0 1px 2px rgba(0,0,0,.2);
119}
120
121/* Q&D: im Archiv keine Anmeldung mehr anzeigen */
122#termine div.archiv dd.anmeldung { display: none; }
123
124/*#termine dl.daten.right {
125        float: right;
126        margin: 0 0 30px 30px;
127        background-color: #eee;
128        padding: 20px;
129        width: 14em;
130}*/
131
132/* Date Icon */
133#termine div.termin {
134        /* fuer p.date */
135        margin-left: 52px !important;
136}
137
138/* Date Icon-Formatierung jetzt in modules/18-content.css */
139
140#termine div.termin p.date.left,
141#termine div.termin div.left {
142        float: left;
143        margin-left: -52px;
144}
145
146/* Anmelden-Button links */
147#termine div.termin div.left a.anmeldung {
148    background-image: url("/shared/img-v6/register-icon.png");
149    background-position: 4px 5px;
150    background-repeat: no-repeat;
151    font-family: arial;
152    font-size: 10px;
153    font-weight: bold;
154    line-height: 10px;
155    margin: 0 -2px 0 -5px;
156    outline: medium none;
157    padding: 10px 11px 11px;
158    text-transform: inherit;
159}
160
161#termine div.termin div.left a.anmeldung:hover,
162#termine div.termin div.left a.anmeldung:focus {
163    color: black;
164}
165
166/* zu lange floats link */
167#termine div.termin dl dt { clear: none; }
168   
169/*
170 * Kleine Buttonleiste
171 **/
172
173#termine div.button-box {
174        /*opacity: 0.7;*/
175        margin-bottom: 20px;
176}
177
178/* Anmeldemaske, per AJAX eingebunden */
179
180#termine div.anmelde-maske {
181        background-color: #DFEAF0;
182        padding: 1em;
183}
184
185
186/* Button box */
187#termine a.button {
188        font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
189        text-decoration: none;
190        display: inline-block;
191        cursor: pointer;
192        padding: 1em;
193
194        /*font: 14px "Myriad Pro Light";*/
195        font-size: 14px;
196        text-transform: uppercase;
197        color: #a07f60;
198        font-weight: bold;
199}
200
201#termine a.button:hover {
202        background-color: white;
203}
204
205#termine a.anmeldung-btn {
206        /* Soll auffallen */
207        background-color: #DBEBF7;
208       
209        outline: none;
210        padding: .5em 2em .55em;
211        border-radius: .5em;
212        box-shadow: 0 1px 2px rgba(0,0,0,.2);
213}
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