%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/components/bitrix/mail.client.config/templates/.default/ |
Current File : //home/bitrix/www/bitrix/components/bitrix/mail.client.config/templates/.default/style.css |
.mail-add { padding: 40px 0; background: #fff; } .mail-add-inner { text-align: center; } .mail-add-title { font: 32px/37px 'OpenSans-Light', "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; margin-bottom: 10px; } .mail-add-desc { font: 19px/27px 'OpenSans-Light', "Helvetica Neue", Arial, Helvetica, sans-serif; color: #525c69; opacity: .5; margin-bottom: 35px; } .mail-add-list { display: flex; flex-wrap: wrap; width: 747px; margin: 0 auto; } .mail-add-item { width: 179px; height: 88px; border-radius: 3px; border: 1px solid #e3e3e3; margin: 0 10px 11px 0; display: flex; justify-content: center; align-items: center; box-sizing: border-box; cursor: pointer; transition: border-color .3s ease; } .mail-add-text, .mail-connect-text { width: 100%; font: bold 22px Arial, Helvetica, sans-serif; color: rgb(82,92,105); text-decoration: none; overflow: hidden; text-overflow: ellipsis; } .mail-add-text-small, .mail-connect-text-small { font-size: 18px; } .mail-add-item:hover { border-color: #c8c8c8; } .mail-add-item:nth-child(4n) { margin-right: 0; } .mail-add-item:last-child { flex-direction: column; } .mail-add-item-imap { text-transform: uppercase; color: #525c69; font: 8px/14px 'OpenSans-Semibold', "Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom: 12px; } .mail-add-pagetitle-wrap { margin-left: 21px; } .mail-connect-slider-wrap { margin: 0 20px; } .mail-connect { background: #fff; color: #535c6A; } .mail-connect-slider { padding: 18px 28px 30px 19px; } .mail-connect-section-block { margin-bottom: 40px; } .mail-connect-title-block { padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px solid #d8d8d8; } .mail-connect-title { font: 16px/24px "OpenSans-Regular", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; } .mail-connect-inner { display: flex; align-items: center; border: 1px solid #c6cdd3; border-radius: 2px; padding: 20px 10px 19px 21px; margin-bottom: 9px; } .mail-connect-img-block { margin-right: 31px; } .mail-connect-option-email { color: #535c6A; font: 13px/22px "Helvetica Neue", Arial, Helvetica, sans-serif; } .mail-connect-option-email-num { color: #1169c3; padding-bottom: 2px; border-bottom: 1px dashed #88b4e1; cursor: pointer; } .mail-connect-option-email-num:hover { border-color: #1169c3; } .mail-set-textarea-show { display: inline-block; box-sizing: border-box; position: relative; height: 19px; line-height: 17px; color: #1169c3; margin: 0 15px 0 0; border-bottom: 1px dashed #88b4e1; cursor: pointer; -webkit-transition: .1s; -moz-transition: .1s; -ms-transition: .1s; -o-transition: .1s; transition: .1s; } .mail-set-textarea-show:hover { color: #1169c3; } .mail-set-textarea-show:after { content: ''; width: 7px; height: 4px; position: absolute; right: -13px; top: 7px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227px%22%20height%3D%224px%22%20viewBox%3D%220%200%207%204%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%0A%09%3Cdefs/%3E%0A%09%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%09%09%3Cpolygon%20fill%3D%22%231169c3%22%20points%3D%223.5%200%207%204%200%204%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E) center center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .mail-set-textarea-show-open:after { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .mail-set-singleselect { display: inline-block; vertical-align: middle; position: relative; width: 150px; height: 40px; margin: -13px 10px; border: 1px solid #ccd0d2; background: #fff; -webkit-box-shadow: inset 0 1px 2px #e4e8e9; -moz-box-shadow: inset 0 1px 2px #e4e8e9; box-shadow: inset 0 1px 2px #e4e8e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mail-set-singleselect:before { content: attr(placeholder); display: inline-block; position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 40px; padding: 0 0 0 12px; line-height: 40px; white-space: nowrap; color: #1169c3; overflow-x: hidden; cursor: pointer; -webkit-box-shadow: inset 0 1px 2px #e4e8e9; -moz-box-shadow: inset 0 1px 2px #e4e8e9; box-shadow: inset 0 1px 2px #e4e8e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mail-set-singleselect:after { content: ""; display: inline-block; width: 8px; height: 8px; border: 4px solid transparent; border-top: 4px solid #777979; position: absolute; top: 17px; right: 13px; text-align: center; line-height: 40px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mail-set-singleselect label { display: inline-block; min-width: 100%; height: 32px; line-height: 32px; white-space: nowrap; padding: 0 10px; background: #fff; cursor: pointer; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-box-shadow: inset 0 1px 2px #e4e8e9; -moz-box-shadow: inset 0 1px 2px #e4e8e9; box-shadow: inset 0 1px 2px #e4e8e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mail-set-singleselect-line { display: inline-block; border: none; background: transparent; box-shadow: none; padding: 0; width: auto; height: 19px; margin: 0 3px; } .mail-set-singleselect-line label { -webkit-transition: none; -moz-transition: none; transition: none; } .mail-set-singleselect-line input[type="radio"]:checked + label { background: transparent; height: 19px; line-height: 17px; color: #1169c3; border: none; padding: 0; border-bottom: 1px dashed #88b4e1; } .mail-set-singleselect-line:before { padding: 0; box-shadow: none; } .mail-set-singleselect-line:after { display: none; } .mail-set-singleselect-line:before { height: 19px; line-height: 17px; } .mail-set-singleselect input, .mail-set-singleselect label { display: none; } .mail-set-singleselect div { min-width: 100%; max-height: 320px; overflow-x: hidden; } .mail-set-singleselect input[type="radio"]:checked ~ div { position: absolute; top: 50%; left: 25px; z-index: 999; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06); -moz-box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06); box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); } .mail-set-singleselect-line input[type="radio"]:checked ~ div { left: 0px; } .mail-set-singleselect input[type="radio"]:checked ~ div > label, .mail-set-singleselect input[type="radio"]:checked + label { display: block; z-index: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mail-set-singleselect input[type="radio"]:checked ~ div > label:hover { background: #f6f8f9;; } .mail-set-singleselect input[type="radio"]:not(:checked) ~ div > input[type="radio"]:checked + label { position: relative; z-index: -1; } .mail-set-singleselect-option-disabled { background: #fff !important; color: #bbb; } .mail-connect-notice-block { background: #f8f4bc; border-radius: 2px; padding: 10px 30px 11px 14px; margin-bottom: 13px; } .mail-connect-notice-text { color: #535c6a; opacity: .8; font: 13px/16px "Helvetica Neue", Arial, Helvetica, sans-serif; } .mail-connect-warning-block { background: rgb(253,225,200); border-radius: 2px; padding: 10px 30px 11px 14px; margin-bottom: 13px; } .mail-connect-warning-text { color: rgb(219,90,22); font: 13px/16px "Helvetica Neue", Arial, Helvetica, sans-serif; } .mail-connect-notice-more { color: #3f85c2; cursor: pointer; padding-bottom: 2px; border-bottom: 1px dashed transparent; transition: border-bottom .3s ease; } .mail-connect-notice-more:hover { border-color: #88b4e1; } .mail-connect-access-user-block { border: 1px solid #c6cdd3; border-radius: 2px; padding: 4px 20px 0 4px; min-height: 34px; } .mail-connect-access-user-block .feed-add-post-destination { margin: 0 4px 4px 0; } .mail-connect-access-user-block .feed-add-post-destination.feed-add-post-destination-undelete { padding-left: 13px; padding-right: 13px; background-color: #e2e3e5; color: #535c69 !important; } .mail-connect-access-user-block .feed-add-destination-inp { margin: 0 4px 4px 0; padding-left: 5px; } .mail-connect-access-user-block .mail-connect-lock-icon { height: 1em; margin: 7px 0 10px 5px; } .mail-connect-access-user-title { color: #828b95; font-size: 13px; line-height: 20px; margin-bottom: 5px; } .mail-connect-access-user-inner { background-color: #c9efff; border-radius: 1px; position: relative; padding: 7px 35px 8px 10px; margin: 0 4px 4px 0; display: inline-block; vertical-align: top; transition: all 300ms ease; } .mail-connect-access-user-inner:hover { background-color: #86e2ff; } .mail-connect-access-user-name, .mail-connect-access-user-add { color: #1069c3; font: 13px/16px "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: 700; } .mail-connect-access-user-add { text-transform: lowercase; display: inline-block; vertical-align: top; margin: 7px 0 10px 15px; position: relative; border-bottom: 1px solid transparent; transition: border-bottom-color .3s linear; } .mail-connect-access-user-add:hover { border-color: #1069c3; } .mail-connect-access-user-add:before{ content: ''; position: absolute; left: -11px; top: 5px; height: 7px; width: 8px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%231069C3%22%20fill-rule%3D%22evenodd%22%20points%3D%22305.602%2021.022%20308.189%2021.022%20308.189%2022.413%20305.602%2022.413%20305.602%2025%20304.211%2025%20304.211%2022.413%20301.624%2022.413%20301.624%2021.022%20304.211%2021.022%20304.211%2018.435%20305.602%2018.435%22%20transform%3D%22translate%28-301%20-18%29%22/%3E%0A%3C/svg%3E%0A'); } .mail-connect-access-delete-button { width: 32px; height: 32px; position: absolute; top: 0; right: 0; cursor: pointer; } .mail-connect-access-delete-button:before, .mail-connect-access-delete-button:after { content: ''; width: 2px; height: 10px; border-radius: 1px; background: #525c69; opacity: .2; position: absolute; top: 11px; right: 15px; } .mail-connect-access-delete-button:before { transform: rotate(-45deg); } .mail-connect-access-delete-button:after { transform: rotate(45deg); } .mail-connect-footer { padding-top: 10px; border-top: 1px solid #d8d8d8; } .mail-connect-footer-container { text-align: center; } .ui-btn.mail-connect-btn-cancel { margin-left: 5px; } .ui-btn.mail-connect-btn-connect { color: #535c69; } .mail-connect-footer-fixed { box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.06); overflow: hidden; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; padding: 12px 20px; background: #fff; text-align: left; border-top: none; } .mail-connect-lock-icon { display: inline-block; vertical-align: middle; width: 8px; height: 10px; background: url(images/lock.png) no-repeat center; cursor: pointer; margin-left: 5px; } .mail-connect-form-label { color: #828b95; font-size: 13px; line-height: 22px; margin-bottom: 2px; position: relative; cursor: pointer; } .mail-connect-form-label-check { color: #535c6a; line-height: 15px; margin-bottom: 0; } .mail-connect-form-item { display: flex; flex-direction: column; margin-bottom: 11px; max-width: 520px; } .mail-connect-form-input { outline: none; border: 1px solid #c6cdd3; border-radius: 2px; padding: 8px 10px 6px; margin: 0; color: #535c6a; font-size: 13px; line-height: 22px; height: 22px; } .mail-connect-form-input::placeholder { color: #c7c7c7; } .mail-connect-form-input::-webkit-input-placeholder { color: #c7c7c7; } .mail-connect-form-input:-moz-placeholder { color: #c7c7c7; } .mail-connect-form-input::-moz-placeholder { color: #c7c7c7; } .mail-connect-form-input:-ms-input-placeholder { color: #c7c7c7; } .mail-connect-form-input::-ms-input-placeholder { color: #c7c7c7; } .mail-connect-form-input-check { margin-right: 5px; vertical-align: middle; } .mail-connect-form-input-radio { margin-right: 14px; } .mail-connect-form-check { font-size: 13px; display: flex; } .mail-connect-form-item-inner { display: flex; align-items: center; } .mail-connect-form-item-inner .mail-connect-form-input { max-width: 120px; margin-right: 21px; } .mail-connect-form-item-inner .mail-connect-form-input-check { max-width: 120px; margin-right: 5px; } .mail-connect-form-item-server-port { display: flex; } .mail-connect-form-item-server-port .mail-connect-form-input-server { width: 100%; margin-right: 15px; } .mail-connect-form-item-server-port .mail-connect-form-input-port { max-width: 120px; } .mail-connect-form-item-confirmed .mail-connect-form-input { border-color: #7bd500; } .mail-connect-form-item-error .mail-connect-form-input { border-color: #ff5752; } .mail-connect-form-error { display: none; font-size: 12px; color: #ff5752; margin-top: 5px; } .mail-connect-form-item-error .mail-connect-form-error { display: block; } .mail-connect-check-block { background: #f6f6f7; border-radius: 2px; display: flex; align-items: center; justify-content: space-between; padding: 1px 14px 1px 15px; } .mail-connect-check-inner { font-size: 0; } .mail-connect-check-text { font-size: 13px; line-height: 22px; color: #535c69; margin-right: 15px; } .mail-connect-check-status { color: #6f950d; font-weight: 700; font-size: 14px; line-height: 23px; } .mail-connect-email-block { padding-left: 22px; border-left: 1px solid #d8d8d8; display: flex; align-items: center; justify-content: space-between; width: 100%; } .mail-connect-email-text { color: #0b66c3; font-weight: 700; text-decoration: none; } .mail-connect-email-btn-disable { color: #80868e; } .mail-connect-email-img { display: inline-block; vertical-align: middle; width: 41px; height: 41px; border-radius: 50%; margin: -10px 4px -10px 0; background: #535c6a no-repeat center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ny4xODgiIGhlaWdodD0iNTQuMDYzIiB2aWV3Qm94PSIwIDAgNDcuMTg4IDU0LjA2MyI+PGRlZnM+PHN0eWxlPi5jbHMtMSB7IGZpbGw6ICNmZmY7IGZpbGwtcnVsZTogZXZlbm9kZDsgfTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJTaGFwZV8yX2NvcHlfNCIgZGF0YS1uYW1lPSJTaGFwZSAyIGNvcHkgNCIgY2xhc3M9ImNscy0xIiBkPSJNNDcuMTggNTQuMDYyYzAtMy4yMTctMy42MS0xNi44MjYtMy42MS0xNi44MjYgMC0xLjk5LTIuNi00LjI2LTcuNzItNS41ODVhMTcuMzk0IDE3LjM5NCAwIDAgMS00Ljg4Ny0yLjIyM2MtLjMzLS4xODgtLjI4LTEuOTI1LS4yOC0xLjkyNWwtMS42NDgtLjI1YzAtLjE0Mi0uMTQtMi4yMjUtLjE0LTIuMjI1IDEuOTcyLS42NjMgMS43Ny00LjU3NCAxLjc3LTQuNTc0IDEuMjUyLjY5NSAyLjA2OC0yLjQgMi4wNjgtMi40IDEuNDgyLTQuMy0uNzM4LTQuMDQtLjczOC00LjA0YTI3LjA1IDI3LjA1IDAgMCAwIDAtNy45MThjLS45ODctOC43MDgtMTUuODQ3LTYuMzQ0LTE0LjA4NS0zLjUtNC4zNDMtLjgtMy4zNTIgOS4wODItMy4zNTIgOS4wODJsLjk0MiAyLjU2Yy0xLjg1IDEuMi0uNTY0IDIuNjUtLjUgNC4zMi4wOSAyLjQ2NiAxLjYgMS45NTUgMS42IDEuOTU1LjA5MyA0LjA3IDIuMSA0LjYgMi4xIDQuNi4zNzcgMi41NTYuMTQyIDIuMTIuMTQyIDIuMTJsLTEuNzg2LjIxN2E3LjEgNy4xIDAgMCAxLS4xNCAxLjczMmMtMi4xLjkzNi0yLjU1MyAxLjQ4NS00LjY0IDIuNC00LjAzMiAxLjc2Ny04LjQxNCA0LjA2NS05LjE5MyA3LjE2Uy0uMDEyIDU0LjA2LS4wMTIgNTQuMDZoNDcuMTl6Ii8+PC9zdmc+); background-size: 50%; font: 18px/18px "OpenSans-Bold", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; padding-top: 10px; text-transform: uppercase; text-align: center; box-sizing: border-box; } .mail-connect-email-img-color { background: #fdbd00; } .mail-connect-handle-inner { padding: 13px 20px 24px 17px; border: 1px solid #e3e6e9; border-radius: 2px; } .mail-connect-handle-item { padding-bottom: 26px; border-bottom: 1px solid #e3e6e9; margin-bottom: 16px; } .mail-connect-handle-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .mail-connect-handle-title { color: #828b95; font-size: 13px; line-height: 22px; margin-bottom: 2px; } .mail-connect-handle-value { color: #1169c3; padding-bottom: 2px; border-bottom: 1px dashed rgba(17, 105, 195, .5); transition: all .3s ease; } .mail-connect-handle-value:hover { border-color: rgba(17, 105, 195, 1); } .mail-connect-mailbox-block { margin-bottom: 12px; } .mail-connect-mailbox-name { color: #000; font: 24px/30px "OpenSans-Light", "Helvetica Neue", Arial, Helvetica, sans-serif; } .mail-connect-dashed-switch { display: inline-block; color: #1169c3; padding-bottom: 2px; border-bottom: 1px dashed rgba(17, 105, 195, .5); transition: border-color .3s ease; cursor: pointer; } .mail-connect-dashed-switch:hover { border-color: rgba(17, 105, 195, 1); } .mail-connect-form-hidden-block .mail-connect-form-inner { margin: 15px 0 0 25px; transition: all .4s linear; } .mail-connect-form-hidden-block .mail-connect-access-user-block { margin-bottom: 11px; } .mail-connect-form-hidden-block { padding-top: 5px; } .mail-connect-form-textarea { min-height: 110px; resize: none; outline: none; border: 1px solid #c6cdd3; border-radius: 2px; padding: 9px 11px; box-sizing: border-box; font: 13px/22px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #535c6a; overflow: auto; } .mail-connect-form-check-hidden { margin-bottom: 8px; } .mail-connect-form-check-hidden:last-child { margin-bottom: 0; } .mail-connect-form-textarea-block { margin: 0 0 8px 0; display: flex; flex-direction: column; } .mail-connect-form-textarea-title { font-size: 13px; color: #828b95; margin-bottom: 6px; } .mail-connect-form-source { color: #1169c3; padding-bottom: 2px; border-bottom: 1px dashed rgba(17, 105, 195, .5); font-size: 13px; transition: all .3s ease; } .mail-connect-form-source:hover { border-color: rgba(17, 105, 195, 1); } .mail-connect-address-desc { color: #535c6a; font-size: 13px; line-height: 18px; margin-bottom: 26px; } .mail-connect-address-add { margin-top: 19px; } .mail-connect-address-add-link { text-decoration: none; color: #2066b0; font-size: 13px; line-height: 22px; border-bottom: 1px solid rgba(38, 106, 178, .4); transition: all .3s ease; } .mail-connect-address-add-link:hover { border-color: rgba(38, 106, 178, 1); } .mail-connect-title-bold { font-weight: 700; } .mail-connect-form-label-radio { margin-bottom: 0; color: #535c6a; } .mail-connect-folder-list .mail-connect-form-check { margin-bottom: 12px; } .mail-connect-folder-list .mail-connect-form-check:last-child { margin-bottom: 0; } .mail-connect-folder-list .mail-connect-form-input-check { margin-right: 14px; } .main-connect-form-error { display: none; margin: 0 0 12px 0; padding: 10px 18px; background: rgb(253,225,229); color: rgb(219,0,22); font-size: 13px; } .main-connect-form-error-ext { display: none; } .mail-connect-last-sync-title { color: #626d71; display: inline-block; font-size: 14px; margin-right: 15px; } .mail-connect-last-sync-status { display: inline-block; font-size: 13px; font-weight: bold; margin: 0 28px 0 0; } .mail-connect-last-sync-success { color: #6f950d; } .mail-connect-last-sync-error { color: #d04749; } .mail-connect-last-sync-wrapper { margin: 8px 0 0 0; } .mail_connect_mb_import_messages_label { cursor: pointer; }