Changeset 580 in t29-www for shared


Ignore:
Timestamp:
Jun 17, 2014, 6:35:22 PM (5 years ago)
Author:
sven
Message:

Bigfooter aktiviert.

Dieser Footer lag seit zwei Jahren "in der Schublade" und sollte
von Anfang an Bestandteil des neuen Websitedesigns werden. Ticket #30
widmet sich seit 16 Monaten der Diskussion zum Footer.

Der Footer löst mehrere Probleme gleichzeitig:

  • Es wird erzählt, dass es sich um ein echtes Museum handelt. Dies wird durch eine (vorläufige) Drahtzeichnung des Gebäudes unterstrichen.
  • Die Creative-Commons-Bildverlinkung wird das erste mal erwähnt (das Impressum muss hier noch angepasst werden). Dieses einfache Lizenzmodell soll die Benutzung der Bilder einfacher machen.
  • Eine Sitemap (bilingual) wurde integriert, die auch Links zu den anderen technikum29-Websites enthält.
Location:
shared
Files:
1 added
3 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/modules/11-header.css

    r349 r580  
    7474}
    7575
     76nav.horizontal a.hidden-in-nav {
     77        /* Items which shall not be visible in the header navigation display */
     78        display: none;
     79}
     80
    7681/* Aufklappnavigation der Horizontalen Navi */
    7782nav.horizontal .u2 { display: none; }
  • shared/css-v6/modules/13-footer.css

    r567 r580  
    279279footer.in-sheet div.bigfooter {
    280280        padding-left: 30px;
    281         padding-top: 20px; /* sheet: 40px padding */
     281        padding-top: 15px; /* sheet: 40px padding */
    282282}
    283283
     
    301301}
    302302
    303 footer div.bigfooter a {
     303footer div.bigfooter .block,
     304footer div.bigfooter .block:link,
     305footer div.bigfooter .block:visited {
    304306        display: block;
    305307        padding: 10px;
     
    307309        /* optionaler Effekt: Beim Hovern nicht ueber "ganze Breite" gehen */
    308310        display: inline-block;
    309 }
    310 
    311 footer div.bigfooter a:link, footer div.bigfooter a:visited {
     311
    312312        text-decoration: none;
    313313        color: inherit;
    314314}
    315315
    316 footer.attached div.bigfooter a:hover {
     316footer.attached div.bigfooter .block:hover {
    317317        background-color: rgba(255,255,255,.1);
    318318        /* ganz subtiler Schatten */
     
    320320}
    321321
    322 footer.in-sheet div.bigfooter a:hover {
     322footer.in-sheet div.bigfooter .block,
     323footer.in-sheet div.bigfooter .block:link,
     324footer.in-sheet div.bigfooter .block:visited {
     325        opacity: .6;
     326}
     327
     328footer.in-sheet div.bigfooter .block:hover {
     329        opacity: .9;
    323330        background-color: white;
    324331}
    325332
    326 footer.attached div.bigfooter a:link u, footer.attached div.bigfooter a:visited u {
     333footer.attached div.bigfooter a u,
     334footer.attached div.bigfooter a.u:link,
     335footer.attached div.bigfooter a.u:visited,
     336footer.attached div.bigfooter a.block:link u,
     337footer.attached div.bigfooter a.block:visited u {
    327338        color: #BAF1FF;
    328339}
    329340
    330 footer.in-sheet div.bigfooter a:link u, footer.in-sheet div.bigfooter a:visited u {
     341footer.in-sheet div.bigfooter a u,
     342footer.in-sheet div.bigfooter a.u:link,
     343footer.in-sheet div.bigfooter a.u:visited,
     344footer.in-sheet div.bigfooter a.block:link u,
     345footer.in-sheet div.bigfooter a.block:visited u {
    331346        color: #205B6B;
    332347}
    333348
    334 footer.attached div.bigfooter a:hover u, footer.attached div.bigfooter a:focus u {
     349footer.attached div.bigfooter a.u:hover,
     350footer.attached div.bigfooter a.u:hover,
     351footer.attached div.bigfooter a.block:hover u,
     352footer.attached div.bigfooter a.block:focus u {
    335353        color: #3DD8FF;
    336354}
    337355
    338 footer.in-sheet div.bigfooter a:hover u, footer.in-sheet div.bigfooter a:focus u {
     356footer.in-sheet div.bigfooter a.u:hover,
     357footer.in-sheet div.bigfooter a.u:focus,
     358footer.in-sheet div.bigfooter a.block:hover u,
     359footer.in-sheet div.bigfooter a.block:focus u {
    339360        color: #882224;
    340361}
     
    343364        display: block;
    344365        float: left;
    345         text-indent: -999px;
     366        text-indent: -9999px;
     367}
     368
     369footer div.bigfooter img {
     370        /* Nur uebergangsweise fuer das "Haus", der Faulheit wegen */
     371        float: left;
    346372}
    347373
     
    353379}
    354380
     381footer div.bigfooter li {
     382        width: 240px;
     383        margin-bottom: 10px; /* Fuer den In-Sheet-Abstand nach unten */
     384}
     385
     386footer div.bigfooter li.haus {
     387        width: 510px;
     388}
     389
     390footer div.bigfooter li.haus span.p {
     391        margin-left: 225px;
     392}
     393
     394footer.in-sheet div.bigfooter li.haus img {
     395        opacity: .3;
     396}
     397
    355398
    356399footer div.bigfooter li.logo i {
     
    368411
    369412footer div.bigfooter li.copy {
    370         width: 510px;
     413        width: 370px;
    371414}
    372415
     
    380423        margin-top: 5px;
    381424}
    382 
    383425
    384426/* Creative Commons icon with pure CSS, on dark background */
  • shared/css-v6/pagestyles/sitemap.css

    r569 r580  
    1616        display: none;
    1717}
     18
     19ul.sitemap span.hidden {
     20        /* in news genutzt */
     21        display: inline !important;
     22        visibility: visible;
     23}
     24
     25body.lang-de ul.sitemap .en,
     26body.lang-en ul.sitemap .de {
     27        display: none;
     28}
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