Changeset 33 in t29-www for shared/css/common.css
- Timestamp:
- Aug 22, 2008, 3:38:18 AM (16 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
shared/css/common.css
-
Property
svn:keywords
set to
Id
Revision
Author
Date
r20 r33 1 /***************************************************************\ 2 | _ _ _ | 3 | /\ \ /\ \ / /\ technikum29.de | 4 | \_\ \ / \ \ / / \ Common Styles | 5 | /\__ \ / /\ \ \ / / /\ \ Version 5.7 ff | 6 | / /_ \ \\/_/\ \ \/_/ /\ \ \ | 7 | / / /\ \ \ / / /\ \ \_\ \ \ Alle "Spezialstyles" | 8 | / / / \/_/ / / / \ \/__\ \ \ die in Inhaltsseiten | 9 | / / / / / / _ \_____\ \ \ verwendet werden, | 10 | / / / / / /_/\_\ \ \ \ koennen hier notiert | 11 |/_/ / / /_____/ / \ \ \ werden. Ausserdem ist | 12 |\_\/ \________/ \_\/ das ehemalige print.css | 13 | hier eingearbeitet. | 14 | | 15 \***************************************************************/ 16 17 /* Changelog seit v5.7: 18 ** v5.7FINAL: eingeführt 19 ** v5.7.11: Univac-Spezialstyle neu 20 ** v5.7.14: .desc-right zurück ins Leben gerufen 21 ** v5.7.15: .bordered zum allgemeineren Rahmenelement 22 ** 23 */ 1 /**********************************************************************\ 2 | _ _ _ | 3 | /\ \ /\ \ / /\ technikum29.de Common Styles | 4 | \_\ \ / \ \ / / \ Version 5.8 | 5 | /\__ \ / /\ \ \ / / /\ \ | 6 | / /_ \ \\/_/\ \ \/_/ /\ \ \ Diese CSS-Datei implementiert | 7 | / / /\ \ \ / / /\ \ \_\ \ \ das Konzept, alle "Spezial- | 8 | / / / \/_/ / / / \ \/__\ \ \ styles" von alen Seiten an | 9 | / / / / / / _ \_____\ \ \ einer Stelle zu sammeln. Das | 10 | / / / / / /_/\_\ \ \ \ erhöht die Ladezeit der Seiten | 11 |/_/ / / /_____/ / \ \ \ nur minimal, vermindert den | 12 |\_\/ \________/ \_\/ Wartungsaufwand aber enorm. | 13 | Dieses Konzept wurde seit | 14 | Version 5.7 erfolgreich angewandt. Mittlerweile sind alle anderen | 15 | Zusatz-Stylesheets hier migriert, und zwar extra.css, details.css | 16 | sowie print.css. | 17 | | 18 | $Id:: $ | 19 | | 20 +----------------------------------------------------------------------+ 21 | | 22 | Changelog seit v5.7: | 23 | | 24 | v5.7FINAL: eingeführt | 25 | v5.7.11: Univac-Spezialstyle neu | 26 | v5.7.14: .desc-right zurück ins Leben gerufen | 27 | v5.7.15: .bordered zum allgemeineren Rahmenelement | 28 | v5.8.0: Erheblich aufgeräumt, details.css migriert, umgestellt. | 29 | Zu jedem Spezialstyle gibt es jetzt einen Pflicht- | 30 | kasten, der ausgefüllt werden soll, der Übersicht | 31 | halber. | 32 | | 33 \**********************************************************************/ 34 35 36 /**********************************************************************\ 37 | SPEZIAL STYLE | 38 +----------------------------------------------------------------------+ 39 | Für: Neue Startseiten, (de|en)/index.shtml | 40 | In Benutzung seit: v5.7 (Redesign) | 41 | Besonderheiten: Zweispaltiges Design mit Boxen | 42 | Zuletzt geändert: v5.7 | 43 | | 44 \**********************************************************************/ 45 24 46 25 47 /* Spezialstyle der neuen Startseite: */ … … 72 94 } 73 95 96 /* Spezialstyle auf der Startseite: */ 97 /* "Neuzugaenge" */ 98 div.aktuell { 99 /* "Aktuelle Bilder"-Bereich */ 100 border: 1px solid #7090C0; 101 /*margin-top: 2em;*/ 102 padding: 1.5em; 103 clear: both; 104 /** fuer rechts floatende Aktuell-Box: */ 105 /* float: right; width: 300px; margin: 10px 0 20px 20px;*/ 106 } 107 108 /* gegen kaputte Rahmen bei IEs, danke an Jeena */ 109 * html div.aktuell { position: relative; } 110 /* geht doch nicht --> er sieht es ploetzlich relativ zu der "Ausgansbrowsergroesse" */ 111 112 div.aktuell h2 { 113 margin: 1px; 114 padding: 0; 115 color: #224B88; /* gleiche Farbe wie die ganzen anderen Boxen */ 116 font-size: 126%; 117 } 118 119 div.aktuell .stand { 120 font-size: 80%; 121 text-align: center; 122 margin-top: 1px; 123 } 124 125 div.aktuell p { 126 margin: 20px 4px; 127 /* clear: both;*/ 128 } 129 130 74 131 /* Ursprüngliches völlig freies Spezialstyle der neuen Startseite, 75 132 letzendlich doch nicht mehr genutzt … … 155 212 */ 156 213 157 158 /* ehemaliger Spezialstyle auf der Startseite,159 jetzt genutzt nur auf der Lehrerinfo-Seite fuer Bildunterschrift. */160 div.desc-right {161 /* rechts gefloatetes thumbnail mit Beschreibungstext */162 float: right;163 margin: 0pt 0pt 2em 2em;164 /* width: 236px; */165 /* border: 1px solid #7090C0;166 background-color: #EBEBEB; */167 border: 1px solid #094099;168 padding: 1em;169 }170 171 div.desc-right img {172 }173 174 div.desc-right p {175 /* Damit der Text nicht über die ganze Fensterbreite geht,176 <p style="width: Bildbreite;"> nötig. */177 margin: 1em 0 0 0; padding: 0;178 font-size: 90%;179 text-align: left;180 }181 182 /* Spezialstyle auf der Startseite: */183 /* "Neuzugaenge" */184 div.aktuell {185 /* "Aktuelle Bilder"-Bereich */186 border: 1px solid #7090C0;187 /*margin-top: 2em;*/188 padding: 1.5em;189 clear: both;190 /** fuer rechts floatende Aktuell-Box: */191 /* float: right; width: 300px; margin: 10px 0 20px 20px;*/192 }193 194 /* gegen kaputte Rahmen bei IEs, danke an Jeena */195 * html div.aktuell { position: relative; }196 /* geht doch nicht --> er sieht es ploetzlich relativ zu der "Ausgansbrowsergroesse" */197 198 div.aktuell h2 {199 margin: 1px;200 padding: 0;201 color: #224B88; /* gleiche Farbe wie die ganzen anderen Boxen */202 font-size: 126%;203 }204 205 div.aktuell .stand {206 font-size: 80%;207 text-align: center;208 margin-top: 1px;209 }210 211 div.aktuell p {212 margin: 20px 4px;213 /* clear: both;*/214 }215 216 214 /* Ende aller Spezialstyles der Startseite */ 217 215 218 216 219 220 /* Spezialstyle bei IC-Technik: */ 221 /* Ueberschrift => Liste gleicher margin-left */ 222 p.h-ul { text-align: left; } 223 ul.h-ul { margin: 0; padding: 1em; } 224 /* wird nicht mehr gebraucht! Löschen. */ 225 226 227 /* Links floatende Bildergalerie, einfache Listenstruktur 228 gebraucht auf univac9400-Seite 229 ** seit 5.5.2 wegen Designkorrektur spezialisierung auf ** 230 ** univac-Seite ** 231 */ 217 /**********************************************************************\ 218 | SPEZIAL STYLE | 219 +----------------------------------------------------------------------+ 220 | Für: IC-Technik, /de/rechnertechnik/ic-technik.shtm | 221 | In Benutzung seit: v5.7 oder so (quick and dirty) | 222 | Besonderheiten: Floatendes Bild links und <ul> daneben, das | 223 | macht haessliche Effekte. Diese Quick & Dirt- | 224 | Lösung sollte eigentlich gar nicht mehr in | 225 | Benutzung sein, ist es aber trotzdem irgendwie | 226 | noch. | 227 | Zuletzt geändert: v5.7 oder so. | 228 | | 229 \**********************************************************************/ 230 231 p.h-ul { text-align: left; } 232 ul.h-ul { margin: 0; margin-left: 380px; } 233 234 235 /**********************************************************************\ 236 | SPEZIAL STYLE | 237 +----------------------------------------------------------------------+ 238 | Für: UNIVAC 9400-Gebiet: | 239 | /de/rechnertechnik/univac9400.shtm | 240 | /de/geraete/univac9400/ | 241 | In Benutzung seit: v5.5.2 wegen Designkorrektur, Spezialisierung | 242 | auf der Univac-Seite | 243 | Teile später in v5.7 und v5.8 hinzugekommen | 244 | Besonderheiten: Auf der Univac-Hauptseite: | 245 | Links floatende Bildergalerie, einfache Listen- | 246 | struktur gebraucht, zudem einmalig. | 247 | Außerdem: Panoramabildmenüverschiebung. | 248 | Zuletzt geändert: v5.7.11 | 249 | | 250 \**********************************************************************/ 232 251 233 252 ul.univac-thumbs, ul.univac-thumbs li { … … 248 267 /* Univac-Seite seit 5.7.11: Menü unter Panoramabild 249 268 Quick&Dirty-Lösung, angelehnt an Navigationsleistenhintergrundrealisierungen */ 250 251 269 .univac #wrapper #menu { 252 270 margin-top: 520px; /* circa... */ 253 271 } 254 272 255 256 257 258 259 /* Nur verwendet bei Faxtechnik und auf der Startseite: */ 260 /* 261 Mehrspaltiger Inhalt: 262 <div class="cols"> 263 <div class="leftcol">linke spalte</div> 264 <div class="rightcol">rechte spalte</div> 265 </div> 266 */ 273 /* Univac-Kosten-Seite seit v5.8.0: Ein absolut positioniertes Bild 274 (Illustration, soll an Seitennavigation klatschen) am Ende der 275 #content-Box, daher dieser künstliche Rand: */ 276 .univac-kosten #content { 277 min-height: inherit; 278 margin-bottom: 5px; 279 padding-bottom: 348px; 280 } 281 282 283 /**********************************************************************\ 284 | SPEZIAL STYLE | 285 +----------------------------------------------------------------------+ 286 | Für: Fax- und Schreibtechnik, Startseite | 287 | /de/kommunikationstechnik/faxtechnik.shtm | 288 | /de/index.shtml | 289 | In Benutzung seit: Prinzipiell seit Ewigkeiten (v5.0?) | 290 | Startseite nutzt Stil mit seit v5.7 n | 291 | Besonderheiten: Mehrspaltiger Inhalt (Originalzitat), nach | 292 | dem simplen Schema: | 293 | | 294 | <div class="cols"> | 295 | <div class="leftcol">linke spalte</div> | 296 | <div class="rightcol">rechte spalte</div> | 297 | </div> | 298 | | 299 | Zuletzt geändert: zur v5.7 vielleicht | 300 | | 301 \**********************************************************************/ 302 267 303 #content .cols { 268 /* Mehrspaltiger Inhalt. Nur genutzt in <faxtechnik>*/304 /* Mehrspaltiger Inhalt. */ 269 305 } 270 306 … … 293 329 294 330 295 /* 331 /**********************************************************************\ 332 | CENTRAL COMMON STYLES: TABLE LAYOUT FROM details.css | 333 +----------------------------------------------------------------------+ 334 | Hier ist das Tabellenlayout der ehemaligen details.css. Es wird | 335 | (basismäßig) mittlerweile auch auf anderen Seiten genutzt, unter | 336 | anderem die Univac9400-Kosten-Seite (seit v5.8). | 337 | | 338 | Begrenzt auf #content, damit andere Seiten in dev.t29.de oder | 339 | ähnlichem verschont bleiben. | 340 | | 341 | Das CSS ist uralt (stammt wohl noch von v5.0 und vorher) und wurde | 342 | seit dem nie verändert (wie die Details-Seiten ;-) ) | 343 | | 344 \**********************************************************************/ 345 346 347 #content td, #content table, #content tr { 348 font: 12px Verdana; 349 } 350 351 #content table p { 352 text-align: justify; 353 line-height: 120%; 354 } 355 356 #content table p.center { 357 margin: 5px 0px; 358 text-align: center; 359 } 360 361 #content td b { 362 display: block; 363 } 364 365 #content td.b, #content td.b a { 366 font-weight: bold; 367 } 368 369 #content table { 370 background-color: #7090C0; 371 } 372 373 #content td { 374 padding: 2px; 375 vertical-align: middle; 376 text-align: center; 377 background-color: #F7FDFF; 378 } 379 380 #content th { 381 padding: 2px; 382 text-align: center; 383 background-color: #BED0E5; 384 } 385 386 #content .bemerkungen { 387 vertical-align: middle; 388 text-align: justify; 389 } 390 391 392 393 /**********************************************************************\ 394 | CENTRAL COMMON STYLES: BILDBOXEN ("Imageboxen") | 395 +----------------------------------------------------------------------+ 396 | 296 397 ** Bildboxen ("Imageboxen") 297 398 ** Das Bildboxen-Konzept wird auf ausnahmslos allen Inhalts- und Extraseiten … … 307 408 ** .center .bildtext-bildbreite, damit zentrale Texte genauso breit wie die 308 409 ** Bilder werden. 309 */ 410 | 411 \**********************************************************************/ 310 412 311 413 #content .box, .content .box { … … 381 483 } 382 484 485 486 /* ehemaliger Spezialstyle auf der Startseite, 487 jetzt genutzt nur auf der Lehrerinfo-Seite fuer Bildunterschrift. */ 488 div.desc-right { 489 /* rechts gefloatetes thumbnail mit Beschreibungstext */ 490 float: right; 491 margin: 0pt 0pt 2em 2em; 492 /* width: 236px; */ 493 /* border: 1px solid #7090C0; 494 background-color: #EBEBEB; */ 495 border: 1px solid #094099; 496 padding: 1em; 497 } 498 499 div.desc-right img { 500 } 501 502 div.desc-right p { 503 /* Damit der Text nicht über die ganze Fensterbreite geht, 504 <p style="width: Bildbreite;"> nötig. */ 505 margin: 1em 0 0 0; padding: 0; 506 font-size: 90%; 507 text-align: left; 508 } 383 509 384 510 -
Property
svn:keywords
set to
Note: See TracChangeset
for help on using the changeset viewer.