src/ztfy/myams/resources/less/typo.less
changeset 48 501bdc011ad6
parent 36 1552937b5ea9
child 67 c402a9efda6a
equal deleted inserted replaced
47:93ba694b15a0 48:501bdc011ad6
    75 }
    75 }
    76 .align-base {
    76 .align-base {
    77 	vertical-align: baseline!important;
    77 	vertical-align: baseline!important;
    78 }
    78 }
    79 
    79 
       
    80 .opacity-25 {
       
    81 	opacity: 0.25!important;
       
    82 }
       
    83 .opacity-50 {
       
    84 	opacity: 0.5!important;
       
    85 }
       
    86 .opacity-75 {
       
    87 	opacity: 0.75!important;
       
    88 }
       
    89 .opacity-100,
    80 .opaque {
    90 .opaque {
    81 	opacity: 1!important;
    91 	opacity: 1!important;
    82 }
    92 }
    83 
    93 
    84 .disabled {
    94 .disabled {
   166 		margin-bottom: 20px!important;
   176 		margin-bottom: 20px!important;
   167 	}
   177 	}
   168 	&-top-0 {
   178 	&-top-0 {
   169 		margin-top: 0!important;
   179 		margin-top: 0!important;
   170 	}
   180 	}
       
   181 	&-top-2 {
       
   182 		margin-top: 2px!important;
       
   183 	}
   171 	&-top-5 {
   184 	&-top-5 {
   172 		margin-top: 5px!important;
   185 		margin-top: 5px!important;
   173 	}
   186 	}
   174 	&-top-10 {
   187 	&-top-10 {
   175 		margin-top: 10px!important;
   188 		margin-top: 10px!important;
   178 		margin-top: 20px!important;
   191 		margin-top: 20px!important;
   179 	}
   192 	}
   180 	&-bottom-0 {
   193 	&-bottom-0 {
   181 		margin-bottom: 0!important;
   194 		margin-bottom: 0!important;
   182 	}
   195 	}
       
   196 	&-bottom-2 {
       
   197 		margin-bottom: 2px!important;
       
   198 	}
   183 	&-bottom-5 {
   199 	&-bottom-5 {
   184 		margin-bottom: 5px!important;
   200 		margin-bottom: 5px!important;
   185 	}
   201 	}
   186 	&-bottom-10 {
   202 	&-bottom-10 {
   187 		margin-bottom: 10px!important;
   203 		margin-bottom: 10px!important;
   190 		margin-bottom: 20px!important;
   206 		margin-bottom: 20px!important;
   191 	}
   207 	}
   192 	&-left-0 {
   208 	&-left-0 {
   193 		margin-left: 0!important;
   209 		margin-left: 0!important;
   194 	}
   210 	}
       
   211 	&-left-2 {
       
   212 		margin-left: 2px!important;
       
   213 	}
   195 	&-left-5 {
   214 	&-left-5 {
   196 		margin-left: 5px!important;
   215 		margin-left: 5px!important;
   197 	}
   216 	}
   198 	&-left-10 {
   217 	&-left-10 {
   199 		margin-left: 10px!important;
   218 		margin-left: 10px!important;
   202 		margin-left: 20px!important;
   221 		margin-left: 20px!important;
   203 	}
   222 	}
   204 	&-right-0 {
   223 	&-right-0 {
   205 		margin-right: 0!important;
   224 		margin-right: 0!important;
   206 	}
   225 	}
       
   226 	&-right-2 {
       
   227 		margin-right: 2px!important;
       
   228 	}
   207 	&-right-5 {
   229 	&-right-5 {
   208 		margin-right: 5px!important;
   230 		margin-right: 5px!important;
   209 	}
   231 	}
   210 	&-right-10 {
   232 	&-right-10 {
   211 		margin-right: 10px!important;
   233 		margin-right: 10px!important;
   212 	}
   234 	}
   213 	&-right-20 {
   235 	&-right-20 {
   214 		margin-right: 20px!important;
   236 		margin-right: 20px!important;
       
   237 	}
       
   238 }
       
   239 
       
   240 .shift {
       
   241 	&-topleft {
       
   242 		&-2 {
       
   243 			margin-top: -2px !important;
       
   244 			margin-left: -2px !important;
       
   245 		}
       
   246 		&-4 {
       
   247 			margin-top: -4px !important;
       
   248 			margin-left: -4px !important;
       
   249 		}
       
   250 	}
       
   251 	&-topright {
       
   252 		&-2 {
       
   253 			margin-top: -2px !important;
       
   254 			margin-right: -2px !important;
       
   255 		}
       
   256 		&-4 {
       
   257 			margin-top: -4px !important;
       
   258 			margin-right: -4px !important;
       
   259 		}
       
   260 	}
       
   261 	&-bottomleft {
       
   262 		&-2 {
       
   263 			margin-bottom: -2px !important;
       
   264 			margin-left: -2px !important;
       
   265 		}
       
   266 		&-4 {
       
   267 			margin-bottom: -4px !important;
       
   268 			margin-left: -4px !important;
       
   269 		}
       
   270 	}
       
   271 	&-bottomright {
       
   272 		&-2 {
       
   273 			margin-bottom: -2px !important;
       
   274 			margin-right: -2px !important;
       
   275 		}
       
   276 		&-4 {
       
   277 			margin-bottom: -4px !important;
       
   278 			margin-right: -4px !important;
       
   279 		}
   215 	}
   280 	}
   216 }
   281 }
   217 
   282 
   218 .bordered {
   283 .bordered {
   219 	border: 1px solid #dddddd;
   284 	border: 1px solid #dddddd;
   243 	&-0 {
   308 	&-0 {
   244 		border-width: 0!important;
   309 		border-width: 0!important;
   245 	}
   310 	}
   246 	&-1 {
   311 	&-1 {
   247 		border-width: 1px!important;
   312 		border-width: 1px!important;
       
   313 	}
       
   314 }
       
   315 
       
   316 .radius {
       
   317 	&-4 {
       
   318 		border-radius: 4px!important;
       
   319 	}
       
   320 	&-top-4 {
       
   321 		border-top-left-radius: 4px!important;
       
   322 		border-top-right-radius: 4px!important;
       
   323 	}
       
   324 	&-bottom-4 {
       
   325 		border-bottom-left-radius: 4px!important;
       
   326 		border-bottom-right-radius: 4px!important;
       
   327 	}
       
   328 	&-left-4 {
       
   329 		border-top-left-radius: 4px!important;
       
   330 		border-bottom-left-radius: 4px!important;
       
   331 	}
       
   332 	&-right-4 {
       
   333 		border-top-right-radius: 4px!important;
       
   334 		border-bottom-right-radius: 4px!important;
   248 	}
   335 	}
   249 }
   336 }
   250 
   337 
   251 .width {
   338 .width {
   252 	&-100 {
   339 	&-100 {
   540 }
   627 }
   541 
   628 
   542 .selected {
   629 .selected {
   543 	border: 1px solid #0091d9!important;
   630 	border: 1px solid #0091d9!important;
   544 
   631 
       
   632 	tr& {
       
   633 		background-color: rgb(220, 235, 255);
       
   634 	}
   545 	&:before {
   635 	&:before {
   546 		display: block;
   636 		display: block;
   547 		position: absolute;
   637 		position: absolute;
   548 		content: "\f00c";
   638 		content: "\f00c";
   549 		color: #fff;
   639 		color: #fff;
   550 		right: 4px;
   640 		right: 4px;
   551 		font-family: FontAwesome;
   641 		font-family: FontAwesome;
   552 		z-index: 1002;
   642 		z-index: 1002;
       
   643 
       
   644 		tr& {
       
   645 			display: none;
       
   646 		}
   553 	}
   647 	}
   554 	&:after {
   648 	&:after {
   555 		width: 0;
   649 		width: 0;
   556 		height: 0;
   650 		height: 0;
   557 		border-top: 35px solid #0091d9;
   651 		border-top: 35px solid #0091d9;
   560 		display: block;
   654 		display: block;
   561 		right: 0;
   655 		right: 0;
   562 		content: ".";
   656 		content: ".";
   563 		top: 0;
   657 		top: 0;
   564 		z-index: 1001;
   658 		z-index: 1001;
   565 	}
   659 
   566 }
   660 		tr& {
       
   661 			display: none;
       
   662 		}
       
   663 	}
       
   664 }