summaryrefslogtreecommitdiff
path: root/public/assets/css/admin.css
diff options
context:
space:
mode:
authorGeorge Halkiadakis <gchalkiadakis@sklavenitis.co.gr>2023-04-17 12:12:22 +0300
committerGeorge Halkiadakis <gchalkiadakis@sklavenitis.co.gr>2023-04-17 12:12:22 +0300
commit68fc9e55e538e03f94509731ab41a0c8cf96710f (patch)
tree3edb1e81864ac3eb35ba0fe8087ed24da1b812bf /public/assets/css/admin.css
parent84b2da85a1b452922dadb6a609533b9945afe51d (diff)
downloadclassroom-68fc9e55e538e03f94509731ab41a0c8cf96710f.tar.gz
classroom-68fc9e55e538e03f94509731ab41a0c8cf96710f.tar.bz2
classroom-68fc9e55e538e03f94509731ab41a0c8cf96710f.zip
setup a real server environment (apache DocumentRoot=/var/www/public)
Diffstat (limited to 'public/assets/css/admin.css')
-rw-r--r--public/assets/css/admin.css150
1 files changed, 150 insertions, 0 deletions
diff --git a/public/assets/css/admin.css b/public/assets/css/admin.css
new file mode 100644
index 0000000..4bd8718
--- /dev/null
+++ b/public/assets/css/admin.css
@@ -0,0 +1,150 @@
+:root {
+ --class-btn-blue: #337ab7;
+ --class-btn-cyan: #5bc0de;
+ --class-btn-grey: #c9c9c9;
+ --class-btn-grey-light: #c9c9c999;
+}
+
+.classroom .manage {
+ width: 100%;
+ max-width: 1600px;
+ margin: 0 auto 2em;
+}
+.classroom .manage.maximized { max-width: 1960px; }
+.classroom .manage.minimized { max-width: 960px; }
+.classroom .manage.edit-post { max-width: 1420px; }
+
+.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;
+}
+
+.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;
+}
+
+.classroom .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;
+}
+.classroom .edit-post .post-media ul li:last-child { border-bottom: none ;}
+.classroom .edit-post .post-media ul li:hover { background: #eee; }
+
+.classroom .manage h2 {
+ font-size: 20px;
+ color: #445;
+ margin: 20px 0;
+}
+
+.classroom .manage.edit-post textarea { width: 100% !important;}
+.classroom .manage.edit-post .select2-selection { min-height: 34px; }
+
+.classroom .manage.edit-post select#status.published {
+ background-color: #5cb85c;
+ border-color: #4cae4c;
+ color: #fff;
+ text-align: center;
+}
+.classroom .manage.edit-post select#status option {
+ background: #fff;
+ color: #333;
+}
+
+/* --- optional fields: defaut=hide --- */
+
+.classroom .edit-post .optional label {
+ margin-bottom: 1em;
+ padding-bottom: .5em;
+ border-bottom: 1px solid var(--class-btn-grey-light)
+}
+.classroom .edit-post .optional label.show {
+ margin-bottom: unset;
+ border: none;
+}
+
+
+.classroom .edit-post .optional label:hover {
+ cursor: pointer;
+ color: var(--class-btn-blue);
+}
+.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; }
+
+.classroom .title-bar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 8px 8px 8px 16px;
+}
+
+.classroom .action-btn button { float: right; }
+
+.classroom .top-bar { padding: 4px 0; }
+
+.classroom .top-bar .breadcrumb .btn {
+ margin-left: 0;
+ margin-right: 8px;
+ border-radius: 3px;
+ color: var(--class-btn-blue);
+}
+
+.classroom .top-bar .btn:hover {
+ background-color: var(--class-btn-grey-light);
+}
+.classroom .top-bar .btn.selected {
+ color: #fff;
+ background-color: var(--class-btn-blue);
+}
+
+
+/* --- dataTables --- */
+
+.classroom .manage .dataTable tbody tr:hover { background: #f8f8f8; }
+.classroom .manage .dataTable .dt-actions { width: 48px; text-align: right }
+
+/* --- unpublished posts -- */
+.classroom .manage .dataTable .fa-eye-slash { color: #999; }
+
+
+.classroom .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);
+}
+
+.classroom .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