From 10f027de65222224a095bb08b153b8cde619736e Mon Sep 17 00:00:00 2001 From: Thedro Neely Date: Sun, 30 Aug 2020 17:54:27 -0400 Subject: templates: Start over Use standard icon for favicon and avatar. Use native font stack. --- public/css/override.css | 152 ++++++++++++------------------------------------ 1 file changed, 36 insertions(+), 116 deletions(-) (limited to 'public/css/override.css') diff --git a/public/css/override.css b/public/css/override.css index ee9a6f2..5ed0b27 100644 --- a/public/css/override.css +++ b/public/css/override.css @@ -1,133 +1,53 @@ -/* - * Reset - */ body { overflow-y: scroll; } -a, .ui.breadcrumb a { color: #0366d6; } -#repo-files-table .message a, .repository.file.list #repo-files-table .jumpable-path { color: #4e555e; } +a:hover { text-decoration: underline; } +a, .ui.breadcrumb a { color: #0055b5; } +a.active.item { border-bottom-color: transparent !important; } +@media (min-width: 768px) { .following.bar .item.brand { padding-left: 0; } } @media only screen and (min-width: 1200px) { .dashboard-navbar, .ui.container { width: 1088px !important; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .dashboard-navbar, .ui.container{ width: 933px !important; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .dashboard-navbar, .ui.container { width: 95% !important; margin-left: auto; margin-right: auto; } } +.item .description .has-emoji { display: none; } +.explore .navbar, .ui.menu.new-menu { padding-bottom: 15px; } -/* - * Hide specific octicons - */ -.octicon-tools, -.octicon-sign-in, .item .octicon-repo, .item .octicon-person, -.item .octicon-organization, .mega-octicon, .ui.basic.small.compact.button .octicon-git-branch { display: none !important; } +button#clipboard-btn { display: none; } +.dashboard .dashboard-navbar { display: none; } +.dashboard > .ui.divider { display: none; } -/* - * Button overrides - */ -.button, .ui.basic.button, .ui.basic.buttons .button, .ui .sha.label, -.ui.basic.blue.button, .ui.basic.blue.buttons { - background: linear-gradient(-180deg, #fafbfc, #eff3f6 90%) !important; - color: #444 !important; - border: 1px solid #ccc !important; - box-shadow: none !important; -} -.ui.labeled.button, .ui.basic.buttons { border: none !important; } +.item .ui.label { border-radius: 1rem; background-color: #e8e9eb !important; color: #444 !important; font-weight: 700; } +#git-graph-container #graph-canvas { display: none; } -/* - * Override font stack - */ -*:not(i):not(.octicon):not(.mono):not(pre):not(code):not(span):not(li) { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif, - Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important; } - - -/* - * Override repo header names font weight - */ -.ui.list .list>.item .header, .ui.list>.item .header { font-weight: 400 !important } +.ui .text.grey { color: #545454!important; } +.ui.container .six.wide.column { display: none; } +.ui.secondary.pointing.menu { border-bottom: none; } +.ui.basic.button, .ui.basic.buttons .button { color: #111; } +.ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active { border-color: transparent; } +.ui.tabular.menu .item { color: #111; } +.ui.borderless.pagination.menu { border: none; } +.ui.repository.list .item .ui.header .metas { display: none; } +.ui.list .list > .item .header, .ui.list > .item .header { font-weight: 400; } +.ui.top.secondary.stackable.main.menu.following.bar.light { position: sticky; top: 0; } -/* - * Override explore repos header names font weight - */ -.ui.secondary.pointing.menu .active.item { font-weight: 400 !important; background-color: #f2f2f2 !important; } #user-heatmap { display: block; } - - -/* - * Repository page override - */ -.repo-topic, .repository .repo-header .fork-flag { - display: inline-block; - margin-left: 0.5rem; - background-color: #e8e9eb !important; - border-radius: 0.5rem !important; - padding: 0 0.5rem; -} -.repo-title a:nth-child(4) { font-weight: 700; } -.repo-header .repo-title, .repo-header .repo-buttons { margin-top: 0.5rem !important; } - -.repository .header-wrapper { background-color: #fafbfc; } -.repository .navbar .ui.label { padding: 0.25rem 0.75rem; border-radius: 1rem; background-color: #e8e9eb; color: #555; font-weight: 700; } -.repository.file.list #repo-desc, .repo-description { font-size: 1rem !important; margin: 0.75rem 0; } - -.repository .item { border-top: 3px solid transparent; } -.repository a.item { padding: 0.5rem 1.5rem !important; } -.repository .ui.tabs.divider { margin-top: -1px; } -.repository.commits .five.wide.column { display: flex; align-self: center; } -.repository.commits .eleven.wide.right.aligned.column form { display: flex; align-items: center; justify-content: flex-end; } - -.ui.label { color: #145180; font-weight: 400; font-size: 0.9rem !important; } -.ui.breadcrumb .divider { font-weight: 700; color: #000; } -.ui.table td { padding: 0.57145rem; } -.ui.tabular.menu .item { color: #444; } -.ui.tabular.menu .active.item { font-weight: 400; } -.ui.attached.header { background: #f9fafb; } -.ui.attached.header .right { margin-top: 0; } -.ui.compact.button, .ui.compact.buttons .button { padding: 0.5rem 1rem; font-weight: 700; } -.ui.table > tbody > tr > td, .ui.table > tr > td { padding: 8px; } - -.repo-title .divider { margin: 0; } -.repo-topics, .ui.repo-description { display: none !important; } -.repo-topics-custom, .ui.repo-description-custom { display: block !important; } - -.ui.segment.sub-menu { display: none; } -.ui.secondary.pointing.menu { border-bottom: none; } -.ui.tabs.container { overflow-x: auto; overflow-y: hidden; } -.ui.tabular.menu .item:hover { color: #0366d6; } - -.user.profile .ui.stackable.grid .eleven { width: 100% !important; } .user.profile .ui.stackable.grid .five { display: none; } - -.repository.file.list #repo-files-table a:hover { text-decoration: underline; } -.repository.file.list #repo-files-table tr:hover, .ui.basic.table tbody tr:hover, -.repository #commits-table.ui.basic.striped.table tbody tr:hover:nth-child(2n) { background-color: #ffffe3 !important; } -.repository #commits-table td.author a:hover { text-decoration: underline; color: #0366d6; } -#repo-files-table .message a:hover, #repo-files-table .name a:hover, -#repo-clone-https, #clone-panel #clipboard-btn { border-right-width: 0 !important; } - - -/* - * Explore Page - */ -.ui.menu.new-menu, .admin .new-menu, .explore .navbar { padding: 0.75rem 0 !important; } -.ui.secondary.pointing.menu .item { border: none !important; } -.ui.menu.new-menu { background-color: transparent !important; } -.explore .navbar { background-color: transparent !important; margin-bottom: 0 !important; } - - -/* - * Pagination - */ -.pagination { border: none !important; } - - -/* - * User Profile - */ +.user.profile .ui.stackable.grid .eleven { width: 100% !important; margin: 0 auto; } .user.profile .ui.secondary.stackable.pointing.menu { justify-content: center; } -.user.profile .ui.secondary.stackable.pointing.menu i { display: none; } - -/* - * Navigation Bar - */ -#navbar > .item:first-child { margin-left: -1.5rem !important; } -#navbar .right > .item:last-child { margin-right: -1.125rem !important; } +.repo-title i { display: none; } +.repo-description-topics-hide { display: none !important; } +.repository #commits-table td.sha .sha.label, .repository #repo-files-table .sha.label { border: 1px solid transparent; color: #004799; } +.repository .diff-box .header .file { color: #111; } +.repository .repo-header .fork-flag { margin: 1rem 0 0.5rem 0; background-color: #eee; padding: 0.5rem; border-radius: 0.5rem; white-space: initial; line-height: 1.5; } +.repository .ui.attached.header .right { margin-top: 0; } +.repository .ui.menu:not(.vertical) .right.menu { margin-left: initial !important; } +.repository .ui.segment.sub-menu { display: none; } +.repository .ui.table > tbody > tr > td, .ui.table > tr > td { padding: 8px; } +.repository .ui.tabs.container { overflow-x: auto; overflow-y: hidden; } +.repository .ui.tabs.divider { margin-bottom: 15px; } +.repository .ui.tabular.menu .active.item { font-weight: 400; } +.repository.commits .five.wide.column { display: flex; align-self: center; } +.repository.file.list #repo-desc, .repo-description { font-size: 1rem !important; } -- cgit v1.2.3