angular-froala-wysiwyg-2.7.1
Version:
Angular 2 and Angular 4 bindings for Froala WYSIWYG HTML rich text editor
182 lines (180 loc) • 4.07 kB
CSS
/*!
* froala_editor v2.7.1 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2017 Froala Labs
*/
.clearfix::after {
clear: both;
display: block;
content: "";
height: 0;
}
.hide-by-clipping {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
border: 1px double #1e88e5;
}
.fr-element table tr {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.fr-element table td,
.fr-element table th {
user-select: text;
-o-user-select: text;
-moz-user-select: text;
-khtml-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
}
.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.fr-table-resizer {
cursor: col-resize;
position: fixed;
z-index: 3;
display: none;
}
.fr-table-resizer.fr-moving {
z-index: 2;
}
.fr-table-resizer div {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-right: 1px solid #1e88e5;
}
.fr-no-selection {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.fr-popup .fr-table-colors-hex-layer {
width: 100%;
margin: 0px;
padding: 10px;
}
.fr-popup .fr-table-colors-hex-layer .fr-input-line {
float: left;
width: calc(100% - 50px);
padding: 8px 0 0;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons {
float: right;
width: 50px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
background-color: #1e88e5;
color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 13px;
height: 32px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
background-color: #166dba;
color: #FFF;
}
.fr-popup .fr-table-size .fr-table-size-info {
text-align: center;
font-size: 14px;
padding: 8px;
}
.fr-popup .fr-table-size .fr-select-table-size {
line-height: 0;
padding: 0 5px 5px;
white-space: nowrap;
}
.fr-popup .fr-table-size .fr-select-table-size > span {
display: inline-block;
padding: 0px 4px 4px 0;
background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span > span {
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid #dddddd;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover {
background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
background: rgba(30, 136, 229, 0.3);
border: solid 1px #1e88e5;
}
.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
clear: both;
display: block;
content: "";
height: 0;
}
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
display: inline-block ;
}
.fr-popup .fr-table-colors-buttons {
margin-bottom: 5px;
}
.fr-popup .fr-table-colors {
line-height: 0;
display: block;
}
.fr-popup .fr-table-colors > span {
display: inline-block;
width: 32px;
height: 32px;
position: relative;
z-index: 1;
}
.fr-popup .fr-table-colors > span > i {
text-align: center;
line-height: 32px;
height: 32px;
width: 32px;
font-size: 13px;
position: absolute;
bottom: 0;
cursor: default;
left: 0;
}
.fr-popup .fr-table-colors > span:focus {
outline: 1px solid #222222;
z-index: 2;
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
width: 12px;
height: 12px;
}
.fr-insert-helper {
position: fixed;
z-index: 9999;
white-space: nowrap;
}