diff options
| author | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-14 03:10:19 +0200 |
|---|---|---|
| committer | George Halkiadakis <gchalkiadakis@sklavenitis.co.gr> | 2023-03-14 03:10:19 +0200 |
| commit | 51b3554ff2988ac61ba3f604431e09941cd95545 (patch) | |
| tree | 6e2331212ed6f0556e420450deb93e6822e846cd /html/assets/css/wiki.css | |
| parent | 8b928471412bbf9016df9b01b2308f003e455d7d (diff) | |
| download | classroom-51b3554ff2988ac61ba3f604431e09941cd95545.tar.gz classroom-51b3554ff2988ac61ba3f604431e09941cd95545.tar.bz2 classroom-51b3554ff2988ac61ba3f604431e09941cd95545.zip | |
main css classes for front/back-end
Diffstat (limited to 'html/assets/css/wiki.css')
| -rw-r--r-- | html/assets/css/wiki.css | 348 |
1 files changed, 0 insertions, 348 deletions
diff --git a/html/assets/css/wiki.css b/html/assets/css/wiki.css deleted file mode 100644 index 7599de9..0000000 --- a/html/assets/css/wiki.css +++ /dev/null @@ -1,348 +0,0 @@ -/** Wiki sections - * (main layout css-classes) - * ----------------------------------------------------------------------------- - * .wiki { - * .top-bar { - * .breadcrumb - * .admin - * } - * .side-bar { - * .search - * .categories - * } - * .content - * } - * ----------------------------------------------------------------------------- - */ - - -/* Variables - * ---------------------------------------------------------------------------- - */ - -:root { - --wiki-blue: #337ab7; - --wiki-blue-opaque: #337ab799; - --wiki-blue-dark: #082e44; - --wiki-orange: #f47920; - --wiki-orange-opaque: #f4792099; - --wiki-grey-background: #eeedeb; - --wiki-red: #d13; -} - - - -/* main layout classes - * ---------------------------------------------------------------------------- - */ - -.wiki .top-bar { - display: flex; - justify-content: space-between; - align-items: center; - padding: 10px 14px; -} - -.wiki .top-bar .breadcrumb { margin: 0; padding: 0; background: none; } - - -.wiki .top-bar .admin .dropdown-menu .fas { - width: 32px; - text-align: center; -} - - - -/* category list menu - * ----------------------------------------------------------------------------- - */ - - .wiki .side-bar { padding-top: 20px; } - .wiki .side-bar h3 { - font-weight: 600; font-size: 1.4em; - color: var(--wiki-blue); -} - - /* --- ul > li > a --- */ - -.wiki .side-bar ul { list-style: none; padding: 0; } -.wiki .side-bar ul li { margin: 0.5em 0; } -.wiki .side-bar ul li a { - display: flex; - padding: .2em; - background: #4442; - border-radius: 6px; - transition: background 0.3s; -} -.wiki .side-bar ul li a:hover, -.wiki .side-bar ul li a:active { - background: #cde; - text-decoration: none; -} - -/* --- li > a > span --- */ - -.wiki .side-bar ul li a span { - display: block; - align-self: center; - padding: .3em; -} -.wiki .side-bar ul li a .label { - font-size: 13px; - color: var(--wiki-blue-dark); - flex-grow: 1; - text-align: left; - padding-left: 1em; - border-radius: 6px; - white-space: normal; - font-weight: 400; -} - -/* --- inner --- */ - -.wiki .side-bar ul .inner { - padding-left: 1em; - overflow: hidden; - display: none; -} -.wiki .side-bar ul .inner.show { display: block; } - -/* --- has-childs | toggler --- */ - -.wiki .side-bar ul li a.has-childs { background: #9bf4; } -.wiki .side-bar ul li a.has-childs:hover { background: #cde;} - -.wiki .side-bar ul li a.has-childs .label { - font-weight: 600; - border-radius: 6px 0 0 6px; - width: calc(100% - 36px); -} - -.wiki .side-bar ul li a.has-childs .toggler { - text-align: center; - width: 32px; - font-size: 15px; - border-radius: 4px; - background: #7774; - font-weight: 700; -} -.wiki .side-bar ul li a.has-childs .toggler:hover { - background: var(--wiki-blue); - color: #fff; -} -.wiki .side-bar ul li a.selected { - background: var(--wiki-orange-opaque); -} -.wiki .side-bar ul li a:hover, -.wiki .side-bar ul li a:active, -.wiki .side-bar ul li a:focus, -.wiki .side-bar ul li a:visited, -.wiki .side-bar ul li a:link, -.wiki .side-bar ul li a span:hover, -.wiki .side-bar ul li a span:active, -.wiki .side-bar ul li a span:focus, -.wiki .side-bar ul li a span:visited, -.wiki .side-bar ul li a span:link, -.wiki .side-bar ul li a span:target { text-decoration: none !important; } - - - -.wiki .post img { max-width: 100%; } - - - -/** breadcrumb - * ----------------------------------------------------------------------------- - */ - -.wiki .breadcrumb { counter-reset: var(--wiki-blue); } -.wiki .breadcrumb i.fas { padding: 0 6px; } - - - - -/** content - * ----------------------------------------------------------------------------- - */ - -.wiki .content--wrapper { - max-width: 1024px; - width: 100%; - margin: 1em auto; - padding: 0 2em 2em 2em; -} -.wiki .content h2 { - font-weight: 700; - font-size: 24px; - padding: 8px 3em 1em 0; /* 1em 3em 1em 0; */ - color: var(--wiki-blue-dark); -} -.wiki .content h3 { - font-weight: 600; font-size: 1.4em; - padding: 1em 3em 1em 0; - color: var(--wiki-blue); - border-bottom: 1px dashed var(--wiki-blue-opaque); -} -.wiki .content h3 span { font-weight: 400; color: #444; } -.wiki .content p { - line-height: 150%; - padding: 5px 0; -} - -/* --- post: medias -- */ - -.wiki .content--wrapper .medias { - padding: 2em 0 1em; - border-top: 1px solid var(--wiki-grey-background); -} -.wiki .content--wrapper .medias ol li { - margin-left: -12px; - padding: 2px 8px; -} -.wiki .content--wrapper .medias ol li::marker { - font-size: 12px; - color: #999; -} - -/* --- post: tags --- */ - -.wiki .content--wrapper .tags { - padding: 2em 0 1em; - border-top: 1px solid var(--wiki-grey-background); -} -.wiki .content--wrapper .tags a { - color: #444; - background-color: var(--wiki-grey-background); - padding: 6px 12px; - margin: 6px; - border-radius: 3px; -} - - - - -/** sub-categories on category page - * ----------------------------------------------------------------------------- - */ - -.wiki .category-childs { margin: 1em; padding: 1em; } - -.wiki .category-childs a { - display: inline-block; - margin: .5em; - padding: .2em 2em; - border-radius: 2em; - border: 1px solid var(--wiki-blue); - line-height: 2em; - font-weight: 600; - transition: background 0.3s; -} - -.wiki .category-childs a:hover { - background-color: var(--wiki-blue); - color: #fffe; - text-decoration: none; -} - - - - - -/** articles-list - * ----------------------------------------------------------------------------- - * 22 | Title of artivle - * July | path / of / categories - * 2023 | * some intro of article - * ----------------------------------------------------------------------------- - */ -.wiki .post-card { - padding: .5em; - margin: 1em; - border-bottom: 1px solid #7773; - display: flex; -} -.wiki .post-card .post-card--content { - flex-grow: 1; - width: calc(100% - 90px); -} -.wiki .post-card h3 { padding: 0; margin: 0; border: none; } -.wiki .post-card h3 a { display: block; } -.wiki .post-card h3 a:hover { color: #f47920; } -.wiki .post-card .category { color: #566; } -.wiki .post-card .intro { - font-style: italic; - font-size: 16px; -} -/* --- date block --- */ -.wiki .date { - display: flex; - flex-direction: column; - width: 90px; -} -.wiki .date p { - padding: 0; margin: 0; - line-height: 115%; - text-align: center; -} -.wiki .date .day { font-size: 24px; color: var(--wiki-blue-opaque); } -.wiki .date .month { font-size: 16px; color: #555; } -.wiki .date .year { font-size: 12px; color: #666; } - - - - - -/** post (article) - * ----------------------------------------------------------------------------- - */ - - - -.wiki .post h2 { padding-bottom: 0; } - -.wiki .post h2 span { float:right; margin-right: -3em;} - -.wiki .post .intro { - font-style: italic; - font-size: 18px; - color: var(--wiki-blue-dark); - padding-bottom: 1em; -} - -.wiki .post .post--date { - padding: 0; - color: var(--wiki-blue); -} - -.wiki .article-body img { - display: block; - max-width: 100%; - margin: 1em auto; -} -/* -.wiki .article-body a.modal-toggler { - padding: 0 16px; - background: #def; - color: #334; - border-radius: 3px; - text-decoration: none; - border: 1px solid var(--wiki-blue-opaque); -} -.wiki .article-body a.modal-toggler:hover { background: var(--wiki-blue); color: #fff; } -*/ -.wiki .article-body table { - margin: 20px auto; - min-width: 67%; - border-spacing: 6px 0; - border-collapse: separate; -} -.wiki .article-body table tr { margin: 4px; } -.wiki .article-body table thead th { - color: var(--wiki-btn-blue); - border-bottom: 3px solid var(--wiki-blue); - padding: 0 8px; -} -.wiki .article-body table tbody td { - padding: 6px 8px; - border-bottom: 1px solid var(--wiki-grey-background); -}
\ No newline at end of file |
