Changeset 567 in t29-www for shared


Ignore:
Timestamp:
Jun 5, 2014, 11:54:38 PM (6 years ago)
Author:
sven
Message:

Den Footer implementiert, der seit langem unter das Design
gehört.

Ausserdem: Beam-Navigation angetestet.

Location:
shared
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/modules/13-footer.css

    r436 r567  
    2121        background: transparent url("/shared/img-v6/line.header-footer.png") top left repeat-x;
    2222        /* bgcolor was #f1f1f1  - transparent gesetzt um nur an einer stelle die farbe austauschen zu muessen */
     23       
     24        /* "Hacky" bugfix, um "Menue einblenden"-Button zu uebertuenchen: Doch farbe setzen */
     25        background-color: #f7f7f7;
    2326}
    2427
     
    115118}
    116119
     120/* Guide-Nav Juni 2014 revisited: Mittlerweile hat sich so viel geaendert, dass
     121 * ein paar Anpassungen/Ausblendungen noetig sind. Moeglicherweise ist das hier nicht
     122 * ganz sauber sondern sollte im CSS gemacht werden:
     123 */
     124nav.guide li.button-box {
     125        display: none;
     126}
     127
    117128/*nav.guide .current > a > .text { color: #40a8e2; }*/
    118129
     
    122133        margin: 26px 70px 0;
    123134        width: 800px;
     135}
     136
     137nav.rel.empty {
     138        /* Do not take space - bigfooter will take it  */
     139        display: none;
    124140}
    125141
     
    240256        /* @embed */ background: #307588 url("/shared/img-v6/bg-v2.body-footer.png") top left repeat-x;
    241257        margin-top: -122px;
    242         padding: 122px 122px 10px;
     258        padding: 130px 0 30px;
    243259       
    244260        color: white;
     
    252268}
    253269
    254 footer.attached ul {
    255         width: 1170px;
    256         margin: 10px auto 20px;
     270footer.attached div.bigfooter {
     271        max-width: 1200px;
     272        margin: 0 auto;
     273}
     274
     275footer.attached div.bigfooter ul {
     276        padding-left: 40px;
     277}
     278
     279footer.in-sheet div.bigfooter {
     280        padding-left: 30px;
     281        padding-top: 20px; /* sheet: 40px padding */
     282}
     283
     284div.bigfooter {
     285        /* body ist 13, #content 15 */
     286        font-size: 14px;
     287}
     288
     289/* Bigfooter, der wahlweise nach footer.attached oder footer.in-sheet kommt */
     290
     291footer div.bigfooter ul {
     292        /*width: 1170px;*/
     293        /*margin: 10px auto 20px;*/
    257294        /* padding: 0 20px; *//* ueberfluessig, Breite allein reguliert schon */
    258295}
    259296
    260 footer.attached li {
    261         width: 370px;
     297footer div.bigfooter li {
     298        width: 390px;
    262299        margin-right: 10px;
    263300        float: left;
    264301}
    265302
    266 footer.attached a:link, footer.attached a:visited {
     303footer div.bigfooter a {
     304        display: block;
     305        padding: 10px;
     306       
     307        /* optionaler Effekt: Beim Hovern nicht ueber "ganze Breite" gehen */
     308        display: inline-block;
     309}
     310
     311footer div.bigfooter a:link, footer div.bigfooter a:visited {
     312        text-decoration: none;
     313        color: inherit;
     314}
     315
     316footer.attached div.bigfooter a:hover {
     317        background-color: rgba(255,255,255,.1);
     318        /* ganz subtiler Schatten */
     319        box-shadow: 0 3px 10px rgba(255, 255, 255, 0.05);
     320}
     321
     322footer.in-sheet div.bigfooter a:hover {
     323        background-color: white;
     324}
     325
     326footer.attached div.bigfooter a:link u, footer.attached div.bigfooter a:visited u {
    267327        color: #BAF1FF;
    268328}
    269329
    270 footer.attached a:hover {
     330footer.in-sheet div.bigfooter a:link u, footer.in-sheet div.bigfooter a:visited u {
     331        color: #205B6B;
     332}
     333
     334footer.attached div.bigfooter a:hover u, footer.attached div.bigfooter a:focus u {
    271335        color: #3DD8FF;
    272336}
    273337
    274 footer.attached a.img {
     338footer.in-sheet div.bigfooter a:hover u, footer.in-sheet div.bigfooter a:focus u {
     339        color: #882224;
     340}
     341
     342footer div.bigfooter i {
    275343        display: block;
    276344        float: left;
     
    278346}
    279347
    280 footer.attached p {
     348footer div.bigfooter span.p {
     349        display: block;
    281350        margin-left: 80px;
    282351        margin-top: 0px;
     
    285354
    286355
    287 footer.attached li.logo a.img {
    288         background-image: url("/shared/img-v6/logo.footer.png");
    289         width: 46px; height: 59px;
    290 }
    291 footer.attached li.logo p { margin-left: 60px; }
    292 
    293 footer.attached li.copy a.img {
    294         background-image: url("/shared/img-v6/cc-icon2.png");
     356footer div.bigfooter li.logo i {
     357        /* @embed */ background-image: url("/shared/img-v6/logo.footer.png");
     358        width: 36px; height: 46px;
     359}
     360footer.in-sheet div.bigfooter li.logo i {
     361        /* @embed */ background-image: url("/shared/img-v6/logo-dark.footer.png");
     362}
     363
     364footer div.bigfooter li.logo span.p {
     365        margin-left: 47px;
     366        margin-top: 7px;
     367}
     368
     369footer div.bigfooter li.copy {
     370        width: 510px;
     371}
     372
     373footer div.bigfooter li.copy i {
     374        /* @embed */ background-image: url("/shared/img-v6/cc-icon2.png");
    295375        width: 100px; height: 42px;
    296 }
    297 footer.attached li.copy p { margin-left: 110px; }
     376        opacity: .4; /* Todo: Unauffaelligeres Logo finden */
     377}
     378footer div.bigfooter li.copy span.p {
     379        margin-left: 110px;
     380        margin-top: 5px;
     381}
    298382
    299383
  • shared/js-v6/modules/menu.js

    r561 r567  
    329329        // Beam nur anzeigen wenn auf Seite, die auch in der Beamnavigation drin ist,
    330330        // sprich Seitenleiste.
    331         if(t29.conf['seite_in_nav'] != t29.menu.side.attr('class'))
    332                 return;
     331        if(!t29.menu.side.hasClass( t29.conf['seite_in_nav'] ))
     332                return false;
    333333
    334334        // Zentraler Hauptschritt: Das Menue ab oberster Ebene klonen und im Footer dranhaengen,
     
    338338        g.find("ul").show(); // durch t29.menu.collapse.setup wurden die .u3er auf hide gesetzt. Revert!
    339339        g.find(".geraete").remove(); // geraete-Links nicht anzeigen
     340        g.find("ul.u2 > li > a").remove(); // Ueberschriften entfernen
    340341       
    341342
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