diff options
Diffstat (limited to 'public/css/override.css')
-rw-r--r-- | public/css/override.css | 270 |
1 files changed, 141 insertions, 129 deletions
diff --git a/public/css/override.css b/public/css/override.css index ee9a6f2..9ced3df 100644 --- a/public/css/override.css +++ b/public/css/override.css @@ -1,133 +1,145 @@ -/* - * 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; } - -@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; } } - - -/* - * 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 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; +body { + overflow-y: scroll; } -.ui.labeled.button, .ui.basic.buttons { border: none !important; } - - -/* - * 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 } - - -/* - * 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; +#navbar.ui.container, +.dashboard .dashboard-navbar { + max-width: 1165px; + margin-left: auto; + margin-right: auto; } -.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.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; } +:root { + --border-radius: 0.28571429rem; + --color-active: #00000014; + --color-black: #1b1c1d; + --color-blue: #2185d0; + --color-body: #ffffff; + --color-box-body: #ffffff; + --color-box-header: #f7f7f7; + --color-brown: #a5673f; + --color-button: #ffffff; + --color-card: #ffffff; + --color-caret: var(--color-text-dark); + --color-code-bg: #ffffff; + --color-code-sidebar-bg: #f5f5f5; + --color-diff-added-row-bg: #e6ffed; + --color-diff-added-row-border: #e6ffed; + --color-diff-added-word-bg: #acf2bd; + --color-diff-inactive: #f2f2f2; + --color-diff-moved-row-bg: #f1f8d1; + --color-diff-moved-row-border: #d0e27f; + --color-diff-removed-row-bg: #ffeef0; + --color-diff-removed-row-border: #f1c0c0; + --color-diff-removed-word-bg: #fdb8c0; + --color-editor-line-highlight: var(--color-primary-light-6); + --color-error-bg: #fff6f6; + --color-error-border: #e0b4b4; + --color-error-text: #9f3a38; + --color-expand-button: #d8efff; + --color-footer: #ffffff; + --color-gold: #a1882b; + --color-green: #21ba45; + --color-grey: #888888; + --color-hover: #0000000f; + --color-info-bg: #f8ffff; + --color-info-border: #a9d5de; + --color-info-text: #276f86; + --color-input-background: #ffffff; + --color-input-border-hover: #cecece; + --color-input-border: #dedede; + --color-input-text: #212121; + --color-light-border: #0000001d; + --color-light-mimic-enabled: rgba(0,0,0,calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light: #00000006; + --color-markup-code-block: #00000010; + --color-markup-table-row: #00000008; + --color-menu: #ffffff; + --color-navbar-transparent: #f8f8f800; + --color-navbar: #f8f8f8; + --color-olive: #b5cc18; + --color-orange: #f2711c; + --color-pink: #e03997; + --color-placeholder-text: transparent; + --color-primary-alpha-10: #4183c419; + --color-primary-alpha-20: #4183c433; + --color-primary-alpha-30: #4183c44b; + --color-primary-alpha-40: #4183c466; + --color-primary-alpha-50: #4183c480; + --color-primary-alpha-60: #4183c499; + --color-primary-alpha-70: #4183c4b3; + --color-primary-alpha-80: #4183c4cc; + --color-primary-alpha-90: #4183c4e1; + --color-primary-dark-1: #3876b3; + --color-primary-dark-2: #31699f; + --color-primary-dark-3: #2b5c8b; + --color-primary-dark-4: #254f77; + --color-primary-dark-5: #193450; + --color-primary-dark-6: #0c1a28; + --color-primary-dark-7: #04080c; + --color-primary-light-1: #548fca; + --color-primary-light-2: #679cd0; + --color-primary-light-3: #7aa8d6; + --color-primary-light-4: #8db5dc; + --color-primary-light-5: #b3cde7; + --color-primary-light-6: #d9e6f3; + --color-primary-light-7: #f4f8fb; + --color-primary: #295785; + --color-project-board-bg: var(--color-secondary-light-4); + --color-project-board-dark-label: #555555; + --color-project-board-light-label: #a6aab5; + --color-purple: #a333c8; + --color-reaction-active-bg: var(--color-primary-alpha-20); + --color-reaction-bg: #0000000a; + --color-red: #db2828; + --color-secondary-alpha-10: #dedede19; + --color-secondary-alpha-20: #dedede33; + --color-secondary-alpha-30: #dedede4b; + --color-secondary-alpha-40: #dedede66; + --color-secondary-alpha-50: #dedede80; + --color-secondary-alpha-60: #dedede99; + --color-secondary-alpha-70: #dededeb3; + --color-secondary-alpha-80: #dededecc; + --color-secondary-alpha-90: #dededee1; + --color-secondary-bg: #f4f4f4; + --color-secondary-dark-10: #333333; + --color-secondary-dark-11: #242424; + --color-secondary-dark-12: #141414; + --color-secondary-dark-13: #040404; + --color-secondary-dark-1: #cecece; + --color-secondary-dark-2: #bfbfbf; + --color-secondary-dark-3: #a0a0a0; + --color-secondary-dark-4: #909090; + --color-secondary-dark-5: #818181; + --color-secondary-dark-6: #717171; + --color-secondary-dark-7: #626262; + --color-secondary-dark-8: #525252; + --color-secondary-dark-9: #434343; + --color-secondary-light-1: #e5e5e5; + --color-secondary-light-2: #ebebeb; + --color-secondary-light-3: #f2f2f2; + --color-secondary-light-4: #f8f8f8; + --color-secondary: #dedede; + --color-shadow: #00000030; + --color-success-bg: #fcfff5; + --color-success-border: #a3c293; + --color-success-text: #2c662d; + --color-teal: #00b5ad; + --color-text-dark: #111; + --color-text-light-2: #222; + --color-text-light-3: #444; + --color-text-light: #555; + --color-text: #212121; + --color-timeline: #ececec; + --color-violet: #6435c9; + --color-warning-bg: #fffaf3; + --color-warning-border: #c9ba9b; + --color-warning-text: #573a08; + --color-white: #ffffff; + --color-yellow: #fbbd08; + --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"; + --fonts-monospace: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); + --fonts-proportional: -apple-system, "Segoe UI", system-ui, "Roboto", "Helvetica Neue", "Arial"; + --height-loading: 12rem; + --opacity-disabled: 0.55; +} |