Changeset 659 in t29-www


Ignore:
Timestamp:
Sep 8, 2014, 6:15:30 PM (5 years ago)
Author:
sven
Message:

Mobil-Ansicht verbessert (auch sichtbar bei schmal eingestelltem
Bildschirm).

Files:
4 edited

Legend:

Unmodified
Added
Removed
  • de/navigation.xml

    r642 r659  
    5656        <!-- Sitemap derzeit nicht anzeigen -->
    5757        <li><a seiten_id="sitemap" class="hidden-in-nav" href="/de/sitemap.php">Sitemap</a></li>
     58        <li class="small-screen-only"><a href="#tour-navigation">Themen</a></li>
    5859</ul>
    5960</nav><!-- class=horizontal -->
  • lib/template.php

    r649 r659  
    314314                        <!-- Ende Test -->
    315315                       
    316                         <h2 class="visuallyhidden"><?php $p("sidebar-h2-tour"); ?></h2>
     316                        <h2 class="visuallyhidden" id="tour-navigation"><?php $p("sidebar-h2-tour"); ?></h2>
    317317                        <?php
    318318                                $sidebar_contains_menu  = !isset($this->conf['sidebar_content']);
  • shared/css-v6/modules/11-header.css

    r649 r659  
    3030}
    3131
    32 body.lang-de h1 a { background: url("/shared/img-v6/banner.de.png"); }
    33 body.lang-en h1 a { background: url("/shared/img-v6/banner.en.png"); }
     32body.lang-de h1 a { background-image: url("/shared/img-v6/banner.de.png"); }
     33body.lang-en h1 a { background-image: url("/shared/img-v6/banner.en.png"); }
    3434
    3535/* Horizontal Navigation (Hauptnavigation) */
     
    154154}
    155155
     156nav.horizontal li.small-screen-only {
     157        display: none;
     158}
     159
    156160/* Farben */
    157161nav.horizontal a, nav.top li.active a, nav.side a {
  • shared/css-v6/modules/31-mobile.css

    r647 r659  
    2626        }
    2727
    28        
     28        /*
    2929        footer.attached {
    3030                background: #F4F4F4;
     
    3535                color: #777;
    3636        }
     37        */
    3738}
    3839
     
    4647        #container {
    4748                width: 940px;
     49        }
     50
     51        /* Header-Navigation */
     52        header.banner {
     53                height: auto;
     54                background: none;
     55        }
     56
     57        nav.horizontal {
     58                position: relative;
     59                top: auto; bottom: auto;
     60                margin: 108px 0 0 0;
     61                text-align: center;
     62
     63                /* testweise: */
     64                background-color: #f1f1f1;
     65                border-bottom: 2px solid #d2d2d2;
     66                border-top: 2px solid #d2d2d2;
     67        }
     68        nav.horizontal .u1 > li > a {
     69                margin-bottom: 0; /* kein Abstand zu nav.horizontal */
     70                padding: 9px; /* groessere Klickflaechen */
     71        }
     72
     73        li.small-screen-only {
     74                display: inline-block !important;
    4875        }
    4976       
     
    88115 **/
    89116@media all and (max-width: 600px) {
     117        #container {
     118                padding-top: 240px; /* wg grossem Header, to be fixed */
     119        }
    90120        #container, #content, section.sidebar, #background-color-container {
    91121                width: inherit;
     
    95125        }
    96126
     127        #container h1 a {
     128                /* Banner in der Mitte anzeigen */
     129                left: 0; width: 100%;
     130                background-repeat: no-repeat;
     131                background-position: center center;
     132        }
     133
     134        nav.rel {
     135                width: 100%;
     136                margin: 26px 0 0;
     137                text-align: center;
     138        }
     139        nav.rel li {
     140                position: relative;
     141        }
     142
     143        footer.attached div.bigfooter ul,
     144        footer div.bigfooter li {
     145                padding: 0;
     146                width: 100% !important;
     147        }
     148
    97149        /* Mehrspaltige Contents. Overwrite dank #container */
    98150        #container div.startseiten-boxen,
    99151        #container div.startseiten-boxen .cols,
    100152        #container div.startseiten-boxen .leftcol,
    101         #container div.startseiten-boxen .rightcol {
     153        #container div.startseiten-boxen .rightcol,
     154        #content div.cols,
     155        #content div.cols .leftcol,
     156        #content div.cols .rightcol,
     157        #content div.desc-left,
     158        #content div.desc-right  {
    102159                float: none;
    103160                width: inherit;
     
    105162        }
    106163
     164        /* Box-System einspaltig machen */
     165        #content .auto-bildbreite img,
     166        #content .center img,
     167        #content .left img,
     168        #content .right img,
     169        #content div.desc-left img,
     170        #content div.desc-right img {
     171                float: none;
     172                display: block; margin: 0 auto; /* for small images */
     173                max-width: 100%;
     174                height: auto;
     175        }
     176
     177        #content div.desc-left,
     178        #content div.desc-right,
     179        #content .auto-bildbreite {
     180                width: 100% !important;
     181                margin: 1em 0;
     182        }
    107183
    108184}
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