Changeset 279 in t29-www for shared


Ignore:
Timestamp:
Jul 19, 2012, 7:10:15 AM (8 years ago)
Author:
sven
Message:

Design: Linkfarben, Footerrelationslinks, Einblendlogik von Relationen.

  • menu.php: Linkdetail-Getter umgeformt
  • template.php: Mehr Daten in bodyclasses und javascriptconfig durchgeben
  • a.go-Doppelfeile, mal testweise per content-before umgesetzt
  • Relationale Navigation huebscher Formatiert, nach dem Vorschlag von Intsar vom 23.04.2012
  • Inhalts-Linkfarben mit dunkler Linkfarbe
  • menu.js: Beam nur anzeigen wenn im Inhalt, ebenso mit Relationslinks (template.php)
Location:
shared
Files:
4 edited

Legend:

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

    r278 r279  
    1010
    1111#content .clear-left { clear: left; }
     12
     13
     14a.go:before {
     15        content: "\bb"; /* unicode » */
     16        display: inline-block;
     17        padding-right: 2px;
     18        text-decoration: none;
     19        font-weight: bold;
     20}
     21
     22/* a.go old style */
     23/*
     24a.arrow,
     25a.go {
     26        background-position: center left;
     27        background-repeat: no-repeat;
     28        padding-left: 13px;
     29}
     30
     31a.arrow:link,
     32a.arrow:visited,
     33a.go:link,
     34a.go:visited {
     35        background-image: url(/shared/img/fresh.design/arrowbg.a.png);
     36}
     37
     38a.arrow:hover,
     39a.arrow:active,
     40a.arrow:focus,
     41a.go:hover,
     42a.go:active,
     43a.go:focus {
     44        background-image: url(/shared/img/fresh.design/arrowbg-hot.a.png);
     45}*/
  • shared/css-v6/modules/13-footer.css

    r278 r279  
    120120        height: 20px;
    121121        position: absolute;
    122         top: 20px; left: 40px;
     122        top: 17px; left: 0;
    123123        z-index: 0;
     124        width: 940px;
     125        text-align: center;
    124126}
    125127
    126128nav.rel a {
    127129        /*font: 12px "Futura Std Medium";*/
    128         font-size: 12px;
    129         color: #40a8e2;
    130130        text-transform: uppercase;
    131131        display: inline-block;
    132 }
    133 
    134 nav.rel strong { display: block; }
    135 
    136 nav.rel li  a {
    137         /*float: left;
    138         width: 45%; *//* per JS automatisch angepasst */
    139         padding: 10px; margin-top: 3px; /* footer bg */
     132        padding: 15px;
     133
     134        font-size: 15px;
     135        color: rgba(65,111,124,.85); /*#416f7c;*/
     136        background-color: #dfe9f0;
     137       
     138        font-weight: bold;
     139       
     140        position: relative;
     141        height: 40px; /* wegen arrow: height+2*padding=arrowheight */
     142}
     143
     144nav.rel strong {
     145        display: block;
     146        font-weight: normal;
     147        opacity: .7;
    140148}
    141149
     
    147155}
    148156
     157nav.rel a:after {
     158        content: ""; width: 0;
     159        display: block;
     160        position: absolute;
     161        top: 0;
     162        border-top: 35px solid transparent;
     163        border-bottom: 35px solid transparent;
     164        border-left: 30px solid #dfe9f0;
     165        border-right: 30px solid #dfe9f0;
     166}
     167
     168nav.rel a:hover:after {
     169        border-left-color: #40a8e2;
     170        border-right-color: #40a8e2;
     171}
     172
     173nav.rel .next a:after {
     174        right: -30px;
     175        border-right: none;
     176}
     177
     178nav.rel .prev a:after {
     179        left: -30px;
     180        border-left: none;
     181}
     182
    149183nav.rel a:hover {
    150         background-color: #dfeaf0;
     184        background-color: #40a8e2;
     185        color: white;
    151186}
    152187
  • shared/css-v6/modules/18-content.css

    r278 r279  
    5454        margin: 0;
    5555}
     56
     57#content a:link, #content a:visited {
     58        color: #205b6b;
     59        text-decoration: underline;
     60}
     61
     62#content a:hover, #content a:focus {
     63        color: #882224;
     64}
  • shared/js-v6/modules/menu.js

    r278 r279  
    317317***************************************************************************************/
    318318t29.menu.guide.setup = function() {
     319        // Beam nur anzeigen wenn auf Seite, die auch in der Beamnavigation drin ist,
     320        // sprich Seitenleiste.
     321        if(t29.conf['seite_in_nav'] != t29.menu.side.attr('class'))
     322                return;
     323
    319324        // Zentraler Hauptschritt: Das Menue ab oberster Ebene klonen und im Footer dranhaengen,
    320325        // ausserdem ein paar Ummodellierungen.
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