RIFF"WEBPVP8 Е�* �>�T�M'��%�u|�� gk�ZaQb�����o����lN���s�_�3��S+���c�€R��y����//����~��H�@�2oF�X ���R@'�:�ꞓ}��a�M,.� ��o��=�p�U�&g<�:���~���t��.�1���cyW�� We�M=�f�Y6v�����(nO���������^- �9(b _�s%{�C|�p�@�����37�}B0��u���i�Գ���� ������5�}���֮M?dz���q�e��N�~�&�N��K�av$]hO�i�C�,��"]�����@����M@�o O[�Æ*;�e]��_; }�p�?��)�'VC� J��L�y� v����18��)7c�d�mߛ�]I� ����d��?�{�.����b)49��c��Zy/��c^��%��/z�å̯�t��rS��Z��Uͩ�h��2����` �7�:��~��zP���Z����?v�R��TD���G����CJ���}�o��fs��̜#b��e"k9,���3�{Or�i��x":���{/ۈ�`�7RČ����(�p:I��%:�ͺ��W(|�=KP��3�7}���������ed��;�3�;�e��8�g�4�9 %v,B�GU�����T% ֯��B+�tR���p������F7�sT��oϱq �h�Rݧ�~*�܈_�Ck���}�nY�>��C�PQ�B��(o�६�qxy������f ���]��}����%=CW�k^t�—]����M�cX�i��%��!�Y������:N=|��wj<9ł��,�s�O�,,�U�!�������e���{���W��989�y*z�=�"E�CyW���N�2�ę��LN�HW��?����`V���DJ=#׶×ܽ$eF���o;b� ��0��&�W���Y�bR�� �Fֵ� `J�an�-Є@�tR�v��e2W��Mn�p��4P1�q ���®w���ũur*�җ.�#�4b���������:���g��ʧ�`R�4�+G�f���niU����$�K-'A�zE&]��Y�H2�4� ��˄�t��Q�4%��L�#��0FS8�Bu����ژ��"����۹�[�JK��4��z�v�ڌ��L*jD0.����?�ڃN��H��J����n�w��6Q(i;��I,.3?|�`���y���D_��(��w��������[��ZYhe�')��D*��kb����c��@� �|S�S3���- ���iq!*��w������Ł��ܩ��*FY���jV�4Q���4�,�ʑV!��N�.�1�KT,��Zp� ���iL�r��Ȧ����"y�tU���PS�ģ��?�QGng_�#yEk��B̝��1hr��ѕ�z*Ԧ�L8T�����H�^�k�-�g�z������w��N����v��RH��E��!0Cؚ)R�@�q�J�qA�r�$k4���om���Ьnu���x�������������y$�8�Z���v� &�+2�|���\r:[,!�Y�C#c��͊�{��7Щ��Y�LVę]�j��)��^���󶦙$�_����Hx>����[ +K�ڏ�1������Q�7@�^{�ik�;'H{�8 �ȇe vR����^� Meq�����Y�MC��U<��O�۫�nAfBf317���x��O�.u@3R}e�`�D��\�z���L��P������y8�?����I�"s`�b 3��ٹd�0��A�/���� ��{b�b������1� ����ka�&T�z�_4���I��PN��8��}N�r��]�՜���ӿ��9�|/.��� �fˑ.�`r�r��U-���7�Rx8L��d$H�m��Ǒ�*x�P{�D�����k��o�ueV�-.��j}���U2��g絍g���s �������aN�X�ҍ���C�� ��X��B�EF���8%p57<�x�Y�e�cϔ�\��C �OAj&N�V���!v��U��~J��j��4�V|��8�R�v�fD�)�HA�3�G��ds�7Z.���= ����+kI2�0=�'� K �H,`�ɴāTE\����E�'/��;���;��a���0"��� �x$J�T��#U=������j-�8�����y c8W����Ԋ�K��_��Y� '%Vg$I�Пq�shE�y�:�m�}�F1(:b�U�~� ���0}�C�}0����#�#}���e�S9��.��SP�m���<�~�y��� ��ɭ�ٮ6N��� ğ��t��A��N�V ������f�+�w�O1�Jq���U�B�T��į���� ��*�=z�x"yU S���� ��// ����W᫮��R�O�2W�M��<-�;�F�`9 �����t�:C{a�8�� <�r'���:�g8%�9J̞�˦��eV�7l�~�#����.yY)$��k�|�!�3���m���XS���J4B���`�����oL[]��aT[�C��@h�T�l��_�e>�����K<'��P�zgk�#fm��V�]�ݽ�j1����H��J��J58��ڱ��@�e&*�w��e���Q��HT8�ֽ��\�Fa�栆�A�ڝӚ׹@�:9`��G�h�7����t<���_˒|�\bU�O�����,M�a�oynGf�޶7�w�i`�m[��XE4�*�8}5��U1���^�B*��_%[����Yb�^���S�l�"A�1�T��ڈ��(???)j�S�n�8v%� Eo��� mE��|�Έ�Ai�3uy5O����7Rܽ���"L��X���1�@�=?5�_'��{j�����Z3L��k��^x6g3i�����r.��N��&��9[��ɓW[+�� 7�����fe�3�K�%��0F��+V�ϛ+3�B�p,y;Z�NGK�uWg䁯9�v��t��ǒx�JY�O��K�iY��#FJy�Bzt�Q^�Y��Uϲ-͖��9��g�X,�X] f�P/�]d�䠾�̔m%Q��겓\q(�%'����/EN�P�1�o��� ���}��'��c�F��Ju��4��0ck�N��w�1��&]a ��^I�)����֓��\;�1��3��� �L��{>�+���a��Jg��#����P���>�5�a<�`>>˔�]�ߎey�-T���ʵ���r���8`dmNm���_mӐK�Ҏ-޴�� ��RQ%�d�l"��l�_��ie0.�$Xh|.jv,���l\ uyj�u\�/� B:�܀�]� _��T��I���lz�&c�A�g{g��O˂�O���O�M�t��7Y�~? ቶ`�7��'�w��#���˚�\��_��� a��d���[Ҭњ��]ɢ�A$ �l�v=E�66d �WA\̬fsǭ}x;';���?�UW�O��{�&|_a�C� |ȹ��pka�|���zf[S�������[�Jcf�A�&�L�U)Pd+)�_�$1�0�z�'�v\u�' +;�!���dž�]h�N�{ku��<��a��.0�,��]q��ZKao=ILo�z�rb&�{@K�i*7nX).�/�̶��ӒU�v �B֝���a��n��تx ���P�AG7M4N�?r;Z�����7�@�wA�q��RM5�8ۭ ��g��8�g���G�Tſ�O�{2��P3r��6�W,/��kC���p�V���~�"���T���6�/<�4�U�>��T�H�Fc�T�D�^I���!�����=&\Em�>b�,|T��d���n��=@\Wzi���D��&�f���1�t�mC�Ih��m��&�������84�!H�i�|�Z���� ��W���g����8�h�B] OvQ�u����+�}n�� FE�+q�&j����I�u��&��=!��T�b�@�ք0 �D�W�W�t�V}�������^�g�Erb`j��2 �wr�\Y5��L�Ρ���_�bNU�)~�e�Z�U�*�����:�vƀu2�W-W��W{KKo0�)��G�K.��{̮���v�/��p� !�� �w;`��b ������F���/���:����I�lm��Vc�,x~m<=|�_�>n����(A�����{�膾���m�,{3 �ӀH=٘�%��[USd��!J�|�f_�/ �߻��)I%���G�ܑ�G |N������d��BU5��qvG�c,���A?!��w��� �S��-i���Fr�P�_��E�+��)��V��f��������~�����������}"sk��cHN�<� 5I�r��1gu�ݗ�,N�I��f��k�s���0��: 0�<�\ͩB�܄ �:�f2A��mҞ�Z�6��3��t�����͟~����J�R9�] �,h������Z�@�{����9��W�il!�:��P��P���wK)���p���!���KuB\�7 uI�?(���/��r3����v,\'�8��qUa�ء���!��(b��n?�YfӸ����r�$���ה�~��_�&�8g�<(Mx$ZO�������u`q��:�N�Q !�%`���h:�� �~>�D���m�^��[V!y�6=� ��m��ѡ��p4�Iꎸ��1cE��QS�ٷ��W�C����*�����Q��=��3���&���-#,åCCG�������9�i��3�C��S[t>���qm����B��s���������o��� J�^s|����r��\ԺΦ�a�{��1��wT'���� �̓Q���B��\xx}��8��Of!��U�n��f�����bA��UD�cC} �r�������c ���^�X���k�Ɩk�6��^E�C�E�sՀ`�Ⱦ,i��v�� ٺe˟�!�co�64x4��A�ah��ˏ<��%�@�*|�\�TY����#:9��|?S�[������G hUw9���z]��D��-J6�m,ʭ��2�Iz�4W9��&���t�߁ R�Z�gP��H�dj�`%ap}�^떟��*fb{�Q) Dd_V����$��,�߁� @D�&f�2��S6��M�ɤ�)Q\F�i���5p��Wb'PN�R�>�����9��]��\8{B8�� ��ю�������%� ӏۙ{]�j,_Y>��!�l���'���H�["��;c?cy��1< 0ϑ���/�AAЛ�� ; �j�(!��1 [)5ݻK ��A7��"[�%"���{��H ���V�� ���m�K���VLn��9鿹8�At΀@����f`�1y�rЅ��q��7Nf���x)y��, 0e�"{�ƨ�"� o �6� �.|Tm.���-r �G� [ed���–q���]�X�oG*�1>�� م�p_Y{δ(N�|s��^{i�`��͒ QӴx+X.ݕ�kP�g]�޿�4��Q|�O��h�*c�W�G�4{~x�k��A:�{Yu�倀#ތM�K!�e�;ȩ����r������'���D&H�$�0�ߜ�w��Sq dH��P�y����z����h��d��"�;0��#I2�F{����. W�wl���|>s�\ŌO�&bO/4(z9ܭua��`��_3d�Qpt�/�P -��#5�,�M��� �pA:©�q�����NW��ډ�A���� �9nʺج���� �TSM��{J6?7��r�@�\����D��� �׶���s�f�TJj?"��D��`?��̒� b�#�%�C*v�$�{�$����5Ծ�F�s��y�e/8��h-�f�̰&(����Gj�L:U� 2�� ����v�_k����Y��gp,�k�WF�R������_C�R��N@���R�@�ߔ?A�w9���F("iNa-S���Q�o�3tDMLh*�#4k�T/iQ��Y*�G��m����)��8�hBm/�I�,g�ﯖ���Z��}�Cz�q@´��d.����L�ŕ�,��1�Z�܌�: ̪���F+J-'��c�tvJ8��]Q-��b��y �6;*J`r_�d ��'�G ~p��)'�C,�%F��E(��2�k�����lР�z�!�=t ��_�0��f7��� ;�p�|�U �% li { border-color: @nav-item-border; > a { background-color: @nav-item-background; color: @nav-item-color; } &:hover > a { background-color: @nav-item-background-hover; color: @nav-item-color-hover; } &.open > a , &.open:hover > a { color: @nav-item-color-open; background-color: @nav-item-background-open; } &.active > a , &.active:hover > a { background-color: @nav-item-background-active; color: @nav-item-color-active; } } //the hover/active menu blue line highlight .nav-list > li:hover:before { background-color: @nav-item-hover-indicator; } .nav-list > li.active:before { display: block; background-color: @nav-item-active-indicator; } .nav-list li.active > a:after { border-right-color: #FFF; -moz-border-right-colors: #FFF; //border-width: 16px 10px; //top: 3px; border-width: 11px 7px; top: 8px; right: 0; } .nav-list > li.active > .submenu li.active > a { &:after { //top: 1px; top: 5px; } } //submenu .nav-list > li { .submenu { background-color: @submenu-background; } &.active .submenu { background-color: @submenu-background-active; } .submenu > li > a { border-top-style: solid; border-top-color: @submenu-item-border; background-color: @submenu-item-background; &:hover { background-color: @submenu-item-hover-background; } } &.active .submenu > li > a { border-top-color: @submenu-item-border-active; background-color: @submenu-item-background-active; &:hover { background-color: @submenu-item-background-active-hover; } } } .nav-list > li { > .submenu { border-top-color: @submenu-border; } &.active > .submenu { border-top-color: @submenu-border-active; } > .submenu > li { > a { color: @submenu-item-color; } &:hover > a { color: @submenu-item-hover; } &.active > a { color: @submenu-item-active; background-color: darken(@submenu-item-background-active, 1%); } } } //submenu dotted tree menu .nav-list > li > .submenu { &:before , & > li:before { border-color: @submenu-dotline-border; } } .nav-list > li.active > .submenu { &:before , & > li:before { border-color: @submenu-active-dotline-border; } } //3rd & 4th level menu .nav-list > li .submenu li > .submenu li > a { color: @submenu-item-color; } .nav-list > li .submenu li > .submenu li:hover > a { color: @submenu-item-hover; } .nav-list > li .submenu li.open > a , .nav-list > li .submenu li > .submenu > li.open > a { color: @nav-item-color-open; } .nav-list > li .submenu li > .submenu li.active { > a { color: @3rd-submenu-item; } &:hover > a { color: @3rd-submenu-item-open; } } //////////// //.active.highlight state .enable_highlight_active_skin_1() when(@enable-highlight-active = true) { .sidebar { .nav-list > li.active.highlight { & , & + li { border-color: @highlight-nav-item-border; } & + li:last-child { border-bottom-color: @nav-item-border; } } .nav-list > li.active.highlight > a:after { border-right-color: transparent; -moz-border-right-colors: none; border-left-color: @nav-item-background-active; -moz-border-left-colors: @nav-item-background-active; border-width: 20px 0 20px 10px; z-index: 1; top: 0; right: -10px; //display: block; } .nav-list > li.active.highlight > a:before { border-left-color: @highlight-nav-item-border; -moz-border-left-colors: @highlight-nav-item-border; border-style: solid; border-color: transparent; //border-width: 21px 0 21px 11px; border-width: 20px 0 20px 10px; content: ""; //display: block; position: absolute; right: -11px; //top: -1px; top: 0; z-index: 1; } } } .enable_highlight_active_skin_1(); //////////// //extra .sidebar-shortcuts , .sidebar-shortcuts-mini { background-color: @shortcuts-background; border-color: @shortcuts-border; } .sidebar > .nav-search { background-color: @shortcuts-background; border-color: @shortcuts-border; } .sidebar-toggle { background-color: @sidebar-toggle-background; border-color: @sidebar-toggle-border; > .@{icon} { background-color: @sidebar-toggle-icon-background; color: @sidebar-toggle-icon-color; border-color: @sidebar-toggle-icon-border; } } .enable_breadcrumbs_skin_1() when(@enable-breadcrumbs = true) { .breadcrumbs { border-width: 0; background-color: @breadcrumbs-background; @media (min-width: @screen-fixed-breadcrumbs) { &.breadcrumbs-fixed { border-bottom-width: 1px; } } } } .enable_breadcrumbs_skin_1(); @media only screen and (max-width: @grid-float-breakpoint-max) { .sidebar.responsive { border-width: 0; .box-shadow(none); .nav-list li.active > a:after { display: none; } .nav-list > li.active.highlight > a:after { display: block; } } } .menu_min_skin_1() { .nav-list > li.open > a { background-color: @nav-item-background; color: @nav-item-color; } .nav-list > li.active > a:after { border-width: 9px 6px; top: 10px; } .nav-list > li.active.highlight > a:after { border-width: 20px 0 20px 10px; top: 0; } .nav-list > li.active:hover > a:after { border-right-color: @menumin-item-active-background; } .nav-list > li.active > a , .nav-list > li.active > a:hover { background-color: @nav-item-background-active; color: @nav-item-color-active; } .nav-list > li:hover > a { color: @nav-item-color-hover; } .nav-list > li > a > .menu-text { background-color: @nav-item-background-hover; } .nav-list > li.active > a > .menu-text { background-color: @menumin-item-active-background; border: 0px solid @menumin-active-submenu-border-top;//for it to become visible when there are two menus and it overlaps the other border-width: 1px 1px 0; border-left-color: @active-border-highlight; } .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text { border-width: 1px; border-top-color: lighten(@nav-item-border , 5%); border-bottom-color: lighten(@nav-item-border , 5%); border-right-color: lighten(@nav-item-border , 5%); } .nav-list > li.active:hover > a, .nav-list > li.active > a > .menu-text { color: @nav-item-color-active; } //.nav-list > li > a.active , .nav-list > li.open.active > a { background-color: @nav-item-background-active; } .nav-list > li > a > .menu-text, .nav-list > li > .submenu { border-width: 0; border-left: 1px solid @menumin-submenu-border-left; .box-shadow(none); } .nav-list > li > .submenu { border-top: 1px solid @nav-item-border; &:after { //the extra pixel @ min.less display: none; } } .nav-list > li > .submenu { background-color: @submenu-background; border-top-color: @menumin-submenu-border-top; border-top-width: 1px !important; } .nav-list > li.active > .submenu { background-color: @submenu-background-active; border-top-color: @menumin-active-submenu-border-top; border-left-color: @active-border-highlight; } //-li > .arrow .nav-list > li > .arrow { //right: 0; &:after { border-right-color: @nav-item-background-hover; -moz-border-right-colors: @nav-item-background-hover; } &:before { border-right-color: darken(@menumin-item-active-background , 8%); -moz-border-right-colors: @menumin-item-active-background; } } .nav-list > li.active > .arrow { &:after { border-right-color: @menumin-item-active-background; -moz-border-right-colors: @menumin-item-active-background; } &:before { border-right-color: darken(@nav-item-color-active, 10%); -moz-border-right-colors: darken(@nav-item-color-active, 10%); } } .sidebar-shortcuts-large { background-color: @shortcuts-background; .box-shadow(none); border: 1px solid lighten(@nav-item-border , 5%); border-width: 0 1px 1px 0; top: 0; } } .enable_sidebar_collapse_skin_1() when(@enable-sidebar-collapse = true) { .sidebar.menu-min { .menu_min_skin_1(); } } .enable_sidebar_collapse_skin_1(); .enable_minimized_responsive_menu_skin_1() when(@enable-minimized-responsive-menu = true) { @media (max-width: @grid-float-breakpoint-max) { .sidebar.responsive-min { .menu_min_skin_1(); .nav-list > li.active > a:after { display: block; } } .sidebar.responsive-max { .nav-list li.active > a:after { display: none; } .nav-list > li.highlight.active > a:after { display: block; } } } } .enable_minimized_responsive_menu_skin_1(); //highlight .hover menus when mouse is in submenus .hover_highlight_skin_1() { .nav-list > li { .submenu > li.hover:hover > a { background-color: @submenu-item-hover-background; } &.active .submenu > li.hover:hover > a { background-color: @submenu-item-background-active-hover; } } } .enable_submenu_hover_skin_1() when(@enable-submenu-hover = true) { //.hover submenu @media only screen and (min-width: @screen-hover-menu) { .nav-list li.hover > .submenu { padding-left: 0; padding-bottom: 2px; padding-right: 0; border-color: @hover-submenu-border; } //to keep the lines between items .nav-list li.hover > .submenu > li > a { border-top-width: 1px; margin-bottom: 0; margin-top: 0; } .nav-list li.hover > .submenu > li:first-child > a { border-top-width: 0; } //3rd & 4th .nav-list > li > .submenu li.hover > .submenu { padding: 3px 2px; } .nav-list > li.active > .submenu li.hover > .submenu { border-left-color: @hover-active-submenu-border;//inside an active item but not an active item itself } .nav-list li.hover.active > .submenu, .nav-list li.active > .submenu li.hover.active > .submenu { border-left-color: @active-border-highlight; } .nav-list > li.active > .submenu li.hover > .submenu { background-color: @hover-submenu-active-background; } }//@media //sometimes .hover items are opened in small view, and back in large view we reset the highlight state .enable_collpasible_responsive_menu_skin_1_tmp() when(@enable-collapsible-responsive-menu = true) { @media only screen and (min-width: max(@screen-hover-menu, @grid-float-breakpoint)) { .sidebar.navbar-collapse { .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a { color: @nav-item-color; } .nav-list > li.open.hover:hover > a { color: @nav-item-color-hover; background-color: @nav-item-background-hover; } .nav-list > li.active.hover:hover > a { color: @nav-item-color-active; background-color: @nav-item-background-active; } .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a { color: @submenu-item-color; } } } //navbar-collapse @media only screen and (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) { .sidebar.navbar-collapse { //.nav-list li li.hover.active.open > a { // background-color: @submenu-item-background-active; //} .nav-list li.hover > .submenu { padding-bottom: 0; } .nav-list li.hover > .submenu { border-top-color: @submenu-border; } .nav-list li.hover.active > .submenu { border-top-color: @submenu-border-active; } .nav-list li.hover.active > .submenu, .nav-list > li > .submenu li.hover > .submenu, .nav-list li.active > .submenu li.hover.active > .submenu { border-left-width: 0; } .nav-list > li > .submenu li.hover > .submenu { padding: 0; } .nav-list li li.hover > .submenu > li:first-child > a { border-top-width: 1px; } //in wide view when we hover a submenu item, its parent LI > A are highlighted, but not needed in small view //so remove "li.hover:hover > a" highlight /**.nav-list li li:hover > a { background-color: @submenu-item-background; } .nav-list li li > a:hover, .nav-list li li.open > a:hover { background-color: @submenu-item-hover-background; } .nav-list > li.active li:hover > a { background-color: @submenu-item-background-active; } .nav-list > li.active li > a:hover { background-color: @submenu-item-background-active-hover; }*/ } } .sidebar.navbar-collapse { .hover_highlight_skin_1(); } } .enable_collpasible_responsive_menu_skin_1_tmp(); @media only screen and (min-width: @screen-hover-menu) { .sidebar:not(.navbar-collapse) { .hover_highlight_skin_1(); } } } .enable_submenu_hover_skin_1(); //-li > .arrow //the submenu li > .arrow .sub_arrow1_skin_1() { > .arrow:after { border-right-color: @hover-submenu-arrow; -moz-border-right-colors: @hover-submenu-arrow; } > .arrow:before { border-right-color: darken(@hover-submenu-arrow, 10%); -moz-border-right-colors: darken(@hover-submenu-arrow, 10%); } } .nav-list li { .sub_arrow1_skin_1(); } .sub_arrow2_skin_2() { &.active > .arrow:after { border-right-color: @hover-submenu-active-background; -moz-border-right-colors: @hover-submenu-active-background; } &.active > .arrow:before { border-right-color: darken(@nav-item-color-active , 10%); -moz-border-right-colors: darken(@nav-item-color-active , 10%); } } //li > .arrow .nav-list > li { .sub_arrow2_skin_2(); //submenu of active, but it's not active itself &.active > .submenu li.hover > .arrow:before { border-right-color: darken(@hover-submenu2-active-arrow , 8%); -moz-border-right-colors: lighten(saturate(@hover-submenu2-active-arrow , 20%) , 20%); } //it is active itself &.active > .submenu li.hover.active > .arrow:before { border-right-color: @active-border-highlight; -moz-border-right-colors: lighten(saturate(@active-border-highlight, 40%), 20%); } &.active > .submenu li.hover > .arrow:after { border-right-color: @hover-submenu-active-background; -moz-border-right-colors: @hover-submenu-active-background; } } .nav-list li.pull_up { .sub_arrow1_skin_1() !important; .sub_arrow2_skin_2() !important; } .enable_old_menu_toggle_button_skin_1() when(@enable-old-menu-toggle-button = true) { .main-container .menu-toggler { background-color: @sidebar-toggler-background; &:before { border-top-color: @sidebar-toggler-line-1; border-bottom-color: @sidebar-toggler-line-2; } &:after { border-top-color: @sidebar-toggler-line-3; border-bottom-color: @sidebar-toggler-line-4; } > .toggler-text { border-top-color: @sidebar-toggler-background; -moz-border-top-colors: @sidebar-toggler-background; } } &.display { @color: desaturate(lighten(@navbar-background, 10%) , 30%); background-color: @color; &:before { border-top-color: lighten(@sidebar-toggler-line-1 , 15%); border-bottom-color: lighten(@sidebar-toggler-line-2 , 15%); } &:after { border-top-color: lighten(@sidebar-toggler-line-3 , 15%); border-bottom-color: lighten(@sidebar-toggler-line-4 , 15%); } > .toggler-text { border-top-color: @color; -moz-border-top-colors: @color; } } } .enable_old_menu_toggle_button_skin_1(); .navbar .navbar-toggle { background-color: #4D9DCC; &:focus { background-color: #4D9DCC; border-color: transparent; } &:hover { background-color: darken(#4D9DCC , 5%); border-color: rgba(255,255,255,0.1); } &.display, &[data-toggle=collapse]:not(.collapsed) { background-color: darken(#4D9DCC , 10%); box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.35); } } @media only screen and (min-width: @screen-sm-min) { .container.main-container:before { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); } } //horizontal menu .enable_horizontal_menu_skin_1() when(@enable-horizontal-menu = true) { @media only screen and (min-width: @grid-float-breakpoint) { .sidebar.h-sidebar { &:before { background-color: spin(lighten(@sidebar-background , 10%) , 10); border-bottom-color: lighten(@nav-item-border , 5%); } .nav-list { border-bottom-width: 0; } .nav-list > li.active:before { display: block; } .nav-list > li.hover.active > a:after { -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: #FFF; border-color: transparent transparent #FFF; border-width: 8px; top: auto; bottom: 0; right: auto; left: 50%; margin-left: -8px; content: ""; display: block; } .nav-list > li.hover.active:hover > a:after, .nav-list > li.hover.active.hover-show > a:after { display: none; } + .main-content .breadcrumbs { border-color: #E8E8E8; } .nav-list > li { border-color: @nav-item-border; &:hover , &:hover + li { border-left-color: @h-nav-item-border-hover; } &:last-child:hover { border-right-color: @h-nav-item-border-hover; } &.active , &.active + li , &:hover + li.active { border-left-color: @h-nav-item-border-active; } &.active:last-child { border-right-color: @h-nav-item-border-active; } } .nav-list > li.hover > .submenu { border-top-color: @hover-submenu-border; } .nav-list > li.hover.active > .submenu { border-top-color: @active-border-highlight; border-left-color: @hover-submenu-border; } .sidebar-shortcuts-large { background-color: @sidebar-background; border: 1px solid @hover-submenu-border; border-top-color: @active-border-highlight; top: 100%; } //-li > .arrow .nav-list > li > .arrow { &:after { border-right-color: transparent; -moz-border-right-colors: none; border-bottom-color: @hover-submenu-arrow; -moz-border-bottom-colors: @hover-submenu-arrow; } &:before { -moz-border-right-colors: none; border-right-color: transparent; border-bottom-color: darken(@hover-submenu-arrow, 12%); -moz-border-bottom-colors: darken(@hover-submenu-arrow, 8%); } } .nav-list > li.active > .arrow , .sidebar-shortcuts-large { &:before { border-right-color: transparent; -moz-border-right-colors: none; border-bottom-color: darken(@nav-item-color-active , 10%); -moz-border-bottom-colors: darken(@nav-item-color-active , 30%); } &:after { border-right-color: transparent; -moz-border-right-colors: none; border-bottom-color: @hover-submenu-active-background; -moz-border-bottom-colors: @hover-submenu-active-background; } } .sidebar-shortcuts-large:after { border-bottom-color: @sidebar-background; -moz-border-bottom-colors: @sidebar-background; } .nav-list > li.highlight.active > a:before { display: none; } &.menu-min { .nav-list > li > a > .menu-text { border-width: 1px 0 0; border-top-color: @menumin-submenu-border-left; } .nav-list > li.active > a > .menu-text { border-top-color: @active-border-highlight; } .nav-list > li.active > .submenu { border-top-color: @menumin-active-submenu-border-top; } .nav-list > li > .arrow { &:after { border-bottom-color: @nav-item-background-hover; -moz-border-bottom-colors: @nav-item-background-hover; } &:before { border-bottom-color: darken(@menumin-item-active-background , 8%); -moz-border-bottom-colors: @menumin-item-active-background; } } .nav-list > li.active > .arrow { &:after { border-bottom-color: @menumin-item-active-background; -moz-border-bottom-colors: @menumin-item-active-background; } &:before { border-bottom-color: darken(@nav-item-color-active, 10%); -moz-border-bottom-colors: darken(@nav-item-color-active, 10%); } } } } .h-sidebar.sidebar-fixed { + .main-content { padding-top: 86px; } &.no-gap + .main-content { padding-top: 72px; } &.menu-min + .main-content { padding-top: 61px; } &.menu-min.no-gap + .main-content { padding-top: 47px; } } .main-content .h-sidebar.sidebar .nav-list { border-left: 1px solid lighten(@nav-item-border , 5%); } }//@media } .enable_horizontal_menu_skin_1(); .sidebar-scroll { .sidebar-shortcuts { border-bottom-color: lighten(@nav-item-border , 5%); } .sidebar-toggle { border-top-color: lighten(@nav-item-border , 5%); } } .scrollout .scroll-track { background-color: transparent; } .scrollout .scroll-bar { background-color: #CCC; background-color: rgba(0,0,0,0.2); } @media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { .navbar.navbar-collapse { background-color: transparent; &:before , .navbar-container { background: @navbar-background; } } } .nav-list > li.disabled:before { display: none !important; } .nav-list > li.disabled > a { background-color: #333 !important; color: #AAA !important; } .nav-list li .submenu > li.disabled > a, .nav-list li.disabled .submenu > li > a { background-color: #444 !important; color: #A0A0A0 !important; cursor: not-allowed !important; > .menu-icon { display: none; } } .nav-list > li.disabled .submenu > li > a { border-top-color: #505050; } }//.skin-1