diff options
Diffstat (limited to 'html/assets/css/admin.css')
| -rw-r--r-- | html/assets/css/admin.css | 150 |
1 files changed, 150 insertions, 0 deletions
diff --git a/html/assets/css/admin.css b/html/assets/css/admin.css new file mode 100644 index 0000000..0dd338f --- /dev/null +++ b/html/assets/css/admin.css @@ -0,0 +1,150 @@ +:root { + --wiki-btn-blue: #337ab7; + --wiki-btn-cyan: #5bc0de; + --wiki-btn-grey: #c9c9c9; + --wiki-btn-grey-light: #c9c9c999; +} + +.wiki .manage { + width: 100%; + max-width: 1600px; + margin: 0 auto 2em; +} +.wiki .manage.maximized { max-width: 1960px; } +.wiki .manage.minimized { max-width: 960px; } +.wiki .manage.edit-post { max-width: 1420px; } + +.wiki .edit-post textarea[name=intro] { height: 12vh; } +.wiki .edit-post textarea[name=body] { + height: calc(100vh - 492px); + min-height:320px; + font-family: Consolas, 'Ubuntu Mono','Courier New', Courier, monospace; + color: #333; +} + +.wiki .edit-post .post-media button.over-bar { margin: -26px 0 0 0; } +.wiki .edit-post .post-media ul { + border: 1px solid #ccc; + border-radius: 4px; + padding: 6px; +} + +.wiki .edit-post .post-media ul li { + border-bottom: 1px solid #ddd; + list-style-type: none; + padding: 3px 6px; + + display: flex; + justify-content: space-between; + align-items: center; +} +.wiki .edit-post .post-media ul li:last-child { border-bottom: none ;} +.wiki .edit-post .post-media ul li:hover { background: #eee; } + +.wiki .manage h2 { + font-size: 20px; + color: #445; + margin: 20px 0; +} + +.wiki .manage.edit-post textarea { width: 100% !important;} +.wiki .manage.edit-post .select2-selection { min-height: 34px; } + +.wiki .manage.edit-post select#status.published { + background-color: #5cb85c; + border-color: #4cae4c; + color: #fff; + text-align: center; +} +.wiki .manage.edit-post select#status option { + background: #fff; + color: #333; +} + +/* --- optional fields: defaut=hide --- */ + +.wiki .edit-post .optional label { + margin-bottom: 1em; + padding-bottom: .5em; + border-bottom: 1px solid var(--wiki-btn-grey-light) +} +.wiki .edit-post .optional label.show { + margin-bottom: unset; + border: none; +} + + +.wiki .edit-post .optional label:hover { + cursor: pointer; + color: var(--wiki-btn-blue); +} +.wiki .edit-post .optional label::after { float: right; content: "+"; } +.wiki .edit-post .optional label.show::after { content: "–"; } +.wiki .edit-post .optional label + div { display: none; } +.wiki .edit-post .optional label.show + div { display: block; } + + +.alert.alert-info.title-bar { min-height: 52px; margin-top: 20px; } +.alert.alert-info.title-bar button { margin-left: 8px; } + +.wiki .title-bar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 8px 8px 8px 16px; +} + +.wiki .action-btn button { float: right; } + +.wiki .top-bar { padding: 4px 0; } + +.wiki .top-bar .breadcrumb .btn { + margin-left: 0; + margin-right: 8px; + border-radius: 3px; + color: var(--wiki-btn-blue); +} + +.wiki .top-bar .btn:hover { + background-color: var(--wiki-btn-grey-light); +} +.wiki .top-bar .btn.selected { + color: #fff; + background-color: var(--wiki-btn-blue); +} + + +/* --- dataTables --- */ + +.wiki .manage .dataTable tbody tr:hover { background: #f8f8f8; } +.wiki .manage .dataTable .dt-actions { width: 48px; text-align: right } + +/* --- unpublished posts -- */ +.wiki .manage .dataTable .fa-eye-slash { color: #999; } + + +.wiki .js-copy:hover::after { + opacity: 0; + pointer-events: none; + background: #ddd7; + border-radius: 2px; + content: "Copy"; + padding: .25em .75em; + position: absolute; + z-index: 10; + transform-origin: top; + margin-top: -16px; + transform: translate(-50%, 0); +} + +.wiki .js-copy.copied:hover::after { + content: "Αντιγράφηκε"; + opacity: 1; + margin-top: -22px; + transform: translate(-50%, 0); + transition: all 0.18s ease-out 0.18s; + background: #eee; + border: 1px solid #ddd9; +} + +
\ No newline at end of file |