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; &:first-child { border-top-color: lighten(@nav-item-border , 7%); } &:last-child { border-bottom-color: lighten(@nav-item-border , 10%); } > a { background-color: @nav-item-background; color: @nav-item-color; > .menu-text , > .arrow { color: @nav-item-color;//if removed, it will have li:nth-child(n) color } } &:hover > a, &.hover-show > a { background-color: @nav-item-background-hover; > .menu-text { font-weight: bold; color: @nav-item-color-active;//for IE that doesn't support rgba color: @nav-item-color-hover; } > .menu-icon , > .arrow { color: @nav-item-icon-hover; } } &.open > a { background-color: @nav-item-background-open; > .menu-text { font-weight: bold; color: @nav-item-color-open; } > .menu-icon , > .arrow { color: @nav-item-icon-open; } } &.active > a { background-color: @nav-item-background-active; color: @nav-item-color-active; > .menu-icon { color: inherit; } > .menu-text , > .arrow { color: @nav-item-color-active; } } &.active:hover > a, &.active:not(.highlight):hover > a, &.active.hover-show > a, &.active:not(.highlight).hover-show > a, &.active.open > a, &.active.open:not(.highlight) > a { background-color: @nav-item-background-active; } &.active.highlight > a { background-color: @nav-item-background-active2; > .menu-icon { color: @nav-item-color-active; } } } //highlights and active states .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; } //the long active item line //.nav-list > li.active:after, .sidebar.responsive .nav-list li.active > a:after { //display: none; //} .nav-list > li.active > .submenu li.active > a { &:after { //top: 1px; top: 6px; } } .nav-list > li:before { top: 0; height: @nav-item-height; } .nav-list > li.active:before { display: block; background-color: mix(desaturate(@default-color , 25%) , #FFF, 75%); } .nav-list > li.active.highlight:before , .nav-list > li:before { background-color: mix(desaturate(@default-color , 25%) , #FFF, 50%); } //submenu .nav-list > li { > .submenu { border-top-width: 0; background-color: @submenu-background; //border-left: 1px solid; //border-left-color: #333; //border-left-color: rgba(0,0,0,0.4); } > .submenu > li , > .submenu > li > .submenu , > .submenu > li > .submenu > li, > .submenu > li > .submenu > li .submenu, > .submenu > li > .submenu > li .submenu li { background-color: inherit; } .submenu > li > a { border-top: 1px solid; border-top-color: #555; border-top-color: rgba(255,255,255,0.08); background-color: transparent; &:hover { background-color: @submenu-item-background-hover; color: #FFF; > .menu-icon { background-color: transparent; } } } &.active .submenu > li > a:hover { background-color: @submenu-item-background-hover; } } .nav-list > li { > .submenu > li { > a { color: @submenu-item-color; } &:first-child > a { border-top-width: 0; } &.active > a { background-color: @submenu-item-background-active; font-weight: bold; > .menu-icon { color: inherit; background-color: transparent; } } } } //3rd & 4th level menu .nav-list li .submenu li > a { color: @submenu-item-color; font-size: @base-font-size; } //hide submenu dotted tree menu .nav-list > li > .submenu { &:before, & > li:before { display: none; } } //change the paddings a little bit .nav-list > li .submenu > li > a { padding-left: 32px; > .menu-icon { left: 12px; } } @media only screen and (min-width: @screen-hover-menu) { .nav-list > li .submenu > li.hover > a { padding-left: 26px; > .menu-icon { left: 6px; } } } .nav-list > li > .submenu li > .submenu > li { > a { margin-left: 0; padding-left: 37px; padding-top: 8px; padding-bottom: 10px; border-top-width: 0; } > .submenu > li > a { margin-left: 0; padding-left: 51px; } } @media only screen and (min-width: @screen-hover-menu) { .nav-list > li > .submenu li > .submenu > li.hover > a { border-top-width: 1px; padding-bottom: 9px; } .nav-list > li > .submenu li > .submenu > li.hover:first-child > a { border-top-width: 0; } } //submenu active item color .nav-list > li > .submenu li { &:hover, &.hover-show, &.active, &.open { > a { color: lighten(desaturate(@default-color , 15%) , 15%);//submenu item color } } > a > .@{icon} { background-color: transparent; } } //the .badge and .label on hover .nav-list > li { &:hover:not(.active) > a , &.hover-show:not(.active) > a , &.open:not(.active) > a, &.active.highlight { .badge, .label { background-color: rgba(0,0,0,0.5) !important; } .badge.badge-transparent, .label.label-transparent { color: rgba(255,255,255,0.8) !important; background-color: transparent !important; .@{icon} { color: rgba(255,255,255,0.8) !important; } } } } //-li > .arrow .sub_arrow() { &:after { border-right-color: @submenu-background; -moz-border-right-colors: @submenu-background; } &:before { border-right-color: #191919; -moz-border-right-colors: #191919; //-moz-border-right-colors: rgba(0,0,0,0.7); //border-right-color: rgba(0,0,0,0.7); } } .nav-list li > .arrow { .sub_arrow() } .nav-list > li.pull_up > .arrow { .sub_arrow() !important; } //////////// .enable_highlight_active_skin_2() when(@enable-highlight-active = true) { //.active.highlight state //remove if not wanted .nav-list > li.active.highlight > a:after { border-right-color: transparent; -moz-border-right-colors: none; border-left-color: @nav-item-background-active2; -moz-border-left-colors: @nav-item-background-active2; border-width: 20px 0 20px 10px; z-index: 1; top: 0; right: -10px; display: block; } } .enable_highlight_active_skin_2(); //////////// //apply different colors .colorize1 (@index) when (@index < 13) { @color-val: ~`"color@{index}"`; .nav-list > li:nth-child(@{index}) > a { color: @@color-val; } .nav-list > li:nth-child(@{index}):hover > a, .nav-list > li:nth-child(@{index}).hover-show > a, .nav-list > li.open:nth-child(@{index}) > a { background-color: desaturate(@@color-val , 25%);//nav item hover background } .enable_highlight_active_skin_2_colors() { //.active.highlight state //remove if not wanted .nav-list > li.highlight.active:nth-child(@{index}) > a { background-color: desaturate(@@color-val , 25%);//nav item hover background } .nav-list > li.active.highlight:nth-child(@{index}) > a:after { border-left-color: desaturate(@@color-val , 25%); -moz-border-left-colors: desaturate(@@color-val , 25%); } } @submenu-background: mix(@@color-val , #303030, 12%);//it's like having an overlay with #303030 and 88% opacity .nav-list > li:nth-child(@{index}) > .submenu { background-color: @submenu-background; } //-li > .arrow .nav-list > li:nth-child(@{index}) > .arrow:after, .nav-list > li:nth-child(@{index}) li > .arrow:after { border-right-color: @submenu-background; -moz-border-right-colors: @submenu-background; } .nav-list > li.pull_up:nth-child(@{index}) > .arrow:after { border-right-color: @submenu-background !important; -moz-border-right-colors: @submenu-background !important; } .enable_horizontal_menu_skin_2_colors() { .sidebar.h-sidebar { .nav-list > li.hover:nth-child(@{index}) > a { //to override .menu-min color: @@color-val; } .nav-list > li.hover:nth-child(@{index}) > .arrow:after { border-bottom-color: @submenu-background; -moz-border-bottom-colors: @submenu-background; } } } .nav-list > li:nth-child(@{index}) > .submenu li { &:hover , &.hover-show, &.active, &.open { > a { color: lighten(desaturate(@@color-val , 15%) , 15%);//submenu item color } } } //the hover .nav-list > li.active:nth-child(@{index}):before { background-color: mix(desaturate(@default-color , 25%) , #FFF, 75%); background-color: mix(desaturate(@@color-val , 25%) , #FFF, 75%); } .nav-list > li.active.highlight:nth-child(@{index}):before , .nav-list > li:nth-child(@{index}):before { background-color: mix(desaturate(@@color-val , 25%) , #FFF, 50%); } .colorize1(@index + 1); } .colorize1(1); .enable_horizontal_menu_skin_2_colorsss() when(@enable-horizontal-menu = true) { @media only screen and (min-width: @grid-float-breakpoint) { .enable_horizontal_menu_skin_2_colors(); } } .enable_horizontal_menu_skin_2_colorsss(); .enable_highlight_active_skin_2_colorsss() when(@enable-highlight-active = true) { .enable_highlight_active_skin_2_colors(); } .enable_highlight_active_skin_2_colorsss(); //some extras .sidebar-shortcuts .btn { background-color: #555 !important; border-radius: 32px; border-width: 2px; &:hover { background-color: #222 !important; } &:focus { outline: none; } } .sidebar-shortcuts-mini .btn { border-radius: 32px; border-width: 2px; opacity: 1; padding: 6px; } .sidebar-shortcuts , .sidebar-shortcuts-mini { background-color: @shortcuts-background; } .sidebar > .nav-search { background-color: @shortcuts-background; } .sidebar-toggle { background-color: @sidebar-toggle-background; border-color: @sidebar-toggle-border; &:before { border-color: inherit; } > .@{icon} { background-color: @sidebar-toggle-icon-background; border-color: @sidebar-toggle-icon-color; color: @sidebar-toggle-icon-color; } } .enable_breadcrumbs_skin_2() when(@enable-breadcrumbs = true) { .breadcrumbs { border-width: 0; background-color: @breadcrumbs-background; border-radius: 4px; margin: 8px 8px 0; } @media only screen and (max-width: @grid-float-breakpoint-max) { .breadcrumbs { margin: 5px 5px 0; } .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs { margin: 0; border-radius: 0; } } .enable_fixed_breadcrumbs_skin_2() when(@enable-fixed-breadcrumbs = true) { @media (min-width: @screen-fixed-breadcrumbs) { .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: @page-content-padding-top + @breadcrumb-height + 8; } } @media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) { .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: @page-content-padding-top + @breadcrumb-height + 5; } .menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content { padding-top: @page-content-padding-top + @breadcrumb-height; } } .enable_container_breadcrumbs_skin_2() when(@enable-breadcrumbs = true) { //because breadcrumbs has 8px margin on left and right .container.main-container { @media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs, @screen-compact-menu)) and (max-width: @grid-float-breakpoint-max) { .sidebar.compact + .main-content .breadcrumbs-fixed { width: @container-sm - 10; } } @media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs)) and (max-width: @grid-float-breakpoint-max) { .breadcrumbs-fixed { width: @container-sm - 10; } .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: @container-sm - 10; } .sidebar.responsive-min + .main-content .breadcrumbs-fixed { width: @container-sm - @sidebar-min-width - 10; } } @media (min-width: max(@screen-md-min, @screen-compact-menu)) { .sidebar.compact + .main-content .breadcrumbs-fixed { width: @container-md - @sidebar-compact-width - 16; } } @media (min-width: max(@screen-md-min)) { .breadcrumbs-fixed { width: @container-md; } .sidebar + .main-content .breadcrumbs-fixed { width: @container-md - @sidebar-width - 16; } .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: @container-md - @sidebar-min-width - 16; } } @media (min-width: max(@screen-lg-min, @screen-compact-menu)) { .sidebar.compact + .main-content .breadcrumbs-fixed { width: @container-lg - @sidebar-compact-width - 16; } } @media (min-width: @screen-lg-min) { .breadcrumbs-fixed { width: @container-lg - 16; } .sidebar + .main-content .breadcrumbs-fixed { width: @container-lg - @sidebar-width - 16; } .sidebar.menu-min + .main-content .breadcrumbs-fixed { width: @container-lg - @sidebar-min-width - 16; } } @media (min-width: @screen-sm-min) { .sidebar.h-sidebar + .main-content .breadcrumbs-fixed { width: auto; } } } } .enable_container_breadcrumbs_skin_2(); } .enable_fixed_breadcrumbs_skin_2(); } .enable_breadcrumbs_skin_2(); //default responsive @media only screen and (max-width: @grid-float-breakpoint-max) { .sidebar { border-width: 0; .box-shadow(none); } .nav-list li.active > a:after { display: none; } } //collapsed menu .menu_min_skin_2() { .nav-list > li.open > a { color: @nav-item-color; } .nav-list > li.active > a { color: @nav-item-color-active; } .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 > a > .menu-text { background-color: inherit; font-weight: bold; color: @nav-item-color-hover;//because it only shows up if hovered! border-width: 0 0 0 1px; border-style: solid; border-color: #333; border-color: rgba(0,0,0,0.4); .box-shadow(none); margin-left: 1px; //top: -1px; //height: @nav-item-height; } .nav-list > li.active > a > .menu-text { background-color: inherit; color: #FFF; } .nav-list > li > .submenu { border-style: solid; border-width: 1px 0 0 1px; border-color: #444; border-color: rgba(0,0,0,0.3); .box-shadow(none); margin-left: 1px; &:after { //the extra pixel @ min.less display: none; } } .nav-list > li.active > .submenu { border-top-color: rgba(0,0,0,0.5); } .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; border-color: #666; } //-li > .arrow .nav-list > li > .arrow, .nav-list > li.active.highlight > .arrow { &:after { border-right-color: desaturate(@default-color , 25%); -moz-border-right-colors: desaturate(@default-color , 25%); } &:before { border-right-color: #333; border-right-color: rgba(0,0,0,0.7); -moz-border-right-colors: rgba(0,0,0,0.7); } } .nav-list > li.active:not(.highlight) > 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 > a > .menu-text, .nav-list > li.active.highlight > a > .menu-text { border-left-color: #333; border-left-color: rgba(0,0,0,0.5); } .nav-list > li.pull_up > a > .menu-text, .nav-list > li.pull_up.active.highlight > a > .menu-text { border-left-color: #222; border-left-color: rgba(0,0,0,0.7); } .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text { border-left-color: #666; } //-li > .arrow .colorize2 (@index) when (@index < 13) { @color-val: ~`"color@{index}"`; .nav-list > li:nth-child(@{index}) > .arrow:after, .nav-list > li.active.highlight:nth-child(@{index}) > .arrow:after { border-right-color: desaturate(@@color-val , 25%); -moz-border-right-colors: desaturate(@@color-val , 25%); } .colorize2(@index + 1); } .colorize2(1); .nav-list > li.active > a > .menu-text { border-left-color: #777; } //-li > .arrow .nav-list > li.active > .arrow { &:after { border-right-color: @nav-item-background-active; -moz-border-right-colors: @nav-item-background-active; } &:before { border-right-color: #888; -moz-border-right-colors: #FFF; } } } .enable_sidebar_collapse_skin_2() when(@enable-sidebar-collapse = true) { .sidebar.menu-min { .menu_min_skin_2(); } } .enable_sidebar_collapse_skin_2(); .enable_responsive_menu_skin_2() when(@enable-responsive-menu = true) { //responsive-collapsed-style @media (max-width: @grid-float-breakpoint-max) { .sidebar.responsive { .nav-list > li.active > a:after { display: none; } .nav-list > li.active.highlight > a:after { display: block; } } } } .enable_responsive_menu_skin_2(); .enable_minimized_responsive_menu_skin_2() when(@enable-minimized-responsive-menu = true) { //responsive-collapsed-style @media (max-width: @grid-float-breakpoint-max) { .sidebar.responsive-min { .menu_min_skin_2(); .nav-list > li.active > a:after { display: block; } } } } .enable_minimized_responsive_menu_skin_2(); //highlight .hover menus when mouse is in submenus .hover_highlight_skin_2() { .nav-list > li { .submenu > li.hover:hover > a , .submenu > li.hover.hover-show > a { background-color: @submenu-item-background-hover; } &.active .submenu > li.hover:hover > a , &.active .submenu > li.hover.hover-show > a { background-color: @submenu-item-background-hover; } } } //.hover .enable_hover_submenu_skin_2() when(@enable-submenu-hover = true) { @media only screen and (min-width: @screen-hover-menu) { .nav-list li.hover > .submenu { padding-left: 0; padding-right: 0; border: 1px solid; border-color: @hover-submenu-border; > li > a { margin-bottom: 0; margin-top: 0; } > li:first-child > a { border-top-width: 0; } } //3rd & 4th .nav-list li .submenu > li.hover.active > a { background-color: @submenu-item-background-active; } .nav-list > li > .submenu li.hover > .submenu { padding: 2px; } .nav-list > li > .submenu li > .submenu > li.hover > a { border-top-color: #222;//for IE8 border-top-color: rgba(255,255,255,0.08); } .nav-list > li.active.hover:hover > a.dropdown-toggle:after, .nav-list > li.active.hover.hover-show > a.dropdown-toggle:after, .menu-min .nav-list > li.active:hover > a:after, .menu-min .nav-list > li.active.hover-show > a:after { display: none; } }//@media .enable_collapsible_responsive_menu_skin_2_tmp() when(@enable-collapsible-responsive-menu = true) { //sometimes .hover items are opened in small view, and back in large view we reset the open 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 { background-color: @nav-item-background; font-weight: normal; > .menu-icon , > .menu-text , > .arrow { color: inherit; } } .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a { color: @submenu-item-color; } .nav-list > li > .submenu > li.open.hover:not(:hover):not(:focus):not(.active) > a { > .menu-icon { display: none; } } } } } .enable_collapsible_responsive_menu_skin_2_tmp(); @media only screen and (min-width: @screen-hover-menu) { .sidebar:not(.navbar-collapse) { .hover_highlight_skin_2(); } } } .enable_hover_submenu_skin_2(); .enable_collapsible_responsive_menu_skin_2() when(@enable-collapsible-responsive-menu = true) { //navbar-collapse @media only screen and (max-width: @grid-float-breakpoint-max) { .sidebar.navbar-collapse { .nav-list > li > .submenu:before, .nav-list > li > .submenu > li:before , .nav-list > li > .submenu > li > .submenu:before { display: none; } .nav-list > li:before { height: @nav-item-height + 2 !important; top: 0; } .nav-list > li > .submenu li > .submenu > li > a { margin-left: 0; padding-left: 42px; } .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 0; padding-left: 58px; } .nav-list > li > a > .menu-text, .nav-list > li.active.highlight > a > .menu-text { border-width: 0; } } } .enable_hover_submenu_skin_2_tmp() when(@enable-submenu-hover = true) { @media only screen and (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) { .sidebar.navbar-collapse { .nav-list > li.hover > .submenu { padding-bottom: 0; } .nav-list li.hover > .submenu { //background-color: transparent; border-width: 0; } .nav-list li li.hover:hover > a , .nav-list li li.hover.hover-show > a { background-color: transparent; } .nav-list li li.hover > a:hover { background-color: @submenu-item-background-hover; } .nav-list > li > .submenu > li.active.hover:hover > a , .nav-list > li > .submenu > li.active.hover.hover-show > a { background-color: @submenu-item-background-active; } .nav-list > li > .submenu > li.active.hover > a:hover { background-color: @submenu-item-background-hover; } .nav-list > li > .submenu li.hover > .submenu { border-left-width: 0t; padding: 0; } .nav-list > li > .submenu li.hover > .submenu > li > a { margin-left: 0 !important; padding-left: 37px !important; } .nav-list > li > .submenu li > .submenu > li > .submenu > li > a { margin-left: 0 !important; padding-left: 51px !important; } .nav-list li.hover > .submenu li > a { padding-left: 32px !important; > .menu-icon { background-color: transparent; } } .nav-list li.hover > .submenu > li.active > a { background-color: transparent; font-weight: normal; } .nav-list > li.hover > .submenu > li.active > a { background-color: @submenu-item-background-active; font-weight: bold; } .nav-list li.hover > .submenu > li.active > a:hover { background-color: @submenu-item-background-hover; } .nav-list > li > .submenu li > .submenu > li.hover > a { border-top-width: 0; } .nav-list > li .submenu > li.hover > a { > .menu-icon { left: 12px; } } .hover_highlight_skin_2(); &.menu-min .nav-list li.hover > .submenu li > a { padding-left: 32px; } } }//@media } .enable_hover_submenu_skin_2_tmp(); @media only screen and (max-width: @grid-float-breakpoint-max) { .sidebar.navbar-collapse { .enable_sidebar_collapse_skin_22() when(@enable-sidebar-collapse = true) { &.menu-min { .sidebar-shortcuts-large { border-width: 0; } .nav-list > li { > a > .menu-text { font-weight: normal; color: @nav-item-color; margin-left: 0; } &:hover > a > .menu-text { font-weight: bold; color: @nav-item-color-hover; } &.active > a > .menu-text { font-weight: bold; color: @nav-item-color-active; } > .submenu { margin-left: 0; border-top-width: 0; } } .nav-list > li > .submenu li > a > .menu-icon { left: 12px; } } } .enable_sidebar_collapse_skin_22(); } } } .enable_collapsible_responsive_menu_skin_2(); @media (min-width: @screen-compact-menu) { .sidebar.compact .nav-list > li:before { height: auto; bottom: 0; } } .enable_old_menu_toggle_button_skin_2() when(@enable-old-menu-toggle-button = true) { .main-container .menu-toggler { @color: #D685B0; background-color: @color; &:before { border-top-color: #FFF; border-bottom-color: #FFF; } &:after { border-top-color: #FFF; border-bottom-color: #FFF; } > .toggler-text { border-top-color: @color; -moz-border-top-colors: @color; } } } .enable_old_menu_toggle_button_skin_2(); .navbar .navbar-toggle { background-color: #DB78A1; &:focus { background-color: #DB78A1; border-color: transparent; } &:hover { background-color: darken(#DB78A1 , 4%); border-color: rgba(255,255,255,0.1); } &.display, &[data-toggle=collapse]:not(.collapsed) { background-color: darken(#DB78A1 , 8%); 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_2() when(@enable-horizontal-menu = true) { @media only screen and (min-width: @grid-float-breakpoint) { .sidebar.h-sidebar { background-color: @nav-item-background; &:before { background-color: lighten(@sidebar-background , 15%); border-bottom-color: lighten(@nav-item-border , 20%); } .nav-list { border-bottom-width: 0; } .nav-list > li > a > .menu-text { color: @nav-item-color; font-weight: normal; } .nav-list > li:hover > a > .menu-text , .nav-list > li.hover-show > a > .menu-text { color: @nav-item-color-active; font-weight: normal; } .nav-list > li.active > a > .menu-text { font-weight: bold; color: @nav-item-color-active; } .nav-list > li:before { left: 0; right: 0; } .nav-list > li.hover > .submenu { margin-left: -1px; border-width: 1px; border-top-color: rgba(0, 0, 0, 0.4); } .nav-list > li .submenu > li.hover > a { padding-left: 22px; } .nav-list > li .submenu > li.hover > a > .menu-icon { left: 4px; } &.compact .nav-list > li.active:before { height: 2px; bottom: auto; } .nav-list > li.highlight.active > a:after { display: none; } .nav-list > li.hover.active > a:after { display: block; -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; } .nav-list > li.hover.active:hover > a:after, .nav-list > li.hover.active.hover-show > a:after { display: none; } .sidebar-shortcuts-large { background-color: @sidebar-background; border-width: 1px 0 0 !important;//to override .rtl + .menu-min.h-sidebar border-top: 1px solid #777; top: 100%; } .sidebar-shortcuts-mini { padding-top: 2px; } .sidebar-shortcuts-mini > .btn { padding: 7px; } .nav-list > li.active.highlight > .arrow { &:after { border-right-color: transparent; border-bottom-color: desaturate(@default-color , 25%); } &:before { border-right-color: transparent; -moz-border-right-colors: none; border-bottom-color: #191919; -moz-border-bottom-colors: #191919; } } //-li > .arrow .nav-list > li.hover > .arrow { &:after { border-right-color: transparent; -moz-border-right-colors: none; border-bottom-color: @submenu-background; -moz-border-bottom-colors: @submenu-background; } &:before { -moz-border-right-colors: none; border-right-color: transparent; border-bottom-color: #191919; -moz-border-bottom-colors: #191919; //border-bottom-color: rgba(0,0,0,0.8); } } .sidebar-shortcuts-large { &:after { border-bottom-color: @sidebar-background; } &:before { border-bottom-color: #999; -moz-border-bottom-colors: #999; } } &.menu-min { .sidebar-shortcuts-mini { padding-top: 3px; } .sidebar-shortcuts-mini > .btn { padding: 6px; } .nav-list > li > a > .menu-text { border-width: 1px 0 0 0; border-top-color: rgba(0, 0, 0, 0.5); } .nav-list > li > .arrow, .nav-list > li.active.highlight > .arrow { &:before { -moz-border-bottom-colors: rgba(0, 0, 0, 0.7); border-bottom-color: rgba(0, 0, 0, 0.7); } } } .colorize3 (@index) when (@index < 13) { @color-val: ~`"color@{index}"`; &.menu-min .nav-list > li:nth-child(@{index}) > .arrow:after, &.menu-min .nav-list > li.active.highlight:nth-child(@{index}) > .arrow:after { border-bottom-color: desaturate(@@color-val , 25%); -moz-border-bottom-colors: desaturate(@@color-val , 25%); } .colorize3(@index + 1); } .colorize3(1); &.menu-min .nav-list > li.active > .arrow { &:after { border-bottom-color: @nav-item-background-active; -moz-border-bottom-colors: @nav-item-background-active; } &:before { border-bottom-color: #888; -moz-border-bottom-colors: #FFF; } } &.menu-min .nav-list > li > a > .menu-text, &.menu-min .nav-list > li.active.highlight > a > .menu-text { border-top-color: #333; border-top-color: rgba(0,0,0,0.5); } &.menu-min .nav-list > li.active > a > .menu-text { border-top-color: #777; } + .main-content .breadcrumbs { border-color: desaturate(darken(@breadcrumbs-background , 5%) , 5%); top: 2px; } } .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 , 6%); } }//@media } .enable_horizontal_menu_skin_2(); .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; } } } //disabled .nav-list > li.disabled:before { display: none !important; } .nav-list > li.disabled > a , .nav-list > li > a.disabled { background-color: #555 !important; color: #CCC !important; > .menu-text { color: #CCC !important; } .label, .badge { background-color: rgba(0, 0, 0, 0.5) !important; } } .nav-list > li.active.highlight.disabled > a:after, .nav-list > li.active.highlight > a.disabled:after { -moz-border-left-colors: #555 !important; border-left-color: #555 !important; } .nav-list li .submenu > li.disabled > a , .nav-list li .submenu > li > a.disabled, .nav-list li.disabled .submenu > li > a , .nav-list li > a.disabled + .submenu > li > a { background-color: #666 !important; color: #DDD !important; cursor: not-allowed !important; > .menu-icon { display: none; } } }//.skin-2