src/ztfy/myams/resources/less/menus.less
changeset 171 d1a43750fea2
parent 156 61176c64158d
equal deleted inserted replaced
170:448072405613 171:d1a43750fea2
   233 				border-color: #ACACAC!important;
   233 				border-color: #ACACAC!important;
   234 			}
   234 			}
   235 			>a {
   235 			>a {
   236 				>.badge.pull-right {
   236 				>.badge.pull-right {
   237 					margin-right: 15px;
   237 					margin-right: 15px;
       
   238 
       
   239 					.minified & {
       
   240 						position: absolute;
       
   241 						margin-right: 0;
       
   242 						top: 0.4em;
       
   243 						right: 5px;
       
   244 					}
   238 				}
   245 				}
   239 				b {
   246 				b {
   240 					position: absolute!important;
   247 					position: absolute!important;
   241 					visibility: hidden;
   248 					visibility: hidden;
   242 					right: 10px;
   249 					right: 10px;
   510 	display: none;
   517 	display: none;
   511 	z-index: 1003;
   518 	z-index: 1003;
   512 	top: 48px;
   519 	top: 48px;
   513 	left: 16px;
   520 	left: 16px;
   514 	width: 344px;
   521 	width: 344px;
   515 	height: 435px;
   522 	height: 452px;
   516 	border-radius: 0;
   523 	border-radius: 0;
   517 	-webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, .25);
   524 	-webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, .25);
   518 	box-shadow: 0 2px 4px rgba(30, 30, 100, .25);
   525 	box-shadow: 0 2px 4px rgba(30, 30, 100, .25);
   519 	padding: 10px;
   526 	padding: 10px;
   520 	background: #fff;
   527 	background: #fff;
   521 	border: 1px solid #b3b3b3;
   528 	border: 1px solid #b3b3b3;
   522 
   529 
   523 	@media only screen and (min-width:320px) and (max-width:479px) {
   530 	@media only screen and (min-width:320px) and (max-width:479px) {
   524 		width: 299px;
   531 		width: 299px;
   525 		height: 320px;
   532 		height: 337px;
   526 		left: 0;
   533 		left: 0;
   527 		top: 49px;
   534 		top: 49px;
   528 	}
   535 	}
   529 	&:after,
   536 	&:after,
   530 	&:before {
   537 	&:before {
   538 	}
   545 	}
   539 	&:before {
   546 	&:before {
   540 		border-color: rgba(131, 131, 131, 0);
   547 		border-color: rgba(131, 131, 131, 0);
   541 		border-bottom-color: #838383;
   548 		border-bottom-color: #838383;
   542 		border-width: 8px;
   549 		border-width: 8px;
   543 		left: 50%;
   550 		right: 8px;
   544 		margin-left: -8px;
   551 		margin-left: -8px;
   545 
   552 
   546 		@media only screen and (min-width:320px) and (max-width:479px) {
   553 		@media only screen and (min-width:320px) and (max-width:479px) {
   547 			margin-left: -14px;
   554 			margin-left: -14px;
       
   555 			right: 13px;
   548 		}
   556 		}
   549 	}
   557 	}
   550 	&:after {
   558 	&:after {
   551 		border-color: rgba(255, 255, 255, 0);
   559 		border-color: rgba(255, 255, 255, 0);
   552 		border-bottom-color: #fff;
   560 		border-bottom-color: #fff;
   553 		border-width: 7px;
   561 		border-width: 7px;
   554 		left: 50%;
   562 		right: 9px;
   555 		margin-left: -7px;
   563 		margin-left: -7px;
   556 
   564 
   557 		@media only screen and (min-width:320px) and (max-width:479px) {
   565 		@media only screen and (min-width:320px) and (max-width:479px) {
   558 			margin-left: -13px;
   566 			margin-left: -13px;
       
   567 			right: 14px;
   559 		}
   568 		}
   560 	}
   569 	}
   561 	>:last-child {
   570 	>:last-child {
   562 		font-size: 13px;
   571 		font-size: 13px;
   563 		display: block;
   572 		display: block;
   564 		padding: 5px 0;
   573 		padding: 5px 0;
   565 		line-height: 22px;
   574 		line-height: 20px;
   566 		font-weight: 400;
   575 		font-weight: 400;
   567 	}
   576 	}
   568 	>:first-child {
   577 	>:first-child {
   569 		margin: 0 0 3px;
   578 		margin: 0 0 3px;
   570 		padding: 0 0 9px;
   579 		padding: 0 0 9px;
   572 	.fa-4x.fa-border {
   581 	.fa-4x.fa-border {
   573 		border-width: 3px;
   582 		border-width: 3px;
   574 		border-radius: 50%;
   583 		border-radius: 50%;
   575 		display: block;
   584 		display: block;
   576 		margin: 0 auto;
   585 		margin: 0 auto;
   577 		width: 46px;
   586 		width: 80px;
   578 		text-align: center;
   587 		text-align: center;
   579 		color: #D1D1D1;
   588 		color: #D1D1D1;
   580 		border-color: #D1D1D1;
   589 		border-color: #D1D1D1;
   581 	}
   590 	}
   582 	.btn-group .btn {
   591 	.btn-group .btn {