source: t29-www/en/dev/special/special.css @ 287

Last change on this file since 287 was 287, checked in by sven, 12 years ago

Zusammenführung der englischen neuen Homepage mit den unterdessen veränderten Texten der englischen laufenden Homepage.

  • Property svn:keywords set to Id
File size: 4.5 KB
Line 
1/**
2 technikum29.de Stylesheet for
3 translation-special (only during translation-development
4 on english pages)
5**/
6
7/*  common styles  */
8.devnote {
9    /* Seitenhinweis */
10    border: 1px solid #FF0000;
11    padding: 5px;
12}
13
14.devnote b {
15    color: #E06B1F;
16}
17
18u {
19    /* unbekanntes wort */
20    background-color: #C2FF19;
21}
22
23
24/* special-box styles  */
25
26.special-box {
27    margin: 2px 5px 10px 5px;
28/*  border: 1px solid #eee;*/
29    background-color: #fff;
30    position: relative;
31}
32
33.special-box .clear { clear: both; }
34.special-box .hidden { display: none; }
35
36#specialBanner {
37    /* überdimensionaler Banner */
38    background-color: #acdca1;
39/*  -moz-border-radius-topleft: 20px;
40    -moz-border-radius-topright: 20px;*/ /* durch .[x]border gemacht */
41    border: 1px solid #93bc8a;
42    border-bottom: none;
43    position: relative;
44}
45
46#specialBanner .leftborder, #specialBanner .rightborder {
47    /* rounded border elemente */
48    background-repeat: no-repeat;
49    position: absolute;
50    width: 16px; height: 16px;
51    z-index: 10;
52}
53
54#specialBanner .leftborder { background: url(design-idee/rounded-left.gif) left top; top: -1px; left: -1px; }
55#specialBanner .rightborder { background: url(design-idee/rounded-right.gif) right top; top: -1px; right: -1px; }
56
57#specialBanner .technikum {
58    padding: 5px;
59    font-size: 20px;
60    letter-spacing: 120%;
61    color: #fff;
62    background: #5d7eac url(/shared/img/banner-gradient.png) repeat-y;
63}
64
65#specialBanner .heading {
66    font-size: 100px;
67    letter-spacing: 120%;
68    color: #e6f4e2;
69    position: relative;
70/*    min-height: 130px;*/
71/*  border: 1px solid black;*/
72    text-align: center;
73}
74
75#specialBanner .heading .v {
76    /* "version" */
77    font-size: 55px;
78    position: absolute;
79    top: 10px;
80    left: 15px;
81}
82
83#specialBanner .heading .v5 {
84    /* "5.5" */
85   
86}
87
88#specialBanner .heading .five {
89    /* die letzte 5 von "5.5" */
90    color: #fff;
91}
92
93#specialBanner .heading .state {
94    /* state ("alpha", "beta", ...) */
95    font-size: 53px;
96    position: absolute;
97    right: 30px;
98    bottom: 10px;
99}
100
101#specialBanner h2 {
102    /* schatten mit css */
103    background-color: #e5f4e2;
104    font-size: 28px;
105    line-height: 30px;
106    font-weight: normal;
107    color: #7c986d;
108    text-align: center;
109    margin: 15px 0 0 0; padding: 0;
110}
111
112#specialBanner h2 .no1 {
113    /* shadow */
114    color: #ccdec6;
115}
116
117#specialBanner h2 .no2 {
118    /* shadow */
119    display: block;
120    margin-top: -29px;
121    margin-left: 1px;
122    line-height: 30px;
123}
124
125#specialRealContent {
126    background-color: #e5f4e2;
127    border: 1px solid #93bc8a;
128    border-top: none;
129    border-bottom-color: #000;
130    padding: 10px;
131}
132
133.special-box .shortinfo {
134    float: left;
135    width: 48%;
136}
137
138.special-box .longinfo {
139    margin-left: 50%;
140}
141
142.special-box .shortinfo h2,
143.special-box .longinfo h2 {
144    margin: 0; padding: 0 0 3px 0;
145    font-size: 19px;
146    border-bottom: 1px solid #93bc8a;
147}
148
149/*  Shortinfo-Box */
150
151.special-box .shortinfo ul {
152    list-style: none;
153    margin: 0;
154    padding: 0;
155}
156
157.special-box .shortinfo li {
158    /* Kurzinfo-Eintrag */
159    padding: 15px;
160    margin: 10px 0;
161    border: 1px solid #aaa;
162    background-color: #fff;
163    line-height: 150%;
164    text-align: center;
165    position: relative;
166    height: 80px;
167    overflow: hidden;
168    padding-left: 50px;
169}
170
171.special-box .shortinfo li .bg {
172    /* text => background */
173    display: block;
174    position: absolute;
175    top: 0;
176    left: 5px;
177    width: 50px;
178    border-right: 1px solid #aaa;
179    color: #ddd;
180    font-size: 70px;
181    line-height: 100px;
182}
183
184
185
186.special-box .en {
187    color: #999999;
188}
189
190.special-box p {
191    margin: 2px;
192    font-size: 90%;
193}
194
195#specialAlternate {
196    /* für javascript-toggler: alternativtext */
197    display: none;
198    font-weight: bold;
199    background-color: #e5f4e2;
200    border: 1px solid #93bc8a;
201    padding: 5px;
202    overflow: hidden;
203}
204
205#specialAlternate .block {
206   /* blue block for #specialToggle-bg */
207   position: absolute;
208   top: -1px;
209   right: -1px;
210   background: #5d7eac url(design-idee/rounded-right.gif) right top no-repeat;
211   width: 100px;
212   padding: 8px;
213}
214
215#specialToggle {
216    /* für javascript-toggler: link */
217    float: right;
218    display: block;
219    padding: 5px;
220    position: relative;
221    z-index: 20;
222    font-weight: bold;
223    color: #fff;
224/*    border: 2px solid red;*/
225}
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