skeleton commit; based on an anom project

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