Добавляем все файлы
This commit is contained in:
279
main_plugin/manager/manager.css
Executable file
279
main_plugin/manager/manager.css
Executable file
@@ -0,0 +1,279 @@
|
||||
/* менеджер */
|
||||
#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;
|
||||
}
|
||||
Reference in New Issue
Block a user