/*----------------------------------------------------------------------------------------------------------- This theme is largely inspired by the Mega menu tutorial on net.tutsplus.com : http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/ Ce theme est largement inspire du tutoriel de Mega menu sur net.tutsplus.com http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/ -------------------------------------------------------------------------------------------------------------*/ .clr {clear:both;visibility: hidden; line-height: normal;} /*--------------------------------------------- --- menu container --- ----------------------------------------------*/ /* menu */ div#createweb_maximenuck93 { font-size:14px; /*line-height:16px;*/ text-align:left; zoom:1; } /* container style */ div#createweb_maximenuck93 ul.maximenuck_createweb { clear:both; position : relative; z-index:99; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; opacity: 1 !important; list-style:none; margin:0 auto; height: auto; width: auto; padding:0px 20px 0px 20px; border-top: 1px solid #000; filter: none; background: #fff; /*background: -moz-linear-gradient(top, #0272a7 0%, #013953 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0272a7), color-stop(100%,#013953)); background: -webkit-linear-gradient(top, #0272a7 0%,#013953 100%); background: -o-linear-gradient(top, #0272a7 0%,#013953 100%); background: -ms-linear-gradient(top, #0272a7 0%,#013953 100%); background: linear-gradient(top, #0272a7 0%,#013953 100%); border: 1px solid #002232;*/ -moz-box-shadow:inset 0px 0px 1px #edf9ff; -webkit-box-shadow:inset 0px 0px 1px #edf9ff; box-shadow:inset 0px 0px 1px #edf9ff; text-align: left; zoom: 1; } /* vertical menu */ div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb { padding: 5px; } div#createweb_maximenuck93 ul.maximenuck_createweb:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } /*--------------------------------------------- --- Root items - level 1 --- ----------------------------------------------*/ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 { display: inline-block !important; float: none !important; position:static; list-style : none; border: 0px solid transparent; /*float:left;*/ text-align:center; padding: 4px 9px 0px 9px; margin: 2px 10px 0 0; cursor: pointer; vertical-align: middle; box-shadow: none; filter: none; } /** IE 7 only **/ *+html div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 { display: inline !important; } /* vertical menu */ div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb li.maximenuck_createweb.level1 { display: block !important; margin: 0; padding: 4px 0px 2px 8px; text-align: left; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1:hover, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.active { /*border-top: 5px solid #068b77;*/ background: #fff; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 > span.separator { border-top: 5px solid #ffffff; font-family: "fira-sans-extralight"; font-size: 16px; color: #000; display:block; float : none !important; float : left; position:relative; text-decoration:none; min-height : 34px; outline : none; background : none; filter: none; border : none; padding : 0; white-space: normal; filter: none; width: auto; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 > a:hover, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 > span.separator:hover { background-color: #e5e5e6; } /* parent item on mouseover (if subemnus exists) horizonal menu only */ div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.maximenuck_createweb.level1.parent:hover, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.maximenuck_createweb.level1.parent:hover { } /* item color on mouseover */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1:hover > a span.titreck, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.active > a span.titreck, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1:hover > span.separator, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.active > span.separator { /*background-color: #e5e5e6;*/ color : #161616; /*text-shadow: 1px 1px 1px #ffffff;*/ } div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent > a, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent > span.separator { padding: 0 12px 0 4px; } /* arrow image for parent item */ div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent > a:after, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent > span.separator:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #EEEEEE transparent transparent transparent; top: 7px; right: -4px; } div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent:hover > a, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent:hover > span.separator, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent.active > a, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent.active > span.separator { background-color: #e5e5e6; } div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent:hover > a:after, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent:hover > span.separator:after, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent.active > a:after, div#createweb_maximenuck93.maximenuckh ul.maximenuck_createweb li.level1.parent.active > span.separator:after { color : #161616; border-top-color : #161616; } /* vertical menu */ div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb li.level1.parent > a:after, div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb li.level1.parent > span.separator:after { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #EEEEEE; margin: 5px 10px 3px 0; position: absolute; right: 3px; } div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb li.level1.parent:hover > a:after, div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb li.level1.parent:hover > span.separator:after, div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb li.level1.parent.active > a:after, div#createweb_maximenuck93.maximenuckv ul.maximenuck_createweb li.level1.parent.active > span.separator:after { border-left-color : #161616; } /* arrow image for submenu parent item */ div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent li.parent > a:after, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent li.parent > span.separator:after, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb li.parent > a:after, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb li.parent > a:after { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 7px; border-color: transparent transparent transparent #015b86; margin: 3px; position: absolute; right: 3px; top: 2px; } div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent li.parent:hover > a:after, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent li.parent:hover > span.separator:after, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent li.parent.active > a:after, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent li.parent.active > span.separator:after{ border-left-color : #029feb; } /* styles for right position */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.align_right, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.menu_right, div#createweb_maximenuck93 ul.maximenuck_createweb li.align_right, div#createweb_maximenuck93 ul.maximenuck_createweb li.menu_right { float:right !important; margin-right:0px !important; } div#createweb_maximenuck93 ul.maximenuck_createweb li.align_right:not(.fullwidth) div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li:not(.fullwidth) div.floatck.fixRight { left:auto; right:-1px; top:auto; -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } /* arrow image for submenu parent item to open left */ div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent div.floatck.fixRight li.parent > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent div.floatck.fixRight li.parent > span.separator, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent.menu_right li.parent > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent.menu_right li.parent > span.separator { border-color: transparent #015b86 transparent transparent; } /* margin for right elements that rolls to the left */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb div.floatck div.floatck.fixRight, div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent.menu_right div.floatck div.floatck { margin-right : 93%; } div#createweb_maximenuck93 ul.maximenuck_createweb li div.floatck.fixRight{ -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } /*--------------------------------------------- --- Sublevel items - level 2 to n --- ----------------------------------------------*/ div#createweb_maximenuck93 ul.maximenuck_createweb li div.floatck ul.maximenuck2_createweb, div#createweb_maximenuck93 ul.maximenuck2_createweb { z-index:11000; clear:left; text-align : left; background : transparent; margin : 0 !important; padding : 0 !important; border : none !important; box-shadow: none !important; width : 100%; /* important for Chrome and Safari compatibility */ position: static !important; overflow: visible !important; display: block !important; float: none !important; visibility: visible !important; } div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.maximenuck_createweb, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb { text-align : left; z-index : 11001; padding:0; font-size:13px; position:static; /*text-shadow: 1px 1px 1px #ffffff;*/ padding: 0 2px 0px; margin: 0px 0px 0px 0px; line-height:20px; float:none !important; text-align:left; background : none; list-style : none; display: block !important; } div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.maximenuck_createweb:hover, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb:hover { background: transparent; } /* all links styles */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb span.separator, div#createweb_maximenuck93 ul.maximenuck2_createweb a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb span.separator { margin : 0; font-size:14px; font-weight : normal; color: #a1a1a1; display:block; text-decoration:none; text-transform : none; /*text-shadow: 1px 1px 1px #000;*/ outline : none; background : none; filter: none; border : none; padding : 3px 5px; white-space: normal; box-shadow: none; } /* submenu link */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb li a, div#createweb_maximenuck93 ul.maximenuck2_createweb li a { color:#333; /*text-shadow: 1px 1px 1px #ffffff;*/ } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb a, div#createweb_maximenuck93 ul.maximenuck2_createweb a { font-size:14px; color:#161616; display: block; position: relative; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1 > a > span, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level1 > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level1 > a > span { font-family: "fira-sans-extralight"; color: #000; font-size: 16px; white-space: nowrap; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2 > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level2 > a { padding: 3px 20px; margin-bottom: 3px; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2 > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2 > a > span, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level2 > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level2 > a > span { color: #333; background: #e5e5e5 !important; display: block; font-size: 13px; font-weight: normal; line-height: 18px; white-space: nowrap; text-transform: uppercase; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2:hover > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2:hover > a > span, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2.active > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2.active > a > span, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2:hover > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level2:hover > a > span, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level2.active > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level2.active > a > span { background: #ef4036 !important; color: #fff; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level3 > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level3 > a { color: #333; /*border-bottom: 5px solid #fff;*/ } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level3:hover > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level3.active > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level3:hover > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.maximenuck_createweb.level3.active > a { color: #333; background-color: #e5e5e5; /*border-bottom: 5px solid #D2D7DA;*/ } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb li:hover > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb li:hover > h2 a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb li:hover > h3 a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb li.active > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li:hover > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li:hover > h2 a, div#createweb_maximenuck93 ul.maximenuck2_createweb li:hover > h3 a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.active > a{ font-family: "fira-sans-extralight"; color:#333; /*background: transparent;*/ } /* link image style */ div#createweb_maximenuck93 li.maximenuck_createweb > a img { margin : 3px; border : none; } /* img style without link (in separator) */ div#createweb_maximenuck93 li.maximenuck_createweb img { border : none; } /* item title */ div#createweb_maximenuck93 span.titreck { font-family: "fira-sans-extralight"; text-decoration : none; min-height : 17px; float : none !important; float : left; margin: 0; } /* item description */ div#createweb_maximenuck93 span.descck { display : block; text-transform : none; font-size : 10px; text-decoration : none; height : 12px; line-height : 12px; float : none !important; float : left; } /*-------------------------------------------- --- Submenus ------ ---------------------------------------------*/ /* submenus container */ div#createweb_maximenuck93 div.floatck { position : absolute; display: none; padding : 0; background : url(../images/transparent.gif); /* important for hover to work good under IE7 */ /*width : 180px;*/ /* default width */ margin: 2px 0 0 -10px; text-align:left; padding:5px 5px 0 5px; border:0px solid #777777; border-top:none; background:#F4F4F4; background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB)); -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; filter: none; width : 100%; /*(100%)*/ z-index:9999 } div#createweb_maximenuck93 div.maxidrop-main { background: #fff; width : 180px; /* default width */ } /* vertical menu */ div#createweb_maximenuck93.maximenuckv div.floatck { margin : -39px 0 0 90%; border:1px solid #777777; border-left:none; -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } div#createweb_maximenuck93 .maxipushdownck div.floatck { margin: 0; } /* child blocks position (from level2 to n) */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb div.floatck div.floatck { margin : -30px 0 0 93%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #777777; } /** ** Show/hide sub menu if mootools is off - horizontal style **/ div#createweb_maximenuck93 ul.maximenuck_createweb li:hover:not(.maximenuckanimation) div.floatck div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li:hover:not(.maximenuckanimation) div.floatck:hover div.floatck:hover div.floatck div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.sfhover:not(.maximenuckanimation) div.floatck div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.sfhover:not(.maximenuckanimation) div.floatck.sfhover div.floatck div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.sfhover:not(.maximenuckanimation) div.floatck.sfhover div.floatck.sfhover div.floatck div.floatck { display: none; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb:hover > div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb:hover > div.floatck li.maximenuck_createweb:hover > div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb:hover> div.floatck li.maximenuck_createweb:hover > div.floatck li.maximenuck_createweb:hover > div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb:hover > div.floatck li.maximenuck_createweb:hover > div.floatck li.maximenuck_createweb:hover > div.floatck li.maximenuck_createweb:hover > div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.sfhover > div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.sfhover > div.floatck li.sfhover > div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck li.sfhover > div.floatck { display: block; } div#createweb_maximenuck93 div.maximenuck_mod ul { display: block; } /*--------------------------------------------- --- Columns management --- ----------------------------------------------*/ div#createweb_maximenuck93 ul.maximenuck_createweb li div.floatck div.maximenuck2_createweb { /*width : 180px;*/ /* default width */ margin: 0; padding: 0; } /* h2 title */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb h2 a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb h2 span.separator, div#createweb_maximenuck93 ul.maximenuck2_createweb h2 a, div#createweb_maximenuck93 ul.maximenuck2_createweb h2 span.separator { font-size:21px; font-weight:400; letter-spacing:-1px; margin:7px 0 14px 0; padding-bottom:14px; border-bottom:1px solid #666666; line-height:21px; text-align:left; } /* h3 title */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb h3 a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb ul.maximenuck2_createweb h3 span.separator, div#createweb_maximenuck93 ul.maximenuck2_createweb h3 a, div#createweb_maximenuck93 ul.maximenuck2_createweb h3 span.separator { font-size:14px; margin:7px 0 14px 0; padding-bottom:7px; border-bottom:1px solid #888888; line-height:21px; text-align:left; } /* paragraph */ div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li p, div#createweb_maximenuck93 ul.maximenuck2_createweb li p { line-height:18px; margin:0 0 10px 0; font-size:12px; text-align:left; } /* image shadow with specific class */ div#createweb_maximenuck93 .imgshadow { /* Better style on light background */ background:#FFFFFF !important; padding:4px; border:1px solid #777777; margin-top:5px; -moz-box-shadow:0px 0px 5px #666666; -webkit-box-shadow:0px 0px 5px #666666; box-shadow:0px 0px 5px #666666; } /* blackbox style */ div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.blackbox, div#createweb_maximenuck93 ul.maximenuck2_createweb li.blackbox { background-color:#333333 !important; color: #eeeeee; /*text-shadow: 1px 1px 1px #000;*/ padding:4px 6px 4px 6px !important; margin: 0px 4px 4px 4px !important; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:inset 0 0 3px #000000; -moz-box-shadow:inset 0 0 3px #000000; box-shadow:inset 0 0 3px #000000;*/ } div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.blackbox:hover, div#createweb_maximenuck93 ul.maximenuck2_createweb li.blackbox:hover { background-color:#333333 !important; } div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.blackbox a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.blackbox a { color: #fff; /*text-shadow: 1px 1px 1px #000;*/ display: inline !important; } div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.blackbox:hover > a, div#createweb_maximenuck93 ul.maximenuck2_createweb li.blackbox:hover > a{ text-decoration: underline; } /* greybox style */ div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.greybox, div#createweb_maximenuck93 ul.maximenuck2_createweb li.greybox { background:#f0f0f0 !important; border:1px solid #bbbbbb; padding: 4px 6px 4px 6px !important; margin: 0px 4px 4px 4px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } div#createweb_maximenuck93 ul.maximenuck_createweb li ul.maximenuck2_createweb li.greybox:hover, div#createweb_maximenuck93 ul.maximenuck2_createweb li.greybox:hover { background:#ffffff !important; border:1px solid #aaaaaa; } /*--------------------------------------------- --- Module in submenus --- ----------------------------------------------*/ /* module title */ div#createweb_maximenuck93 ul.maximenuck_createweb div.maximenuck_mod > div > h3, div#createweb_maximenuck93 ul.maximenuck2_createweb div.maximenuck_mod > div > h3 { width : 100%; font-weight : bold; color: #555; border-bottom: 1px solid #555; /*text-shadow: 1px 1px 1px #000;*/ font-size: 16px; } div#createweb_maximenuck93 div.maximenuck_mod { width : 100%; padding : 0; white-space : normal; } div#createweb_maximenuck93 div.maximenuck_mod div.moduletable { border : none; background : none; } div#createweb_maximenuck93 div.maximenuck_mod fieldset{ width : 100%; padding : 0; margin : 0 auto; overflow : hidden; background : transparent; border : none; } div#createweb_maximenuck93 ul.maximenuck2_createweb div.maximenuck_mod a { border : none; margin : 0; padding : 0; display : inline; background : transparent; font-weight : normal; } div#createweb_maximenuck93 ul.maximenuck2_createweb div.maximenuck_mod a:hover { } div#createweb_maximenuck93 ul.maximenuck2_createweb div.maximenuck_mod ul { margin : 0; padding : 0; width : 100%; background : none; border : none; text-align : left; } div#createweb_maximenuck93 ul.maximenuck2_createweb div.maximenuck_mod li { margin : 0 0 0 15px; padding : 0; background : none; border : none; text-align : left; font-size : 11px; float : none; display : block; line-height : 20px; white-space : normal; } /* login module */ div#createweb_maximenuck93 ul.maximenuck2_createweb div.maximenuck_mod #form-login ul { left : 0; margin : 0; padding : 0; width : 100%; } div#createweb_maximenuck93 ul.maximenuck2_createweb div.maximenuck_mod #form-login ul li { margin : 2px 0; padding : 0 5px; height : 20px; background : transparent; } div#createweb_maximenuck93 form { margin: 0 0 5px; } /*--------------------------------------------- --- Fancy styles (floating cursor) --- ----------------------------------------------*/ div#createweb_maximenuck93 .maxiFancybackground { position: absolute; top : 0; list-style : none; padding: 0 !important; margin: 0 !important; border: none !important; z-index: -1; } div#createweb_maximenuck93 .maxiFancybackground .maxiFancycenter { border-top: 1px solid #fff; } /*--------------------------------------------- --- Button to close on click --- ----------------------------------------------*/ div#createweb_maximenuck93 span.maxiclose { color: #fff; } /*--------------------------------------------- --- Stop the dropdown --- ----------------------------------------------*/ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.nodropdown div.floatck, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb div.floatck li.maximenuck_createweb.nodropdown div.floatck, div#createweb_maximenuck93 .maxipushdownck div.floatck div.floatck { position: static; background: none; border: none; left: auto; margin: 3px 0; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; display: block !important; } div#createweb_maximenuck93 ul.maximenuck_createweb li.level1.parent ul.maximenuck2_createweb li.maximenuck_createweb.nodropdown li.maximenuck_createweb, div#createweb_maximenuck93 .maxipushdownck ul.maximenuck2_createweb li.maximenuck_createweb.nodropdown li.maximenuck_createweb { background: none; text-indent: 5px; } div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.parent ul.maximenuck2_createweb li.maximenuck_createweb.parent.nodropdown > a, div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.parent ul.maximenuck2_createweb li.maximenuck_createweb.parent.nodropdown > span.separator, div#createweb_maximenuck93 .maxipushdownck ul.maximenuck2_createweb li.maximenuck_createweb.parent.nodropdown > a, div#createweb_maximenuck93 .maxipushdownck ul.maximenuck2_createweb li.maximenuck_createweb.parent.nodropdown > span.separator { background: none; } /* remove the arrow image for parent item */ div#createweb_maximenuck93 ul.maximenuck_createweb li.maximenuck_createweb.level1.parent ul.maximenuck2_createweb li.parent.nodropdown > *:after, div#createweb_maximenuck93 .maxipushdownck ul.maximenuck2_createweb li.parent > *:after { display: none; } div#createweb_maximenuck93 li.maximenuck_createweb.nodropdown > div.floatck > div.maxidrop-main { width: auto; } /*--------------------------------------------- --- Full width --- ----------------------------------------------*/ .maxiroundedcenter { position: static; } div#createweb_maximenuck93.maximenuckh { /*width: 100% !important;*/ /*padding-left: 20%;*/ } div#createweb_maximenuck93.maximenuckh li.fullwidth > div.floatck { position: absolute; background: #fff; margin: 0; padding: 0; /*width: 100%;*/ /*left: 0px;*/ /*right: 0px;*/ } div#createweb_maximenuck93.maximenuckv li.fullwidth > div.floatck { margin: 0 0 0 -5px; padding: 0; top: 0; bottom: 0; left: 100%; right: auto !important; } div#createweb_maximenuck93 li.fullwidth > div.floatck > div.maxidrop-main { width: auto; }