791 lines
15 KiB
CSS
791 lines
15 KiB
CSS
/* Главное */
|
||
#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;
|
||
}
|
||
#toolbar-group-button-structure {
|
||
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,
|
||
.editimc:hover,
|
||
.editf.active:hover {
|
||
filter: opacity(0.41);
|
||
}
|
||
|
||
.editf.active {
|
||
background-image: url(../../img/pict/b_iconslyb.svg);
|
||
background-color: #e7e7e7;
|
||
}
|
||
|
||
#settingsMain {
|
||
background-position: -197px -597px;
|
||
}
|
||
|
||
#forma {
|
||
background-position: 45px -117px;
|
||
}
|
||
|
||
#htm {
|
||
background-position: -318px 1824px;
|
||
}
|
||
|
||
#markedBut {
|
||
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;
|
||
}
|
||
#pluginAddCenter {
|
||
background-position: -838px 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;
|
||
} |