src/pyams_skin/resources/less/forms.less
changeset 118 391ad752903e
parent 104 b73c7111a74d
child 122 ccb749bdafa8
equal deleted inserted replaced
117:00bfb7b29d9e 118:391ad752903e
   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 }
  1095 	}
  1098 	}
  1096 	label.input span.textline-field {
  1099 	label.input span.textline-field {
  1097 		display: block;
  1100 		display: block;
  1098 		margin-top: 4px;
  1101 		margin-top: 4px;
  1099 		margin-bottom: 6px;
  1102 		margin-bottom: 6px;
  1100 		padding-top: 0;
  1103 		padding: 0 8px 6px;
  1101 		line-height: 19px;
  1104 		line-height: 19px;
  1102 		font-size: 13px;
  1105 		font-size: 13px;
  1103 	}
  1106 	}
  1104 	.required-field {
  1107 	.required-field {
  1105 		.control-label {
  1108 		.control-label {
  1318 		-moz-appearance: none;
  1321 		-moz-appearance: none;
  1319 		-webkit-appearance: none;
  1322 		-webkit-appearance: none;
  1320 
  1323 
  1321 		&[readonly] {
  1324 		&[readonly] {
  1322 			border-bottom: 1px solid #ccc!important;
  1325 			border-bottom: 1px solid #ccc!important;
       
  1326 
       
  1327 			&:focus {
       
  1328 				-webkit-box-shadow: none;
       
  1329 				   -moz-box-shadow: none;
       
  1330 				        box-shadow: none;
       
  1331 			}
  1323 		}
  1332 		}
  1324 		&.display-mode {
  1333 		&.display-mode {
  1325 			border: none;
  1334 			border: none;
  1326 			padding: 0;
  1335 			padding: 0;
  1327 			margin-top: 2px;
  1336 			margin-top: 2px;
  1541 			input +i:after {
  1550 			input +i:after {
  1542 				width: 11px;
  1551 				width: 11px;
  1543 				height: 11px;
  1552 				height: 11px;
  1544 				font: 300 12px/16px FontAwesome;
  1553 				font: 300 12px/16px FontAwesome;
  1545 			}
  1554 			}
       
  1555 		}
       
  1556 	}
       
  1557 	.inner-table-form & {
       
  1558 		>fieldset {
       
  1559 			margin-top: 10px;
       
  1560 			margin-bottom: 0;
       
  1561 		}
       
  1562 		legend {
       
  1563 			background-color: white;
       
  1564 		}
       
  1565 		.form-group {
       
  1566 			padding: 5px 10px 0;
       
  1567 		}
       
  1568 		input[type="text"] {
       
  1569 			height: 28px;
       
  1570 		}
       
  1571 		.mce-edit-area >iframe {
       
  1572 			min-height: 250px!important;
       
  1573 		}
       
  1574 		footer {
       
  1575 			padding: 5px 20px;
       
  1576 			border-top: 0;
       
  1577 			background-color: transparent;
  1546 		}
  1578 		}
  1547 	}
  1579 	}
  1548 	.toggle {
  1580 	.toggle {
  1549 		margin-bottom: 4px;
  1581 		margin-bottom: 4px;
  1550 		padding-right: 61px;
  1582 		padding-right: 61px;
  1699 	.icon-append {
  1731 	.icon-append {
  1700 		right: 4px;
  1732 		right: 4px;
  1701 		padding-left: 2px;
  1733 		padding-left: 2px;
  1702 		border-left-width: 1px;
  1734 		border-left-width: 1px;
  1703 		border-left-style: solid;
  1735 		border-left-style: solid;
       
  1736 
       
  1737 		&.fa-spin {
       
  1738 			border-left-style: none;
       
  1739 		}
  1704 	}
  1740 	}
  1705 	.icon-append-2 {
  1741 	.icon-append-2 {
  1706 		right: 31px;
  1742 		right: 31px;
  1707 	}
  1743 	}
  1708 	.icon-prepend {
  1744 	.icon-prepend {
  2684 			}
  2720 			}
  2685 		}
  2721 		}
  2686 	}
  2722 	}
  2687 }
  2723 }
  2688 
  2724 
       
  2725 .mce-container,
       
  2726 .mce-container *,
       
  2727 .mce-widget,
       
  2728 .mce-widget *,
       
  2729 .mce-reset {
       
  2730 	font-family: Ubuntu, Arial, Helvetica, sans-serif!important;
       
  2731 	font-size: 13px;
       
  2732 
       
  2733 	button {
       
  2734 		padding: 2px 10px!important;
       
  2735 	}
       
  2736 	.mce-ico {
       
  2737 		font-family: tinymce, Arial!important;
       
  2738 		font-size: 14px!important;
       
  2739 	}
       
  2740 }
       
  2741 .mce-panel {
       
  2742 	background-image: none!important;
       
  2743 	border-color: #ccc!important;
       
  2744 }
       
  2745 .mce-menubar {
       
  2746 	.mce-menubtn {
       
  2747 		button {
       
  2748 			padding: 2px 10px;
       
  2749 			line-height: 16px;
       
  2750 
       
  2751 			span {
       
  2752 				font-size: 12px;
       
  2753 				line-height: 16px;
       
  2754 			}
       
  2755 			.mce-caret {
       
  2756 				margin-top: 6px;
       
  2757 			}
       
  2758 		}
       
  2759 	}
       
  2760 }
       
  2761 .mce-menubtn span {
       
  2762 	font-size: 13px!important;
       
  2763 }
       
  2764 .mce-btn-group .mce-btn {
       
  2765 	border-color: #ccc!important;
       
  2766 }
       
  2767 .mce-btn {
       
  2768 	background-image: none!important;
       
  2769 }
       
  2770 .mce-colorbutton {
       
  2771 	button {
       
  2772 		padding: 2px 1px 2px 5px!important;
       
  2773 	}
       
  2774 }
  2689 .mce-edit-area >iframe {
  2775 .mce-edit-area >iframe {
  2690 	min-height: 400px!important;
  2776 	min-height: 400px!important;
  2691 }
  2777 }
  2692 
  2778 .mce-path,
       
  2779 .mce-wordcount {
       
  2780 	padding: 2px 8px!important;
       
  2781 	font-size: 12px!important;
       
  2782 
       
  2783 	button {
       
  2784 		font-size: 12px!important;
       
  2785 	}
       
  2786 }
  2693 .client-form header {
  2787 .client-form header {
  2694 	padding: 15px 13px;
  2788 	padding: 15px 13px;
  2695 	margin: 0;
  2789 	margin: 0;
  2696 	border-bottom-style: solid;
  2790 	border-bottom-style: solid;
  2697 	border-bottom-color: rgba(0, 0, 0, .1);
  2791 	border-bottom-color: rgba(0, 0, 0, .1);
  2698 	background: rgba(248, 248, 248, .9);
  2792 	background: rgba(248, 248, 248, .9);
  2699 }
  2793 }
       
  2794