Changeset 405 in t29-www for shared


Ignore:
Timestamp:
May 15, 2013, 11:00:37 PM (11 years ago)
Author:
sven
Message:

Kleine Fixes:

  • Kalender-Icon lässt sich jetzt überall verwenden. Exemplarisch auf "Was gibt es neues" eingebunden, da in der letzten Homepageänderung die Beschwerde kam, "Die kleine grüne Box (Bild) lässt sich leider nicht einfügen".
  • Bild auf Startseite war fehlformatiert durch Terminsache
  • Wenn nur eine Veranstaltung existiert -> keine Auswahl anzeigen.
Location:
shared
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/modules/18-content.css

    r390 r405  
    109109        opacity: .8;
    110110}
     111
     112/**
     113 * CSS-basierte Icons und Pikotgramme, die auf der Website Verwendung finden
     114 **/
     115
     116/**
     117 * Date Icon, Mai 2013 vor allem fuer Startseite, Termine
     118 *
     119 * Usage:
     120 *   <p class="date"><em>2013</em> 15. Mai</p>
     121 *
     122 * Nutze <p class="date rot"> fuer rotes Emblem.
     123 *
     124 **/
     125
     126p.date {
     127        margin: 0; padding: 0;
     128        background: url(/shared/img-v6/date.sprite.png);
     129        background-repeat: no-repeat;
     130        height: 45px;
     131        text-align: center !important; /* Yes this is bad praxise, but it must be centered under all conditions. */
     132        width: 32px;
     133        padding-left: 5px; padding-right: 5px;
     134        font: 11px/11px "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
     135        color: #333333;
     136        text-transform: uppercase;
     137        font-weight: bold;
     138}
     139
     140p.date.rot {
     141        background-position: 0 -49px;
     142}
     143
     144p.date em {
     145        /* Jahr/Text im gruenen bzw. roten Bereich oben */
     146        color: white;
     147        font-style: normal;
     148        display: block;
     149        line-height: 15px;
     150        margin-bottom: 3px;
     151}
     152
     153p.date.left {
     154        float: left;
     155        margin-right: 10px;
     156}
  • shared/css-v6/pagestyles/startseite.css

    r404 r405  
    1212
    1313
    14 #content div.startseiten-design div {
     14#content div.startseiten-boxen,
     15#content div.startseiten-boxen div {
    1516    padding: 1em;
    1617    margin: 0;
     
    3233}
    3334
    34 #content div.foto,
     35#content div div.foto,
    3536#startseitenfoto-en {
    3637    /* #startseitenfoto-en für /en, da gibts kein #content */
    3738    border: none;
    3839    padding: 0;
    39         margin: 2em auto;
     40    margin: 2em auto;
    4041    background: none;
    4142    width: 338px; height: 228px; /* Bildgrößen */
     
    120121}
    121122
    122 #termine div.termin p.date {
    123         margin: 0; padding: 0;
    124         background: url(/shared/img-v6/date.sprite.png);
    125         background-repeat: no-repeat;
    126         height: 45px;
    127         text-align: center;
    128         width: 32px;
    129         padding-left: 5px; padding-right: 5px;
    130         font: 11px/11px "Helvetica Neue",Helvetica,Arial,Verdana,Geneva,sans-serif;
    131         color: #333333;
    132         text-transform: uppercase;
    133         font-weight: bold;
    134 }
    135 
    136 #termine div.termin p.date.rot {
    137         background-position: 0 -49px;
    138 }
    139 
    140 p.date em {
    141         /* Jahr/Text im gruenen bzw. roten Bereich oben */
    142         color: white;
    143         font-style: normal;
    144         display: block;
    145         line-height: 15px;
    146         margin-bottom: 3px;
    147 }
     123/* Date Icon-Formatierung jetzt in modules/18-content.css */
    148124
    149125#termine div.termin p.date.left {
    150126        float: left;
    151         margin-right: 10px;
    152127        margin-left: -52px;
    153128}
  • shared/js-v6/pagescripts/startseite.js

    r398 r405  
    1919                       
    2020                        // Termine aus Startseite extrahieren
    21                         veranstaltungen = $("#termine .box.termin");
     21                        veranstaltungen = $("#termine .box.termin.only");
    2222                       
    23                         if(veranstaltungen.length) {
     23                        if(veranstaltungen.length > 1) {
    2424                                // Input-Box durch Chooser ersetzen
    2525                                $anmeldebox.find("input[name='text_veranstaltung']").replaceWith('<select name="text_veranstaltung"></select>');
     
    4343                                                $terminbox.text(d);
    4444                                }).change();
     45                        } else if(veranstaltungen.length == 1) {
     46                                // nur ein Termin angeboten:
     47                                // statt chooser einfach fixe Vorgabe machen (keine Auswahlmoeglichkeit)
     48                                $anmeldebox.find("input[name='text_veranstaltung']").replaceWith(veranstaltungen.find('h4').text());
     49                                $anmeldebox.find("dd.termin").text(veranstaltungen.find('dd.termin').text());
    4550                        }
    4651                       
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