mirror of
https://github.com/codex-team/editor.js
synced 2024-06-02 05:52:38 +02:00
bc8fb1aed9
* cover restoring fixed * upd * fetch fixed in safari * updated * plugins * plugins ready * code improved * fixed bug with backspace * improved architecture
107 lines
2.1 KiB
CSS
107 lines
2.1 KiB
CSS
/**
|
|
* Image plugin for codex-editor
|
|
* @author CodeX Team <team@ifmo.su>
|
|
*
|
|
* @version 0.0.1
|
|
*/
|
|
.ce-image {
|
|
max-width: 700px;
|
|
margin: 20px auto !important;
|
|
}
|
|
|
|
.ce-plugin-image__holder{
|
|
position: relative;
|
|
background: #FEFEFE;
|
|
border: 2px dashed #E8EBF5;
|
|
border-radius: 55px;
|
|
margin: 30px 0;
|
|
padding: 30px 110px 30px 40px;
|
|
}
|
|
.ce-plugin-image__holder input{
|
|
border: 0;
|
|
background: transparent;
|
|
outline: none;
|
|
-webkit-appearance: none;
|
|
font-size: 1.2em;
|
|
color: #A5ABBC;
|
|
}
|
|
/* Placeholder color for Chrome */
|
|
.ce-plugin-image__holder input::-webkit-input-placeholder {
|
|
color: #A5ABBC;
|
|
}
|
|
/* Placeholder color for IE 10+ */
|
|
.ce-plugin-image__holder input:-ms-input-placeholder {
|
|
color: #A5ABBC;
|
|
}
|
|
/* Placeholder color for Firefox 19+ */
|
|
.ce-plugin-image__holder input::-moz-placeholder {
|
|
color: #A5ABBC;
|
|
opacity: 1;
|
|
}
|
|
.ce-plugin-image__button{
|
|
position: absolute;
|
|
z-index: 2;
|
|
right: 40px;
|
|
cursor: pointer;
|
|
font-family: "codex_editor";
|
|
font-size: 1.5em;
|
|
color: #8990AA;
|
|
}
|
|
.ce-plugin-image__button:hover{
|
|
color: #393F52;
|
|
}
|
|
|
|
.ce-plugin-image__wrapper {
|
|
margin : 3em 0;
|
|
}
|
|
.ce-plugin-image__uploaded--centered {
|
|
max-width: 700px;
|
|
display:block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.ce-plugin-image__uploaded--stretched {
|
|
width: 100%;
|
|
}
|
|
.ce-plugin-image__firstlevel--stretch {
|
|
margin: 0 !important;
|
|
max-width: none !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.ce-plugin-image__caption {
|
|
max-width: 700px;
|
|
margin: 1em auto;
|
|
text-align: center;
|
|
color: #898a8c;
|
|
}
|
|
|
|
.ce-plugin-image__caption:empty::before {
|
|
content: 'Введите подпись';
|
|
text-align: center;
|
|
font-weight: normal;
|
|
color: #a1a5b3;;
|
|
opacity: .9;
|
|
transition: opacity 200ms ease;
|
|
}
|
|
|
|
.ce-plugin-image__caption:focus::before {
|
|
opacity: .1;
|
|
text-align: center;
|
|
}
|
|
|
|
/** Settings */
|
|
.ce_plugin_image--settings{
|
|
white-space: nowrap;
|
|
/*padding-right: 10px; */
|
|
}
|
|
.ce_plugin_image--select_button{
|
|
display: inline-block;
|
|
margin-left: 15px;
|
|
color: #70a1ff;
|
|
cursor: pointer;
|
|
}
|
|
.ce_plugin_image--select_button:hover{
|
|
color: #8da8dc;
|
|
}
|