src/ztfy/myams/resources/less/forms.less
changeset 141 a4200ce41c25
parent 134 0f48f65f8290
child 156 61176c64158d
equal deleted inserted replaced
140:aa78e9eb61ad 141:a4200ce41c25
    39 	fieldset .form-group:last-child .note {
    39 	fieldset .form-group:last-child .note {
    40 		margin-bottom: 0;
    40 		margin-bottom: 0;
    41 	}
    41 	}
    42 }
    42 }
    43 
    43 
       
    44 .form-suffix {
       
    45 	.alert:last-child {
       
    46 		margin-bottom: 0;
       
    47 		border-radius: 0 0 5px 5px;
       
    48 	}
       
    49 }
       
    50 
    44 fieldset {
    51 fieldset {
    45 	position: relative;
    52 	position: relative;
    46 }
    53 }
    47 
    54 
    48 legend {
    55 legend {
    62 		display: none;
    69 		display: none;
    63 	}
    70 	}
    64 }
    71 }
    65 
    72 
    66 .input-group-addon {
    73 .input-group-addon {
    67 	padding: 6px 10px 5px;
    74 	padding: 6px 10px 5px!important;
    68 	border-radius: 0;
    75 	border-radius: 0;
    69 	transition: background-color .3s;
    76 	transition: background-color .3s;
    70 	-webkit-transition: background-color .3s;
    77 	-webkit-transition: background-color .3s;
    71 
    78 
    72 	.fa {
    79 	.fa {
   714 		padding: 0;
   721 		padding: 0;
   715 		-webkit-box-sizing: content-box;
   722 		-webkit-box-sizing: content-box;
   716 		   -moz-box-sizing: content-box;
   723 		   -moz-box-sizing: content-box;
   717 				box-sizing: content-box;
   724 				box-sizing: content-box;
   718 	}
   725 	}
       
   726 	.dt-top-row * {
       
   727 		-webkit-box-sizing: border-box;
       
   728 		   -moz-box-sizing: border-box;
       
   729 				box-sizing: border-box;
       
   730 	}
   719 	header {
   731 	header {
   720 		display: block;
   732 		display: block;
   721 		padding: 8px 0;
   733 		padding: 8px 0;
   722 		border-bottom: 1px dashed rgba(0, 0, 0, .2);
   734 		border-bottom: 1px dashed rgba(0, 0, 0, .2);
   723 		background: #fff;
   735 		background: #fff;
   764 			& + fieldset {
   776 			& + fieldset {
   765 				margin-top: 0!important;
   777 				margin-top: 0!important;
   766 			}
   778 			}
   767 		}
   779 		}
   768 		&.bordered {
   780 		&.bordered {
   769 			margin: 10px;
   781 			margin: 0 10px 10px;
   770 			border: 1px solid rgba(192, 192, 192, 0.8);
   782 			border: 1px solid rgba(192, 192, 192, 0.8);
   771 			-webkit-border-radius: 3px;
   783 			-webkit-border-radius: 3px;
   772 			   -moz-border-radius: 3px;
   784 			   -moz-border-radius: 3px;
   773 					border-radius: 3px;
   785 					border-radius: 3px;
   774 
   786 
   815 				cursor: pointer;
   827 				cursor: pointer;
   816 			}
   828 			}
   817 		}
   829 		}
   818 		.fa {
   830 		.fa {
   819 			&.text-danger {
   831 			&.text-danger {
   820 				color: #a94442;
   832 				color: @dangerTextColor;
   821 			}
   833 			}
   822 		}
   834 		}
   823 		>.fa {
   835 		>.fa {
   824 			color: rgb(50, 118, 177);
   836 			color: rgb(50, 118, 177);
   825 			font-size: 75%;
   837 			font-size: 75%;
       
   838 
   826 			&.fa-stack {
   839 			&.fa-stack {
   827 				font-size: 100%;
   840 				font-size: 100%;
   828 				width: 1em;
   841 				width: 1em;
   829 				height: 1em;
   842 				height: 1em;
   830 				line-height: 1em;
   843 				line-height: 1em;
   843 				position: absolute;
   856 				position: absolute;
   844 				left: 3px;
   857 				left: 3px;
   845 				top: -1px;
   858 				top: -1px;
   846 			}
   859 			}
   847 		}
   860 		}
       
   861 		.btn-group {
       
   862 			margin-left: 20px;
       
   863 		}
   848 	}
   864 	}
   849 	>.modal-viewport >fieldset >legend {
   865 	>.modal-viewport >fieldset >legend {
   850 		padding-top: 0;
   866 		padding-top: 0;
   851 	}
   867 	}
   852 	section {
   868 	section {
   858 	}
   874 	}
   859 	&.form-tight,
   875 	&.form-tight,
   860 	& .form-tight {
   876 	& .form-tight {
   861 		.form-group {
   877 		.form-group {
   862 			padding: 1px 10px;
   878 			padding: 1px 10px;
       
   879 
       
   880 			.i18n-content {
       
   881 				margin-bottom: 5px;
       
   882 			}
   863 		}
   883 		}
   864 	}
   884 	}
   865 	label {
   885 	label {
   866 		&.checkbox,
   886 		&.checkbox,
   867 		&.radio {
   887 		&.radio {
  1080 	}
  1100 	}
  1081 	label.input span.textline-field {
  1101 	label.input span.textline-field {
  1082 		display: block;
  1102 		display: block;
  1083 		margin-top: 4px;
  1103 		margin-top: 4px;
  1084 		margin-bottom: 6px;
  1104 		margin-bottom: 6px;
  1085 		padding-top: 0;
  1105 		padding: 0 8px 6px;
  1086 		line-height: 19px;
  1106 		line-height: 19px;
  1087 		font-size: 13px;
  1107 		font-size: 13px;
  1088 	}
  1108 	}
  1089 	.required-field {
  1109 	.required-field {
  1090 		.control-label {
  1110 		.control-label {
  1684 	.icon-append {
  1704 	.icon-append {
  1685 		right: 4px;
  1705 		right: 4px;
  1686 		padding-left: 2px;
  1706 		padding-left: 2px;
  1687 		border-left-width: 1px;
  1707 		border-left-width: 1px;
  1688 		border-left-style: solid;
  1708 		border-left-style: solid;
       
  1709 
       
  1710 		&.fa-spin {
       
  1711 			border-left-style: none;
       
  1712 		}
  1689 	}
  1713 	}
  1690 	.icon-append-2 {
  1714 	.icon-append-2 {
  1691 		right: 31px;
  1715 		right: 31px;
  1692 	}
  1716 	}
  1693 	.icon-prepend {
  1717 	.icon-prepend {