src/pyams_skin/resources/less/layout.less
changeset 118 391ad752903e
parent 100 83cd0ab2d3f5
child 122 ccb749bdafa8
equal deleted inserted replaced
117:00bfb7b29d9e 118:391ad752903e
    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 {
    66 	a {
    67 		color: #6F8696;
    67 		color: #6F8696;
    68 	}
    68 	}
    69 	a:hover,
    69 	a:hover,
   247 	font-size: 14px;
   247 	font-size: 14px;
   248 	cursor: pointer;
   248 	cursor: pointer;
   249 
   249 
   250 	&:hover {
   250 	&:hover {
   251 		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 		}
   252 	}
   329 	}
   253 }
   330 }
   254 
   331 
   255 
   332 
   256 #login-info {
   333 #login-info {
   563 		margin: 0;
   640 		margin: 0;
   564 		padding: 12px 34px 10px 0!important;
   641 		padding: 12px 34px 10px 0!important;
   565 		background: 0 0;
   642 		background: 0 0;
   566 		vertical-align: top;
   643 		vertical-align: top;
   567 
   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 		}
   568 		&,
   657 		&,
   569 		a {
   658 		a {
   570 			color: #ddd!important;
   659 			color: #ddd!important;
   571 			text-decoration: none!Important;
   660 			text-decoration: none!Important;
   572 
   661 
   573 			@media only screen and (min-width:0) and (max-width:679px) {
   662 			@media only screen and (min-width:0) and (max-width:679px) {
   574 				color: #6D6C6C!important;
   663 				color: #6D6C6C!important;
   575 			}
   664 			}
   576 		}
   665 		}
   577 		>li+li:before {
   666 		>li+li:before {
   578 			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;
   579 		}
   673 		}
   580 		li:last-child,
   674 		li:last-child,
   581 		>.active {
   675 		>.active {
   582 			color: #eee;
   676 			color: #eee;
   583 
   677 
  1057 	#hide-menu {
  1151 	#hide-menu {
  1058 		display: none;
  1152 		display: none;
  1059 	}
  1153 	}
  1060 }
  1154 }
  1061 
  1155 
  1062 #shortcut {
  1156 #shortcuts {
  1063 	position: absolute;
  1157 	position: absolute;
  1064 	top: 0;
  1158 	top: 0;
  1065 	left: 0;
  1159 	left: 0;
  1066 	height: auto;
  1160 	height: auto;
  1067 	width: 100%;
  1161 	width: 100%;
  1099 				&:focus {
  1193 				&:focus {
  1100 					left: 0;
  1194 					left: 0;
  1101 					top: 0;
  1195 					top: 0;
  1102 				}
  1196 				}
  1103 			}
  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 			}
  1104 		}
  1211 		}
  1105 	}
  1212 	}
  1106 
  1213 
  1107 	.version {
  1214 	.version {
  1108 		position: absolute;
  1215 		position: absolute;