@media all { #ui { -webkit-text-size-adjust: none; } #ui h1, #ui h2, #ui h3, #ui h4, #ui h5, #ui h6 { font-family: myriad-pro-1, Arial, Verdana, sans-serif; font-weight: normal; } #ui a:active, #ui a:focus { background-color: transparent; -webkit-tap-highlight-color: transparent; text-decoration: none; } #ui a:link, #ui a:visited { -webkit-tap-highlight-color: transparent; } } @media print { @page { margin: 0; } #ui h1, #ui h2, #ui h3, #ui h4, #ui h5, #ui h6 { font-family: Arial, Verdana, sans-serif; } } @media all { /** * color definitions */ /* default */ #heli a, #heli a:link, #heli a:visited, #heli { background-color: transparent; color: #000000; } #heli .inverted { background-color: #808080; color: #ffffff; } #heli figure .ic { background-image: none !important; } /* COLOR STYLES*/ #heli .default.gradient { background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.19, #f5f5f5), color-stop(0.7, #dddada), color-stop(1, #f5f5f5)); background-image: -moz-linear-gradient(center top, #f5f5f5 0pt, #dddada 70%, #f5f5f5 100%); background-image: -ms-linear-gradient(top, #f5f5f5 19%, #dddada 70%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f5f5f5 19%, #dddada 70%, #f5f5f5 100%); background-image: linear-gradient(top, #f5f5f5 19%, #dddada 70%, #f5f5f5 100%); -pie-background: linear-gradient(#f5f5f5, #dddada); } /* universal */ #heli .universal article h2, #heli .universal article h2 a, #heli .universal article h2 a:link, #heli .universal article h2 a:visited, #heli .universal article h3, #heli .universal article h3 a, #heli .universal article h3 a:link, #heli .universal article h3 a:visited, #heli article .universal h3, #heli article .universal h3 a, #heli article .universal h3 a:link, #heli article .universal h3 a:visited, #heli .universal article h4, #heli .universal article h4 a, #heli .universal article h4 a:link, #heli .universal article h4 a:visited, #heli article .universal h4, #heli article .universal h4 a, #heli article .universal h4 a:link, #heli article .universal h4 a:visited, #heli .universal article a.icon-link, #heli .universal article a.icon-link:link, #heli .universal article a.icon-link:visited, #heli .universal article .teaser a.button, #heli article .teaser .universal a.button { color: #008542; } /* color */ #heli .color article h2, #heli .color article h2 a, #heli .color article h2 a:link, #heli .color article h2 a:visited, #heli .color article h3, #heli .color article h3 a, #heli .color article h3 a:link, #heli .color article h3 a:visited, #heli article .color h3, #heli article .color h3 a, #heli article .color h3 a:link, #heli article .color h3 a:visited, #heli .color article h4, #heli .color article h4 a, #heli .color article h4 a:link, #heli .color article h4 a:visited, #heli article .color h4, #heli article .color h4 a, #heli article .color h4 a:link, #heli article .color h4 a:visited, #heli .color article a.icon-link, #heli .color article a.icon-link:link, #heli .color article a.icon-link:visited, #heli .color article .teaser a.button, #heli article .teaser .color a.button { color: #a50878; } /* ocean */ #heli .ocean article h2, #heli .ocean article h2 a, #heli .ocean article h2 a:link, #heli .ocean article h2 a:visited, #heli .ocean article h3, #heli .ocean article h3 a, #heli .ocean article h3 a:link, #heli .ocean article h3 a:visited, #heli article .ocean h3, #heli article .ocean h3 a, #heli article .ocean h3 a:link, #heli article .ocean h3 a:visited, #heli .ocean article h4, #heli .ocean article h4 a, #heli .ocean article h4 a:link, #heli .ocean article h4 a:visited, #heli article .ocean h4, #heli article .ocean h4 a, #heli article .ocean h4 a:link, #heli article .ocean h4 a:visited, #heli .ocean article a.icon-link, #heli .ocean article a.icon-link:link, #heli .ocean article a.icon-link:visited, #heli .ocean article .teaser a.button, #heli article .teaser .ocean a.button { color: #00257a; } /* fresh */ #heli .fresh article h2, #heli .fresh article h2 a, #heli .fresh article h2 a:link, #heli .fresh article h2 a:visited, #heli .fresh article h3, #heli .fresh article h3 a, #heli .fresh article h3 a:link, #heli .fresh article h3 a:visited, #heli article .fresh h3, #heli article .fresh h3 a, #heli article .fresh h3 a:link, #heli article .fresh h3 a:visited, #heli .fresh article h4, #heli .fresh article h4 a, #heli .fresh article h4 a:link, #heli .fresh article h4 a:visited, #heli article .fresh h4, #heli article .fresh h4 a, #heli article .fresh h4 a:link, #heli article .fresh h4 a:visited, #heli .fresh article a.icon-link, #heli .fresh article a.icon-link:link, #heli .fresh article a.icon-link:visited, #heli .fresh article .teaser a.button, #heli article .teaser .fresh a.button { color: #00a1de; } /* black */ #heli .black article h2, #heli .black article h2 a, #heli .black article h2 a:link, #heli .black article h2 a:visited, #heli .black article h3, #heli .black article h3 a, #heli .black article h3 a:link, #heli .black article h3 a:visited, #heli article .black h3, #heli article .black h3 a, #heli article .black h3 a:link, #heli article .black h3 a:visited, #heli .black article h4, #heli .black article h4 a, #heli .black article h4 a:link, #heli .black article h4 a:visited, #heli article .black h4, #heli article .black h4 a, #heli article .black h4 a:link, #heli article .black h4 a:visited, #heli .black article a.icon-link, #heli .black article a.icon-link:link, #heli .black article a.icon-link:visited, #heli .black article .teaser a.button, #heli article .teaser .black a.button { color: #4a1c6d; } /* sensitive */ #heli .sensitive article h2, #heli .sensitive article h2 a, #heli .sensitive article h2 a:link, #heli .sensitive article h2 a:visited, #heli .sensitive article h3, #heli .sensitive article h3 a, #heli .sensitive article h3 a:link, #heli .sensitive article h3 a:visited, #heli article .sensitive h3, #heli article .sensitive h3 a, #heli article .sensitive h3 a:link, #heli article .sensitive h3 a:visited, #heli .sensitive article h4, #heli .sensitive article h4 a, #heli .sensitive article h4 a:link, #heli .sensitive article h4 a:visited, #heli article .sensitive h4, #heli article .sensitive h4 a, #heli article .sensitive h4 a:link, #heli article .sensitive h4 a:visited, #heli .sensitive article a.icon-link, #heli .sensitive article a.icon-link:link, #heli .sensitive article a.icon-link:visited, #heli .sensitive article .teaser a.button, #heli article .teaser .sensitive a.button { color: #75b4df; } /* eco */ #heli .eco article h2, #heli .eco article h2 a, #heli .eco article h2 a:link, #heli .eco article h2 a:visited, #heli .eco article h3, #heli .eco article h3 a, #heli .eco article h3 a:link, #heli .eco article h3 a:visited, #heli article .eco h3, #heli article .eco h3 a, #heli article .eco h3 a:link, #heli article .eco h3 a:visited, #heli .eco article h4, #heli .eco article h4 a, #heli .eco article h4 a:link, #heli .eco article h4 a:visited, #heli article .eco h4, #heli article .eco h4 a, #heli article .eco h4 a:link, #heli article .eco h4 a:visited, #heli .eco article a.icon-link, #heli .eco article a.icon-link:link, #heli .eco article a.icon-link:visited, #heli .eco article .teaser a.button, #heli article .teaser .eco a.button { color: #2dbd9e; } /* tropical */ #heli .tropical article h2, #heli .tropical article h2 a, #heli .tropical article h2 a:link, #heli .tropical article h2 a:visited, #heli .tropical article h3, #heli .tropical article h3 a, #heli .tropical article h3 a:link, #heli .tropical article h3 a:visited, #heli article .tropical h3, #heli article .tropical h3 a, #heli article .tropical h3 a:link, #heli article .tropical h3 a:visited, #heli .tropical article h4, #heli .tropical article h4 a, #heli .tropical article h4 a:link, #heli .tropical article h4 a:visited, #heli article .tropical h4, #heli article .tropical h4 a, #heli article .tropical h4 a:link, #heli article .tropical h4 a:visited, #heli .tropical article a.icon-link, #heli .tropical article a.icon-link:link, #heli .tropical article a.icon-link:visited, #heli .tropical article .teaser a.button, #heli article .teaser .tropical a.button { color: #f8ac00; } /* magnolia */ #heli .magnolia article h2, #heli .magnolia article h2 a, #heli .magnolia article h2 a:link, #heli .magnolia article h2 a:visited, #heli .magnolia article h3, #heli .magnolia article h3 a, #heli .magnolia article h3 a:link, #heli .magnolia article h3 a:visited, #heli article .magnolia h3, #heli article .magnolia h3 a, #heli article .magnolia h3 a:link, #heli article .magnolia h3 a:visited, #heli .magnolia article h4, #heli .magnolia article h4 a, #heli .magnolia article h4 a:link, #heli .magnolia article h4 a:visited, #heli article .magnolia h4, #heli article .magnolia h4 a, #heli article .magnolia h4 a:link, #heli article .magnolia h4 a:visited, #heli .magnolia article a.icon-link, #heli .magnolia article a.icon-link:link, #heli .magnolia article a.icon-link:visited, #heli .magnolia article .teaser a.button, #heli article .teaser .magnolia a.button { color: #e483b8; } /* lavender */ #heli .lavender article h2, #heli .lavender article h2 a, #heli .lavender article h2 a:link, #heli .lavender article h2 a:visited, #heli .lavender article h3, #heli .lavender article h3 a, #heli .lavender article h3 a:link, #heli .lavender article h3 a:visited, #heli article .lavender h3, #heli article .lavender h3 a, #heli article .lavender h3 a:link, #heli article .lavender h3 a:visited, #heli .lavender article h4, #heli .lavender article h4 a, #heli .lavender article h4 a:link, #heli .lavender article h4 a:visited, #heli article .lavender h4, #heli article .lavender h4 a, #heli article .lavender h4 a:link, #heli article .lavender h4 a:visited, #heli .lavender article a.icon-link, #heli .lavender article a.icon-link:link, #heli .lavender article a.icon-link:visited, #heli .lavender article .teaser a.button, #heli article .teaser .lavender a.button { color: #796ca1; } /* hygiene */ #heli .hygiene article h2, #heli .hygiene article h2 a, #heli .hygiene article h2 a:link, #heli .hygiene article h2 a:visited, #heli .hygiene article h3, #heli .hygiene article h3 a, #heli .hygiene article h3 a:link, #heli .hygiene article h3 a:visited, #heli article .hygiene h3, #heli article .hygiene h3 a, #heli article .hygiene h3 a:link, #heli article .hygiene h3 a:visited, #heli .hygiene article h4, #heli .hygiene article h4 a, #heli .hygiene article h4 a:link, #heli .hygiene article h4 a:visited, #heli article .hygiene h4, #heli article .hygiene h4 a, #heli article .hygiene h4 a:link, #heli article .hygiene h4 a:visited, #heli .hygiene article a.icon-link, #heli .hygiene article a.icon-link:link, #heli .hygiene article a.icon-link:visited, #heli .hygiene article .teaser a.button, #heli article .teaser .hygiene a.button { color: #8dca6b; } /* active */ #heli .active article h2, #heli .active article h2 a, #heli .active article h2 a:link, #heli .active article h2 a:visited, #heli .active article h3, #heli .active article h3 a, #heli .active article h3 a:link, #heli .active article h3 a:visited, #heli article .active h3, #heli article .active h3 a, #heli article .active h3 a:link, #heli article .active h3 a:visited, #heli .active article h4, #heli .active article h4 a, #heli .active article h4 a:link, #heli .active article h4 a:visited, #heli article .active h4, #heli article .active h4 a, #heli article .active h4 a:link, #heli article .active h4 a:visited, #heli .active article a.icon-link, #heli .active article a.icon-link:link, #heli .active article a.icon-link:visited, #heli .active article .teaser a.button, #heli article .teaser .active a.button { color: #9c9ead; } /* laitdedouceur */ #heli .laitdedouceur article h2, #heli .laitdedouceur article h2 a, #heli .laitdedouceur article h2 a:link, #heli .laitdedouceur article h2 a:visited, #heli .laitdedouceur article h3, #heli .laitdedouceur article h3 a, #heli .laitdedouceur article h3 a:link, #heli .laitdedouceur article h3 a:visited, #heli article .laitdedouceur h3, #heli article .laitdedouceur h3 a, #heli article .laitdedouceur h3 a:link, #heli article .laitdedouceur h3 a:visited, #heli .laitdedouceur article h4, #heli .laitdedouceur article h4 a, #heli .laitdedouceur article h4 a:link, #heli .laitdedouceur article h4 a:visited, #heli article .laitdedouceur h4, #heli article .laitdedouceur h4 a, #heli article .laitdedouceur h4 a:link, #heli article .laitdedouceur h4 a:visited, #heli .laitdedouceur article a.icon-link, #heli .laitdedouceur article a.icon-link:link, #heli .laitdedouceur article a.icon-link:visited, #heli .laitdedouceur article .teaser a.button, #heli article .teaser .laitdedouceur a.button { color: #a6a8d2; } /* douceurderose */ #heli .douceurderose article h2, #heli .douceurderose article h2 a, #heli .douceurderose article h2 a:link, #heli .douceurderose article h2 a:visited, #heli .douceurderose article h3, #heli .douceurderose article h3 a, #heli .douceurderose article h3 a:link, #heli .douceurderose article h3 a:visited, #heli article .douceurderose h3, #heli article .douceurderose h3 a, #heli article .douceurderose h3 a:link, #heli article .douceurderose h3 a:visited, #heli .douceurderose article h4, #heli .douceurderose article h4 a, #heli .douceurderose article h4 a:link, #heli .douceurderose article h4 a:visited, #heli article .douceurderose h4, #heli article .douceurderose h4 a, #heli article .douceurderose h4 a:link, #heli article .douceurderose h4 a:visited, #heli .douceurderose article a.icon-link, #heli .douceurderose article a.icon-link:link, #heli .douceurderose article a.icon-link:visited, #heli .douceurderose article .teaser a.button, #heli article .teaser .douceurderose a.button { color: #ecbfc1; } /* ecologique */ #heli .ecologique article h2, #heli .ecologique article h2 a, #heli .ecologique article h2 a:link, #heli .ecologique article h2 a:visited, #heli .ecologique article h3, #heli .ecologique article h3 a, #heli .ecologique article h3 a:link, #heli .ecologique article h3 a:visited, #heli article .ecologique h3, #heli article .ecologique h3 a, #heli article .ecologique h3 a:link, #heli article .ecologique h3 a:visited, #heli .ecologique article h4, #heli .ecologique article h4 a, #heli .ecologique article h4 a:link, #heli .ecologique article h4 a:visited, #heli article .ecologique h4, #heli article .ecologique h4 a, #heli article .ecologique h4 a:link, #heli article .ecologique h4 a:visited, #heli .ecologique article a.icon-link, #heli .ecologique article a.icon-link:link, #heli .ecologique article a.icon-link:visited, #heli .ecologique article .teaser a.button, #heli article .teaser .ecologique a.button { color: #4cb848; } /* opercent */ #heli .opercent article h2, #heli .opercent article h2 a, #heli .opercent article h2 a:link, #heli .opercent article h2 a:visited, #heli .opercent article h3, #heli .opercent article h3 a, #heli .opercent article h3 a:link, #heli .opercent article h3 a:visited, #heli article .opercent h3, #heli article .opercent h3 a, #heli article .opercent h3 a:link, #heli article .opercent h3 a:visited, #heli .opercent article h4, #heli .opercent article h4 a, #heli .opercent article h4 a:link, #heli .opercent article h4 a:visited, #heli article .opercent h4, #heli article .opercent h4 a, #heli article .opercent h4 a:link, #heli article .opercent h4 a:visited, #heli .opercent article a.icon-link, #heli .opercent article a.icon-link:link, #heli .opercent article a.icon-link:visited, #heli .opercent article .teaser a.button, #heli article .teaser .opercent a.button { color: #00ADEE; } /* generic link like button */ #ui .button { color: #ffffff; } #ui .button span, #ui .button input { background-image: url(../../designs/persil/common/img/icons-persil.png); color: #fff !important; } .dir-rtl #ui .button span, .dir-rtl #ui .button input { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } /* button colors (default = universal) */ #ui .universal .button, #ui .panel.universal .button, #ui .panel.teaser .universal .button, #ui .panel .panel.universal .button, #ui .panel .panel .panel.universal .button, #ui .button.button-universal { background-color: #008d25; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOGQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNzEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcxMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */ background-image: -webkit-gradient(linear, left top, left bottom, from(#008d25), color-stop(50%, #008d25), color-stop(50%, #00712b), to(#00712b)); background-image: -moz-linear-gradient(center top, #008d25 0, #008d25 50%, #00712b 50%, #00712b 100%); background-image: -o-linear-gradient(top, #008d25, #00712b); background-image: linear-gradient(top, #008d25, #00712b); -pie-background: linear-gradient(#008d25, #00712b); } #ui .universal .button:hover, #ui .panel.universal .button:hover, #ui .panel.teaser .universal .button:hover, #ui .panel .panel.universal .button:hover, #ui .panel .panel .panel.universal .button:hover, #ui .button:hover.button-universal { background-color: #00712b; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNzEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOGQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhkMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#00712b), color-stop(50%, #00712b), color-stop(50%, #008d25), to(#008d25)); background-image: -moz-linear-gradient(center top, #00712b 0, #00712b 50%, #008d25 50%, #008d25 100%); background-image: -o-linear-gradient(top, #00712b, #008d25); background-image: linear-gradient(top, #00712b, #008d25); -pie-background: linear-gradient(#00712b, #008d25); } /* button color*/ #ui .color .button, #ui .panel.color .button, #ui .panel.teaser .color .button, #ui .panel .panel.color .button, #ui .panel .panel .panel.color .button, #ui .button.button-color { background-color: #b3499f; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzNDk5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2IzNDk5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljMzQ4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YzM0ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#b3499f), color-stop(50%, #b3499f), color-stop(50%, #9c3487), to(#9c3487)); background-image: -moz-linear-gradient(center top, #b3499f 0, #b3499f 50%, #9c3487 50%, #9c3487 100%); background-image: -o-linear-gradient(top, #b3499f, #9c3487); background-image: linear-gradient(top, #b3499f, #9c3487); -pie-background: linear-gradient(#b3499f, #9c3487); } #ui .color .button:hover, #ui .panel.color .button:hover, #ui .panel.teaser .color .button:hover, #ui .panel .panel.color .button:hover, #ui .panel .panel .panel.color .button:hover, #ui .button:hover.button-color { background-color: #9c3487; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljMzQ4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljMzQ4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2IzNDk5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMzQ5OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjM0OTlmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c3487), color-stop(50%, #9c3487), color-stop(50%, #b3499f), to(#b3499f)); background-image: -moz-linear-gradient(center top, #9c3487 0, #9c3487 50%, #b3499f 50%, #b3499f 100%); background-image: -o-linear-gradient(top, #9c3487, #b3499f); background-image: linear-gradient(top, #9c3487, #b3499f); -pie-background: linear-gradient(#9c3487, #b3499f); } /* button ocean*/ #ui .ocean .button, #ui .panel.ocean .button, #ui .panel.teaser .ocean .button, #ui .panel .panel.ocean .button, #ui .panel .panel .panel.ocean .button, #ui .button.button-ocean { background-color: #00257a; /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjU3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMjU3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA0MWM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDFjNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#00257a), color-stop(50%, #00257a), color-stop(50%, #041c57), to(#041c57)); background-image: -moz-linear-gradient(center top, #00257a 0, #00257a 50%, #041c57 50%, #041c57 100%); background-image: -o-linear-gradient(top, #00257a, #041c57); background-image: linear-gradient(top, #00257a, #041c57); -pie-background: linear-gradient(#00257a, #041c57); } #ui .ocean .button:hover, #ui .panel.ocean .button:hover, #ui .panel.teaser .ocean .button:hover, #ui .panel .panel.ocean .button:hover, #ui .panel .panel .panel.ocean .button:hover, #ui .button:hover.button-ocean { background-color: #041c57; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0MWM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA0MWM1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMjU3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI1N2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#041c57), color-stop(50%, #041c57), color-stop(50%, #00257a), to(#00257a)); background-image: -moz-linear-gradient(center top, #041c57 0, #041c57 50%, #00257a 50%, #00257a 100%); background-image: -o-linear-gradient(top, #041c57, #00257a); background-image: linear-gradient(top, #041c57, #00257a); -pie-background: linear-gradient(#041c57, #00257a); } /* button sensitive*/ #ui .sensitive .button, #ui .panel.sensitive .button, #ui .panel.teaser .sensitive .button, #ui .panel .panel.sensitive .button, #ui .panel .panel .panel.sensitive .button, #ui .button.button-sensitive { background-color: #75b4df; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YjRkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc1YjRkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ2OTlkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Njk5ZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#75b4df), color-stop(50%, #75b4df), color-stop(50%, #4699d3), to(#4699d3)); background-image: -moz-linear-gradient(center top, #75b4df 0, #75b4df 50%, #4699d3 50%, #4699d3 100%); background-image: -o-linear-gradient(top, #75b4df, #4699d3); background-image: linear-gradient(top, #75b4df, #4699d3); -pie-background: linear-gradient(#75b4df, #4699d3); } #ui .sensitive .button:hover, #ui .panel.sensitive .button:hover, #ui .panel.teaser .sensitive .button:hover, #ui .panel .panel.sensitive .button:hover, #ui .panel .panel .panel.sensitive .button:hover, #ui .button:hover.button-sensitive { background-color: #4699d3; /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2OTlkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ2OTlkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc1YjRkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWI0ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#4699d3), color-stop(50%, #4699d3), color-stop(50%, #75b4df), to(#75b4df)); background-image: -moz-linear-gradient(center top, #4699d3 0, #4699d3 50%, #75b4df 50%, #75b4df 100%); background-image: -o-linear-gradient(top, #4699d3, #75b4df); background-image: linear-gradient(top, #4699d3, #75b4df); -pie-background: linear-gradient(#4699d3, #75b4df); } /* button black*/ #ui .black .button, #ui .panel.black .button, #ui .panel.teaser .black .button, #ui .panel .panel.black .button, #ui .panel .panel .panel.black .button, #ui .button.button-black { background-color: #6935af; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5MzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY5MzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVkMzNhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZDMzYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#6935af), color-stop(50%, #6935af), color-stop(50%, #5d33a5), to(#5d33a5)); background-image: -moz-linear-gradient(center top, #6935af 0, #6935af 50%, #5d33a5 50%, #5d33a5 100%); background-image: -o-linear-gradient(top, #6935af, #5d33a5); background-image: linear-gradient(top, #6935af, #5d33a5); -pie-background: linear-gradient(#6935af, #5d33a5); } #ui .black .button:hover, #ui .panel.black .button:hover, #ui .panel.teaser .black .button:hover, #ui .panel .panel.black .button:hover, #ui .panel .panel .panel.black .button:hover, #ui .button:hover.button-black { background-color: #5d33a5; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkMzNhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzVkMzNhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY5MzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTM1YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#5d33a5), color-stop(50%, #5d33a5), color-stop(50%, #6935af), to(#6935af)); background-image: -moz-linear-gradient(center top, #5d33a5 0, #5d33a5 50%, #6935af 50%, #6935af 100%); background-image: -o-linear-gradient(top, #5d33a5, #6935af); background-image: linear-gradient(top, #5d33a5, #6935af); -pie-background: linear-gradient(#5d33a5, #6935af); } /* button fresh*/ #ui .fresh .button, #ui .panel.fresh .button, #ui .panel.teaser .fresh .button, #ui .panel .panel.fresh .button, #ui .panel .panel .panel.fresh .button, #ui .button.button-fresh { background-color: #53bcd0; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYmNkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzUzYmNkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAzNjU4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzY1ODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#53bcd0), color-stop(50%, #53bcd0), color-stop(50%, #036580), to(#036580)); background-image: -moz-linear-gradient(center top, #53bcd0 0, #53bcd0 50%, #036580 50%, #036580 100%); background-image: -o-linear-gradient(top, #53bcd0, #036580); background-image: linear-gradient(top, #53bcd0, #036580); -pie-background: linear-gradient(#53bcd0, #036580); } #ui .fresh .button:hover, #ui .panel.fresh .button:hover, #ui .panel.teaser .fresh .button:hover, #ui .panel .panel.fresh .button:hover, #ui .panel .panel .panel.fresh .button:hover, #ui .button:hover.button-fresh { background-color: #036580; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzNjU4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAzNjU4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzUzYmNkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1M2JjZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#036580), color-stop(50%, #036580), color-stop(50%, #53bcd0), to(#53bcd0)); background-image: -moz-linear-gradient(center top, #036580 0, #036580 50%, #53bcd0 50%, #53bcd0 100%); background-image: -o-linear-gradient(top, #036580, #53bcd0); background-image: linear-gradient(top, #036580, #53bcd0); -pie-background: linear-gradient(#036580, #53bcd0); } /* button eco*/ #ui .eco .button, #ui .panel.eco .button, #ui .panel.teaser .eco .button, #ui .panel .panel.eco .button, #ui .panel .panel .panel.eco .button, #ui .button.button-eco { background-color: #2dbd9e; /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYmQ5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJkYmQ5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFhOWM4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTljODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#2dbd9e), color-stop(50%, #2dbd9e), color-stop(50%, #1a9c80), to(#1a9c80)); background-image: -moz-linear-gradient(center top, #2dbd9e 0, #2dbd9e 50%, #1a9c80 50%, #1a9c80 100%); background-image: -o-linear-gradient(top, #2dbd9e, #1a9c80); background-image: linear-gradient(top, #2dbd9e, #1a9c80); -pie-background: linear-gradient(#2dbd9e, #1a9c80); } #ui .eco .button:hover, #ui .panel.eco .button:hover, #ui .panel.teaser .eco .button:hover, #ui .panel .panel.eco .button:hover, #ui .panel .panel .panel.eco .button:hover, #ui .button:hover.button-eco { background-color: #1a9c80; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhOWM4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzFhOWM4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJkYmQ5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZGJkOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#1a9c80), color-stop(50%, #1a9c80), color-stop(50%, #2dbd9e), to(#2dbd9e)); background-image: -moz-linear-gradient(center top, #1a9c80 0, #1a9c80 50%, #2dbd9e 50%, #2dbd9e 100%); background-image: -o-linear-gradient(top, #1a9c80, #2dbd9e); background-image: linear-gradient(top, #1a9c80, #2dbd9e); -pie-background: linear-gradient(#1a9c80, #2dbd9e); } /* button tropical*/ #ui .tropical .button, #ui .panel.tropical .button, #ui .panel.teaser .tropical .button, #ui .panel .panel.tropical .button, #ui .panel .panel .panel.tropical .button, #ui .button.button-tropical { background-color: #f8ac00; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4YWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkYTIxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGEyMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#f8ac00), color-stop(50%, #f8ac00), color-stop(50%, #dda21d), to(#dda21d)); background-image: -moz-linear-gradient(center top, #f8ac00 0, #f8ac00 50%, #dda21d 50%, #dda21d 100%); background-image: -o-linear-gradient(top, #f8ac00, #dda21d); background-image: linear-gradient(top, #f8ac00, #dda21d); -pie-background: linear-gradient(#f8ac00, #dda21d); } #ui .tropical .button:hover, #ui .panel.tropical .button:hover, #ui .panel.teaser .tropical .button:hover, #ui .panel .panel.tropical .button:hover, #ui .panel .panel .panel.tropical .button:hover, #ui .button:hover.button-tropical { background-color: #dda21d; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkYTIxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RkYTIxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4YWMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGFjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#dda21d), color-stop(50%, #dda21d), color-stop(50%, #f8ac00), to(#f8ac00)); background-image: -moz-linear-gradient(center top, #dda21d 0, #dda21d 50%, #f8ac00 50%, #f8ac00 100%); background-image: -o-linear-gradient(top, #dda21d, #f8ac00); background-image: linear-gradient(top, #dda21d, #f8ac00); -pie-background: linear-gradient(#dda21d, #f8ac00); } /* button magnolia*/ #ui .magnolia .button, #ui .panel.magnolia .button, #ui .panel.teaser .magnolia .button, #ui .panel .panel.magnolia .button, #ui .panel .panel .panel.magnolia .button, #ui .button.button-magnolia { background-color: #e483b8; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzY4OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#e483b8), color-stop(50%, #e483b8), color-stop(50%, #c7689c), to(#c7689c)); background-image: -moz-linear-gradient(center top, #e483b8 0, #e483b8 50%, #c7689c 50%, #c7689c 100%); background-image: -o-linear-gradient(top, #e483b8, #c7689c); background-image: linear-gradient(top, #e483b8, #c7689c); -pie-background: linear-gradient(#e483b8, #c7689c); } #ui .magnolia .button:hover, #ui .panel.magnolia .button:hover, #ui .panel.teaser .magnolia .button:hover, #ui .panel .panel.magnolia .button:hover, #ui .panel .panel .panel.magnolia .button:hover, #ui .button:hover.button-magnolia { background-color: #c7689c; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDgzYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#c7689c), color-stop(50%, #c7689c), color-stop(50%, #e483b8), to(#e483b8)); background-image: -moz-linear-gradient(center top, #c7689c 0, #c7689c 50%, #e483b8 50%, #e483b8 100%); background-image: -o-linear-gradient(top, #c7689c, #e483b8); background-image: linear-gradient(top, #c7689c, #e483b8); -pie-background: linear-gradient(#c7689c, #e483b8); } /* button lavender*/ #ui .lavender .button, #ui .panel.lavender .button, #ui .panel.teaser .lavender .button, #ui .panel .panel.lavender .button, #ui .panel .panel .panel.lavender .button, #ui .button.button-lavender { background-color: #796ca1; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5NmNhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc5NmNhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA0MWQ1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDFkNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#796ca1), color-stop(50%, #796ca1), color-stop(50%, #041d57), to(#041d57)); background-image: -moz-linear-gradient(center top, #796ca1 0, #796ca1 50%, #041d57 50%, #041d57 100%); background-image: -o-linear-gradient(top, #796ca1, #041d57); background-image: linear-gradient(top, #796ca1, #041d57); -pie-background: linear-gradient(#796ca1, #041d57); } #ui .lavender .button:hover, #ui .panel.lavender .button:hover, #ui .panel.teaser .lavender .button:hover, #ui .panel .panel.lavender .button:hover, #ui .panel .panel .panel.lavender .button:hover, #ui .button:hover.button-lavender { background-color: #041d57; /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0MWQ1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA0MWQ1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc5NmNhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTZjYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#041d57), color-stop(50%, #041d57), color-stop(50%, #796ca1), to(#796ca1)); background-image: -moz-linear-gradient(center top, #041d57 0, #041d57 50%, #796ca1 50%, #796ca1 100%); background-image: -o-linear-gradient(top, #041d57, #796ca1); background-image: linear-gradient(top, #041d57, #796ca1); -pie-background: linear-gradient(#041d57, #796ca1); } /* button hygiene*/ #ui .hygiene .button, #ui .panel.hygiene .button, #ui .panel.teaser .hygiene .button, #ui .panel .panel.hygiene .button, #ui .panel .panel .panel.hygiene .button, #ui .button.button-hygiene { background-color: #8dca6b; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkY2E2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhkY2E2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdiYTU2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YmE1NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#8dca6b), color-stop(50%, #8dca6b), color-stop(50%, #7ba562), to(#7ba562)); background-image: -moz-linear-gradient(center top, #8dca6b 0, #8dca6b 50%, #7ba562 50%, #7ba562 100%); background-image: -o-linear-gradient(top, #8dca6b, #7ba562); background-image: linear-gradient(top, #8dca6b, #7ba562); -pie-background: linear-gradient(#8dca6b, #7ba562); } #ui .hygiene .button:hover, #ui .panel.hygiene .button:hover, #ui .panel.teaser .hygiene .button:hover, #ui .panel .panel.hygiene .button:hover, #ui .panel .panel .panel.hygiene .button:hover, #ui .button:hover.button-hygiene { background-color: #7ba562; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdiYTU2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzdiYTU2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhkY2E2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZGNhNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#7ba562), color-stop(50%, #7ba562), color-stop(50%, #8dca6b), to(#8dca6b)); background-image: -moz-linear-gradient(center top, #7ba562 0, #7ba562 50%, #8dca6b 50%, #8dca6b 100%); background-image: -o-linear-gradient(top, #7ba562, #8dca6b); background-image: linear-gradient(top, #7ba562, #8dca6b); -pie-background: linear-gradient(#7ba562, #8dca6b); } /* button active*/ #ui .active .button, #ui .panel.active .button, #ui .panel.teaser .active .button, #ui .panel .panel.active .button, #ui .panel .panel .panel.active .button, #ui .button.button-active { background-color: #9c9ead; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljOWVhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljOWVhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzkxOTI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzkxOTI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9ead), color-stop(50%, #9c9ead), color-stop(50%, #91929a), to(#91929a)); background-image: -moz-linear-gradient(center top, #9c9ead 0, #9c9ead 50%, #91929a 50%, #91929a 100%); background-image: -o-linear-gradient(top, #9c9ead, #91929a); background-image: linear-gradient(top, #9c9ead, #91929a); -pie-background: linear-gradient(#9c9ead, #91929a); } #ui .active .button:hover, #ui .panel.active .button:hover, #ui .panel.teaser .active .button:hover, #ui .panel .panel.active .button:hover, #ui .panel .panel .panel.active .button:hover, #ui .button:hover.button-active { background-color: #91929a; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxOTI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzkxOTI5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljOWVhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YzllYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#91929a), color-stop(50%, #91929a), color-stop(50%, #9c9ead), to(#9c9ead)); background-image: -moz-linear-gradient(center top, #91929a 0, #91929a 50%, #9c9ead 50%, #9c9ead 100%); background-image: -o-linear-gradient(top, #91929a, #9c9ead); background-image: linear-gradient(top, #91929a, #9c9ead); -pie-background: linear-gradient(#91929a, #9c9ead); } /* button laitdedouceur*/ #ui .laitdedouceur .button, #ui .panel.laitdedouceur .button, #ui .panel.teaser .laitdedouceur .button, #ui .panel .panel.laitdedouceur .button, #ui .panel .panel .panel.laitdedouceur .button, #ui .button.button-laitdedouceur { background-color: #a6a8d2; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzY4OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a8d2), color-stop(50%, #a6a8d2), color-stop(50%, #8d8fb3), to(#8d8fb3)); background-image: -moz-linear-gradient(center top, #a6a8d2 0, #a6a8d2 50%, #8d8fb3 50%, #8d8fb3 100%); background-image: -o-linear-gradient(top, #a6a8d2, #8d8fb3); background-image: linear-gradient(top, #a6a8d2, #8d8fb3); -pie-background: linear-gradient(#a6a8d2, #8d8fb3); } #ui .laitdedouceur .button:hover, #ui .panel.laitdedouceur .button:hover, #ui .panel.teaser .laitdedouceur .button:hover, #ui .panel .panel.laitdedouceur .button:hover, #ui .panel .panel .panel.laitdedouceur .button:hover, #ui .button:hover.button-laitdedouceur { background-color: #8d8fb3; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDgzYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#8d8fb3), color-stop(50%, #8d8fb3), color-stop(50%, #a6a8d2), to(#a6a8d2)); background-image: -moz-linear-gradient(center top, #8d8fb3 0, #8d8fb3 50%, #a6a8d2 50%, #a6a8d2 100%); background-image: -o-linear-gradient(top, #8d8fb3, #a6a8d2); background-image: linear-gradient(top, #8d8fb3, #a6a8d2); -pie-background: linear-gradient(#8d8fb3, #a6a8d2); } /* button douceurderose*/ #ui .douceurderose .button, #ui .panel.douceurderose .button, #ui .panel.teaser .douceurderose .button, #ui .panel .panel.douceurderose .button, #ui .panel .panel .panel.douceurderose .button, #ui .button.button-douceurderose { background-color: #ecbfc1; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzY4OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ecbfc1), color-stop(50%, #ecbfc1), color-stop(50%, #c9a3a4), to(#c9a3a4)); background-image: -moz-linear-gradient(center top, #ecbfc1 0, #ecbfc1 50%, #c9a3a4 50%, #c9a3a4 100%); background-image: -o-linear-gradient(top, #ecbfc1, #c9a3a4); background-image: linear-gradient(top, #ecbfc1, #c9a3a4); -pie-background: linear-gradient(#ecbfc1, #c9a3a4); } #ui .douceurderose .button:hover, #ui .panel.douceurderose .button:hover, #ui .panel.teaser .douceurderose .button:hover, #ui .panel .panel.douceurderose .button:hover, #ui .panel .panel .panel.douceurderose .button:hover, #ui .button:hover.button-douceurderose { background-color: #c9a3a4; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDgzYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#c9a3a4), color-stop(50%, #c9a3a4), color-stop(50%, #ecbfc1), to(#ecbfc1)); background-image: -moz-linear-gradient(center top, #c9a3a4 0, #c9a3a4 50%, #ecbfc1 50%, #ecbfc1 100%); background-image: -o-linear-gradient(top, #c9a3a4, #ecbfc1); background-image: linear-gradient(top, #c9a3a4, #ecbfc1); -pie-background: linear-gradient(#c9a3a4, #ecbfc1); } /* button ecologique*/ #ui .ecologique .button, #ui .panel.ecologique .button, #ui .panel.teaser .ecologique .button, #ui .panel .panel.ecologique .button, #ui .panel .panel .panel.ecologique .button, #ui .button.button-ecologique { background-color: #4cb848; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzY4OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#4cb848), color-stop(50%, #4cb848), color-stop(50%, #419d3d), to(#419d3d)); background-image: -moz-linear-gradient(center top, #4cb848 0, #4cb848 50%, #419d3d 50%, #419d3d 100%); background-image: -o-linear-gradient(top, #4cb848, #419d3d); background-image: linear-gradient(top, #4cb848, #419d3d); -pie-background: linear-gradient(#4cb848, #419d3d); } #ui .ecologique .button:hover, #ui .panel.ecologique .button:hover, #ui .panel.teaser .ecologique .button:hover, #ui .panel .panel.ecologique .button:hover, #ui .panel .panel .panel.ecologique .button:hover, #ui .button:hover.button-ecologique { background-color: #419d3d; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDgzYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#419d3d), color-stop(50%, #419d3d), color-stop(50%, #4cb848), to(#4cb848)); background-image: -moz-linear-gradient(center top, #419d3d 0, #419d3d 50%, #4cb848 50%, #4cb848 100%); background-image: -o-linear-gradient(top, #419d3d, #4cb848); background-image: linear-gradient(top, #419d3d, #4cb848); -pie-background: linear-gradient(#419d3d, #4cb848); } /* button opercent*/ #ui .opercent .button, #ui .panel.opercent .button, #ui .panel.teaser .opercent .button, #ui .panel .panel.opercent .button, #ui .panel .panel .panel.opercent .button, #ui .button.button-opercent { background-color: #00adee; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzY4OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#00adee), color-stop(50%, #00adee), color-stop(50%, #0093cb), to(#0093cb)); background-image: -moz-linear-gradient(center top, #00adee 0, #00adee 50%, #0093cb 50%, #0093cb 100%); background-image: -o-linear-gradient(top, #00adee, #0093cb); background-image: linear-gradient(top, #00adee, #0093cb); -pie-background: linear-gradient(#00adee, #0093cb); } #ui .opercent .button:hover, #ui .panel.opercent .button:hover, #ui .panel.teaser .opercent .button:hover, #ui .panel .panel.opercent .button:hover, #ui .panel .panel .panel.opercent .button:hover, #ui .button:hover.button-opercent { background-color: #0093cb; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3Njg5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U0ODNiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDgzYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#0093cb), color-stop(50%, #0093cb), color-stop(50%, #00adee), to(#00adee)); background-image: -moz-linear-gradient(center top, #0093cb 0, #0093cb 50%, #00adee 50%, #00adee 100%); background-image: -o-linear-gradient(top, #0093cb, #00adee); background-image: linear-gradient(top, #0093cb, #00adee); -pie-background: linear-gradient(#0093cb, #00adee); } /*Color styles for teaser and icon links*/ /*icons begin*/ .homepage #ui .teaser .default h3, .categorypage #ui .teaser .default h3, .productfamily #ui .teaser .default h3, .productdetails #ui .teaser .default h3, #heli .default article .ic, #ui .teaser .default h3:before { background-position: 0 -1598px; } .homepage #ui .teaser .universal h3, .categorypage #ui .teaser .universal h3, .productfamily #ui .teaser .universal h3, .productdetails #ui .teaser .universal h3, #heli .universal article .ic, #ui .teaser .universal h3:before { background-position: 0 -3948px; } .homepage #ui .teaser .color h3, .categorypage #ui .teaser .color h3, .productfamily #ui .teaser .color h3, .productdetails #ui .teaser .color h3, #heli .color article .ic, #ui .teaser .color h3:before { background-position: 0 -3998px; } .homepage #ui .teaser .ocean h3, .categorypage #ui .teaser .ocean h3, .productfamily #ui .teaser .ocean h3, .productdetails #ui .teaser .ocean h3, #heli .ocean article .ic, #ui .teaser .ocean h3:before { background-position: 0 -4048px; } .homepage #ui .teaser .fresh h3, .categorypage #ui .teaser .fresh h3, .productfamily #ui .teaser .fresh h3, .productdetails #ui .teaser .fresh h3, #heli .fresh article .ic, #ui .teaser .fresh h3:before { background-position: 0 -4098px; } .homepage #ui .teaser .black h3, .categorypage #ui .teaser .black h3, .productfamily #ui .teaser .black h3, .productdetails #ui .teaser .black h3, #heli .black article .ic, #ui .teaser .black h3:before { background-position: 0 -4148px; } .homepage #ui .teaser .sensitive h3, .categorypage #ui .teaser .sensitive h3, .productfamily #ui .teaser .sensitive h3, .productdetails #ui .teaser .sensitive h3, #heli .sensitive article .ic, #ui .teaser .sensitive h3:before { background-position: 0 -4198px; } .homepage #ui .teaser .eco h3, .categorypage #ui .teaser .eco h3, .productfamily #ui .teaser .eco h3, .productdetails #ui .teaser .eco h3, #heli .eco article .ic, #ui .teaser .eco h3:before { background-position: 0 -4248px; } .homepage #ui .teaser .tropical h3, .categorypage #ui .teaser .tropical h3, .productfamily #ui .teaser .tropical h3, .productdetails #ui .teaser .tropical h3, #heli .tropical article .ic, #ui .teaser .tropical h3:before { background-position: 0 -4298px; } .homepage #ui .teaser .magnolia h3, .categorypage #ui .teaser .magnolia h3, .productfamily #ui .teaser .magnolia h3, .productdetails #ui .teaser .magnolia h3, #heli .magnolia article .ic, #ui .teaser .magnolia h3:before { background-position: 0 -4348px; } .homepage #ui .teaser .lavender h3, .categorypage #ui .teaser .lavender h3, .productfamily #ui .teaser .lavender h3, .productdetails #ui .teaser .lavender h3, #heli .lavender article .ic, #ui .teaser .lavender h3:before { background-position: 0 -4398px; } .homepage #ui .teaser .hygiene h3, .categorypage #ui .teaser .hygiene h3, .productfamily #ui .teaser .hygiene h3, .productdetails #ui .teaser .hygiene h3, #heli .hygiene article .ic, #ui .teaser .hygiene h3:before { background-position: 0 -4448px; } .homepage #ui .teaser .active h3, .categorypage #ui .teaser .active h3, .productfamily #ui .teaser .active h3, .productdetails #ui .teaser .active h3, #heli .active article .ic, #ui .teaser .active h3:before { background-position: 0 -4498px; } .homepage #ui .teaser .laitdedouceur h3, .categorypage #ui .teaser .laitdedouceur h3, .productfamily #ui .teaser .laitdedouceur h3, .productdetails #ui .teaser .laitdedouceur h3, #heli .laitdedouceur article .ic, #ui .teaser .laitdedouceur h3:before { background-position: 0 -4548px; } .homepage #ui .teaser .douceurderose h3, .categorypage #ui .teaser .douceurderose h3, .productfamily #ui .teaser .douceurderose h3, .productdetails #ui .teaser .douceurderose h3, #heli .douceurderose article .ic, #ui .teaser .douceurderose h3:before { background-position: 0 -4598px; } .homepage #ui .teaser .ecologique h3, .categorypage #ui .teaser .ecologique h3, .productfamily #ui .teaser .ecologique h3, .productdetails #ui .teaser .ecologique h3, #heli .ecologique article .ic, #ui .teaser .ecologique h3:before { background-position: 0 -4698px; } .homepage #ui .teaser .opercent h3, .categorypage #ui .teaser .opercent h3, .productfamily #ui .teaser .opercent h3, .productdetails #ui .teaser .opercent h3, #heli .opercent article .ic, #ui .teaser .opercent h3:before { background-position: 0 -4648px; } /*icons end*/ /*headlines start */ /* universal */ #heli article .search .universal h4, #heli article .teaser .universal h3, #heli article .teaser .universal h3 a, #heli article .teaser .universal h3 a:link, #heli article .teaser .universal h3 a:visited { color: #008542; } /* color */ #heli article .search .color h4, #heli article .teaser .color h3, #heli article .teaser .color h3 a, #heli article .teaser .color h3 a:link, #heli article .teaser .color h3 a:visited { color: #a50878; } /* ocean */ #heli article .search .ocean h4, #heli article .teaser .ocean h3, #heli article .teaser .ocean h3 a, #heli article .teaser .ocean h3 a:link, #heli article .teaser .ocean h3 a:visited { color: #00257a; } /* fresh */ #heli article .search .fresh h4, #heli article .teaser .fresh h3, #heli article .teaser .fresh h3 a, #heli article .teaser .fresh h3 a:link, #heli article .teaser .fresh h3 a:visited { color: #00a1de; } /* black */ #heli article .search .black h4, #heli article .teaser .black h3, #heli article .teaser .black h3 a, #heli article .teaser .black h3 a:link, #heli article .teaser .black h3 a:visited { color: #4a1c6d; } /* sensitive */ #heli article .search .sensitive h4, #heli article .teaser .sensitive h3, #heli article .teaser .sensitive h3 a, #heli article .teaser .sensitive h3 a:link, #heli article .teaser .sensitive h3 a:visited { color: #75b4df; } /* eco */ #heli article .search .eco h4, #heli article .teaser .eco h3, #heli article .teaser .eco h3 a, #heli article .teaser .eco h3 a:link, #heli article .teaser .eco h3 a:visited { color: #2dbd9e; } /* tropical */ #heli article .search .tropical h4, #heli article .teaser .tropical h3, #heli article .teaser .tropical h3 a, #heli article .teaser .tropical h3 a:link, #heli article .teaser .tropical h3 a:visited { color: #f8ac00; } /* magnolia */ #heli article .search .magnolia h4, #heli article .teaser .magnolia h3, #heli article .teaser .magnolia h3 a, #heli article .teaser .magnolia h3 a:link, #heli article .teaser .magnolia h3 a:visited { color: #e483b8; } /* lavender */ #heli article .search .lavender h4, #heli article .teaser .lavender h3, #heli article .teaser .lavender h3 a, #heli article .teaser .lavender h3 a:link, #heli article .teaser .lavender h3 a:visited { color: #796ca1; } /* hygiene */ #heli article .search .hygiene h4, #heli article .teaser .hygiene h3, #heli article .teaser .hygiene h3 a, #heli article .teaser .hygiene h3 a:link, #heli article .teaser .hygiene h3 a:visited { color: #8dca6b; } /* active */ #heli article .search .active h4, #heli article .teaser .active h3, #heli article .teaser .active h3 a, #heli article .teaser .active h3 a:link, #heli article .teaser .active h3 a:visited { color: #9c9ead; } /* laitdedouceur */ #heli article .search .laitdedouceur h4, #heli article .teaser .laitdedouceur h3, #heli article .teaser .laitdedouceur h3 a, #heli article .teaser .laitdedouceur h3 a:link, #heli article .teaser .laitdedouceur h3 a:visited { color: #a6a8d2; } /* douceurderose */ #heli article .search .douceurderose h4, #heli article .teaser .douceurderose h3, #heli article .teaser .douceurderose h3 a, #heli article .teaser .douceurderose h3 a:link, #heli article .teaser .douceurderose h3 a:visited { color: #ecbfc1; } /* ecologique */ #heli article .search .ecologique h4, #heli article .teaser .ecologique h3, #heli article .teaser .ecologique h3 a, #heli article .teaser .ecologique h3 a:link, #heli article .teaser .ecologique h3 a:visited { color: #4cb848; } /* opercent */ #heli article .search .opercent h4, #heli article .teaser .opercent h3, #heli article .teaser .opercent h3 a, #heli article .teaser .opercent h3 a:link, #heli article .teaser .opercent h3 a:visited { color: #00ADEE; } /*headlines end */ /*default: icon middle next*/ #heli .ic { background-repeat: no-repeat; font-weight: bold; padding-left: 20px; } #heli figure .ic { background: none; } } @media all { #ui .cl { zoom: 1; } #ui .cl:before, #ui .cl:after { content: ""; display: table; } #ui .cl:after { clear: both; } #ui .wrapper .button { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; cursor: pointer; display: inline-block; font-weight: bold; padding: 0 8px; text-decoration: none; vertical-align: middle; white-space: nowrap; -moz-user-select: none; } #ui .wrapper .button:hover { cursor: pointer; text-decoration: none; } #ui .wrapper .button span, #ui .wrapper .button input { background-color: transparent; background-repeat: no-repeat; background-position: 0 -393px; border: 0 none; cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; margin: 0; outline: 0 none; padding: 0 5px 0 24px; text-align: left; } #ui .wrapper .button span { font-size: 12px; } #ui .skiplink { top: 5px; } #ui ul.pagination { list-style-type: none; } #ui ul.pagination li { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.0; margin-right: 3px; padding-left: 3px; } #ui ul.pagination li.current { font-weight: bold; text-decoration: underline; } #ui ul.pagination li.spacer, #ui ul.pagination li.spacer:hover { cursor: default; } #ui ul.pagination li.prev a { background-position: 0 -3698px; margin-right: 0; } #ui ul.pagination li.next a { background-position: 0 -3598px; margin-left: 3px; } #ui ul.pagination li.prev a, #ui ul.pagination li.next a { background-repeat: no-repeat; bottom: 1px; display: block; height: 17px; position: relative; text-indent: -999px; width: 15px; } #ui ul.pagination li a:active, #ui ul.pagination li a:hover, #ui ul.pagination li a:focus { text-decoration: none; } #ui ul.pagination li.hidden { display: none; } .ie9 #ui .wrapper .button, .ie7 #ui .wrapper .button, .ie8 #ui .wrapper .button { behavior: "/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc"; position: relative; } } /** * PERSIL library css: colors * * @description: base color definitions for background and text colors */ @media all { /* new color skins*/ #heli h2, #heli h2 a, #heli h2 a:link, #heli h2 a:visited, #heli h3, #heli h3 a, #heli h3 a:link, #heli h3 a:visited, #heli h4, #heli h4 a, #heli h4 a:link, #heli h4 a:visited { color: #008542; } /* default */ #heli .default article h2, #heli .default article h2 a, #heli .default article h2 a:link, #heli .default article h2 a:visited, #heli .default article h3, #heli .default article h3 a, #heli .default article h3 a:link, #heli .default article h3 a:visited, #heli article .default h3, #heli article .default h3 a, #heli article .default h3 a:link, #heli article .default h3 a:visited, #heli .default article h4, #heli .default article h4 a, #heli .default article h4 a:link, #heli .default article h4 a:visited, #heli article .default h4, #heli article .default h4 a, #heli article .default h4 a:link, #heli article .default h4 a:visited, #heli .default article h5, #heli .default article h5 a, #heli .default article h5 a:link, #heli .default article h5 a:visited, #heli article .default h5, #heli article .default h5 a, #heli article .default h5 a:link, #heli article .default h5 a:visited { color: #008542; } /* links with icon*/ #heli a.icon-link, #heli a.icon-link:link, #heli a.icon-link:visited { color: #008542; } /* button color default */ #ui .button, #ui .button:link, #ui .panel .button, #ui .panel .panel .button, #ui .panel .panel .panel .button, #ui .default .button, #ui .panel.default .button, #ui .panel .panel.default .button, #ui .panel .panel .panel.default .button, #ui .button.button-default, #ui .cookienote .cookie.note .cookie-buttons .button, #ui #navbar .search.input-box .searchbutton { background-color: #008d25; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOGQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNzEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcxMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */ background-image: -webkit-gradient(linear, left top, left bottom, from(#008d25), color-stop(50%, #008d25), color-stop(50%, #00712b), to(#00712b)); background-image: -moz-linear-gradient(center top, #008d25 0, #008d25 50%, #00712b 50%, #00712b 100%); background-image: -o-linear-gradient(top, #008d25, #00712b); background-image: linear-gradient(top, #008d25, #00712b); -pie-background: linear-gradient(#008d25, #00712b); } #ui .button:hover, #ui .panel .button:hover, #ui .panel .panel .button:hover, #ui .panel .panel .panel .button:hover, #ui .default .button:hover, #ui .panel.default .button:hover, #ui .panel .panel.default .button:hover, #ui .panel .panel .panel.default .button:hover, #ui .button:hover.button-default, #ui .cookienote .cookie.note .cookie-buttons .button:hover { background-color: #00712b; /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwNzEyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwOGQyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhkMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#00712b), color-stop(50%, #00712b), color-stop(50%, #008d25), to(#008d25)); background-image: -moz-linear-gradient(center top, #00712b 0, #00712b 50%, #008d25 50%, #008d25 100%); background-image: -o-linear-gradient(top, #00712b, #008d25); background-image: linear-gradient(top, #00712b, #008d25); -pie-background: linear-gradient(#00712b, #008d25); } /*headlines*/ /* default */ #heli article .search .default h4, #heli article .teaser .default h3, #heli article .teaser .default h3 a, #heli article .teaser .default h3 a:link, #heli article .teaser .default h3 a:visited { color: #008542; } /* OLD COLOR STYLES*/ /* white */ #heli .white { background-color: #ffffff; color: #137625; } #heli .white a, #heli .panel.white a, #heli .panel .panel.white a, #heli .panel .panel .panel.white a { color: #137625; } #heli .white .inverted, #heli .panel.white .inverted, #heli .panel .panel.white .inverted, #heli .panel .panel .panel.white .inverted { background-color: #137625; color: #ffffff; } /* light-grey */ #heli .light-grey { background-color: #dddada; color: #00692a; } #heli .light-grey a, #heli .panel.light-grey a, #heli .panel .panel.light-grey a, #heli .panel .panel .panel.light-grey a { color: #00692a; } #heli .light-grey .inverted, #heli .panel.light-grey .inverted, #heli .panel .panel.light-grey .inverted, #heli .panel .panel .panel.light-grey .inverted { background-color: #00692a; color: #dddada; } #heli .light-grey.gradient { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0019, #f5f5f5), color-stop(0.02, #dddada), color-stop(0.01, #f5f5f5)); background-image: -moz-linear-gradient(center top, #f5f5f5 0.19, #dddada 2, #f5f5f5 1); background-image: -ms-linear-gradient(top, #f5f5f5 0.19, #dddada 2, #f5f5f5 1); background-image: -o-linear-gradient(top, #f5f5f5 0.19, #dddada 2, #f5f5f5 1); background-image: linear-gradient(top, #f5f5f5 0.19, #dddada 2, #f5f5f5 1); -pie-background: linear-gradient(#f5f5f5 0.19, #dddada 2, #f5f5f5 1); } /*default: icon middle next*/ #heli .ic { background-image: url("../../designs/persil/common/img/icons-persil.png"); background-position: 0 -1600px; } #ui .teaser-linklist .teaser .teaser_image, #ui .teaser-linklist .teaser .textbox { background-color: #e6e6e6; } #ui .teaser-linklist .teaser a.teaser_link { color: #ffffff; } #ui .teaser-linklist .teaser_link_list .link_list_item > a { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e6e6e6)); background-image: -moz-linear-gradient(center top, #ffffff 0, #e6e6e6 100%); background-image: -ms-linear-gradient(top, #ffffff 0, #e6e6e6 100%); background-image: -o-linear-gradient(top, #ffffff 0, #e6e6e6 100%); background-image: linear-gradient(top, #ffffff 0, #e6e6e6 100%); -pie-background: linear-gradient(#ffffff 0, #e6e6e6 100%); color: #00692a; } #ui .bubbteasercomp .textbubble { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008d25), color-stop(1, #00712b)); background-image: -moz-linear-gradient(center top, #008d25 0, #00712b 100%); background-image: -ms-linear-gradient(top, #008d25 0, #00712b 100%); background-image: -o-linear-gradient(top, #008d25 0, #00712b 100%); background-image: linear-gradient(top, #008d25 0, #00712b 100%); -pie-background: linear-gradient(#008d25 0, #00712b 100%); background-color: #008d25; } #ui .bubbteasercomp .textbubble:after { border-color: #008d25 transparent; } .dir-rtl #heli .ic { background-image: url("../../designs/persil/common/img/icons-persil-rtl.png"); } } @media all { #ui a:active, #ui a:focus { background-color: #137625; color: #ffffff; } #ui ul.pagination li.current, #ui ul.pagination li.spacer, #ui ul.pagination li a, #ui ul.pagination li a:hover, #ui ul.pagination li a:focus, #ui ul.pagination li a:active { color: #008542; } #ui ul.pagination li.prev a, #ui ul.pagination li.next a { background-image: url("../../designs/persil/common/img/icons-persil.png"); } .dir-rtl #ui ul.pagination li.prev a, .dir-rtl #ui ul.pagination li.next a { background-image: url("../../designs/persil/common/img/icons-persil-rtl.png"); } } /* ColorBox Core Style (theme: persil) */ @media all { #cboxClose { background-image: url(../../designs/persil/components/colorbox/img/close-persil.png); } #ui #colorbox { z-index: 10001; } } /** * comp: dosage calculator * theme: persil */ @media all { #ui .dosagecalculator { color: #008542; } #ui .dosagecalculator .slot .number { background-image: url("../../designs/persil/common/img/slot-numbers-green.png"); } #ui .dosagecalculator .arrow { background-image: url(../../designs/persil/components/dosagecalculator/img/persil.dosagecalculator.arrows-green.png); } #ui .dosagecalculator .result h3 { background-color: green; } } @media screen and (max-width: 1024px) { #ui .dosagecalculator .arrow-up { margin-left: 10px; position: relative; } #ui .dosagecalculator .arrow-up:before { border: 5px solid transparent; border-bottom-color: #008542; content: ""; left: -10px; position: absolute; } #ui .dosagecalculator .arrow-down { margin-left: 10px; position: relative; } #ui .dosagecalculator .arrow-down:before { border: 5px solid transparent; border-top-color: #008542; content: ""; left: -10px; position: absolute; } #ui .dosagecalculator .arrow:before { border-width: 15px; left: 50px; } } /** * comp: form (theme: persil) */ @media all { /* form elements */ #ui .form .text input, #ui .form .select select, #ui .form .textarea textarea { color: #fff; } #ui .form .text input, #ui .form .textarea textarea { background: #41aa25; border-color: #FFFFFF; /*-webkit-box-shadow: inset 0 0 6px #ebebeb;*/ /* -moz-box-shadow: inset 0 0 6px #ebebeb; box-shadow: inset 0 0 6px #ebebeb; */ } #ui .form .select p { background-color: #41aa25; border: 2px solid #FFFFFF; } #ui .form .select select { background-color: #41aa25; } #ui .panel .form .select select { /*border: 3px solid #00712D;*/ background: #41aa25; } #ui .panel .form .select select option { background-color: #41aa25; } /*Checkboxes and Radiobuttons*/ #ui .form .styledCheckbox, #ui .form .styledRadio { background-image: url(../../designs/persil/components/form/img/forms-persil.png); } #ui .form .styledCheckbox { margin-right: 0px; } #ui .form .styledRadio { background-position: -240px -20px; } #ui .form .styledRadioChecked { background-position: -240px 0; } #ui .form label.hover .styledRadio, #ui .form .styledRadio.active { background-position: -240px 0; } /*Captcha*/ #ui .form .form_captcha_img { background-color: #41aa25; } #ui .form .form_captcha_refresh input { background-color: transparent; background-image: url(../../designs/persil/common/img/icons-persil.png); color: #000000; } .dir-rtl #ui .form .form_captcha_refresh input { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } /* error */ #ui .form p.error-message { background-color: #fff; color: #d52b1e; } #ui .form .text input.error, #ui .form .select p.error, #ui .form .textarea textarea.error { border-color: #d52b1e; } } /** * comp: contactform */ @media all { #ui .calendarform .gameCalendar .calendarNumber { background: #008442; background: -moz-linear-gradient(top, #008442 0%, #025401 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008442), color-stop(100%, #025401)); background: -webkit-linear-gradient(top, #008442 0%, #025401 100%); background: -o-linear-gradient(top, #008442 0%, #025401 100%); background: -ms-linear-gradient(top, #008442 0%, #025401 100%); background: linear-gradient(top, #008442 0%, #025401 100%); -pie-background: linear-gradient(#008442, #025401); } /* styling of elapsed, gaming and current day */ #ui .calendarform .gameCalendar .currentDay, #ui .calendarform .gameCalendar .currentDay.gamingDay { background: #008442; background: -moz-linear-gradient(top, #008442 0%, #025401 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008442), color-stop(100%, #025401)); background: -webkit-linear-gradient(top, #008442 0%, #025401 100%); background: -o-linear-gradient(top, #008442 0%, #025401 100%); background: -ms-linear-gradient(top, #008442 0%, #025401 100%); background: linear-gradient(top, #008442 0%, #025401 100%); } } /** * comp: languageswitch */ @media screen and (max-width: 1024px) { #ui #navbar .languageswitch .h-nav li a { color: #419d3d; } } @media all { .campaignpage #footer small, #ui .footer-nav small, #ui .cookienote .meta-nav small { color: #8dcd3a; } .campaignpage #footer .meta-nav a, #ui .footer-nav a, #ui .cookienote .meta-nav a { border-left: 1px solid #8dcd3a; color: #8dcd3a !important; } .dir-rtl #ui .footer-nav a, .dir-rtl #ui .cookienote .meta-nav { border-left: none; border-right: 1px solid #8dcd3a; } #ui .cookienote .meta-nav li a { font-weight: normal; text-transform: none; } } @media screen and (max-width: 640px), screen and (max-device-width: 640px) { #ui .footer-nav ul.h-nav li a, #ui .cookienote .meta-nav ul.h-nav li a { border-left: 0 none; } #ui .footer-nav small, #ui .cookienote .meta-nav small { color: #999; } } @media all { #ui .main-nav li { background-color: #008d25; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56be28), color-stop(1, #02811f)); background-image: -moz-linear-gradient(center top, #56be28 0, #02811f 100%); background-image: -ms-linear-gradient(top, #56be28 0, #02811f 100%); background-image: -o-linear-gradient(top, #56be28 0, #02811f 100%); background-image: linear-gradient(top, #56be28 0, #02811f 100%); -pie-background: linear-gradient(#56be28 0, #02811f 100%); } #ui .main-nav li.current, #ui .main-nav li:hover { background-color: #00712b; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008542), color-stop(1, #005329)); background-image: -moz-linear-gradient(center top, #008542 0, #005329 100%); background-image: -ms-linear-gradient(top, #008542 0, #005329 100%); background-image: -o-linear-gradient(top, #008542 0, #005329 100%); background-image: linear-gradient(top, #008542 0, #005329 100%); -pie-background: linear-gradient(#008542 0, #005329 100%); } #ui .main-nav li a { background-image: url(../../designs/persil/components/navigation/main-nav/img/divider-persil.png); color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } #ui .main-nav li .dropdown { -webkit-box-shadow: 0 5px 10px 5px #505050; -moz-box-shadow: 0 5px 10px 5px #505050; box-shadow: 0 5px 10px 5px #505050; background: #ffffff; border-left: 1px solid #eaeaea; } #ui .main-nav li .dropdown li { background-color: #ffffff; border-color: #eaeaea; } #ui .main-nav li .dropdown li a { background-color: transparent; background-image: url(../../designs/persil/common/img/icons-persil.png); color: #00712b; } #ui .main-nav li .dropdown li:hover { background-color: #004221; background-image: -webkit-gradient(linear, left top, left bottom, from(#01763b), color-stop(50%, #327c57), color-stop(50%, #005b2d), to(#004221)); background-image: -webkit-linear-gradient(top, #01763b 0%, #327c57 50%, #005b2d 50%, #004221 100%); background-image: -moz-linear-gradient(top, #01763b 0, #327c57 50%, #005b2d 50%, #004221 100%); background-image: -ms-linear-gradient(top, #01763b 0%, #327c57 50%, #005b2d 50%, #004221 100%); background-image: -o-linear-gradient(top, #01763b 0%, #327c57 50%, #005b2d 50%, #02811f 100%, #02811f 100%, #004221 100%); background-image: linear-gradient(top, #01763b 0%, #327c57 50%, #005b2d 50%, #004221 100%); -pie-background: linear-gradient(top, #01763b 0%, #327c57 50%, #005b2d 50%, #004221 100%); } #ui .main-nav li .dropdown li:hover a { background-position: 15px 14px; color: #ffffff; } .dir-rtl #ui .main-nav li .dropdown li a { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } } @media screen and (max-width: 1024px) { #ui #navbar .main-nav li { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e8e8e8)); background-image: -moz-linear-gradient(center top, #ffffff 0, #e8e8e8 100%); background-image: -ms-linear-gradient(top, #ffffff 0, #e8e8e8 100%); background-image: -o-linear-gradient(top, #ffffff 0, #e8e8e8 100%); background-image: linear-gradient(top, #ffffff 0, #e8e8e8 100%); -pie-background: linear-gradient(#ffffff 0, #e8e8e8 100%); } #ui #navbar .main-nav li a { background-image: none; color: #419d3d; text-shadow: none; } #ui #navbar .main-nav div ul li.backlink { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #56be28), color-stop(1, #02811f)); background-image: -moz-linear-gradient(center top, #56be28 0, #02811f 100%); background-image: -ms-linear-gradient(top, #56be28 0, #02811f 100%); background-image: -o-linear-gradient(top, #56be28 0, #02811f 100%); background-image: linear-gradient(top, #56be28 0, #02811f 100%); -pie-background: linear-gradient(#56be28 0, #02811f 100%); } .ie9 #ui #navbar .main-nav div ul li.backlink { background-color: #56be28; background-image: none; } #ui #navbar .main-nav div ul li.backlink a { color: #ffffff; } #ui #navbar .main-nav div ul li.backlink a button.icon { color: #ffffff; } #ui #navbar .main-nav div ul li.backlink a button.icon:after { background: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(rgba(255, 255, 255, 0.15), 0.48), color-stop(rgba(0, 0, 0, 0.15), 0.57)); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.15) 48%, rgba(0, 0, 0, 0.15) 57%); background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.15) 48%, rgba(0, 0, 0, 0.15) 57%); background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.15) 48%, rgba(0, 0, 0, 0.15) 57%); background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 48%, rgba(0, 0, 0, 0.15) 57%); } } @media screen and (min-width: 641px) and (max-width: 1024px), screen and (min-device-width: 641px) and (max-device-width: 1024px) { #ui #navbar .main-nav div ul li.hassub > a button.icon.icon-nav-prev, #ui #navbar .main-nav div ul li.backlink > a button.icon.icon-nav-prev { background-image: url('../../designs/persil/common/img/icons-persil.png'); background-repeat: no-repeat; background-position: 0 -900px; } #ui #navbar .main-nav div ul li a span.icon.icon-nav-next, #ui #navbar .main-nav div ul li a button.icon.icon-nav-next { background-image: url('../../designs/persil/common/img/icons-persil.png'); background-repeat: no-repeat; background-position: 0 -2000px; } .dir-rtl #ui #navbar .main-nav div ul li.hassub > a button.icon.icon-nav-prev, .dir-rtl #ui #navbar .main-nav div ul li.backlink > a button.icon.icon-nav-prev { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } .dir-rtl #ui #navbar .main-nav div ul li a span.icon.icon-nav-next, .dir-rtl #ui #navbar .main-nav div ul li a button.icon.icon-nav-next { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } } @media screen and (max-width: 640px), screen and (max-device-width: 640px) { #ui #navbar .main-nav div ul li.hassub > a button.icon.icon-nav-prev, #ui #navbar .main-nav div ul li.backlink > a button.icon.icon-nav-prev { background-image: url('../../designs/persil/common/img/icons.png'); background-repeat: no-repeat; background-position: 0 -100px; background-image: url("../../designs/persil/common/img/icons.png") !important; } #ui #navbar .main-nav div ul li a span.icon.icon-nav-next, #ui #navbar .main-nav div ul li a button.icon.icon-nav-next { background-image: url('../../designs/persil/common/img/icons-persil.png'); background-repeat: no-repeat; background-position: 0 -4800px; } .dir-rtl #ui #navbar .main-nav div ul li.hassub > a button.icon.icon-nav-prev, .dir-rtl #ui #navbar .main-nav div ul li.backlink > a button.icon.icon-nav-prev { background-image: url(../../designs/persil/common/img/icons-rtl.png) !important; } .dir-rtl #ui #navbar .main-nav div ul li a span.icon.icon-nav-next, .dir-rtl #ui #navbar .main-nav div ul li a button.icon.icon-nav-next { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } } /** * comp: sub-nav (theme: persil) */ @media all { #ui .sub-nav h3 { background-color: #f5f5f5; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e4e2e2 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e4e2e2)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e4e2e2 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e4e2e2 100%); background-image: -ms-linear-gradient(top, #f5f5f5 0%, #e4e2e2 100%); background-image: linear-gradient(top, #f5f5f5 0%, #e4e2e2 100%); -pie-background: linear-gradient(top, #f5f5f5 0%, #e4e2e2 100%); } #ui .sub-nav > ul > li { background-color: #fff; border-bottom-color: #e8e8e8; } #ui .sub-nav > ul > li.current, #ui .sub-nav > ul > li:hover { background-color: #008542; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODU0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU0MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -moz-linear-gradient(top, #008542 0%, #005429 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008542), color-stop(100%, #005429)); background-image: -webkit-linear-gradient(top, #008542 0%, #005429 100%); background-image: -o-linear-gradient(top, #008542 0%, #005429 100%); background-image: -ms-linear-gradient(top, #008542 0%, #005429 100%); background-image: linear-gradient(top, #008542 0%, #005429 100%); -pie-background: linear-gradient(top, #008542 0%, #005429 100%); } #ui .sub-nav > ul > li > span > a { background-color: transparent; background-image: url(../../designs/persil/common/img/icons-persil.png); color: #00712D; } #ui .sub-nav > ul > li.current > span > a, #ui .sub-nav > ul > li.current > span > a:active, #ui .sub-nav > ul > li.current > span > a:focus, #ui .sub-nav > ul > li:hover > span > a { background-position: 116% -389px; color: #fff; } #ui .sub-nav > ul > li.current.hasSubNav > span.level-2 > a, #ui .sub-nav > ul > li.current.hasSubNav > span.level-2 > a:active { background-position: 116% -689px; } #ui .sub-nav > ul > li > ul > li > span > a { color: #0C6837; } #ui .sub-nav > ul > li > ul > li.current, #ui .sub-nav > ul > li > ul > li:hover { background: #48b828 ; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4YjgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDg2MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -moz-linear-gradient(top, #48b828 0%, #108625 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48b828), color-stop(100%, #108625)); background-image: -webkit-linear-gradient(top, #48b828 0%, #108625 100%); background-image: -o-linear-gradient(top, #48b828 0%, #108625 100%); background-image: -ms-linear-gradient(top, #48b828 0%, #108625 100%); background: linear-gradient(top, #48b828 0%, #108625 100%); -pie-background: linear-gradient(top, #48b828 0%, #108625 100%); } #ui .sub-nav > ul > li > ul > li.current > span > a, #ui .sub-nav > ul > li > ul > li.current > span > a:active, #ui .sub-nav > ul > li > ul > li.current > span > a:focus, #ui .sub-nav > ul > li > ul > li:hover > span > a { color: #fff; } .dir-rtl #ui .sub-nav > ul > li > span > a { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } .dir-rtl #ui .sub-nav > ul > li:hover > span > a { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } } @media all { #ui footer { background-image: url("../../designs/persil/components/page/img/bg-footer-persil.png"); } .campaignpage #ui #footer { background-image: url("../../designs/persil/components/page/img/bg-footer-persil.png"); } } @media screen and (max-width: 1024px) { #ui #navbar .footer { background: url("../../designs/persil/components/page/img/bg-footer-persil.png") no-repeat 0 0; } } @media screen and (max-width: 640px), screen and (max-device-width: 640px) { .homepage .mobileGradient:after { background: url("../../designs/persil/components/page/img/bg-footer-persil.png") no-repeat right center; } .homepage #ui .page-wrapper > .wrapper { background: transparent; } } /** * comp: panel (theme: persil) */ @media all { /* expandable header */ #ui .panel.panel-expandable > a > .panel-header .icon { background-image: url(../../designs/persil/common/img/icons-persil.png); } .dir-rtl #ui .panel.panel-expandable > a > .panel-header .icon { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } /** * color definitions */ /* default */ #ui .panel.panel-border.default { border: 1px solid #444; } #ui .panel.panel-solid.default { background-color: #ddd; } #ui .panel.panel-solid.panel-expandable.default .panel-header { background-color: #fff; /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); background-image: -moz-linear-gradient(top, #ffffff, #cccccc); background-image: -ms-linear-gradient(top, #ffffff, #cccccc); background-image: -o-linear-gradient(top, #ffffff, #cccccc); background-image: linear-gradient(top, #ffffff, #cccccc); -pie-background: linear-gradient(#ffffff, #cccccc); } #ui .panel.panel-solid.panel-expandable.default > a > .panel-header.hover, #ui .panel.panel-solid.panel-expandable.default > a > .panel-header.open { background-color: #fff; /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #999999 100%); background-image: -moz-linear-gradient(top, #ffffff, #999999); background-image: -ms-linear-gradient(top, #ffffff, #999999); background-image: -o-linear-gradient(top, #ffffff, #999999); background-image: linear-gradient(top, #ffffff, #999999); -pie-background: linear-gradient(#ffffff, #999999); color: #444; } #ui .panel.panel-expandable.default > a > .panel-header.open h3, #ui .panel.panel-expandable.default > a > .panel-header.hover h3 { color: #444; } #ui .panel.panel-expandable.default > a > .panel-header .icon { background-position: 0 -3200px; } #ui .panel.panel-expandable.default > a > .panel-header.hover .icon, #ui .panel.panel-expandable.default > a > .panel-header.open .icon { background-position: 0 -3500px; } #ui .panel.panel-expandable.default > a > .panel-header.open.hover .icon { background-position: 0 -3400px; } /* white */ #ui .panel.panel-solid.white.panel-border { border-color: #e5e5e5; } #ui .panel.panel-solid.white > a > .panel-header.hover { background-color: #137625; color: #fff; } #ui .panel.panel-solid.panel-expandable.white > a > .panel-header { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9)); /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9); background-image: -ms-linear-gradient(top, #ffffff, #e9e9e9); background-image: -o-linear-gradient(top, #ffffff, #e9e9e9); background-image: linear-gradient(top, #ffffff, #e9e9e9); -pie-background: linear-gradient(#ffffff, #e9e9e9); } #ui .panel.panel-solid.panel-expandable.white > a > .panel-header.hover, #ui .panel.panel-solid.panel-expandable.white > a > .panel-header.open { background-color: #038644; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzODY0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDUzMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ background-image: -webkit-gradient(linear, left top, left bottom, from(#038644), to(#00532c)); background-image: -webkit-linear-gradient(top, #038644 0%, #00532c 100%); background-image: -moz-linear-gradient(top, #038644, #00532c); background-image: -ms-linear-gradient(top, #038644, #00532c); background-image: -o-linear-gradient(top, #038644, #00532c); background-image: linear-gradient(top, #038644, #00532c); -pie-background: linear-gradient(#038644, #00532c); color: #fff; } #ui .panel.panel-expandable.white > a > .panel-header.open h3, #ui .panel.panel-expandable.white > a > .panel-header.hover h3 { color: #fff; } #ui .panel.panel-expandable.white > a > .panel-header .icon { background-position: 0 -2000px; } #ui .panel.panel-expandable.white > a > .panel-header.hover .icon, #ui .panel.panel-expandable.white > a > .panel-header.open .icon { background-position: 0 -1100px; } #ui .panel.panel-expandable.white > a > .panel-header.open.hover .icon { background-position: 0 -1000px; } } /** * comp: panelnavigation (theme: persil) */ @media all { #ui .panelnavigation .timeline-navigation .timeline-wrapper .timeline-previous { background: url(../../designs/persil/components/panelnavigation/img/timeline-prev-persil.png) no-repeat 0 0 transparent; } .dir-rtl #ui .panelnavigation .timeline-navigation .timeline-wrapper .timeline-previous { background: url(../../designs/persil/components/panelnavigation/img/timeline-next-persil.png) no-repeat 0 0 transparent; } #ui .panelnavigation .timeline-navigation .timeline-wrapper .timeline-previous.disabled { background: url(../../designs/persil/components/panelnavigation/img/timeline-prev-disabled.png) no-repeat 0 0 transparent; } #ui .panelnavigation .timeline-navigation .timeline-wrapper .timeline-next { background: url(../../designs/persil/components/panelnavigation/img/timeline-next-persil.png) no-repeat 0 0 transparent; } .dir-rtl #ui .panelnavigation .timeline-navigation .timeline-wrapper .timeline-next { background: url(../../designs/persil/components/panelnavigation/img/timeline-prev-persil.png) no-repeat 0 0 transparent; } #ui .panelnavigation .timeline-navigation .timeline-wrapper .timeline-next.disabled { background: url(../../designs/persil/components/panelnavigation/img/timeline-next-disabled.png) no-repeat 0 0 transparent; } #ui .panelnavigation .timeline-navigation .timeline-wrapper .timeline { background: #144114; background: -moz-linear-gradient(0deg, #144114 0%, #4fb828 100%); background: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, #144114), color-stop(100%, #4fb828)); background: -webkit-linear-gradient(0deg, #144114 0%, #4fb828 100%); background: -o-linear-gradient(0deg, #144114 0%, #4fb828 100%); background: -ms-linear-gradient(0deg, #144114 0%, #4fb828 100%); background: linear-gradient(0deg, #144114 0%, #4fb828 100%); -pie-background: linear-gradient(0deg, #144114, #4fb828); } #ui .panelnavigation .timeline-navigation table td { background: url(../../designs/persil/components/panelnavigation/img/timeline-entry-persil.png) no-repeat 9px 100% transparent; } #ui .panelnavigation .timeline-navigation table td a { color: #008542; } #ui .panelnavigation .timeline-navigation table td .text-image-wrapper { border-left: 1px dashed #008542; } #ui .panelnavigation .timeline-navigation table td .text-image-wrapper .text { color: #008542; } #ui .panelnavigation .panel header h3, #ui .panelnavigation .panel header p { color: #008542; } #ui .panelnavigation #back-top a { background: url("../../designs/persil/common/img/icons-persil.png") no-repeat scroll 0 -2194px transparent; color: #008542; } #ui .panelnavigation .panel > a > .panel-header p { color: #008542; } } /** * comp: productshapes (theme: persil) */ @media all { /* tooltip */ #ui .productshapes li .tooltip { background-color: #dddada; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), color-stop(1, #dddada)); background-image: -moz-linear-gradient(top, #f5f5f5 0, #dddada 100%); background-image: linear-gradient(top, #f5f5f5, #dddada); border-color: #fff; color: #137625; } } @media all { #ui .search.input-box .searchfield input { background-color: #f1f1f1; border-color: #eee; color: #7f7f7f; } #ui .search.input-box .searchfield input::-webkit-input-placeholder { color: #7f7f7f; } #ui .search.input-box .searchbutton button { background-color: transparent; background-image: url(../../designs/persil/common/img/icons-persil.png); } } @media screen and (max-width: 640px), screen and (max-device-width: 640px) { #ui .search.input-box .searchbutton button { background-position: 0 -800px; } } @media screen and (min-width: 641px) and (max-width: 1024px), screen and (min-device-width: 641px) and (max-device-width: 1024px) { #ui .search.input-box .searchbutton button { background-position: 0 -800px; } } /** * comp: sitemap */ @media all { #ui .sitemap a { color: #008542 !important; } #ui .sitemap li a { background: url("../../designs/persil/common/img/icons-persil.png") no-repeat scroll 5px -1596px transparent; } .dir-rtl #ui .sitemap li a { background: url("../../designs/persil/common/img/icons-persil-rtl.png") no-repeat scroll 110% -1596px transparent; } .dir-rtl #ui .sitemap ul ul li a { background: url("../../designs/persil/common/img/icons-persil-rtl.png") no-repeat scroll 100% -1596px transparent; } } /** * comp: stage (theme: persil) */ @media all { #ui .stage h2, #ui .stage h3, #ui .stage .cta_title { color: #00712d; } } @media all { #ui #main .stainadvisor .selector .slot .items li a { color: green; } #ui #main .stainadvisor .selector .slot .items li:hover { background-color: green; } #ui #main .stainadvisor .selector .slot .items li:hover a { color: white; } } /** * comp: teaser */ @media all { .homepage #ui .wrapper .teaser h3:before, .categorypage #ui .wrapper .teaser h3:before, .productfamily #ui .wrapper .teaser h3:before, .productdetails #ui .wrapper .teaser h3:before, .campaignpage #ui .wrapper .teaser h3:before { background-image: url("../../designs/persil/common/img/icons-persil.png"); background-repeat: no-repeat; background-color: transparent; } .dir-rtl .homepage #ui .wrapper .teaser h3:before, .dir-rtl .categorypage #ui .wrapper .teaser h3:before, .dir-rtl .productfamily #ui .wrapper .teaser h3:before, .dir-rtl .productdetails #ui .wrapper .teaser h3:before, .dir-rtl .campaignpage #ui .wrapper .teaser h3:before { background-image: url("../../designs/persil/common/img/icons-persil-rtl.png"); } #ui #sidebar .teaser .default h3, #ui #sidebar .teaser .default p { color: #008d25; } .dir-rtl #ui .wrapper .button span, .dir-rtl #ui .wrapper .button input { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png); } .dir-rtl #ui .teasergallery .teaser > div > a { background-image: url(../../designs/persil/common/img/icons-persil-rtl.png) !important; } } /** * comp: teaser-expandable (theme: persil) */ /** * comp: textimage persil color theme */ @media all { #ui .textimage a { color: #008542 !important; } } @media all { #ui .washingcalculator .slider-wrapper-nose { background-image: url("../../designs/persil/components/washingcalculator/img/washingcalculator-sliderbg-nose.jpg"); background-repeat: no-repeat; } #ui .washingcalculator .car-slider .car-slider-filling { background-image: url("../../designs/persil/components/washingcalculator/img/washingcalculator-car-slider-filling.jpg"); background-repeat: repeat-x; } #ui .washingcalculator .car-slider .car-slider-cloud { background-image: url("../../designs/persil/components/washingcalculator/img/washingcalculator-car-slider-cloud.png"); background-repeat: no-repeat; } #ui .washingcalculator #persil_user_var_slider_group { background: #005229; background: -moz-linear-gradient(top, #008542 0%, #005229 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008542), color-stop(100%, #005229)); background: -webkit-linear-gradient(top, #008542 0%, #005229 100%); background: -o-linear-gradient(top, #008542 0%, #005229 100%); background: -ms-linear-gradient(top, #008542 0%, #005229 100%); background: linear-gradient(top, #008542 0%, #005229 100%); -pie-background: linear-gradient(#008542, #005229); } #ui .washingcalculator .calculator-wrapper { background-color: #005229; } } @media screen and (max-width: 1024px) { #ui .washingcalculator .slider-wrapper-nose { background-image: url("../../designs/persil/components/washingcalculator/img/washingcalculator-sliderbg-nose-2.jpg"); background-position: -105px 0; } #ui .washingcalculator .slider-wrapper-nose:before, #ui .washingcalculator .slider-wrapper-nose:after { background-image: url("../../designs/persil/components/washingcalculator/img/washingcalculator-sliderbg-nose-2.jpg"); } } @media all { #ui .meta-nav { float: right; margin: .5em 1.4em 0 0; } #ui .meta-nav li a { border-left: 1px solid #8c8a84; color: #898887; font-weight: bold; padding: 0 .4em; text-transform: uppercase; } #ui .meta-nav li a:hover { color: #4c4c4c; text-decoration: none; } #ui .meta-nav li a:active, #ui .meta-nav li a:focus { background-color: #4c4c4c; color: #ffffff; } #ui .meta-nav li:first-child > a { border: none; } /* campaignpage */ .campaignpage #ui .meta-nav li a { font-weight: normal; text-transform: none; } } @media screen and (max-width: 1024px) { #ui #header .meta-nav { display: none; } #ui #navbar .meta-nav { float: left; margin-top: 20px; } #ui #navbar .meta-nav li { float: none; } #ui #navbar .meta-nav li a { border: none; font-weight: normal; padding: 0.4em 0; } } @media screen and (max-width: 640px), screen and (max-device-width: 640px) { #ui #navbar .meta-nav li a { font-size: 2em; } } @media screen and (min-width: 641px) and (max-width: 1024px), screen and (min-device-width: 641px) and (max-device-width: 1024px) { #ui #navbar .meta-nav li a { font-size: 1.5em; } } @media all { #ui .teaser-linklist .teaser_link_list ul li a span:after { background: url("../../designs/persil/components/teaser/teaser-linklist/img/arrow_persil.png") no-repeat 0 0 transparent; } } /** * comp: bubbleteaser alaska */ @media all { #ui .bubbteasercomp .arrow:after { border-color: #008d25 transparent; } }