Your IP : 172.69.214.233

Current Path : /var/www/element/data/www/revenuestory.ru/bitrix/js/landing/css/ui/button/
Upload File :
Current File : /var/www/element/data/www/revenuestory.ru/bitrix/js/landing/css/ui/button/editor_action_button.css

.landing-ui-button-editor-action {
	background: #ffffff;
	line-height: 42px;
	border: none;
	user-select: none;
	padding: 0 11px;
	border-radius: 0;
}

.landing-ui-button-editor-action .landing-ui-button-text {
	color: #828B95;
}

.landing-ui-button-editor-action:hover .landing-ui-button-text {
	color: #525C69;
}

.landing-ui-button-editor-action.landing-ui-active .landing-ui-button-text::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: rgba(82, 92, 105, .08);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	border-radius: 2px;
}

.landing-ui-button-editor-action .landing-ui-button-text {
	transition: color 200ms ease;
	position: relative;
	min-width: 16px;
}

.landing-ui-button-editor-action .landing-ui-align {
	position: relative;
	top: -9px;
}

.landing-ui-button-editor-action[data-id="createLink"] .fa-link {
	position: relative;
	top: 1px;
}

.landing-ui-button-editor-action[data-id="justifyCenter"],
.landing-ui-button-editor-action[data-id="justifyLeft"],
.landing-ui-button-editor-action[data-id="justifyRight"] {
	padding-left: 12px;
	padding-right: 12px;
}

.landing-ui-button-editor-action[data-id="drag"] {
	background: #f7f7f7;
	cursor: move;
	padding-left: 11px;
	padding-right: 11px;
	transition: background 200ms ease;
}

.landing-ui-button-editor-action[data-id="drag"]:hover {
	background: #eeeeee;
}

.landing-ui-drag {
	background: url(/bitrix/images/landing/drag.svg) 50% 50% no-repeat;
	display: inline-block;
	width: 10px;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.landing-ui-button-editor-action[data-id="design"] {
	transition: 200ms color ease;
	position: relative;
}

.landing-ui-button-editor-action[data-id="design"]:hover {
	color: #525C69;
}

.landing-ui-button-editor-action[data-id="design"]::after {
	content: '';
	width: 1px;
	height: 22px;
	background: #A8ADB4;
	opacity: .32;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.landing-ui-button-editor-action[data-id="deleteCol"],
.landing-ui-button-editor-action[data-id="deleteRow"],
.landing-ui-button-editor-action[data-id="deleteTable"],
.landing-ui-button-editor-action[data-id="deleteTable"],
.landing-ui-button-editor-action[data-id="styleTable"] {
	position: relative;
}
.landing-ui-button-editor-action[data-id="deleteCol"],
.landing-ui-button-editor-action[data-id="deleteRow"] {
	padding-left: 19px;
	padding-right: 15px;
}
.landing-ui-button-editor-action[data-id="deleteTable"] {
	padding: 0 20px;
}
.landing-ui-button-editor-action[data-id="styleTable"] {
	padding-left: 29px;
	padding-right: 20px;
}

.landing-ui-button-editor-action[data-id="deleteCol"]::after,
.landing-ui-button-editor-action[data-id="deleteRow"]::after,
.landing-ui-button-editor-action[data-id="deleteTable"]::after,
.landing-ui-button-editor-action[data-id="deleteTable"]::after,
.landing-ui-button-editor-action[data-id="styleTable"]::after {
	content: '';
	width: 1px;
	height: 22px;
	background: #A8ADB4;
	opacity: .32;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.landing-ui-button-editor-action[data-id="deleteCol"]::after,
.landing-ui-button-editor-action[data-id="deleteRow"]::after {
	left: 4px;
}
.landing-ui-button-editor-action[data-id="deleteTable"]::after {
	left: 0;
}
.landing-ui-button-editor-action[data-id="styleTable"]::after {
	left: 9px;
}

.landing-ui-button-editor-action[data-id="glavred"].landing-ui-active {
	color: #dA570f;
}


.landing-ui-button-editor-action[data-id="unlink"] .landing-ui-button-text .fa-unlink {
	transform: translateY(5%);
}

.landing-ui-button-editor-action.landing-ui-active {
	color: #000000;
}

.landing-ui-button-editor-action[data-id="bold"] {
	padding-left: 18px;
}

.landing-ui-button [class*="landing-ui-icon-editor-"] {
	width: 16px;
	height: 20px;
	background-position: center;
	display: inline-block;
	background-repeat: no-repeat;
	position: relative;
	top: 5px;
	transition: 200ms background ease;
}

.landing-ui-icon-editor-bold {
	background-image: url(/bitrix/images/landing/editor/bold.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-bold,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-bold {
	background-image: url(/bitrix/images/landing/editor/bold-active.svg);
}

.landing-ui-icon-editor-italic {
	background-image: url(/bitrix/images/landing/editor/italic.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-italic,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-italic {
	background-image: url(/bitrix/images/landing/editor/italic-active.svg);
}

.landing-ui-icon-editor-underline {
	background-image: url(/bitrix/images/landing/editor/underline.svg);
	transform: translateY(7%);
}

.landing-ui-button:hover .landing-ui-icon-editor-underline,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-underline {
	background-image: url(/bitrix/images/landing/editor/underline-active.svg);
}

.landing-ui-icon-editor-strike {
	background-image: url(/bitrix/images/landing/editor/strike.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-strike,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-strike {
	background-image: url(/bitrix/images/landing/editor/strike-active.svg);
}

.landing-ui-icon-editor-h1 {
	background-image: url(/bitrix/images/landing/editor/h1.svg);
	width: 21px!important;
	transform: translateY(-6%);
}

.landing-ui-button:hover .landing-ui-icon-editor-h1,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-h1 {
	background-image: url(/bitrix/images/landing/editor/h1-active.svg);
}

.landing-ui-icon-editor-h2 {
	background-image: url(/bitrix/images/landing/editor/h2.svg);
	width: 21px!important;
	transform: translateY(-6%);
}

.landing-ui-button:hover .landing-ui-icon-editor-h2,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-h2 {
	background-image: url(/bitrix/images/landing/editor/h2-active.svg);
}

.landing-ui-icon-editor-h3 {
	background-image: url(/bitrix/images/landing/editor/h3.svg);
	width: 21px!important;
	transform: translateY(-6%);
}

.landing-ui-button:hover .landing-ui-icon-editor-h3,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-h3 {
	background-image: url(/bitrix/images/landing/editor/h3-active.svg);
}

.landing-ui-icon-editor-h4 {
	background-image: url(/bitrix/images/landing/editor/h4.svg);
	width: 21px!important;
	transform: translateY(-6%);
}

.landing-ui-button:hover .landing-ui-icon-editor-h4,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-h4 {
	background-image: url(/bitrix/images/landing/editor/h4-active.svg);
}

.landing-ui-icon-editor-h5 {
	background-image: url(/bitrix/images/landing/editor/h5.svg);
	width: 21px!important;
	transform: translateY(-6%);
}

.landing-ui-button:hover .landing-ui-icon-editor-h5,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-h5 {
	background-image: url(/bitrix/images/landing/editor/h5-active.svg);
}

.landing-ui-icon-editor-h6 {
	background-image: url(/bitrix/images/landing/editor/h6.svg);
	width: 21px!important;
	transform: translateY(-6%);
}

.landing-ui-button:hover .landing-ui-icon-editor-h6,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-h6 {
	background-image: url(/bitrix/images/landing/editor/h6-active.svg);
}

.landing-ui-button-editor-action[data-id="justifyLeft"],
.landing-ui-button-editor-action[data-id="justifyCenter"],
.landing-ui-button-editor-action[data-id="justifyRight"] {
	padding: 0 11px!important;
}

.landing-ui-icon-editor-left {
	background-image: url(/bitrix/images/landing/editor/align-left.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-left,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-left {
	background-image: url(/bitrix/images/landing/editor/align-left-active.svg);
}

.landing-ui-icon-editor-center {
	background-image: url(/bitrix/images/landing/editor/align-center.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-center,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-center {
	background-image: url(/bitrix/images/landing/editor/align-center-active.svg);
}

.landing-ui-icon-editor-right {
	background-image: url(/bitrix/images/landing/editor/align-right.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-right,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-right {
	background-image: url(/bitrix/images/landing/editor/align-right-active.svg);
}

.landing-ui-icon-editor-justify {
	background-image: url(/bitrix/images/landing/editor/align-justify.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-justify,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-justify {
	background-image: url(/bitrix/images/landing/editor/align-justify-active.svg);
}

.landing-ui-button-editor-action[data-id="createLink"],
.landing-ui-button-editor-action[data-id="unlink"] {
	padding: 0 9px!important;
}

.landing-ui-button-editor-action[data-id="createPage"] {
	padding-left: 7px!important;
	padding-right: 9px!important;
}

.landing-ui-icon-editor-link {
	background-image: url(/bitrix/images/landing/editor/link.svg);
	width: 20px!important;
}

.landing-ui-button:hover .landing-ui-icon-editor-link,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-link {
	background-image: url(/bitrix/images/landing/editor/link-active.svg);
}

.landing-ui-icon-editor-unlink {
	background-image: url(/bitrix/images/landing/editor/unlink.svg);
	width: 20px!important;
}

.landing-ui-button:hover .landing-ui-icon-editor-unlink,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-unlink {
	background-image: url(/bitrix/images/landing/editor/unlink-active.svg);
}

.landing-ui-icon-editor-eraser {
	background-image: url(/bitrix/images/landing/editor/eraser.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-eraser,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-eraser {
	background-image: url(/bitrix/images/landing/editor/eraser-active.svg);
}

.landing-ui-icon-editor-text-background {
	background-image: url(/bitrix/images/landing/text-background.svg);
	width: 20px!important;
}

.landing-ui-button:hover .landing-ui-icon-editor-text-background,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-text-background {
	background-image: url(/bitrix/images/landing/text-background-active.svg);
}

.landing-ui-icon-editor-new-page {
	background-image: url(/bitrix/images/landing/newpage.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-new-page,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-new-page {
	background-image: url(/bitrix/images/landing/newpage-active.svg);
}

.landing-ui-icon-editor-delete {
	background-image: url(/bitrix/images/landing/editor/delete.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-delete,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-delete {
	background-image: url(/bitrix/images/landing/editor/delete-active.svg);
}

.landing-ui-icon-editor-copy {
	background-image: url(/bitrix/images/landing/editor/paste-table.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-copy,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-copy {
	background-image: url(/bitrix/images/landing/editor/paste-table-active.svg);
}

.landing-ui-icon-editor-table {
	background-image: url(/bitrix/images/landing/editor/table-active.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-table,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-table {
	background-image: url(/bitrix/images/landing/editor/table-active.svg);
}

.landing-ui-icon-editor-fill-color {
	background-image: url(/bitrix/images/landing/editor/fill-color.svg);
}

.landing-ui-button:hover .landing-ui-icon-editor-fill-color,
.landing-ui-button.landing-ui-active .landing-ui-icon-editor-fill-color {
	background-image: url(/bitrix/images/landing/editor/fill-color-active.svg);
}