diff --git a/public/telephone/skins/original/css/global.css b/public/telephone/skins/original/css/global.css index bb029299e3f685599222732bbb669c354aa0999a..491681e7edba512b5c416be4fbc46d33795553a4 100644 --- a/public/telephone/skins/original/css/global.css +++ b/public/telephone/skins/original/css/global.css @@ -307,6 +307,7 @@ div.bk-widget div.b-counter { @media only screen and (max-width : 320px) { + .boite_accueil { width: 50%; height: 120px; @@ -317,27 +318,33 @@ div.bk-widget div.b-counter { .app-icon { margin-left: 4%; margin-right: 4%; - display: block; - } - - - .app-icon { display:block; - background-image: url(../images/apple-touch-icon.png); background-repeat: no-repeat; background-position: center top; margin-left: 10px; height:64px; } + - .icon-retour { - display:none; - background-image: url(../images/retouracceuil.png); - background-repeat: no-repeat; - margin-left: 10px; - widht: 16px; - height: 16px; - } + .news .app-icon { + background-image: url(../images/Iconemobiles/news64.png); + } + + .critiques .app-icon { + background-image: url(../images/Iconemobiles/critiques64.png); + } + + .bib_numerique .app-icon { + background-image: url(../images/Iconemobiles/bibnum64.png); + } + + .calendar .app-icon { + background-image: url(../images/Iconemobiles/date64.png); + } + + .kiosque .app-icon { + background-image: url(../images/Iconemobiles/kiosque64.png); + } .titre { font: 0.7em Helvetica,Arial; @@ -384,17 +391,64 @@ div.bk-widget div.b-counter { } .one-block-visible .app-icon { margin: 0; - opacity: 0.7; + opacity: 0.2; height: 32px; - background-image: url(../images/apple-touch-icon32.png); + } + + .one-block-visible .news .app-icon { + background-image: url(../images/Iconemobiles/news32.png); + } + + .one-block-visible .critiques .app-icon { + background-image: url(../images/Iconemobiles/critiques32.png); + } + + .one-block-visible .bib_numerique .app-icon { + background-image: url(../images/Iconemobiles/bibnum32.png); + } + .one-block-visible .kiosque .app-icon { + background-image: url(../images/Iconemobiles/kiosque32.png); + } + .one-block-visible .calendar .app-icon { + background-image: url(../images/Iconemobiles/date32.png); } } +@media screen and (min-width: 321px) { + .img-titre { + display: block; + background-repeat: no-repeat; + background-position: left; + height: 32px; + } + .titre { + margin-left: 32px; + float: left; + } + + .news .img-titre { + background-image: url(../images/Iconemobiles/news32.png); + } + .critiques .img-titre { + background-image: url(../images/Iconemobiles/critiques32.png); + } + + .bib_numerique .img-titre { + background-image: url(../images/Iconemobiles/bibnum32.png); + } + .kiosque .img-titre { + background-image: url(../images/Iconemobiles/kiosque32.png); + } + .calendar .img-titre { + background-image: url(../images/Iconemobiles/date32.png); + } + +} @media screen and (min-width: 480px) { div.ui-content>div { - float: left; + float : left; margin-left: 1%; margin-right: 1%; } diff --git a/public/telephone/skins/original/templates/boites/boite_de_la_division_gauche.html b/public/telephone/skins/original/templates/boites/boite_de_la_division_gauche.html index a29defda03e4987f7702bc1298c472dd03af7ac8..d5931cd3be21f882ec80286528837df03d84f422 100644 --- a/public/telephone/skins/original/templates/boites/boite_de_la_division_gauche.html +++ b/public/telephone/skins/original/templates/boites/boite_de_la_division_gauche.html @@ -2,7 +2,7 @@ <a href="#" class="app-icon"></a> <a href="#" class="icon-retour"></a> {IF-TITRE} - <div class="titre"><h2>{TITRE}</h2></div> + <div class="img-titre"><div class="titre"><h2>{TITRE}</h2></div></div> {ENDIF} <div class="contenu">{CONTENU}</div>