Добавляем все файлы
This commit is contained in:
787
main_plugin/editor/editor.css
Executable file
787
main_plugin/editor/editor.css
Executable file
@@ -0,0 +1,787 @@
|
||||
/* Главное */
|
||||
#basis3 {
|
||||
left: 0 !important;
|
||||
top: 33px !important;
|
||||
transform: none !important;
|
||||
}
|
||||
#copyr_sym *, .deploy *, .elementEditPanelElement * {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.selectedColor {
|
||||
background: #3a6e62;
|
||||
color: #ffffff;
|
||||
}
|
||||
.textGrey:hover {
|
||||
color: #787878;
|
||||
cursor: pointer;
|
||||
}
|
||||
.toolbar-container {
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
#panel {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: -webkit-fill-available;
|
||||
border-radius: 5px;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
overflow-x: clip;
|
||||
overflow-y: visible;
|
||||
z-index: 100;
|
||||
}
|
||||
.toolbar-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
padding: 4px;
|
||||
margin: 0;
|
||||
flex-shrink: 0;
|
||||
padding: 4px 0px;
|
||||
width: 100%;
|
||||
}
|
||||
.arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 24px;
|
||||
height: 36px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 10;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
#arrow-left {
|
||||
left: 0;
|
||||
border: none;
|
||||
border-right: inherit;
|
||||
}
|
||||
#arrow-right {
|
||||
right: 0;
|
||||
border: none;
|
||||
border-left: inherit;
|
||||
}
|
||||
|
||||
/* Стили контейнера для показа увеличенных изображений */
|
||||
#bas,
|
||||
#C {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#bas {
|
||||
z-index: 1;
|
||||
background: #FFFFFF;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
#view {
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* Стили контейнера, содержащего страницу */
|
||||
#basis {
|
||||
position: relative;
|
||||
width: -webkit-fill-available;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* Стили таблицы, содержащей страницу */
|
||||
#tab {
|
||||
width: 1000px;
|
||||
}
|
||||
|
||||
/* Стили меню */
|
||||
|
||||
#sect {
|
||||
display: flex;
|
||||
margin-bottom: 15px;
|
||||
font-family: Tahoma;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Стили пунктов меню */
|
||||
.lin {
|
||||
margin: 9px;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
box-shadow: 5px 5px 10px #000066;
|
||||
background: #660033;
|
||||
line-height: 50px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Стили ячейки для рекламы */
|
||||
#rec {
|
||||
width: 300px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
color: #660033;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Стили контейнера, содержащего страницу */
|
||||
#basis3 {
|
||||
position: fixed;
|
||||
width: -webkit-fill-available;
|
||||
margin: auto;
|
||||
z-index: 100;
|
||||
user-select: none;
|
||||
font-size: 0.97em;
|
||||
}
|
||||
|
||||
/* Стили вкладок с настройками */
|
||||
.cust {
|
||||
height: auto;
|
||||
padding: 8px;
|
||||
position: fixed;
|
||||
visibility: hidden;
|
||||
z-index: 100;
|
||||
background: url(../../img/img/backgr.jpg);
|
||||
border-radius: 5px;
|
||||
top: 30%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: calc(100% - 20px);
|
||||
max-width: max-content;
|
||||
}
|
||||
.cust2 {
|
||||
height: auto;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
top: 236%;
|
||||
width: 1118px;
|
||||
border: 1px solid #000000;
|
||||
visibility: hidden;
|
||||
z-index: 100;
|
||||
background: url(../../img/img/backgr.jpg);
|
||||
border-radius: 5px;
|
||||
max-width: -webkit-fill-available;
|
||||
}
|
||||
|
||||
/* Стили кнопок (крестиков) для закрытия вкладок */
|
||||
.cldiv {
|
||||
margin: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Стили вкладки с изображениями с сервера */
|
||||
|
||||
#p_list {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.roster {
|
||||
width: 180px;
|
||||
margin: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Стили главной панели редактора */
|
||||
.toolbar-group {
|
||||
position: relative;
|
||||
padding: 0px 5px;
|
||||
margin: 0px 2px;
|
||||
display: inline-block;
|
||||
}
|
||||
.toolbar-group::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -3.1px;
|
||||
width: 5px;
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
#000 0px 1px,
|
||||
transparent 1px 2px,
|
||||
#000 2px 3px,
|
||||
transparent 3px 4px,
|
||||
#000 4px 5px
|
||||
);
|
||||
}
|
||||
.toolbar-group.open {
|
||||
margin-left: 7px;
|
||||
}
|
||||
.toolbar-group-button {
|
||||
transition: transform 0.1s ease, left 0.1s ease;
|
||||
}
|
||||
.toolbar-group.open .toolbar-group-button {
|
||||
position: absolute;
|
||||
left: -9px;
|
||||
transform: scale(0.6);
|
||||
transform-origin: top left;
|
||||
z-index: 1;
|
||||
}
|
||||
.toolbar-group-content {
|
||||
transition: margin-left 0.1s ease;
|
||||
}
|
||||
.toolbar-group.open .toolbar-group-content {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
#toolbar-group-button-main {
|
||||
background-position: -318px -117px;
|
||||
}
|
||||
#toolbar-group-button-text {
|
||||
background-position: -237px 1664px;
|
||||
}
|
||||
#toolbar-group-button-paste {
|
||||
background-position: 166px 517px;
|
||||
}
|
||||
|
||||
.align-dropdown, .align-dropdown-oneImg {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.align-dropdown-text {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border: 1px solid #000000;
|
||||
height: 26px;
|
||||
border-radius: 5px;
|
||||
vertical-align: middle;
|
||||
background: #FFFFFF;
|
||||
padding-right: 13px;
|
||||
}
|
||||
.align-dropdown-text .dropdown-arrow {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
pointer-events: none;
|
||||
}
|
||||
.align-dropdown-text .current {
|
||||
padding: 0 3px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.align-dropdown .current {
|
||||
cursor: pointer;
|
||||
}
|
||||
.align-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 4px 0;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: -9px;
|
||||
background: #fff;
|
||||
border: 1px solid #000000;
|
||||
display: none;
|
||||
z-index: 10;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
.align-list li {
|
||||
padding: 4px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.align-list li:hover {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Стили выпадающего списка панели */
|
||||
#sel {
|
||||
font-size: 1.1em;
|
||||
font-family: Tahoma;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
/* Стили кнопок навигации по этапам редактирования */
|
||||
#forw,
|
||||
#bac {
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Стили кнопок на главной панели редактора */
|
||||
.but,
|
||||
.pers,
|
||||
.swit,
|
||||
.swit2,
|
||||
.pers2,
|
||||
.pers3 {
|
||||
border: 1px solid #000000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.editt {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.editi {
|
||||
border-radius: 5px;
|
||||
background: #FFFFFF;
|
||||
display: inline-block;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.edits {
|
||||
border-radius: 5px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.editib {
|
||||
background-image: url(../../img/pict/b_iconslyb.svg);
|
||||
}
|
||||
|
||||
.editimc {
|
||||
background-image: url(../../img/pict/mc_iconslyb.svg);
|
||||
}
|
||||
|
||||
.editib:hover {
|
||||
background-image: url(../../img/pict/g_iconslyb.svg);
|
||||
}
|
||||
|
||||
.editimc:hover {
|
||||
background-image: url(../../img/pict/g_iconslyb.svg);
|
||||
}
|
||||
|
||||
.editf.active {
|
||||
background-image: url(../../img/pict/b_iconslyb.svg);
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
.editf.active:hover {
|
||||
background-image: url(../../img/pict/g_iconslyb.svg);
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
|
||||
#settingsMain {
|
||||
background-position: -197px -597px;
|
||||
}
|
||||
|
||||
#forma {
|
||||
background-position: 45px -117px;
|
||||
}
|
||||
|
||||
#htm {
|
||||
background-position: -318px 1824px;
|
||||
}
|
||||
|
||||
#bac {
|
||||
background-position: 645px 716px;
|
||||
}
|
||||
|
||||
#forw {
|
||||
background-position: 605px 716px;
|
||||
}
|
||||
|
||||
#img, #oneImg {
|
||||
background-position: 645px 477px;
|
||||
}
|
||||
|
||||
#hr {
|
||||
background-position: 766px 676px;
|
||||
}
|
||||
|
||||
#tabl {
|
||||
background-position: 1006px 597px;
|
||||
}
|
||||
|
||||
#link {
|
||||
background-position: 245px 277px;
|
||||
}
|
||||
|
||||
#linkdel {
|
||||
background-position: 205px 277px;
|
||||
}
|
||||
|
||||
#delin {
|
||||
background-position: 205px 277px;
|
||||
}
|
||||
|
||||
#copyr {
|
||||
background-position: 445px 517px;
|
||||
}
|
||||
|
||||
#bol {
|
||||
background-position: 1006px 517px;
|
||||
}
|
||||
|
||||
#ital {
|
||||
background-position: 966px 517px;
|
||||
}
|
||||
|
||||
#under {
|
||||
background-position: 926px 517px;
|
||||
}
|
||||
|
||||
#col {
|
||||
background-position: -237px 1664px;
|
||||
}
|
||||
|
||||
#backgr {
|
||||
background-position: -278px 1664px;
|
||||
}
|
||||
|
||||
#font {
|
||||
background-position: 1046px 517px;
|
||||
}
|
||||
|
||||
#strik {
|
||||
background-position: 885px 517px;
|
||||
}
|
||||
|
||||
#sup {
|
||||
background-position: 846px 517px;
|
||||
}
|
||||
|
||||
#sub {
|
||||
background-position: 806px 517px;
|
||||
}
|
||||
|
||||
#titleEdit {
|
||||
background-position: 1045px 557px;
|
||||
}
|
||||
|
||||
/* #pluginSave {
|
||||
background-position: -479px 1665px;
|
||||
}
|
||||
#pluginCreateLeft {
|
||||
background-position: -598px 1665px;
|
||||
}
|
||||
#pluginAddLeft {
|
||||
background-position: -677px 1665px;
|
||||
}
|
||||
#pluginCreateRight {
|
||||
background-position: -558px 1665px;
|
||||
}
|
||||
#pluginAddRight {
|
||||
background-position: -638px 1665px;
|
||||
}
|
||||
#pluginDelete {
|
||||
background-position: -518px 1665px;
|
||||
}
|
||||
#pluginMove {
|
||||
background-position: -438px 1665px;
|
||||
} */
|
||||
|
||||
#contentPageCreate {
|
||||
background-position: 926px 676px;
|
||||
}
|
||||
#contentPageMove {
|
||||
background-position: -1077px 1704px;
|
||||
}
|
||||
#contentPageSettings {
|
||||
background-position: -156px 1704px;
|
||||
}
|
||||
|
||||
#elementEdit {
|
||||
background-position: 965px 557px;
|
||||
}
|
||||
|
||||
#coup {
|
||||
background-position: -357px 1662px;
|
||||
}
|
||||
|
||||
#contentPageCreateUrlManager {
|
||||
background-position: -679px 1820px;
|
||||
}
|
||||
|
||||
.indent {
|
||||
display: inline-block;
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
/* картинки списков */
|
||||
#equar, .align-dropdown .current.equar {
|
||||
background-position: 685px 517px;
|
||||
}
|
||||
#equac, .align-dropdown .current.equac {
|
||||
background-position: 725px 517px;
|
||||
}
|
||||
#equal, .align-dropdown .current.equal {
|
||||
background-position: 765px 517px;
|
||||
}
|
||||
#equaj, .align-dropdown .current.equaj {
|
||||
background-position: 645px 517px;
|
||||
}
|
||||
|
||||
#listNone, .align-dropdown .current.listNone {
|
||||
background-position: -798px 1666px;
|
||||
}
|
||||
#listDots, .align-dropdown .current.listDots {
|
||||
background-position: 764px 437px;
|
||||
}
|
||||
#listNumbers, .align-dropdown .current.listNumbers {
|
||||
background-position: 724px 437px;
|
||||
}
|
||||
#listLetters, .align-dropdown .current.listLetters {
|
||||
background-position: -757px 1666px;
|
||||
}
|
||||
|
||||
/* Стили маленьких окон на главной панели редактора */
|
||||
.smbut {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
visibility: hidden;
|
||||
}
|
||||
#ccc {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
left: 470px;
|
||||
top: 17px;
|
||||
pointer-events: none;
|
||||
}
|
||||
#list {
|
||||
width: 100px;
|
||||
height: 28px;
|
||||
}
|
||||
#fs {
|
||||
width: 50px;
|
||||
height: 28px;
|
||||
}
|
||||
#ff {
|
||||
width: 145px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
#mainActions {
|
||||
height: 28px;
|
||||
}
|
||||
#pluginDropdownContent {
|
||||
height: 28px;
|
||||
}
|
||||
#elementDropdownContent {
|
||||
width: 170px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
/* Стили контейнеров вкладок с настройками */
|
||||
.deploy {
|
||||
text-align: center;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
/* Стили textarea */
|
||||
.textar {
|
||||
width: 400px;
|
||||
height: 70px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
margin-left: 5px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* Стили коротких текстовых полей */
|
||||
.inptx {
|
||||
width: 51px;
|
||||
height: 22px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
margin-right: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Стили средних текстовых полей */
|
||||
.inpmid {
|
||||
width: 120px;
|
||||
height: 18px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
margin-right: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Стили длинных текстовых полей */
|
||||
.inpbig {
|
||||
width: 190px;
|
||||
height: 18px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
margin-right: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Стили для формы */
|
||||
.inform {
|
||||
display: inline-block;
|
||||
margin-block-end: 0em;
|
||||
}
|
||||
|
||||
/* Стили кнопок вставки и просмотра на вкладках с настройками */
|
||||
.butin {
|
||||
height: 22px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
background: #FFFFFF;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.butinAuto {
|
||||
width: min-content;
|
||||
height: 22px;
|
||||
font-size: 0.92em;
|
||||
cursor: pointer;
|
||||
padding: 1px 5px 1px 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.butinAuto:hover {
|
||||
color: #787878;
|
||||
}
|
||||
.buttonEditTable {
|
||||
height: 22px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
background: #FFFFFF;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.buttonEditTable.active {
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
|
||||
/* Стили выпадающих списков */
|
||||
.sele {
|
||||
height: 22px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
margin-right: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.colored {
|
||||
width: 28px;
|
||||
height: 22px;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* Стили выпадающих списков без зазора справа */
|
||||
.selena {
|
||||
height: 22px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
/* Стили кнопок выбора цвета на вкладках с настройками */
|
||||
.colored {
|
||||
width: 28px;
|
||||
height: 22px;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/* Стиль кнопок зарузок изоброжений */
|
||||
#selectImgForm {
|
||||
width: 77px;
|
||||
height: 22px;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid #000000;
|
||||
background: #FFFFFF;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
margin: 0px 5px 0px -15px;
|
||||
}
|
||||
|
||||
/* Стиль окна текстового редактора */
|
||||
#tex {
|
||||
position: absolute;
|
||||
top: 236%;
|
||||
width: 1100px;
|
||||
height: 380px;
|
||||
border: 1px solid #000000;
|
||||
padding: 10px;
|
||||
font-size: 1.2em;
|
||||
font-family: Tahoma;
|
||||
visibility: hidden;
|
||||
z-index: 6;
|
||||
border-radius: 5px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
/* Стили контейнера с кнопками для символов и самих кнопок */
|
||||
#copyr_sym {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sym {
|
||||
vertical-align: middle;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin: 1px;
|
||||
border: 1px solid #000000;
|
||||
font-size: 1em;
|
||||
font-family: Tahoma;
|
||||
background: #FFFFFF;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#pluginRulesButton1, #pluginRulesButton2 {
|
||||
width: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
#pluginRulesBlock1, #pluginRulesBlock2 {
|
||||
width: 240px;
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
background: #efefef;
|
||||
font-size: 0.9em;
|
||||
padding: 2px;
|
||||
line-height: 1.6;
|
||||
border-radius: 5px;
|
||||
opacity: 0;
|
||||
transition: max-height 0.18s ease-out, opacity 0.18s ease-out;
|
||||
pointer-events: none;
|
||||
}
|
||||
#pluginRulesBlock1.show, #pluginRulesBlock2.show {
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-block-start: 5px;
|
||||
margin-block-end: 5px;
|
||||
}
|
||||
|
||||
.pluginEditable {
|
||||
outline-offset: 15px;
|
||||
overflow-x: hidden;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
/* поля для редактирование элементов */
|
||||
#editingMenuItems {
|
||||
display: inline-block;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
user-select: none;
|
||||
background-color: rgba(255, 255, 255, 0.92);
|
||||
border-radius: 5px;
|
||||
font-size: 1em;
|
||||
box-shadow: 0px 0px 5px #777;
|
||||
padding: 5px;
|
||||
visibility: hidden;
|
||||
}
|
||||
.editingMenuItemsElement {
|
||||
padding: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.editingMenuItemsElement:hover {
|
||||
color: #787878;
|
||||
}
|
||||
Reference in New Issue
Block a user