src/ztfy/myams/resources/less/layout.less
changeset 182 681edeb5c6ef
parent 164 746cbce8ea00
child 206 02a40997d8cb
equal deleted inserted replaced
181:edc461e6a13b 182:681edeb5c6ef
   607 	top: 49px;
   607 	top: 49px;
   608 	left: 0;
   608 	left: 0;
   609 	z-index: 1002;
   609 	z-index: 1002;
   610 	-webkit-transition: left .1s ease-out;
   610 	-webkit-transition: left .1s ease-out;
   611 	transition: left .1s ease-out;
   611 	transition: left .1s ease-out;
       
   612 	overflow-y: auto;
   612 
   613 
   613 	@media (max-width:979px) {
   614 	@media (max-width:979px) {
   614 		left: -220px;
   615 		left: -220px;
   615 	}
   616 	}
   616 	.fixed-navigation & {
   617 	.fixed-navigation & {
   625 		position: absolute;
   626 		position: absolute;
   626 		left: calc(50% - 1em);
   627 		left: calc(50% - 1em);
   627 		top: 5px;
   628 		top: 5px;
   628 	}
   629 	}
   629 	.version {
   630 	.version {
   630 		position: absolute;
       
   631 		bottom: 2px;
   631 		bottom: 2px;
       
   632 		margin-top: 40px;
   632 		width: 100%;
   633 		width: 100%;
   633 		text-align: center;
   634 		text-align: center;
   634 		font-size: 11px;
   635 		font-size: 11px;
   635 		color: #333;
   636 		color: #333;
   636 	}
   637 	}
   888 	position: absolute;
   889 	position: absolute;
   889 	right: -3px;
   890 	right: -3px;
   890 	border-radius: 5px 0 0 5px;
   891 	border-radius: 5px 0 0 5px;
   891 	cursor: pointer;
   892 	cursor: pointer;
   892 	margin-top: 5px;
   893 	margin-top: 5px;
       
   894 	margin-bottom: 10px;
   893 	font-size: 19px;
   895 	font-size: 19px;
   894 	-webkit-transition: all .1s linear 0s;
   896 	-webkit-transition: all .1s linear 0s;
   895 	transition: all .1s linear 0s;
   897 	transition: all .1s linear 0s;
   896 
   898 
   897 	&:hover {
   899 	&:hover {
  1105 			margin-left: 0;
  1107 			margin-left: 0;
  1106 		}
  1108 		}
  1107 		@media (max-width:979px) {
  1109 		@media (max-width:979px) {
  1108 			position: relative;
  1110 			position: relative;
  1109 			left: 210px;
  1111 			left: 210px;
       
  1112 
       
  1113 			.minified& {
       
  1114 				left: 0;
       
  1115 			}
  1110 		}
  1116 		}
  1111 	}
  1117 	}
  1112 	#hide-menu {
  1118 	#hide-menu {
  1113 		i {
  1119 		i {
  1114 			@media (max-width:979px) {
  1120 			@media (max-width:979px) {