2024-02-29 20:00:59 +01:00
|
|
|
/* FILE MANAGER */
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
2024-03-21 21:51:24 +01:00
|
|
|
background: var(--primary-highlight);
|
2024-02-29 20:00:59 +01:00
|
|
|
padding: 20px 0;
|
|
|
|
margin-top: 75px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager label.list-title {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
|
|
|
max-width: 900px;
|
|
|
|
margin: 0 auto;
|
|
|
|
display: block;
|
|
|
|
color: var(--primary);
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.file-drop {
|
2024-02-29 20:00:59 +01:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
width: 100%;
|
|
|
|
min-height: 100px;
|
|
|
|
background: var(--white);
|
|
|
|
color: var(--primary);
|
|
|
|
vertical-align: middle;
|
|
|
|
border-radius: 5px;
|
|
|
|
max-width: 900px;
|
|
|
|
margin: 10px auto;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-images-list,
|
|
|
|
main > section.file-manager > div.page-files-list {
|
2024-02-29 20:00:59 +01:00
|
|
|
max-width: 900px;
|
|
|
|
width: 100%;
|
|
|
|
margin: 10px auto;
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
|
|
gap: 10px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-images-list > div,
|
|
|
|
main > section.file-manager > div.page-files-list > div {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
|
|
|
height: 150px;
|
|
|
|
border-radius: 3px;
|
|
|
|
overflow: hidden;
|
|
|
|
position: relative;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-images-list > div > div.item-progress {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background: var(--primary);
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control button {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control button > i {
|
2024-02-29 20:00:59 +01:00
|
|
|
font-size: 1.6em;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control > button:nth-child(1) {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control > button:nth-child(10) {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 0 3px 3px 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-images-list > div > button.media-remove,
|
|
|
|
main > section.file-manager > div.page-files-list > div > button.media-remove {
|
2024-02-29 20:00:59 +01:00
|
|
|
color: var(--white);
|
|
|
|
margin: 5px;
|
2024-03-22 03:10:09 +01:00
|
|
|
padding: 10px 15px 7px;
|
|
|
|
font-size: 1.5em;
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-images-list > div.video-item > video {
|
2024-02-29 20:00:59 +01:00
|
|
|
object-fit: cover;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-images-list > div.video-item > button,
|
|
|
|
main > section.file-manager > div.page-files-list > div.audio-item > button,
|
|
|
|
main > section.file-manager > div.page-files-list > div.file-item > button {
|
2024-02-29 20:00:59 +01:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-files-list > div.audio-item {
|
2024-03-12 23:16:36 +01:00
|
|
|
background: url("/assets/images/global/upload-audio.png") no-repeat center center /
|
|
|
|
cover;
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-files-list > div.file-item {
|
2024-03-12 23:16:36 +01:00
|
|
|
background: url("/assets/images/global/upload-doc.png") no-repeat center center / cover;
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-files-list > div.file-item > a {
|
2024-02-29 20:00:59 +01:00
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
background: var(--secondary);
|
|
|
|
padding: 2px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-files-list > div.audio-item > audio {
|
2024-02-29 20:00:59 +01:00
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* PAGE META */
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.page-meta {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
2024-03-21 21:51:24 +01:00
|
|
|
background: var(--secondary-highlight);
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.page-meta > div.page-meta-wrapper {
|
2024-02-29 20:00:59 +01:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 1fr 1fr;
|
|
|
|
gap: 20px;
|
|
|
|
width: 100%;
|
|
|
|
max-width: 900px;
|
2024-03-21 21:51:24 +01:00
|
|
|
margin: 0 auto;
|
|
|
|
color: var(--secondary);
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.page-meta textarea#post-title-text {
|
2024-02-29 20:00:59 +01:00
|
|
|
font-family: var(--base-type);
|
|
|
|
width: 100%;
|
|
|
|
height: 80px;
|
|
|
|
font-size: 2em;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.page-meta textarea#post-tags {
|
2024-02-29 20:00:59 +01:00
|
|
|
font-family: var(--base-type);
|
|
|
|
width: 100%;
|
|
|
|
height: 80px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.page-meta select {
|
2024-02-29 20:00:59 +01:00
|
|
|
background: var(--primary);
|
|
|
|
color: var(--secondary);
|
|
|
|
border-radius: 3px;
|
|
|
|
border-color: var(--primary);
|
|
|
|
width: 100%;
|
|
|
|
height: 45px;
|
|
|
|
padding: 5px;
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.page-meta div.page-options {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.page-meta div.page-meta-wrapper div.page-options button {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 25%;
|
|
|
|
height: 45px;
|
|
|
|
transition: all 0.3s linear;
|
|
|
|
margin: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
main
|
2024-03-25 19:53:31 +01:00
|
|
|
> section.page-meta
|
|
|
|
> div.page-meta-wrapper
|
|
|
|
> div.page-options
|
2024-02-29 20:00:59 +01:00
|
|
|
> button.post-option-btn:nth-child(3) {
|
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.page-meta > div.page-meta-wrapper > div.page-options > a > button {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 0 3px 3px 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.page-meta div.page-meta-wrapper div.page-created input {
|
2024-02-29 20:00:59 +01:00
|
|
|
display: none;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* TEXT EDITOR */
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
|
|
|
max-width: 900px;
|
2024-03-21 21:51:24 +01:00
|
|
|
margin: 10px auto;
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.text-editor .icon-hide {
|
2024-02-29 20:00:59 +01:00
|
|
|
display: none;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control {
|
2024-02-29 20:00:59 +01:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(10, 1fr);
|
|
|
|
}
|
|
|
|
|
|
|
|
.control-freeze {
|
|
|
|
position: fixed;
|
|
|
|
z-index: 300;
|
|
|
|
width: 97%;
|
|
|
|
top: 65px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.edit-post-wrapper {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 100%;
|
|
|
|
max-width: 900px;
|
|
|
|
border-radius: 5px;
|
|
|
|
position: relative;
|
|
|
|
margin: 10px 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.edit-post-wrapper textarea:focus {
|
2024-02-29 20:00:59 +01:00
|
|
|
outline: none;
|
2024-03-21 21:51:24 +01:00
|
|
|
border-color: var(--secondary-highlight);
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.text-editor div.edit-post-wrapper #edit,
|
|
|
|
main section.text-editor div.edit-post-wrapper #highlight {
|
2024-02-29 20:00:59 +01:00
|
|
|
font-family: var(--mono-type);
|
|
|
|
border: 0;
|
|
|
|
width: 100%;
|
|
|
|
min-height: 300px;
|
|
|
|
height: auto;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
overflow: auto;
|
|
|
|
word-wrap: normal;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
line-break: normal;
|
|
|
|
font-size: 1.1em;
|
|
|
|
line-height: 1.2;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.text-editor div.edit-post-wrapper #highlight-content {
|
2024-02-29 20:00:59 +01:00
|
|
|
word-wrap: normal;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
line-break: normal;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.edit-post-wrapper > #edit {
|
2024-02-29 20:00:59 +01:00
|
|
|
z-index: 1;
|
|
|
|
background: transparent;
|
|
|
|
color: transparent;
|
2024-03-21 21:51:24 +01:00
|
|
|
caret-color: var(--secondary-highlight);
|
2024-02-29 20:00:59 +01:00
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.edit-post-wrapper > #highlight {
|
2024-02-29 20:00:59 +01:00
|
|
|
z-index: 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.text-editor div.edit-post-wrapper pre,
|
|
|
|
main section.text-editor div.edit-post-wrapper pre code {
|
2024-02-29 20:00:59 +01:00
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* RESPONSIVE */
|
|
|
|
|
|
|
|
@media only screen and (max-width: 900px) {
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.file-drop,
|
|
|
|
main > section.file-manager > div.page-images-list,
|
|
|
|
main > section.file-manager > div.page-files-list,
|
|
|
|
main > section.page-meta > div.page-meta-wrapper,
|
|
|
|
main > section.text-editor {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 97%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 480px) {
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.page-images-list,
|
|
|
|
main > section.file-manager > div.page-files-list {
|
2024-02-29 20:00:59 +01:00
|
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.file-manager > div.file-drop,
|
|
|
|
main > section.file-manager > div.page-images-list,
|
|
|
|
main > section.file-manager > div.page-files-list,
|
|
|
|
main > section.page-meta > div.page-meta-wrapper,
|
|
|
|
main > section.text-editor {
|
2024-02-29 20:00:59 +01:00
|
|
|
width: 95%;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.page-meta > div.page-meta-wrapper {
|
2024-02-29 20:00:59 +01:00
|
|
|
grid-template-columns: 1fr;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control {
|
2024-02-29 20:00:59 +01:00
|
|
|
display: grid;
|
|
|
|
grid-template-columns: repeat(5, 1fr);
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control > button:nth-child(1) {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 3px 0;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control > button:nth-child(5) {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 0 3px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control > button:nth-child(6) {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 0 0 0 3px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main > section.text-editor > div.text-editor-control > button:nth-child(10) {
|
2024-02-29 20:00:59 +01:00
|
|
|
border-radius: 0 0 3px;
|
|
|
|
}
|
|
|
|
|
2024-03-25 19:53:31 +01:00
|
|
|
main section.text-editor div.edit-post-wrapper #edit,
|
|
|
|
main section.text-editor div.edit-post-wrapper #highlight {
|
2024-02-29 20:00:59 +01:00
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
}
|