diff options
Diffstat (limited to 'public/assets/css/class.css')
| -rw-r--r-- | public/assets/css/class.css | 345 |
1 files changed, 7 insertions, 338 deletions
diff --git a/public/assets/css/class.css b/public/assets/css/class.css index 5252975..4747507 100644 --- a/public/assets/css/class.css +++ b/public/assets/css/class.css @@ -1,7 +1,7 @@ -/** Classroom sections +/** Office sections * (main layout css-classes) * ----------------------------------------------------------------------------- - * .classroom { + * .office { * .top-bar { * .breadcrumb * .admin @@ -37,7 +37,7 @@ * ---------------------------------------------------------------------------- */ -.classroom .top-bar { +.office .top-bar { display: flex; justify-content: space-between; align-items: center; @@ -47,348 +47,17 @@ background: var(--light-grey-bgr); } -.classroom .top-bar .breadcrumb { margin: 0; padding: 0; background: none; } - -.classroom .top-bar .fa, -.classroom .top-bar .fas { +.office .top-bar .fa, +.office .top-bar .fas { width: 32px; text-align: center; } - -.classroom .main-content { +.office .main-content { padding: 1.5em; max-width: 1440px; min-height: calc(100vh - 345px); } - -/* category list menu - * ----------------------------------------------------------------------------- - */ - -.classroom .side-bar { padding-right: 1em; } - - -.classroom .side-bar h3 { - font-weight: 600; font-size: 1em; - color: var(--class-blue); -} - - /* --- ul > li > a --- */ - -.classroom .side-bar ul { list-style: none; padding: 0; } -.classroom .side-bar ul li { margin: 0.5em 0; } -.classroom .side-bar ul li a { - display: flex; - padding: .2em; - background: #4442; - border-radius: 6px; - transition: background 0.3s; -} -.classroom .side-bar ul li a:hover, -.classroom .side-bar ul li a:active { - background: #cde; - text-decoration: none; -} - -/* --- li > a > span --- */ - -.classroom .side-bar ul li a span { - display: block; - align-self: center; - padding: .3em; -} -.classroom .side-bar ul li a .label { - font-size: 13px; - color: var(--class-blue-dark); - flex-grow: 1; - text-align: left; - padding-left: 1em; - border-radius: 6px; - white-space: normal; - font-weight: 400; -} - -/* --- inner --- */ - -.classroom .side-bar ul .inner { - padding-left: 1em; - overflow: hidden; - display: none; -} -.classroom .side-bar ul .inner.show { display: block; } - -/* --- has-childs | toggler --- */ - -.classroom .side-bar ul li a.has-childs { background: #9bf4; } -.classroom .side-bar ul li a.has-childs:hover { background: #cde;} - -.classroom .side-bar ul li a.has-childs .label { - font-weight: 600; - border-radius: 6px 0 0 6px; - width: calc(100% - 36px); -} - -.classroom .side-bar ul li a.has-childs .toggler { - text-align: center; - width: 32px; - font-size: 15px; - border-radius: 4px; - background: #7774; - font-weight: 700; -} -.classroom .side-bar ul li a.has-childs .toggler:hover { - background: var(--class-blue); - color: #fff; -} -.classroom .side-bar ul li a.selected { - background: var(--class-orange-opaque); -} -.classroom .side-bar ul li a:hover, -.classroom .side-bar ul li a:active, -.classroom .side-bar ul li a:focus, -.classroom .side-bar ul li a:visited, -.classroom .side-bar ul li a:link, -.classroom .side-bar ul li a span:hover, -.classroom .side-bar ul li a span:active, -.classroom .side-bar ul li a span:focus, -.classroom .side-bar ul li a span:visited, -.classroom .side-bar ul li a span:link, -.classroom .side-bar ul li a span:target { text-decoration: none !important; } - - - -.classroom .lesson-view img { max-width: 100%; } - - - -/** breadcrumb - * ----------------------------------------------------------------------------- - */ - -.classroom .breadcrumb a { counter-reset: var(--class-blue); font-size: 14px; } -.classroom .breadcrumb i.fas { padding-top: 7px; font-size: 12px; } - - - - -/** content - * ----------------------------------------------------------------------------- - */ - -.classroom .content--wrapper { - max-width: 1024px; - width: 100%; - margin: 1em auto; - padding: 0 2em 2em 2em; -} -.classroom .content h2 { - font-weight: 700; - font-size: 24px; - padding: 8px 3em 1em 0; /* 1em 3em 1em 0; */ - color: var(--class-blue-dark); -} -.classroom .content h3 { - font-weight: 600; font-size: 1.4em; - padding: 1em 3em 1em 0; - color: var(--class-blue); - border-bottom: 1px dashed var(--class-blue-opaque); -} -.classroom .content h3 span { font-weight: 400; color: #444; } -.classroom .content p { - line-height: 150%; - padding: 5px 0; -} - -/* --- post: medias -- */ -/* DEPRICATED: not needed -.classroom .content--wrapper .medias { - padding: 2em 0 1em; - border-top: 1px solid var(--class-grey-background); -} -.classroom .content--wrapper .medias ol li { - margin-left: -12px; - padding: 2px 8px; -} -.classroom .content--wrapper .medias ol li::marker { - font-size: 12px; - color: #999; -} -*/ - -/* --- post: tags --- */ - -.classroom .content--wrapper .tags { - padding: 2em 0 1em; - border-top: 1px solid var(--class-grey-background); -} -.classroom .content--wrapper .tags a { - color: #444; - background-color: var(--class-grey-background); - padding: 6px 12px; - margin: 6px; - border-radius: 3px; -} - - - -.classroom .course-view h5 { padding-top: 2em; } - -/** sub-categories on category page - * ----------------------------------------------------------------------------- - */ -/* -.classroom .category-childs { margin: 1em; padding: 1em; } - -.classroom .category-childs a { - display: inline-block; - margin: .5em; - padding: .2em 2em; - border-radius: 2em; - border: 1px solid var(--class-blue); - line-height: 2em; - font-weight: 600; - transition: background 0.3s; -} - -.classroom .category-childs a:hover { - background-color: var(--class-blue); - color: #fffe; - text-decoration: none; -} - -*/ - - - -/** articles-list - * ----------------------------------------------------------------------------- - * 22 | Title of artivle - * July | path / of / categories - * 2023 | * some intro of article - * ----------------------------------------------------------------------------- - */ -.classroom .post-card { - padding-top: .75em; - margin: 0; - border-bottom: 1px solid #7773; - display: flex; -} -.classroom .post-card .post-card--content { - flex-grow: 1; - width: calc(100% - 90px); -} -.classroom .post-card h3 { padding: 0; margin: 0; border: none; font-size: 20px; } -.classroom .post-card h3 a { display: block; } -.classroom .post-card h3 a:hover { color: #f47920; } -.classroom .post-card .category { color: #566; } -.classroom .post-card .intro { - font-style: italic; - font-size: 16px; -} -/* --- date block --- */ -.classroom .date { - display: flex; - flex-direction: column; - width: 90px; -} -.classroom .date p { - padding: 0; margin: 0; - line-height: 115%; - text-align: center; -} -.classroom .date .day { font-size: 24px; color: var(--class-blue-opaque); } -.classroom .date .month { font-size: 16px; color: #555; } -.classroom .date .year { font-size: 12px; color: #666; } - - - - -.classroom .content-form h3 { color: #369; opacity: 0.9; } - - - - -/** post (article) - * ----------------------------------------------------------------------------- - */ - - - -.classroom .lesson-view h2 { padding-bottom: 0; font-size: 24px; } - -.classroom .lesson-view h2 span { float:right; margin-right: -3em;} - -.classroom .lesson-view pre { padding: 1em; background: #f5f5f6;} - -.classroom .lesson-view .intro { - font-style: italic; - font-size: 18px; - color: var(--class-blue-dark); - padding-bottom: 1em; -} - -.classroom .lesson-view .post--date { - padding: 0; - color: var(--class-blue); -} - -.classroom .article-body img { - display: block; - max-width: 100%; - margin: 1em auto; -} -/* -.classroom .article-body a.modal-toggler { - padding: 0 16px; - background: #def; - color: #334; - border-radius: 3px; - text-decoration: none; - border: 1px solid var(--class-blue-opaque); -} -.classroom .article-body a.modal-toggler:hover { background: var(--class-blue); color: #fff; } -*/ -.classroom .article-body table { - margin: 20px auto; - min-width: 67%; - border-spacing: 6px 0; - border-collapse: separate; -} -.classroom .article-body table tr { margin: 4px; } -.classroom .article-body table thead th { - color: var(--class-btn-blue); - border-bottom: 3px solid var(--class-blue); - padding: 0 8px; - text-align: revert-layer; -} -.classroom .article-body table tbody td { - padding: 6px 8px; - border-bottom: 1px solid var(--class-grey-background); -} - - - -.classroom footer { - margin: 2em 0 0 0; - padding: 2.5em 0; - font-size: .87em; - background: #f5f6f7; -} -.classroom footer a { - color: #024; - text-decoration: none; - padding: 2px 36px 2px 4px; - border-radius: 3px; -} -.classroom footer a:hover { color: #fff; background: #369 ; } -.classroom footer h4 { font-size: 20px; } -.classroom footer .no-list-mark ul { padding-left: 0; margin-left: 0; list-style: none; } -.classroom footer .no-list-mark ul li { margin: 0 0 4px 0; } - - -.classroom .page-container { max-width: 1024px; } - -iframe .ytp-chrome-top-buttons { display: none !important; }
\ No newline at end of file +.office .page-container { max-width: 1024px; } |