From: vincent@cubedesigners.com Date: Mon, 29 Jul 2013 14:53:47 +0000 (+0000) Subject: (no commit message) X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=da9b919e1a4e45c7b2995c5286fc231565e902aa;p=cubeextranet.git --- diff --git a/inc/ws/Util/html5/app/class.ws.html5.app.compiler.php b/inc/ws/Util/html5/app/class.ws.html5.app.compiler.php index 23578c514..7882bb2cf 100644 --- a/inc/ws/Util/html5/app/class.ws.html5.app.compiler.php +++ b/inc/ws/Util/html5/app/class.ws.html5.app.compiler.php @@ -131,6 +131,52 @@ class wsHTML5AppCompiler { $c[] = 'body{background-image:url("images/' . $this->collection->theme['back'] . '");}'; $c[] = '#shelves{background-image:url("images/' . $this->collection->theme['etagere'] . '");}'; + + // Menus + $menuColor = new CubeIT_Graphics_Color($this->collection->settings['couleurB']); + $textColor = new CubeIT_Graphics_Color($this->collection->settings['couleurC']); + $menuColor->setAlpha(1); + + $menuMultiply = $menuColor->multiply($menuColor); + $menuMultiply2 = $menuMultiply->multiply($menuColor); + + # View + $c[] = '.mview{background-color:' . $menuColor->toCSS() . ';color:' . $textColor->toCSS() . ';}'; + + # Topbar + $top = $menuColor->toCSS(); + $bottom = $menuMultiply->toCSS(); + $border = $menuMultiply2->setAlpha(0.6)->toCSS(); + + $caption = ".mview .caption{ + background-image: -moz-linear-gradient(top, $top 0%, $bottom 100%); /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, $top 0%,$bottom 100%); /* Chrome10+,Safari5.1+ */ + background-image: -o-linear-gradient(top, $top 0%,$bottom 100%); /* Opera 11.10+ */ + background-image: -ms-linear-gradient(top, $top 0%,$bottom 100%); /* IE10+ */ + background-image: linear-gradient(top bottom, $top 0%,$bottom 100%); /* W3C */ +}"; + + $caption.=".mview .caption a{ + border:1px solid $border; +}"; + $c[] = $caption; + + # Chapters (menu lists) + $top = $menuColor->setAlpha(0.5)->toCSS(); + $bottom = $menuMultiply->setAlpha(0.5)->toCSS(); + $border = $menuMultiply2->setAlpha(0.5)->toCSS(); + + $c[] = ".mview li{ + background-image: -moz-linear-gradient(top, $top 0%, $bottom 100%); /* FF3.6+ */ + background-image: -webkit-linear-gradient(top, $top 0%,$bottom 100%); /* Chrome10+,Safari5.1+ */ + background-image: -o-linear-gradient(top, $top 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ + background-image: -ms-linear-gradient(top, $top 0%,$bottom 100%); /* IE10+ */ + background-image: linear-gradient(top bottom, $top 0%,$bottom 100%); /* W3C */ + border-bottom:1px solid $border; +}"; + + + file_put_contents($this->vdir . '/data/app.css', implode("\n", $c)); }