93 lines
5.9 KiB
CSS
93 lines
5.9 KiB
CSS
|
/*!
|
||
|
|
* @version $Id: fusion.css 4586 2012-10-27 01:50:24Z btowles $
|
||
|
|
* @author RocketTheme http://www.rockettheme.com
|
||
|
|
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||
|
|
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||
|
|
*/
|
||
|
|
body {font-family:Helvetica,Arial,sans-serif;font-size:12px;}
|
||
|
|
|
||
|
|
/* CORE */
|
||
|
|
|
||
|
|
.menutop,.menutop * {margin:0;padding:0;}
|
||
|
|
.menutop {float:left;position:relative;padding-bottom:2px;}
|
||
|
|
.menutop li {list-style:none;position:relative;width:100%;height:25px;float:none;}
|
||
|
|
.menutop li a.item {cursor:pointer;}
|
||
|
|
.menutop li span.item {cursor:default;outline:none;}
|
||
|
|
.menutop li .item {display:block;float:left;display:block;margin:0;height:25px;line-height:25px;}
|
||
|
|
.menutop li li .item,
|
||
|
|
.menutop li .item, .menutop li.active li .item {display:block;margin:0;text-decoration:none;float:none;}
|
||
|
|
.menutop li .fusion-submenu-wrapper, .menutop li ul {float: none;left: -999em;position: absolute;z-index: 500;}
|
||
|
|
.menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;}
|
||
|
|
.menutop li:hover ul, .menutop li.sfHover ul {top: 0;}
|
||
|
|
.menutop li li {position:relative;float:none;}
|
||
|
|
|
||
|
|
/* Drop Downs */
|
||
|
|
.menutop ul {width:175px;position:relative;}
|
||
|
|
|
||
|
|
/* Level 1 */
|
||
|
|
.menutop li .item {text-decoration:none;display:block;padding:0 15px;background:#ddd;border-color:#eee #ccc #ccc #eee;border-style:solid;border-width:1px;color:#333333;text-decoration:none;}
|
||
|
|
|
||
|
|
.level1 .f-mainparent-itemfocus .item {background:#ccc 100% 100% no-repeat;border-color:#ddd #bbb #bbb #ddd;border-style:solid;border-width:1px;}
|
||
|
|
|
||
|
|
.menutop li:hover > .item {background-color:#ccc;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;}
|
||
|
|
.menutop li:hover > .daddy:hover {background-image:url(../images/top-light.png);background-position: 100% 100%;}
|
||
|
|
|
||
|
|
/* Level 2 */
|
||
|
|
.menutop .level2 li > .item {background:#ccc;border-color:#ddd #bbb #bbb #ddd;border-style:solid;border-width:1px;}
|
||
|
|
.menutop .level2 li:hover > .daddy, .menutop .level2 li > .daddy {background-image:url(../images/level2-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||
|
|
|
||
|
|
.menutop .level2 .f-menuparent-itemfocus .item, .menutop .level2 li:hover .item {background:#bbb;border-color:#ccc #aaa #aaa #ccc;color:#333;}
|
||
|
|
.menutop .level2 .f-menuparent-itemfocus .daddy, .menutop .level2 li:hover .daddy {background-image:url(../images/level3-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||
|
|
|
||
|
|
|
||
|
|
/* Level 3 */
|
||
|
|
.menutop .level3 li > .item {background:#bbb;border-color:#ccc #aaa #aaa #ccc;border-style:solid;border-width:1px;}
|
||
|
|
.menutop .level3 li:hover > .daddy, .menutop .level3 li > .daddy {background-image:url(../images/level3-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||
|
|
|
||
|
|
.menutop .level3 .f-menuparent-itemfocus .item, .menutop .level3 li:hover .item {background:#aaa;border-color:#bbb #999 #999 #bbb;color:#333;}
|
||
|
|
.menutop .level3 .f-menuparent-itemfocus .daddy, .menutop .level3 li:hover .daddy {background-image:url(../images/level4-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||
|
|
|
||
|
|
/* Level 4 */
|
||
|
|
.menutop .level4 li > .item {background:#aaa;border-color:#bbb #999 #999 #bbb;border-style:solid;border-width:1px;}
|
||
|
|
.menutop .level4 li:hover > .daddy, .menutop .level4 li > .daddy {background-image:url(../images/level4-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||
|
|
|
||
|
|
.menutop .level4 .f-menuparent-itemfocus .item, .menutop .level4 li:hover .item {background:#999;border-color:#aaa #888 #888 #aaa;color:#333;}
|
||
|
|
|
||
|
|
/* regular hover */
|
||
|
|
.menutop li:hover .item:hover, .menutop li.active .item:hover {background-color:#2c87c0;border-top:1px solid #138fdc;border-left:1px solid #138fdc;border-right:1px solid #0d5f92;border-bottom:1px solid #0d5f92;color:#fff}
|
||
|
|
.menutop li:hover .daddy:hover, .menutop ul li.active:hover > .daddy:hover {background-image:url(../images/hover-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}
|
||
|
|
|
||
|
|
/* seperator hover */
|
||
|
|
.menutop span.item:hover,
|
||
|
|
.menutop li:hover span.item:hover {background-color:#666;border-top:1px solid #777;border-left:1px solid #777;border-right:1px solid #555;border-bottom:1px solid #555;color:#fff}
|
||
|
|
.menutop li:hover span.daddy:hover {background-image:url(../images/sep-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}
|
||
|
|
|
||
|
|
/* Root Items */
|
||
|
|
.menutop li.root {width:auto;float:left;height:30px;}
|
||
|
|
.menutop li.root > .item {float:left;width: auto;height:30px;line-height:30px;}
|
||
|
|
.menutop li.root:hover > .daddy:hover {background-image:url(../images/top-light.png);background-position: 100% 100%;}
|
||
|
|
.menutop li.root > .daddy, .menutop li.root:hover > .daddy {background-image: url(../images/top-dark.png); background-position: 100% 100%; background-repeat: no-repeat;}
|
||
|
|
|
||
|
|
/* Active Items */
|
||
|
|
.menutop li.active > .item {background-color:#EE501C;border-color:#F86134 #D24916 #D24916 #F86134;color:#fff;}
|
||
|
|
.menutop li.active > .daddy {background-image:url(../images/active-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}
|
||
|
|
.menutop li.root.active > .daddy, .menutop li.root.active:hover > .daddy {background-image:url(../images/top-light.png);background-position: 100% 100%;}
|
||
|
|
|
||
|
|
|
||
|
|
/* No JS */
|
||
|
|
.menutop li:hover > .fusion-submenu-wrapper, .menutop li:hover > ul {left:170px;top:0;}
|
||
|
|
.menutop li.root:hover > .fusion-submenu-wrapper, .menutop li.root:hover > ul {top:32px;left:0;}
|
||
|
|
.menutop li:hover ul,
|
||
|
|
.menutop li.sfHover ul {left: 0;top:32px;}
|
||
|
|
.menutop ul {width:175px;}
|
||
|
|
.menutop li li:hover > ul, .menutop li li.sfHover > ul {left:175px;top: 0;}
|
||
|
|
|
||
|
|
.menutop .level2 li {position:relative;float:left;width:100%;}
|
||
|
|
|
||
|
|
/* Fusion Pill */
|
||
|
|
.fusion-pill-l {height: 35px;margin:0 0 0 12px;top:6px;width:50px;position:absolute;left:0;}
|
||
|
|
.fusion-pill-r {margin-left: -12px;height: 35px;}
|
||
|
|
|
||
|
|
/* Fusion JS */
|
||
|
|
.fusion-js-container {display:block;height:0;left:0;overflow:visible;position:absolute;top:0;z-index:600000!important;background:transparent !important;}
|
||
|
|
.fusion-js-subs {display:none;margin:0 0 0 -2px;overflow:hidden;padding:0 2px;position:absolute;}
|