src/ztfy/myams/resources/less/tabs.less
changeset 48 501bdc011ad6
parent 35 b5b31a376dd0
child 118 c87d242a1176
equal deleted inserted replaced
47:93ba694b15a0 48:501bdc011ad6
    67 			}
    67 			}
    68 		}
    68 		}
    69 	}
    69 	}
    70 	>li.active {
    70 	>li.active {
    71 		>a {
    71 		>a {
    72 			-webkit-box-shadow: 0 -2px 0 #57889c;
    72 			-webkit-box-shadow: 0 -2px 0 @activeTabBorder;
    73 			box-shadow: 0 -2px 0 #57889c;
    73 			box-shadow: 0 -2px 0 @activeTabBorder;
    74 			border-top-width: 0!important;
    74 			border-top-width: 0!important;
    75 			margin-top: 1px!important;
    75 			margin-top: 1px!important;
    76 			font-weight: 700;
    76 			font-weight: 700;
    77 
    77 
    78 			.badge,
    78 			.badge,
    79 			.label,
    79 			.label,
    80 			>.fa {
    80 			>.fa {
    81 				opacity: 1;
    81 				opacity: 1;
    82 			}
    82 			}
    83 			.tabs-left & {
    83 			.tabs-left & {
    84 				-webkit-box-shadow: -2px 0 0 #57889c;
    84 				-webkit-box-shadow: -2px 0 0 @activeTabBorder;
    85 				box-shadow: -2px 0 0 #57889c;
    85 				box-shadow: -2px 0 0 @activeTabBorder;
    86 				border-top-width: 1px!important;
    86 				border-top-width: 1px!important;
    87 				border-left: 0!important;
    87 				border-left: 0!important;
    88 				margin-left: 1px!important;
    88 				margin-left: 1px!important;
    89 			}
    89 			}
    90 			.tabs-right & {
    90 			.tabs-right & {
    91 				-webkit-box-shadow: 2px 0 0 #57889c;
    91 				-webkit-box-shadow: 2px 0 0 @activeTabBorder;
    92 				box-shadow: 2px 0 0 #57889c;
    92 				box-shadow: 2px 0 0 #57889c;
    93 				border-top-width: 1px!important;
    93 				border-top-width: 1px!important;
    94 				border-right: 0!important;
    94 				border-right: 0!important;
    95 				margin-right: 1px!important;
    95 				margin-right: 1px!important;
    96 			}
    96 			}
    97 			.tabs-below & {
    97 			.tabs-below & {
    98 				-webkit-box-shadow: 0 2px 0 #57889c;
    98 				-webkit-box-shadow: 0 2px 0 @activeTabBorder;
    99 				box-shadow: 0 2px 0 #57889c;
    99 				box-shadow: 0 2px 0 @activeTabBorder;
   100 				border-bottom-width: 0!important;
   100 				border-bottom-width: 0!important;
   101 				border-top: 0!important;
   101 				border-top: 0!important;
   102 				margin-top: 0!important;
   102 				margin-top: 0!important;
   103 			}
   103 			}
   104 		}
   104 		}