Changeset 278 in t29-www for shared/css-v6


Ignore:
Timestamp:
Jul 18, 2012, 2:55:44 PM (12 years ago)
Author:
sven
Message:

Seitendurchgang mit Heribert zum t29v6-Launch und darauffolgende Arbeiten.

  • Viele Bugfixes in den deutschen Seiten
  • "weisser-rahmen"-Klasse für Bilder mit weißem Hintergrund eingeführt
  • menu.php: Behandlung von Geräte-Seiten, Body-Klassen auf Basis der Navigationszugehörigkeit
  • RessourceLoader-Optimierungen (nur noch JS-Messages laden)
  • Neuer "Mini"-Modus für Navigationsleiste, implementiert durch menu.js, für Geräteseiten.
  • Bugfixes im Footer: Beam Navigation beim ungerader Anzahl Elemente, Opacity vs. Visibility probiert
  • Überschriftenebene 5 eingeführt (Sieht wie bold aus)
  • Tabellenlayout gefixt
  • Bildboxen kleinen Bug gefixt
  • Heading-Links Padding-Top
  • img_license.js: Fix bei Bildern mit Border
  • menu.js gross umgeschrieben: Entzwirbelung von Collapsable und Scrollable-Code (verschoben auf CSS-Anweisung), besserer Umgang mit Konstanten in Collapsable, Mini-Menu implementierung (eher hacky)

Es gibt noch eine grosse TODO-Liste, was alles gemacht werden muss.

Location:
shared/css-v6
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/modules/02-v5legacy.css

    r272 r278  
    22#content p { text-align: justify } /* !! */
    33#content .center { text-align: center; }
     4
     5#content .small { font-size: 80%; line-height: 130%; }
     6
     7#content ul { list-style-image: url(/shared/img/fresh.design/arrowbg.menu.png); }
     8
     9#content img.weisser-rahmen { border: 14px solid white; }
     10
     11#content .clear-left { clear: left; }
  • shared/css-v6/modules/12-sidebar.css

    r275 r278  
    106106 * Siehe Script, es gibt:
    107107 *   html.no-js             - Ausgangslage ohne Javascript
     108 *   html.mini-menu         - Anzeige nur der aktiven Komponenten
    108109 *   html.static-menu       - Default mit Javascript
    109110 *   html.fixed-menu        - Umgeschaltet auf fix
     
    138139}
    139140
     141html.mini-menu nav.side li { display: none; }
     142html.mini-menu nav.side li.active,
     143html.mini-menu nav.side li.active > ul.u3 > li,
     144html.mini-menu nav.side li.active > ul.u4 > li {
     145        display: inline;
     146}
     147
     148
    140149/* Buttons in Navigationsleiste */
    141150section.sidebar .button {
     
    168177}
    169178
     179html.fixed-menu nav.side .button.collapse-menu,
     180html.stick-bottom-menu nav.side .button.collapse-menu {
     181        display: none;
     182}
     183
     184
     185section.sidebar .button.for-geraete {
     186        /* Geraete content collapse button */
     187        position: relative;
     188        top: -27px; right: -140px;
     189        width: 70px; margin-top: 0;
     190}
     191
     192body.collapsed-menu-u3 section.sidebar .button.for-geraete { display: none; }
     193
     194/* Untere Sidebar */
    170195section.sidebar.bottom {
    171196        position: absolute;
  • shared/css-v6/modules/13-footer.css

    r272 r278  
    2727        z-index: 5; /* ueber nav.rel */
    2828        top: -5px; left: -5px;
    29         width: 900px; margin: 0 25px; /* wie #content, in breite ein paar px mehr wegen ueberstehenden bullets */
     29        width: 910px; margin: 0 25px; /* wie #content, in breite ein paar px mehr wegen ueberstehenden bullets */
     30        /* width:900px, aber 10px Toleranz damit der Beam nicht umbricht wenn
     31       eine ungerade Anzahl an Items vorhanden ist (1px Toleranz wuerde schon reichen) */
    3032}
    3133nav.guide ul, nav.guide li { display: inline; }
     
    7173}
    7274
     75
     76nav.guide a { opacity: 0; }
     77nav.guide li.visible > a,
     78nav.guide a:hover, nav.guide a:focus { opacity: 1; }
     79
     80/*
    7381nav.guide .bullet, nav.guide .text { visibility: hidden; }
    74 nav.guide li.visible > a > .bullet, nav.guide .visible > a >  .text,
    75 nav.guide a:hover .bullet, nav.guide a:hover  .text,
    76 nav.guide a:focus .bullet, nav.guide a:focus .text { visibility:visible; }
     82nav.guide li.visible > a > .bullet,
     83nav.guide .visible > a > .text,
     84nav.guide a:hover .bullet, nav.guide a:hover .text,
     85nav.guide a:focus .bullet, nav.guide a:focus .text {
     86        visibility:visible;
     87}
     88*/
     89
    7790
    7891/*
  • shared/css-v6/modules/18-content.css

    r272 r278  
    3737    /* Und das gleiche auch fuer Unter-Ueberschriften */
    3838    font-size: 140%;
    39         margin: 2em 0 0.3em;
     39        margin: 1em 0 0.3em;
     40        padding-top: 1em; /* Padding damit Direktlink zu h3 nach oben Luft hat */
    4041}
    4142
     
    4647        margin: 2.3em 0 1em;
    4748}
     49
     50#content h5 {
     51        font-weight: bold;
     52        font-size: 100%;
     53        border: none;
     54        margin: 0;
     55}
  • shared/css-v6/modules/22-v5blocks.css

    r272 r278  
    2828#content td, #content table, #content tr {
    2929    font: 12px Verdana;
     30}
     31
     32#content table {
     33    border-spacing: 1px;
     34    border-collapse: separate;
    3035}
    3136
  • shared/css-v6/modules/24-bildboxen.css

    r272 r278  
    6161
    6262#content .left img.nomargin-bottom, #content .right img.nomargin-bottom,
    63 .content .left img.nomargin-bottom, #content .right img.nomargin-bottom {
     63.content .left img.nomargin-bottom, #content .right img.nomargin-bottom,
     64#content .nomargin-bottom {
    6465    /* Zur absoluten Perfektion: Kein Abstand unter dem Bild bei links/rechts-fliessendem
    6566       (nur machbar, wenn der Text nicht umbrechen wird, weil er einfach zu kurz ist).
     
    145146}
    146147
     148#content .inline-block { display: inline-block; }
    147149
    148150
     
    167169/* ehemaliger Spezialstyle auf der Startseite,
    168170   jetzt genutzt nur auf der Lehrerinfo-Seite fuer Bildunterschrift. */
    169 div.desc-right, div.desc-left {
     171#content div.desc-right, #content div.desc-left,
     172#content div.desc-right.auto-bildbreite, #content div.desc-left.auto-bildbreite {
    170173    /* rechts gefloatetes thumbnail mit Beschreibungstext */
    171174    float: right;
     
    178181}
    179182
    180 div.desc-left {
     183#content div.desc-left, #content  div.desc-left.auto-bildbreite {
    181184        float: left;
    182185        margin: 0pt 2em 2em 0pt;
     
    194197}
    195198
    196 div.desc-right.borderless, div.desc-left.borderless {
     199#content div.desc-right.borderless, #content div.desc-left.borderless {
    197200        border: none; /* ja, ziemlich bescheuert sorum */
    198201}
  • shared/css-v6/pagestyles/univac9400.css

    r261 r278  
    3535/* Univac-Seite seit 5.7.11: Menü unter Panoramabild
    3636   Quick&Dirty-Lösung, angelehnt an Navigationsleistenhintergrundrealisierungen */
    37 .univac #wrapper #menu {
    38     margin-top: 520px; /* circa... */
    39 }
     37/*.univac #wrapper #menu {
     38    margin-top: 520px; \* circa... *\
     39}*/
    4040
    4141/* Rand links, damit Liste im Univac-Artikel ordentlich aussieht (Jan 2010) */
    42 .univac li {
     42.content li {
    4343        margin-left: 270px;
    4444}
Note: See TracChangeset for help on using the changeset viewer.
© 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