src/ztfy/myams/resources/less/forms.less
changeset 156 61176c64158d
parent 141 a4200ce41c25
child 179 a36bac847ea7
equal deleted inserted replaced
155:e0fb6fd568eb 156:61176c64158d
   213 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   213 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   214 	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   214 	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   215 			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   215 			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   216 }
   216 }
   217 
   217 
   218 .uneditable-input:focus,
   218 .uneditable-input,
   219 input[type=color]:focus,
   219 input[type=color],
   220 input[type=date]:focus,
   220 input[type=date],
   221 input[type=datetime-local]:focus,
   221 input[type=datetime-local],
   222 input[type=datetime]:focus,
   222 input[type=datetime],
   223 input[type=email]:focus,
   223 input[type=email],
   224 input[type=month]:focus,
   224 input[type=month],
   225 input[type=number]:focus,
   225 input[type=number],
   226 input[type=password]:focus,
   226 input[type=password],
   227 input[type=search]:focus,
   227 input[type=search],
   228 input[type=tel]:focus,
   228 input[type=tel],
   229 input[type=text]:focus,
   229 input[type=text],
   230 input[type=time]:focus,
   230 input[type=time],
   231 input[type=url]:focus,
   231 input[type=url],
   232 input[type=week]:focus,
   232 input[type=week],
   233 .filter_column input:focus,
   233 .filter_column input,
   234 .filter_column select:focus,
   234 .filter_column select,
   235 select:focus,
   235 select,
   236 textarea:focus {
   236 textarea {
   237 	border-color: rgba(82, 168, 236, 0.8);
   237 
   238 	outline: 0;
   238 	&:focus {
   239 	outline: thin dotted 9;
   239 		border-color: rgba(82, 168, 236, 0.8);
   240 	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
   240 		outline: 0;
   241 	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
   241 		outline: thin dotted 9;
   242 			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
   242 		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       
   243 		   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       
   244 		        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       
   245 	}
   243 }
   246 }
   244 
   247 
   245 .form-control {
   248 .form-control {
   246 	padding: 7px 12px 5px;
   249 	padding: 7px 12px 5px;
   247 }
   250 }
  1323 		-moz-appearance: none;
  1326 		-moz-appearance: none;
  1324 		-webkit-appearance: none;
  1327 		-webkit-appearance: none;
  1325 
  1328 
  1326 		&[readonly] {
  1329 		&[readonly] {
  1327 			border-bottom: 1px solid #ccc!important;
  1330 			border-bottom: 1px solid #ccc!important;
       
  1331 
       
  1332 			&:focus {
       
  1333 				-webkit-box-shadow: none;
       
  1334 				   -moz-box-shadow: none;
       
  1335 				        box-shadow: none;
       
  1336 			}
  1328 		}
  1337 		}
  1329 		&.display-mode {
  1338 		&.display-mode {
  1330 			border: none;
  1339 			border: none;
  1331 			padding: 0;
  1340 			padding: 0;
  1332 			margin-top: 2px;
  1341 			margin-top: 2px;
  1546 			input +i:after {
  1555 			input +i:after {
  1547 				width: 11px;
  1556 				width: 11px;
  1548 				height: 11px;
  1557 				height: 11px;
  1549 				font: 300 12px/16px FontAwesome;
  1558 				font: 300 12px/16px FontAwesome;
  1550 			}
  1559 			}
       
  1560 		}
       
  1561 	}
       
  1562 	.inner-table-form & {
       
  1563 		>fieldset {
       
  1564 			margin-top: 10px;
       
  1565 			margin-bottom: 0;
       
  1566 		}
       
  1567 		legend {
       
  1568 			background-color: white;
       
  1569 		}
       
  1570 		.form-group {
       
  1571 			padding: 5px 10px 0;
       
  1572 		}
       
  1573 		input[type="text"] {
       
  1574 			height: 28px;
       
  1575 		}
       
  1576 		.mce-edit-area >iframe {
       
  1577 			min-height: 250px!important;
       
  1578 		}
       
  1579 		footer {
       
  1580 			padding: 5px 20px;
       
  1581 			border-top: 0;
       
  1582 			background-color: transparent;
  1551 		}
  1583 		}
  1552 	}
  1584 	}
  1553 	.toggle {
  1585 	.toggle {
  1554 		margin-bottom: 4px;
  1586 		margin-bottom: 4px;
  1555 		padding-right: 61px;
  1587 		padding-right: 61px;
  2693 			}
  2725 			}
  2694 		}
  2726 		}
  2695 	}
  2727 	}
  2696 }
  2728 }
  2697 
  2729 
       
  2730 .mce-container,
       
  2731 .mce-container *,
       
  2732 .mce-widget,
       
  2733 .mce-widget *,
       
  2734 .mce-reset {
       
  2735 	font-family: Ubuntu, Arial, Helvetica, sans-serif!important;
       
  2736 	font-size: 13px;
       
  2737 
       
  2738 	button {
       
  2739 		padding: 2px 10px!important;
       
  2740 	}
       
  2741 	.mce-ico {
       
  2742 		font-family: tinymce, Arial!important;
       
  2743 		font-size: 14px!important;
       
  2744 	}
       
  2745 }
       
  2746 .mce-panel {
       
  2747 	background-image: none!important;
       
  2748 	border-color: #ccc!important;
       
  2749 }
       
  2750 .mce-menubar {
       
  2751 	.mce-menubtn {
       
  2752 		button {
       
  2753 			padding: 2px 10px;
       
  2754 			line-height: 16px;
       
  2755 
       
  2756 			span {
       
  2757 				font-size: 12px;
       
  2758 				line-height: 16px;
       
  2759 			}
       
  2760 			.mce-caret {
       
  2761 				margin-top: 6px;
       
  2762 			}
       
  2763 		}
       
  2764 	}
       
  2765 }
       
  2766 .mce-menubtn span {
       
  2767 	font-size: 13px!important;
       
  2768 }
       
  2769 .mce-btn-group .mce-btn {
       
  2770 	border-color: #ccc!important;
       
  2771 }
       
  2772 .mce-btn {
       
  2773 	background-image: none!important;
       
  2774 }
       
  2775 .mce-colorbutton {
       
  2776 	button {
       
  2777 		padding: 2px 1px 2px 5px!important;
       
  2778 	}
       
  2779 }
  2698 .mce-edit-area >iframe {
  2780 .mce-edit-area >iframe {
  2699 	min-height: 400px!important;
  2781 	min-height: 400px!important;
  2700 }
  2782 }
  2701 
  2783 .mce-path,
       
  2784 .mce-wordcount {
       
  2785 	padding: 2px 8px!important;
       
  2786 	font-size: 12px!important;
       
  2787 
       
  2788 	button {
       
  2789 		font-size: 12px!important;
       
  2790 	}
       
  2791 }
  2702 .client-form header {
  2792 .client-form header {
  2703 	padding: 15px 13px;
  2793 	padding: 15px 13px;
  2704 	margin: 0;
  2794 	margin: 0;
  2705 	border-bottom-style: solid;
  2795 	border-bottom-style: solid;
  2706 	border-bottom-color: rgba(0, 0, 0, .1);
  2796 	border-bottom-color: rgba(0, 0, 0, .1);