/** * IceMegaMenu Extension for Joomla 3.0 By IceTheme * * * @copyright Copyright (C) 2013 IceTheme.com. All rights reserved. * @license GNU General Public License version 2 * * @Website http://www.icetheme.com/Joomla-Extensions/icemegamenu.html * Clean Theme added on 29 April 2013 */ /* OpenSans Font emmbed */ @font-face { font-family: 'OpenSansRegular'; src: url('../font/OpenSans-Regular-webfont.eot'); src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular-webfont.woff') format('woff'), url('../font/OpenSans-Regular-webfont.ttf') format('truetype'), url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } /* clear some styles */ .icemegamenu ul, .icemegamenu li { list-style-type:none; padding:0; margin:0} .collapse { overflow: visible;} /* begin mainmenu */ .icemegamenu > ul { position: relative; /* margin:0 0 0 -10px; */ padding:0; z-index: 999; clear: both; /* width: 100%; */ height: 26px; /* alt: 50px */ background: #fff090; border-top: 1px solid #e1a400; border-bottom: 1px solid #e1a400; /* border-right: 1px solid #555; border-bottom: 1px solid #555; border-top: 1px solid #555; */ } /* alt: #eee; */ .icemegamenu > ul > li { position: relative; display: block; border-right: 1px solid #555; /* Neu TS */ float: left;} .icemegamenu > ul > li a.iceMenuTitle { /*font-family:OpenSansRegular, Arial, Helvetica, sans-serif;*/ font-family: Arial, Helvetica, sans-serif; position: relative; z-index: 9999; display: block; padding: 0 10px; /* alt: 0 16px */ height:26px; /* alt: 50px */ line-height: 26px; /* alt: 34px */ font-size: 10pt; /* alt: 18px */ margin:0 0px 0 0; /* alt: margin:0 5px 0 0;*/ color: black; /* Schriftfarbe der nicht aktiven Elemente, alt: #666 */ font-weight: bold; /* Neu TS */ text-decoration:none; text-shadow: 1px 1px 1px #white; /* alt# #fff*/ -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out;} /* -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;} */ /* .icemegamenu > ul > li a.iceMenuTitle > span.icemega_title { display: block; /*padding-top: 13px;* / cursor: pointer; } */ .icemegamenu > ul > li:hover > a { background-color:#f0c000; } /* alt: #DEDEDE; */ .icemegamenu ul > li a.iceMenuTitle:hover, .icemegamenu ul > li:hover > a.iceMenuTitle, .icemegamenu ul > ul > li:hover > a.iceMenuTitle, ul.icesubMenu li.active a.iceMenuTitle { color: darkmagenta; } /* alt: #000 */ div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title { color: black; } /* alt: #000 */ /* Schriftfarbe des aktiven Elements */ /* subtitles */ .icemegamenu > ul > li span.icemega_desc { display:block; font-size: 10px; /* alt: 12px; */ font-family:Verdana, Geneva, sans-serif; padding:0; line-height:1em; /* alt: 1.25em; */ color: blue !important; /* alt: #999 Neu TS */ margin-bottom: 7px; margin-top:-3px; /* alt: 8px */ text-shadow:none!important} /* when dont have subtitle */ .icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle { /*padding-top:7px;*/ display:block; } /* when is current */ .icemegamenu > ul > li.active > a { /* background-color:#e8da83; */ } /* alt: #DEDEDE; */ /* Submenu */ ul.icesubMenu { position: absolute; z-index: 600; padding: 0 0 10px; margin:0; top: 80px; left: 0; visibility:visible; max-height:0; overflow:hidden; opacity: 0; background: #fff090; /* alt: #eee // Hintergrund der Sub-Men�s*/ border: 1px solid #DEDEDE; border-top:none; border-radius: 3px; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out; /*display: none;*/ } /* -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;} */ #icemegamenu > li:hover > ul.icesubMenu { opacity: 1; max-height:1000px; overflow:visible; top: 26px; /*display: block;*/ display: inline-block; } /* alt: 50px */ ul.icesubMenu ul > li { position:relative;} ul.icesubMenu > li a.iceMenuTitle { height:auto; display:block; font-size:10pt; /* alt: 14px */ padding:0 0 0 25px; margin:0; border-bottom:1px dashed #ccc; border-radius:0; /*background:url(../images/point.png) no-repeat 9px 10px;*/ } /* when is parent */ ul.icesubMenu li.parent { background: url(../images/arrow.png) no-repeat 93% 45%;} ul.icesubMenu li { display: list-item; } /* hover and active */ ul.icesubMenu ul > li:hover > a, ul.icesubMenu ul > li.active > a { background-color:#f0c000; } /* alt: #DEDEDE; */ /* Second Level Dropdown */ ul.sub_level_2, ul.sub_level_3, ul.sub_level_4, ul.sub_level_5 { top: -1px; left: 100%; margin-left:15px; z-index:99999; box-shadow:none; border:1px solid #DEDEDE;} ul.icesubMenu ul > li:hover > ul { opacity: 1; max-height:1000px; overflow:visible; visibility:visible; margin-left:-25px; } /* Modules inside dropdown */ .icesubMenu .icemega_cover_module { padding: 10px 15px; color:#666;} .icesubMenu .icemega_cover_module span.iceModuleTile { color:#555; font-size:10pt; /* alt: 18px */ text-shadow:1px 1px 1px #fff; margin-bottom:6px; display:block;} .icesubMenu .icemega_cover_module a {} /* for the respponsive part there is antoher CSS file in the same folder */ .ice-megamenu-toggle { display:none} /* fix when there is no space for the dropdown on the right it will appear instead on the left */ .ice_righttoleft{ left:auto!important; right:0;}