306 lines
6.2 KiB
CSS
306 lines
6.2 KiB
CSS
/* менеджер */
|
|
#managerDiv {
|
|
display: inline-block;
|
|
position: fixed;
|
|
z-index: 100;
|
|
user-select: none;
|
|
background-color: rgba(255, 255, 255, 0.92);
|
|
border: 1px solid #000000;
|
|
width: 800px;
|
|
border-radius: 5px;
|
|
height: 600px;
|
|
font-size: 1em;
|
|
box-shadow: 0px 0px 5px #777;
|
|
}
|
|
#managerCloseFun {
|
|
float: right;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-position: -159px -121px;
|
|
cursor: pointer;
|
|
}
|
|
#managerHistoryBackFun {
|
|
margin-right: 2px;
|
|
float: left;
|
|
width: 20px;
|
|
height: 14px;
|
|
background-position: -400px -43px;
|
|
cursor: pointer;
|
|
}
|
|
#managerHistoryForwFun {
|
|
margin-right: 2px;
|
|
float: left;
|
|
width: 20px;
|
|
height: 14px;
|
|
background-position: -441px -43px;
|
|
cursor: pointer;
|
|
}
|
|
#managerBackFun {
|
|
margin-right: 12px;
|
|
float: left;
|
|
width: 20px;
|
|
height: 14px;
|
|
background-position: -481px -43px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#managerTop {
|
|
text-align: center;
|
|
border-bottom: 1px #40464d solid;
|
|
padding: 5px;
|
|
background-color: rgba(255, 255, 255, 0.6);
|
|
}
|
|
#managerTopTitle {
|
|
text-align: center;
|
|
}
|
|
#managerPath {
|
|
display: inline-block;
|
|
flex: 1;
|
|
height: 18px;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
border-radius: 5px;
|
|
padding: 2px;
|
|
}
|
|
#managerPath.active {
|
|
border: 1px #40464d solid;
|
|
}
|
|
.managerPathButton {
|
|
background-color: rgba(255, 255, 255, 1);
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
.managerPathButton:hover {
|
|
color: #787878;
|
|
}
|
|
|
|
#managerTopDiv {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#managerTableDiv {
|
|
height: 480px;
|
|
margin: 0px 20px 0px 20px;
|
|
border: 1px #40464d solid;
|
|
overflow-y: overlay;
|
|
border-radius: 5px;
|
|
}
|
|
#managerTable {
|
|
font-size: 1em;
|
|
border-collapse: collapse;
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
width: -webkit-fill-available;
|
|
}
|
|
#managerTableTitle {
|
|
position: sticky;
|
|
top: 0;
|
|
font-weight: bold;
|
|
background-color: rgba(255, 255, 255, 1);
|
|
}
|
|
#managerTable td {
|
|
padding: 5px;
|
|
}
|
|
.managerTableDivFile:hover td {
|
|
background-color: #c5e7f9;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* #managerTableDiv::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
#managerTableDiv::-webkit-scrollbar-track {
|
|
border: 1px solid #000;
|
|
padding: 2px 0;
|
|
background-color: #ffffff;
|
|
}
|
|
#managerTableDiv::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
background-color: #ffffff;
|
|
border: 1px solid #000;
|
|
border-right: 0px solid #000;
|
|
} */
|
|
|
|
/* сохронение как*/
|
|
|
|
#saveHowDiv {
|
|
margin: 8px 20px 0px 20px;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
#saveHowName {
|
|
border: 1px #40464d solid;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
width: 594px;
|
|
font-size: 1em;
|
|
display: inline-block;
|
|
margin-left: 10px;
|
|
}
|
|
#saveHowButton {
|
|
border: 1px #40464d solid;
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
margin: 0px 0px 0px 10px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
width: 91px;
|
|
}
|
|
#saveHowButton:hover {
|
|
color: #787878;
|
|
}
|
|
|
|
/* окно менеджер */
|
|
#managerSettings {
|
|
display: inline-block;
|
|
position: fixed;
|
|
z-index: 100;
|
|
user-select: none;
|
|
background-color: rgba(255, 255, 255, 0.92);
|
|
border: 1px solid #000000;
|
|
border-radius: 5px;
|
|
font-size: 1em;
|
|
box-shadow: 0px 0px 5px #777;
|
|
padding: 5px;
|
|
animation: fadeIn 0.5s ease-in forwards;
|
|
}
|
|
.managerSettingsButtonButtons {
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
border: 1px #40464d solid;
|
|
cursor: pointer;
|
|
}
|
|
.managerSettingsButtonButtons:hover {
|
|
color: #787878;
|
|
}
|
|
|
|
/* окно свойств */
|
|
#managerProperties {
|
|
display: inline-block;
|
|
position: fixed;
|
|
z-index: 100;
|
|
user-select: none;
|
|
background-color: rgba(255, 255, 255, 0.97);
|
|
border: 1px solid #000000;
|
|
border-radius: 5px;
|
|
font-size: 1em;
|
|
box-shadow: 0px 0px 5px #777;
|
|
width: 600px;
|
|
}
|
|
#managerPropertiesMiddle {
|
|
margin: 0px 20px 0px 20px;
|
|
}
|
|
|
|
#managerPropertiesTop {
|
|
border-bottom: 1px solid #000000;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
#managerPropertiesTopName {
|
|
text-align: center;
|
|
}
|
|
#managerPropertiesTopClose {
|
|
float: right;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-position: -159px -121px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#managerPropertiesWindow {
|
|
text-align: center;
|
|
display: flex;
|
|
}
|
|
.managerPropertiesWindowDiv {
|
|
cursor: pointer;
|
|
text-align: center;
|
|
width: 50%;
|
|
display: inline-block;
|
|
padding: 9px;
|
|
}
|
|
.managerPropertiesWindowDiv:hover {
|
|
color: #787878;
|
|
}
|
|
|
|
#managerPropertiesDiv {
|
|
border: 1px solid #000000;
|
|
border-radius: 5px;
|
|
}
|
|
.managerPropertiesDivDivs {
|
|
padding: 6px 8px 6px 8px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#managerPropertiesDivButtons {
|
|
padding: 9px;
|
|
display: flex;
|
|
justify-content: right;
|
|
align-items: center;
|
|
}
|
|
#managerPropertiesDivButtons {
|
|
text-align: center;
|
|
}
|
|
.managerPropertiesDivButton {
|
|
margin: 3px 3px 3px 15px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
}
|
|
.managerPropertiesDivButton:hover {
|
|
color: #787878;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
|
|
/* Стили кнопок на главной панели редактора */
|
|
.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;
|
|
} |