?
Path : /home/admin/public_html/old/media/mod_jmb_tree/default/css/ |
Current File : /home/admin/public_html/old/media/mod_jmb_tree/default/css/style.css |
@-webkit-keyframes dropdown-top { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes dropdown-top { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes dropdown-left { 0% { opacity: 0; -webkit-transform: translateX(-10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes dropdown-left { 0% { opacity: 0; transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } #Mod146 .module-inner .module-ct{ text-align:center; } .jmb-tree.jmb-tree-default { display: inline-block; border-radius: 3px; box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.11), inset 0 0 3px 0px rgba(255, 255, 255, 1); border: 1px solid #dfdfdf; background: rgb(70,171,229); background: -moz-linear-gradient(top, rgba(70,171,229,1) 0%, rgba(0,119,187,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,171,229,1)), color-stop(100%,rgba(0,119,187,1))); background: -webkit-linear-gradient(top, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); background: -o-linear-gradient(top, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); background: -ms-linear-gradient(top, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); background: linear-gradient(to bottom, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077bb', endColorstr='#76b8de',GradientType=0 ); } .jmb-tree.jmb-tree-default ul, .jmb-tree.jmb-tree-default ul li { margin: 0; padding: 0; list-style: none; } .jmb-tree.jmb-tree-default ul li { display: inline-block; float: left; position: relative; border-right: 1px solid #dcdcdc; box-shadow: 1px 0px 0px #fff; } .jmb-tree.jmb-tree-default ul li.jmb-tree-level1.jmb-tree-last-item, .jmb-tree.jmb-tree-default ul li.jmb-tree-level1:last-child { border-right: none; box-shadow: none; } .jmb-tree.jmb-tree-default ul li a { display: inline-block; padding: 0 14px; text-decoration: none; font: normal normal 14px/40px Arial, Helvetica, sans-serif; color: #FFF; letter-spacing: 0; text-shadow: 1px 1px 0px #006; } .jmb-tree.jmb-tree-default a img { width: 20px; margin-right: 10px; } /* Active and hover */ .jmb-tree.jmb-tree-default ul li:hover { cursor: pointer; } .jmb-tree.jmb-tree-default > ul > li:hover > a, .jmb-tree.jmb-tree-default li.active > a { color: #444; background: #eee; box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.05); } .jmb-tree.jmb-tree-default .jmb-tree-dropdown-menu { position: absolute; display: block; padding: 0px; opacity: 0; z-index: 999; width: 200px; padding-top: 5px; left: -9999px; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .jmb-tree.jmb-tree-default .jmb-tree-dropdown:hover > .jmb-tree-dropdown-menu { opacity: 1; left: 0; -webkit-animation: dropdown-top .2s ease-in-out; animation: dropdown-top .2s ease-in-out; } .jmb-tree.jmb-tree-default ul ul { background: #eee; padding: 0px; border: 1px solid #dcdcdc; border-radius: 3px; } .jmb-tree.jmb-tree-default ul ul li { float: none; display: list-item; border: none; box-shadow: none; border-bottom: 1px solid #dcdcdc; border-radius: 0px; } .jmb-tree.jmb-tree-default ul ul li:last-child { border-bottom: none; } .jmb-tree.jmb-tree-default ul ul li a { display: block; line-height: 35px; text-transform: none; border-radius: 0px; } .jmb-tree.jmb-tree-default ul ul li:hover, .jmb-tree.jmb-tree-default ul ul li.active > a { background: #F7F7F7; color: #444; box-shadow: none; } /* Sub Menu - Level 3*/ .jmb-tree.jmb-tree-default .jmb-tree-dropdown.jmb-tree-level2 .jmb-tree-dropdown-menu { display: block; opacity: 0; top: 0px; left: -9999px; padding-top: 0px; padding-left: 4px; } .jmb-tree.jmb-tree-default .jmb-tree-dropdown.jmb-tree-level2:hover .jmb-tree-dropdown-menu { opacity: 1; left: 199px; -webkit-animation: dropdown-left .2s ease-in-out; animation: dropdown-left .2s ease-in-out; } /* Right Sidebar */ .jmb-tree-right .jmb-tree.jmb-tree-default li { width: 100%; } .jmb-tree-right .jmb-tree.jmb-tree-default ul li.jmb-tree-level1 > a { display: block; border-bottom: 1px solid #dcdcdc; background: rgb(252,252,252); background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(240,240,240,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(240,240,240,1))); background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 ); } .jmb-tree-right .jmb-tree.jmb-tree-default ul li.jmb-tree-level1:hover > a, .jmb-tree-right .jmb-tree.jmb-tree-default ul li.jmb-tree-level1.active > a { background: #eee; } .jmb-tree-right .jmb-tree.jmb-tree-default .jmb-tree-dropdown:hover > .jmb-tree-dropdown-menu { left: -200px; top: 0; padding-right: 5px; padding-top: 0; margin-left: -5px; padding-left: 0; -webkit-animation: dropdown-left .2s ease-in-out; animation: dropdown-left .2s ease-in-out; } /* Left Sidebar */ .jmb-tree-left .jmb-tree.jmb-tree-default li { width: 100%; } .jmb-tree-left .jmb-tree.jmb-tree-default ul li.jmb-tree-level1 > a { display: block; border-bottom: 1px solid #dcdcdc; background: rgb(252,252,252); background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(240,240,240,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(240,240,240,1))); background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 ); } .jmb-tree-left .jmb-tree.jmb-tree-default ul li.jmb-tree-level1:hover > a, .jmb-tree-left .jmb-tree.jmb-tree-default ul li.jmb-tree-level1.active > a { background: #eee; } .jmb-tree-left .jmb-tree.jmb-tree-default .jmb-tree-dropdown:hover > .jmb-tree-dropdown-menu { left: 100%; top: 0; padding-left: 5px; padding-top: 0; margin-left: 0px; padding-right: 0; -webkit-animation: dropdown-left .2s ease-in-out; animation: dropdown-left .2s ease-in-out; } @media only screen and (max-width: 767px) { .jmb-tree.jmb-tree-default { background: none; } .jmb-tree.jmb-tree-default a { background: rgb(70,171,229); background: -moz-linear-gradient(top, rgba(70,171,229,1) 0%, rgba(0,119,187,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70,171,229,1)), color-stop(100%,rgba(0,119,187,1))); background: -webkit-linear-gradient(top, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); background: -o-linear-gradient(top, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); background: -ms-linear-gradient(top, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); background: linear-gradient(to bottom, rgba(70,171,229,1) 0%,rgba(0,119,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077bb', endColorstr='#76b8de',GradientType=0 ); } .jmb-tree.jmb-tree-default li a:hover { background: #eee; box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.05); } .jmb-tree.jmb-tree-default ul ul li a:before, .jmb-tree.jmb-tree-default ul ul ul li a:before { width: 6px; height: 6px; display: inline-block; margin-right: 10px; content: ''; background: #FFFFFF; vertical-align: middle; border-radius: 100%; border: 1px solid #ccc; } .jmb-tree.jmb-tree-default ul ul ul li a:before { margin-left: 20px; border-radius: 0; } .jmb-tree.jmb-tree-default ul ul li:hover, .jmb-tree.jmb-tree-default ul ul li.active > a { background: #eee; box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.05); } .jmb-tree.jmb-tree-default ul li a, .jmb-tree.jmb-tree-default ul ul li a { line-height: 35px; } .jmb-tree.jmb-tree-default .jmb-tree-dropdown .jmb-tree-dropdown-menu, .jmb-tree.jmb-tree-default .jmb-tree-dropdown.jmb-tree-level2 .jmb-tree-dropdown-menu, .jmb-tree.jmb-tree-default .jmb-tree-dropdown:hover .jmb-tree-dropdown-menu, .jmb-tree.jmb-tree-default .jmb-tree-dropdown.jmb-tree-level2:hover .jmb-tree-dropdown-menu , .jmb-tree-right .jmb-tree.jmb-tree-default .jmb-tree-dropdown:hover > .jmb-tree-dropdown-menu, .jmb-tree-right .jmb-tree.jmb-tree-default .jmb-tree-dropdown.jmb-tree-level2:hover > .jmb-tree-dropdown-menu, .jmb-tree-left .jmb-tree.jmb-tree-default .jmb-tree-dropdown:hover > .jmb-tree-dropdown-menu, .jmb-tree-left .jmb-tree.jmb-tree-default .jmb-tree-dropdown.jmb-tree-level2:hover > .jmb-tree-dropdown-menu { position: relative; display: block; width: 100%; left: 0; padding: 0px; margin: 0; border-top: none; opacity: 1; z-index: 999; -webkit-animation: none; animation: none; } .jmb-tree.jmb-tree-default li { width: 100%; } .jmb-tree.jmb-tree-default ul li a { border-bottom: 1px solid #dcdcdc; display: block; } .jmb-tree.jmb-tree-default ul ul, .jmb-tree.jmb-tree-default ul ul li, .jmb-tree.jmb-tree-default ul ul li a { border-radius: 0; border-left: none; border-right: none; box-shadow: none; } .jmb-tree.jmb-tree-default ul ul, .jmb-tree.jmb-tree-default ul ul li { border-bottom: none; border-top: none; } }