diff --git a/ajax/libs/superfish/1.7.3/megafish.css b/ajax/libs/superfish/1.7.3/megafish.css new file mode 100644 index 000000000..0d5d3c9bb --- /dev/null +++ b/ajax/libs/superfish/1.7.3/megafish.css @@ -0,0 +1,100 @@ +/*** ESSENTIAL STYLES ***/ +.sf-menu { + position: relative; + margin: 0; + padding: 0; + list-style: none; +} +.sf-menu .sf-mega { + position: absolute; + display: none; + top: 100%; + left: 0; + z-index: 99; +} +.sf-menu > li { + float: left; +} +.sf-menu li:hover > .sf-mega, +.sf-menu li.sfHover > .sf-mega { + display: block; +} + +.sf-menu > li > a { + display: block; + position: relative; +} + + +/*** DEMO SKIN ***/ +.sf-menu { + float: left; + margin-bottom: 1em; + width: 100%; +} +.sf-menu .sf-mega { + box-shadow: 2px 3px 6px rgba(0,0,0,.2); + width: 100%; /* allow long menu items to determine submenu width */ +} +.sf-menu > li > a { + border-left: 1px solid #fff; + border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ + border-top: 1px solid rgba(255,255,255,.5); + padding: .75em 1em; + text-decoration: none; + zoom: 1; /* IE7 */ + color: #13a; +} +.sf-menu > li { + background: #BDD2FF; + -webkit-transition: background .2s; + transition: background .2s; +} +.sf-menu > li:hover, +.sf-menu > li.sfHover { + background: #CFDEFF; + /* only transition out, not in */ + -webkit-transition: none; + transition: none; +} + +/*** mega menu dropdown ***/ +.sf-mega { + background-color: #CFDEFF; + padding: 1em; + box-sizing: border-box; + width: 100%; +} +.sf-mega-section { + float: left; + width: 8em; /* optional */ + padding: 0 1em 1em 0; + margin-right: 1em; + border-right: 1px solid #b4c8f5; +} + + +/*** arrows (for all except IE7) **/ +.sf-arrows .sf-with-ul { + padding-right: 2.5em; + *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ +} +/* styling for both css and generated arrows */ +.sf-arrows .sf-with-ul:after { + content: ''; + position: absolute; + top: 50%; + right: 1em; + margin-top: -3px; + height: 0; + width: 0; + /* order of following 3 rules important for fallbacks to work */ + border: 5px solid transparent; + border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ + border-top-color: rgba(255,255,255,.5); +} +.sf-arrows > li > .sf-with-ul:focus:after, +.sf-arrows > li:hover > .sf-with-ul:after, +.sf-arrows > .sfHover > .sf-with-ul:after { + border-top-color: white; /* IE8 fallback colour */ +} diff --git a/ajax/libs/superfish/1.7.3/megafish.min.css b/ajax/libs/superfish/1.7.3/megafish.min.css new file mode 100644 index 000000000..027087596 --- /dev/null +++ b/ajax/libs/superfish/1.7.3/megafish.min.css @@ -0,0 +1 @@ +.sf-menu{position:relative;margin:0;padding:0;list-style:none}.sf-menu .sf-mega{position:absolute;display:none;top:100%;left:0;z-index:99}.sf-menu>li{float:left}.sf-menu li:hover>.sf-mega,.sf-menu li.sfHover>.sf-mega{display:block}.sf-menu>li>a{display:block;position:relative}.sf-menu{float:left;margin-bottom:1em;width:100%}.sf-menu .sf-mega{box-shadow:2px 3px 6px rgba(0,0,0,.2);width:100%}.sf-menu>li>a{border-left:1px solid #fff;border-top:1px solid #dfeeff;border-top:1px solid rgba(255,255,255,.5);padding:.75em 1em;text-decoration:none;zoom:1;color:#13a}.sf-menu>li{background:#bdd2ff;-webkit-transition:background .2s;transition:background .2s}.sf-menu>li:hover,.sf-menu>li.sfHover{background:#cfdeff;-webkit-transition:none;transition:none}.sf-mega{background-color:#cfdeff;padding:1em;box-sizing:border-box;width:100%}.sf-mega-section{float:left;width:8em;padding:0 1em 1em 0;margin-right:1em;border-right:1px solid #b4c8f5}.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dfeeff;border-top-color:rgba(255,255,255,.5)}.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after{border-top-color:white} diff --git a/ajax/libs/superfish/1.7.3/superfish-navbar.css b/ajax/libs/superfish/1.7.3/superfish-navbar.css new file mode 100644 index 000000000..d888bf9dc --- /dev/null +++ b/ajax/libs/superfish/1.7.3/superfish-navbar.css @@ -0,0 +1,82 @@ +/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ +.sf-navbar { + background: #BDD2FF; + position: relative; + margin-bottom: 5em; +} +/* provide background colour for submenu strip */ +/* you should just set the menu's container bg colour rather than use pseudo-elements */ +.sf-navbar:before { + content: ''; + position: absolute; + left: 0; + z-index: -1; + background-color: #BDD2FF; + height: 200%; + width: 100%; +} +.sf-navbar ul { + box-shadow: none; +} +.sf-navbar li { + background: #AABDE6; + position: static; +} +.sf-navbar > li > a, +.sf-navbar > li > ul > li > a { + border: none; +} +.sf-navbar > li > ul { + min-width: 36em; /* set this to whatever suits your design */ +} +.sf-navbar ul li { + background: #BDD2FF; + position: relative; +} +.sf-navbar ul ul { + left: 0; + top: 100%; +} +.sf-navbar ul ul li { + width: 100%; +} +.sf-navbar > li > ul > li { + float: left; +} +.sf-navbar li.current { + background: #BDD2FF; +} +.sf-navbar li:hover, +.sf-navbar li.sfHover, +.sf-navbar ul li.current { + background: #BDD2FF; +} +.sf-navbar ul li:hover, +.sf-navbar ul li.sfHover, +.sf-navbar ul ul li { + background: #D1DFFF; +} +.sf-navbar ul ul li:hover, +.sf-navbar ul ul li.sfHover, +.sf-navbar ul ul li.current { + background: #E6EEFF; +} +.sf-navbar ul li.current > a { + font-weight: bold; +} + +/*** point all arrows down ***/ +.sf-arrows.sf-navbar ul .sf-with-ul:after { + margin-top: -3px; + margin-right: 0; + border-color: transparent; + border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ + border-top-color: rgba(255,255,255,.5); +} + +.sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after, +.sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after, +.sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after { + border-color: transparent; + border-top-color: white; +} diff --git a/ajax/libs/superfish/1.7.3/superfish-navbar.min.css b/ajax/libs/superfish/1.7.3/superfish-navbar.min.css new file mode 100644 index 000000000..c8caaf36f --- /dev/null +++ b/ajax/libs/superfish/1.7.3/superfish-navbar.min.css @@ -0,0 +1 @@ +.sf-navbar{background:#bdd2ff;position:relative;margin-bottom:5em}.sf-navbar:before{content:'';position:absolute;left:0;z-index:-1;background-color:#bdd2ff;height:200%;width:100%}.sf-navbar ul{box-shadow:none}.sf-navbar li{background:#aabde6;position:static}.sf-navbar>li>a,.sf-navbar>li>ul>li>a{border:0}.sf-navbar>li>ul{min-width:36em}.sf-navbar ul li{background:#bdd2ff;position:relative}.sf-navbar ul ul{left:0;top:100%}.sf-navbar ul ul li{width:100%}.sf-navbar>li>ul>li{float:left}.sf-navbar li.current{background:#bdd2ff}.sf-navbar li:hover,.sf-navbar li.sfHover,.sf-navbar ul li.current{background:#bdd2ff}.sf-navbar ul li:hover,.sf-navbar ul li.sfHover,.sf-navbar ul ul li{background:#d1dfff}.sf-navbar ul ul li:hover,.sf-navbar ul ul li.sfHover,.sf-navbar ul ul li.current{background:#e6eeff}.sf-navbar ul li.current>a{font-weight:bold}.sf-arrows.sf-navbar ul .sf-with-ul:after{margin-top:-3px;margin-right:0;border-color:transparent;border-top-color:#dfeeff;border-top-color:rgba(255,255,255,.5)}.sf-arrows.sf-navbar ul>li>.sf-with-ul:focus:after,.sf-arrows.sf-navbar ul>li:hover>.sf-with-ul:after,.sf-arrows.sf-navbar ul>.sfHover>.sf-with-ul:after{border-color:transparent;border-top-color:white} diff --git a/ajax/libs/superfish/1.7.3/superfish-vertical.css b/ajax/libs/superfish/1.7.3/superfish-vertical.css new file mode 100644 index 000000000..3614abfd9 --- /dev/null +++ b/ajax/libs/superfish/1.7.3/superfish-vertical.css @@ -0,0 +1,37 @@ +/* adding sf-vertical class in addition to sf-menu creates a vertical menu */ +/* eg.