src/ztfy/myams/resources/less/layout.less
changeset 156 61176c64158d
parent 130 e3cb023c73b6
child 161 665e38dc7b52
equal deleted inserted replaced
155:e0fb6fd568eb 156:61176c64158d
    59 		padding-right: 5px;
    59 		padding-right: 5px;
    60 	}
    60 	}
    61 }
    61 }
    62 
    62 
    63 .page-title {
    63 .page-title {
    64 	margin: 12px 0 15px;
    64 	margin: 7px 0 10px;
    65 
    65 
       
    66 	a {
       
    67 		color: #6F8696;
       
    68 	}
    66 	a:hover,
    69 	a:hover,
    67 	a:active {
    70 	a:active {
    68 		text-decoration: none;
    71 		text-decoration: none;
    69 	}
    72 	}
    70 	span {
    73 	span {
   187 		text-transform: uppercase;
   190 		text-transform: uppercase;
   188 		text-shadow: 0 0 1px #fff;
   191 		text-shadow: 0 0 1px #fff;
   189 		padding-left: 0;
   192 		padding-left: 0;
   190 		text-align: left;
   193 		text-align: left;
   191 	}
   194 	}
       
   195 	&.bordered {
       
   196 		background-color: white;
       
   197 		padding-top: 4px;
       
   198 		padding-bottom: 9px;
       
   199 		border-color: silver;
       
   200 		border-width: 2px 2px 0;
       
   201 		border-style: solid;
       
   202 		border-radius: 8px 8px 0 0;
       
   203 		margin-left: -1px;
       
   204 	}
   192 }
   205 }
   193 .top-tabs {
   206 .top-tabs {
   194 	display: inline-block;
   207 	display: inline-block;
   195 	padding: 7px 13px 0;
   208 	padding: 7px 13px 0;
   196 	position: relative;
   209 	position: relative;
   234 	font-size: 14px;
   247 	font-size: 14px;
   235 	cursor: pointer;
   248 	cursor: pointer;
   236 
   249 
   237 	&:hover {
   250 	&:hover {
   238 		color: #333;
   251 		color: #333;
       
   252 	}
       
   253 }
       
   254 
       
   255 
       
   256 #user-menu {
       
   257 	position: relative;
       
   258 
       
   259 	.btn {
       
   260 		position: relative;
       
   261 		margin-top: 10px;
       
   262 		margin-bottom: 8px;
       
   263 		padding: 3px 6px 3px 0;
       
   264 		width: 60px;
       
   265 
       
   266 		@media (max-width: 767px) {
       
   267 			margin-top: 5px;
       
   268 			margin-left: 5px!important;
       
   269 			width: 40px;
       
   270 			padding-top: 5px;
       
   271 			padding-bottom: 4px;
       
   272 
       
   273 			i.fa {
       
   274 				float: none!important;
       
   275 				font-size: 150%;
       
   276 			}
       
   277 		}
       
   278 		img,
       
   279 		i.img {
       
   280 			position: absolute;
       
   281 			left: -1px;
       
   282 			top: -4px;
       
   283 			border: solid 1px white;
       
   284 			padding: 2px;
       
   285 			background-color: white;
       
   286 			transform: rotate(-7deg);
       
   287 
       
   288 			@media (max-width: 767px) {
       
   289 				display: none;
       
   290 			}
       
   291 		}
       
   292 		i.img {
       
   293 			width: 34px;
       
   294 			height: 34px;
       
   295 			color: #999;
       
   296 			opacity: 1;
       
   297 			font-size: 220%;
       
   298 		}
       
   299 
       
   300 		&:active {
       
   301 			img,
       
   302 			i.img {
       
   303 				left: -2px;
       
   304 				top: -5px;
       
   305 			}
       
   306 		}
       
   307 	}
       
   308 	@media (max-width: 767px) {
       
   309 		.dropdown-menu {
       
   310 			a {
       
   311 				width: auto!important;
       
   312 			}
       
   313 		}
       
   314 	}
       
   315 }
       
   316 
       
   317 
       
   318 #user-activity {
       
   319 	position: relative;
       
   320 
       
   321 	.badge {
       
   322 		position: absolute;
       
   323 		top: 2px;
       
   324 		right: -8px;
       
   325 
       
   326 		@media (max-width: 767px) {
       
   327 			top: -2px;
       
   328 		}
   239 	}
   329 	}
   240 }
   330 }
   241 
   331 
   242 
   332 
   243 #login-info {
   333 #login-info {
   550 		margin: 0;
   640 		margin: 0;
   551 		padding: 12px 34px 10px 0!important;
   641 		padding: 12px 34px 10px 0!important;
   552 		background: 0 0;
   642 		background: 0 0;
   553 		vertical-align: top;
   643 		vertical-align: top;
   554 
   644 
       
   645 		li.strong {
       
   646 			a {
       
   647 				line-height: 1em;
       
   648 				font-weight: bold;
       
   649 				font-size: 120%;
       
   650 				color: white!important;
       
   651 
       
   652 				@media only screen and (min-width:0) and (max-width:679px) {
       
   653 					color: #333!important;
       
   654 				}
       
   655 			}
       
   656 		}
   555 		&,
   657 		&,
   556 		a {
   658 		a {
   557 			color: #ddd!important;
   659 			color: #ddd!important;
   558 			text-decoration: none!Important;
   660 			text-decoration: none!Important;
   559 
   661 
   560 			@media only screen and (min-width:0) and (max-width:679px) {
   662 			@media only screen and (min-width:0) and (max-width:679px) {
   561 				color: #6D6C6C!important;
   663 				color: #6D6C6C!important;
   562 			}
   664 			}
   563 		}
   665 		}
   564 		>li+li:before {
   666 		>li+li:before {
   565 			padding: 0 1px 0 5px;
   667 			padding: 0 3px;
       
   668 			//font-size: 14px;
       
   669 			//font-weight: normal;
       
   670 		}
       
   671 		>li+li.strong:before {
       
   672 			padding-right: 1px;
   566 		}
   673 		}
   567 		li:last-child,
   674 		li:last-child,
   568 		>.active {
   675 		>.active {
   569 			color: #eee;
   676 			color: #eee;
   570 
   677 
   740 		a.btn-success {
   847 		a.btn-success {
   741 			margin-top: -10px;
   848 			margin-top: -10px;
   742 		}
   849 		}
   743 	}
   850 	}
   744 	img {
   851 	img {
   745 		width: 25px;
   852 		width: 24px;
   746 		height: auto;
   853 		height: auto;
   747 		display: inline-block;
   854 		display: inline-block;
   748 		vertical-align: middle;
   855 		vertical-align: middle;
   749 		margin-top: -3px;
   856 		margin-top: -6px;
   750 		margin-right: 7px;
   857 		margin-right: 0;
   751 		margin-left: 0;
   858 		margin-left: 0;
   752 		border-left: 3px solid #fff;
   859 		border-left: 0;
   753 	}
   860 	}
   754 }
   861 }
   755 
   862 
   756 .minifyme {
   863 .minifyme {
   757 	border-bottom: 1px solid #302F2F;
   864 	border-bottom: 1px solid #302F2F;
  1086 				&:focus {
  1193 				&:focus {
  1087 					left: 0;
  1194 					left: 0;
  1088 					top: 0;
  1195 					top: 0;
  1089 				}
  1196 				}
  1090 			}
  1197 			}
       
  1198 			a {
       
  1199 				display: inline-block;
       
  1200 				box-sizing: content-box;
       
  1201 				text-transform: capitalize;
       
  1202 				font-size: 14px;
       
  1203 				color: #333;
       
  1204 				text-decoration: none;
       
  1205 
       
  1206 				span {
       
  1207 					display: inline-block;
       
  1208 					padding: 0 0 0 10px;
       
  1209 				}
       
  1210 			}
  1091 		}
  1211 		}
  1092 	}
  1212 	}
  1093 
  1213 
  1094 	.version {
  1214 	.version {
  1095 		position: absolute;
  1215 		position: absolute;