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

Last change on this file since 434 was 434, checked in by sven, 11 years ago

Anmeldung: Buttons ersetzt druch "Anmelden"-Icon mit Textkombination
in linker Spalte.

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;
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