From 51b3554ff2988ac61ba3f604431e09941cd95545 Mon Sep 17 00:00:00 2001 From: George Halkiadakis Date: Tue, 14 Mar 2023 03:10:19 +0200 Subject: main css classes for front/back-end --- html/assets/css/admin.css | 86 +++++++++++++++++++++++------------------------ 1 file changed, 43 insertions(+), 43 deletions(-) (limited to 'html/assets/css/admin.css') diff --git a/html/assets/css/admin.css b/html/assets/css/admin.css index 0dd338f..4bd8718 100644 --- a/html/assets/css/admin.css +++ b/html/assets/css/admin.css @@ -1,35 +1,35 @@ :root { - --wiki-btn-blue: #337ab7; - --wiki-btn-cyan: #5bc0de; - --wiki-btn-grey: #c9c9c9; - --wiki-btn-grey-light: #c9c9c999; + --class-btn-blue: #337ab7; + --class-btn-cyan: #5bc0de; + --class-btn-grey: #c9c9c9; + --class-btn-grey-light: #c9c9c999; } -.wiki .manage { +.classroom .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; } +.classroom .manage.maximized { max-width: 1960px; } +.classroom .manage.minimized { max-width: 960px; } +.classroom .manage.edit-post { max-width: 1420px; } -.wiki .edit-post textarea[name=intro] { height: 12vh; } -.wiki .edit-post textarea[name=body] { +.classroom .edit-post textarea[name=intro] { height: 12vh; } +.classroom .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 { +.classroom .edit-post .post-media button.over-bar { margin: -26px 0 0 0; } +.classroom .edit-post .post-media ul { border: 1px solid #ccc; border-radius: 4px; padding: 6px; } -.wiki .edit-post .post-media ul li { +.classroom .edit-post .post-media ul li { border-bottom: 1px solid #ddd; list-style-type: none; padding: 3px 6px; @@ -38,92 +38,92 @@ 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; } +.classroom .edit-post .post-media ul li:last-child { border-bottom: none ;} +.classroom .edit-post .post-media ul li:hover { background: #eee; } -.wiki .manage h2 { +.classroom .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; } +.classroom .manage.edit-post textarea { width: 100% !important;} +.classroom .manage.edit-post .select2-selection { min-height: 34px; } -.wiki .manage.edit-post select#status.published { +.classroom .manage.edit-post select#status.published { background-color: #5cb85c; border-color: #4cae4c; color: #fff; text-align: center; } -.wiki .manage.edit-post select#status option { +.classroom .manage.edit-post select#status option { background: #fff; color: #333; } /* --- optional fields: defaut=hide --- */ -.wiki .edit-post .optional label { +.classroom .edit-post .optional label { margin-bottom: 1em; padding-bottom: .5em; - border-bottom: 1px solid var(--wiki-btn-grey-light) + border-bottom: 1px solid var(--class-btn-grey-light) } -.wiki .edit-post .optional label.show { +.classroom .edit-post .optional label.show { margin-bottom: unset; border: none; } -.wiki .edit-post .optional label:hover { +.classroom .edit-post .optional label:hover { cursor: pointer; - color: var(--wiki-btn-blue); + color: var(--class-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; } +.classroom .edit-post .optional label::after { float: right; content: "+"; } +.classroom .edit-post .optional label.show::after { content: "–"; } +.classroom .edit-post .optional label + div { display: none; } +.classroom .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 { +.classroom .title-bar { display: flex; justify-content: space-between; align-items: center; padding: 8px 8px 8px 16px; } -.wiki .action-btn button { float: right; } +.classroom .action-btn button { float: right; } -.wiki .top-bar { padding: 4px 0; } +.classroom .top-bar { padding: 4px 0; } -.wiki .top-bar .breadcrumb .btn { +.classroom .top-bar .breadcrumb .btn { margin-left: 0; margin-right: 8px; border-radius: 3px; - color: var(--wiki-btn-blue); + color: var(--class-btn-blue); } -.wiki .top-bar .btn:hover { - background-color: var(--wiki-btn-grey-light); +.classroom .top-bar .btn:hover { + background-color: var(--class-btn-grey-light); } -.wiki .top-bar .btn.selected { +.classroom .top-bar .btn.selected { color: #fff; - background-color: var(--wiki-btn-blue); + background-color: var(--class-btn-blue); } /* --- dataTables --- */ -.wiki .manage .dataTable tbody tr:hover { background: #f8f8f8; } -.wiki .manage .dataTable .dt-actions { width: 48px; text-align: right } +.classroom .manage .dataTable tbody tr:hover { background: #f8f8f8; } +.classroom .manage .dataTable .dt-actions { width: 48px; text-align: right } /* --- unpublished posts -- */ -.wiki .manage .dataTable .fa-eye-slash { color: #999; } +.classroom .manage .dataTable .fa-eye-slash { color: #999; } -.wiki .js-copy:hover::after { +.classroom .js-copy:hover::after { opacity: 0; pointer-events: none; background: #ddd7; @@ -137,7 +137,7 @@ transform: translate(-50%, 0); } -.wiki .js-copy.copied:hover::after { +.classroom .js-copy.copied:hover::after { content: "Αντιγράφηκε"; opacity: 1; margin-top: -22px; -- cgit v1.2.3