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 �% a { & , &:hover, &:focus { background-color: @nav-item-background-open; } } .nav-list > li { border-color: @nav-item-border; > a { background-color: @nav-item-background; color: @nav-item-color; &:focus { background-color: @nav-item-background; color: @nav-item-color-focus; } } &:hover > a { background-color: @nav-item-background-hover; color: @nav-item-color-hover; } &.open > a { background-color: @nav-item-background-open; color: @nav-item-color-focus; } &.active > a { font-weight: bold; color: @nav-item-color-active; & , &:hover, &:focus { background-color: @nav-item-background-active; } } } //submenu .nav-list > li .submenu { background-color: @submenu-background; border-color: @submenu-border; > li > a { border-top-color: @submenu-item-border; background-color: @submenu-item-background; color: @submenu-item-color; &:hover { color: @submenu-item-color-hover; background-color: @submenu-item-background-hover; } } > li.active > a { color: @nav-item-color-active; > .menu-icon { color: @submenu-item-icon-active; } } > li.active.open > a > .menu-icon { color: inherit; } @media only screen and (min-width: @screen-hover-menu) { > li.active.hover > a.dropdown-toggle > .menu-icon { color: inherit; } } > li.active:not(.open) > a { background-color: @submenu-item-background-active; &:hover { background-color: @submenu-item-background-hover; } } } .nav-list > li > .submenu { .open > a, .open > a:hover, .open > a:focus { border-color: @submenu-item-border; } li > .submenu > li a{ color: lighten(@submenu-item-color , 8%); &:hover { color: @3rd-level-item-color-hover; background-color: @3rd-level-item-background-hover; } } li.open > a { color: @3rd-level-item-color-hover; } li > .submenu li.open > a , li > .submenu li.active > a { color: @3rd-level-item-color-hover; } } //the tree line .nav-list > li { > .submenu:before, > .submenu > li:before { border-color: @submenu-tree-line-color; } &.active > .submenu:before, &.active > .submenu > li:before { border-color: @submenu-tree-line-color-active; } } //extra .sidebar-toggle { background-color: @sidebar-toggle-background; border-color: @sidebar-toggle-border; > .@{icon} { border-color: @sidebar-toggle-icon-border; color: @sidebar-toggle-icon-color; background-color: @sidebar-toggle-icon-background; } } .sidebar-shortcuts { background-color: @shortcuts-background; } .sidebar-fixed .sidebar-shortcuts { border-color: @shortcuts-border; } .sidebar-shortcuts-mini { background-color: @submenu-background; } //-li > .arrow .nav-list li > .arrow { &:before { border-right-color: #B8B8B8; -moz-border-right-colors: #B8B8B8; border-width: 10px 10px 10px 0; //because border-width: 10px in firefox doesn't look good //but on other skins, it has a bad edge on firefox left: -11px; } &:after { border-right-color: @submenu-background; -moz-border-right-colors: @submenu-background; border-width: 10px 10px 10px 0; left: -10px; } } .nav-list > li.pull_up > .arrow { &:after { border-right-color: @submenu-background !important; -moz-border-right-colors: @submenu-background !important; border-width: 10px 10px 10px 0 !important;//to override .menu-min left: -10px !important; } &:before { border-width: 10px 10px 10px 0 !important; left: -11px !important; } } //active state .nav-list li.active > a:after { border-right-color: @nav-item-color-active; -moz-border-right-colors: @nav-item-color-active; } //the border on right of active item .nav-list > li.active:after { display: block; content: ""; position: absolute; right: -2px; top: -1px; bottom: 0; z-index: 1; border: 2px solid; border-width: 0 2px 0 0; border-color: @nav-item-color-active } .sidebar-scroll .nav-list > li.active:after { //so that its inside sidebar right: 0; } //show active caret only for 1st level item @media only screen and (max-width: @grid-float-breakpoint-max) { .sidebar.responsive .nav-list > li.active.open > a:after, .sidebar.responsive-max .nav-list > li.active.open > a:after { display: block; } .sidebar.responsive .nav-list li li.active > a:after, .sidebar.responsive-max .nav-list li li.active > a:after { display: none; } .sidebar.responsive .nav-list > li.active:after, .sidebar.responsive-max .nav-list > li.active:after { height: @nav-item-height + 2; } } //menu min .menu_min_no_skin() { .nav-list > li > a { > .menu-text { background-color: @menumin-text-background; .box-shadow(@menumin-shadow1); border-color: @menumin-border; } &.dropdown-toggle > .menu-text { .box-shadow(@menumin-shadow2); } } .nav-list > li { &.active > .submenu { border-left-color: @submenu-border-active; } } .nav-list > li > .submenu { background-color: @submenu-background; border: 1px solid @menumin-border; border-top-color: @menumin-submenu-top-border; .box-shadow(@menumin-shadow2); } //-li > .arrow .nav-list > li { > .arrow:after { border-right-color: @menumin-text-background; -moz-border-right-colors: @menumin-text-background; border-width: 8px 8px 8px 0; left: -8px; } > .arrow:before { border-width: 8px 8px 8px 0; left: -9px; } &.active > .arrow:before { border-right-color: darken(@submenu-border-active , 11%); -moz-border-right-colors: darken(@submenu-border-active , 11%); } &.active > a > .menu-text { border-left-color: @submenu-border-active; } } .sidebar-shortcuts-large { background-color: @submenu-background; .box-shadow(@menumin-shadow1); border-color: @menumin-border; } .sidebar-toggle > .@{icon} { border-color: darken(@sidebar-toggle-icon-border, 4%); } } .enable_sidebar_collapse_no_skin() when(@enable-sidebar-collapse = true) { .sidebar.menu-min { .menu_min_no_skin(); } } .enable_sidebar_collapse_no_skin(); .enable_minimized_responsive_menu_no_skin() when(@enable-minimized-responsive-menu = true) { @media (max-width: @grid-float-breakpoint-max) { .sidebar.responsive-min { .menu_min_no_skin(); } } } .enable_minimized_responsive_menu_no_skin(); .enable_hover_submenu_no_skin() when(@enable-submenu-hover = true) { //.hover menu @media only screen and (min-width: @screen-hover-menu) { .nav-list li.hover { > .submenu { .box-shadow(@menumin-shadow1); border-color: @hover-submenu-border; > li.active > a { background-color: @hover-submenu-background-active; } > li:hover > a { background-color: @hover-submenu-item-background-hover; color: @hover-submenu-item-color-hover; } } } } .enable_collapsible_responsive_hover_menu_no_skin() when(@enable-collapsible-responsive-menu = true) { @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: @nav-item-background-active; } //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:hover > a { background-color: @submenu-item-background; } //and instead highlight "li.hover > a:hover" .nav-list li li.hover > a:hover, .nav-list li li.hover.open > a:hover, .nav-list li li.hover.open.active > a:hover { background-color: @submenu-item-background-hover; } //active submenu item icon is red .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon { color: @submenu-item-icon-active; } //active submenu item icon inherits color .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon { color: inherit; } } } //sometimes .hover items are opened in small view, and back in large view we reset the highlight state @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; > .arrow { color: inherit; } } .nav-list > li.open.hover:hover > a { background-color: @nav-item-background-hover; } .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a { color: @submenu-item-color; > .arrow { color: inherit; } } } }//@media //reset .hover to normal @media only screen and (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) { .sidebar.navbar-collapse { .nav-list li.hover > .submenu { border-top-color: @submenu-border; background-color: @submenu-background; } } .nav-list li.hover > .submenu > li.active:not(.open) > a { background-color: @submenu-item-background-active; &:hover { background-color: @submenu-item-background-hover; } } } } .enable_collapsible_responsive_hover_menu_no_skin(); } .enable_hover_submenu_no_skin(); //horizontal .enable_horizontal_menu_no_skin() when(@enable-horizontal-menu = true) { @media only screen and (min-width: @grid-float-breakpoint) { .sidebar.h-sidebar { background-color: @h-sidebar-background; &:before { background-color: @h-sidebar-preground; .box-shadow(@h-sidebar-preshadow); } .nav-list > li { &: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.active:before { background-color: @nav-item-color-active;//#2B7DBC; } //a white line on bottom of active item to cover the blue separator .nav-list > li.active > a:after { border-width: 0 0 2px 0; border-color: transparent; border-bottom-color: #FFF; left: 0; right: 0; top: auto; bottom: -2px; } .sidebar-shortcuts-large { background-color: #FFF; border-color: @menumin-border; .box-shadow(~"2px 1px 2px 0 rgba(0,0,0,0.1)"); } .sidebar-shortcuts-large:after { border-bottom-color: #FFF; -moz-border-bottom-colors: #FFF; } } .sidebar.h-sidebar { .nav-list > li.hover { > .submenu { border-color: @hover-submenu-border; } } &.menu-min { .nav-list > li.hover { > .submenu { border-top-color: @menumin-submenu-top-border; } } } .nav-list > li.hover { > .arrow:after { border-color: transparent; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-border-left-colors: none; border-bottom-color: #FFF; -moz-border-bottom-colors: #FFF; } > .arrow:before { border-color: transparent; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-border-left-colors: none; -moz-border-bottom-colors: #B8B8B8; border-bottom-color: #B8B8B8; } } &.menu-min .nav-list > li.hover > .arrow:after { -moz-border-bottom-colors: #F5F5F5; border-bottom-color: #F5F5F5; } &.menu-min .nav-list > li.active > a > .menu-text { border-left-color: @menumin-border; } } } } .enable_horizontal_menu_no_skin(); @media only screen and (max-width: @grid-float-breakpoint-max) { .sidebar { border-width: 0 1px 1px 0; border-top-color: lighten(@sidebar-border , 4%); } .menu-toggler + .sidebar.responsive { border-top-width: 1px; } .sidebar.responsive-min { border-width: 0 1px 0 0; } .sidebar.navbar-collapse { border-width: 0; border-bottom-width: 1px !important;//to override .rtl's border-bottom-color: @sidebar-border; .box-shadow(~"0 2px 2px rgba(0, 0, 0, 0.1)") !important;//to override .rtl's &.menu-min { .nav-list > li > .submenu { background-color: @submenu-background; } } } }//@media .sidebar-scroll { .sidebar-shortcuts { border-bottom-color: darken(@nav-item-border , 3%); } .sidebar-toggle { border-top-color: darken(@nav-item-border , 3%); } } .enable_old_menu_toggle_button_no_skin() 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; } } } .enable_old_menu_toggle_button_no_skin(); //disabled state .nav-list > li.disabled:before { display: none !important; } .nav-list > li.disabled > a { background-color: darken(@nav-item-background, 5%) !important; color: lighten(@nav-item-color, 5%) !important; } .nav-list li .submenu > li.disabled > a, .nav-list li.disabled .submenu > li > a { background-color: darken(@submenu-item-background, 5%) !important; color: desaturate(lighten(@submenu-item-color, 10%), 10%) !important; cursor: not-allowed !important; > .menu-icon { display: none; } } /** .nav-list > li.disabled.active:after { border-color: #999; } .nav-list li.disabled li.active > a:after, .nav-list li.active.disabled > a:after { -moz-border-right-colors: #999 !important; border-right-color: #999 !important; } */ }//.no-skin //hover highlight @import "../sidebar/highlight.less";