:root { /* fonts */ --fonts-proportional: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial; --fonts-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"; /* font weights - use between 400 and 600 for general purposes. Avoid 700 as it is perceived too bold */ --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; /* line-height: use the default value as "modules/normalize.css" */ --line-height-default: normal; /* images */ --checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>'); --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>'); --octicon-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg>'); /* other variables */ --border-radius: 4px; --border-radius-medium: 6px; --border-radius-circle: 50%; --opacity-disabled: 0.55; --height-loading: 16rem; --tab-size: 4;} :root * { --fonts-regular: var(--fonts-override, var(--fonts-proportional)), "Noto Sans", "Liberation Sans", sans-serif, var(--fonts-emoji);} textarea { font-family: var(--fonts-regular);} pre,code,kbd,samp { font-size: 0.9em; /* compensate for monospace fonts being usually slightly larger */ font-family: var(--fonts-monospace);} b,strong,h1,h2,h3,h4,h5,h6 { font-weight: var(--font-weight-semibold);} body { color: var(--color-text); background-color: var(--color-body); tab-size: var(--tab-size); display: flex; flex-direction: column; overflow-wrap: break-word;} table { border-collapse: collapse;} button { cursor: pointer;} details summary { cursor: pointer;} details summary > * { display: inline;} progress { background: var(--color-secondary-dark-1); border-radius: var(--border-radius); border: none; overflow: hidden;} progress::-webkit-progress-bar { background: var(--color-secondary-dark-1);} progress::-webkit-progress-value { background-color: var(--color-accent);} progress::-moz-progress-bar { background-color: var(--color-accent);} * { scrollbar-color: var(--color-primary) transparent; caret-color: var(--color-caret);} ::-webkit-scrollbar { width: 10px; height: 10px;} ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 6px var(--color-primary); border: 2px solid transparent; border-radius: var(--border-radius);} ::-webkit-scrollbar-thumb:window-inactive { box-shadow: inset 0 0 0 6px var(--color-primary);} ::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 6px var(--color-primary-dark-2);} ::-webkit-scrollbar-corner { background: transparent;} ::file-selector-button { border: 1px solid var(--color-light-border); color: var(--color-text-light); background: var(--color-light); border-radius: var(--border-radius);} ::file-selector-button:hover { color: var(--color-text); background: var(--color-hover);} ::selection { background: var(--color-primary-light-1) !important; color: var(--color-white) !important;} ::placeholder,.ui.dropdown:not(.button) > .default.text,.ui.default.dropdown:not(.button) > .text { color: var(--color-placeholder-text) !important; opacity: 1 !important;} .unselectable,.button,.lines-num,.lines-commit,.lines-commit .blame-info,.ellipsis-button { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;} a { color: var(--color-primary); cursor: pointer; text-decoration-skip-ink: all;} /* muted link = only colored when hovered *//* silenced link = never colored */ a.muted,a.silenced,.muted-links a { color: inherit;} a:hover,a.muted:hover,a.muted:hover [class*="color-text"],.muted-links a:hover { color: var(--color-primary);} a.silenced:hover { color: inherit; text-decoration: none;} a.label,.ui.search .results a,.ui .menu a,.ui.cards a.card,.issue-keyword a { text-decoration: none !important;} .ui.search > .results { background: var(--color-body); border-color: var(--color-secondary);} .ui.search > .results .result { background: var(--color-body);} .ui.search > .results .result .title { color: var(--color-text-dark);} .ui.search > .results .result .description { color: var(--color-text-light-2);} .ui.search > .results .result .image { width: auto; height: auto;} .ui.search > .results .result:hover,.ui.category.search > .results .category .result:hover { background: var(--color-hover);} .inline-code-block { padding: 2px 4px; border-radius: var(--border-radius-medium); background-color: var(--color-markup-code-block);} .ui.dividing.header { border-bottom-color: var(--color-secondary);} .page-content { margin-top: 15px;} .page-content .header-wrapper,.page-content .new-menu { margin-top: -15px !important; padding-top: 15px !important;} /* fix Fomantic's line-height cutting off "g" on Windows Chrome with Segoe UI */.ui.input > input { line-height: var(--line-height-default); text-align: start; /* Override fomantic's `text-align: left` to make RTL work via HTML `dir="auto"` */} /* fix Fomantic's line-height causing vertical scrollbars to appear */ul.ui.list li,ol.ui.list li,.ui.list > .item,.ui.list .list > .item { line-height: var(--line-height-default);} .ui.input.focus > input,.ui.input > input:focus { border-color: var(--color-primary);} .ui.action.input .ui.ui.button { border-color: var(--color-input-border); padding-top: 0; /* the ".action.input" is "flex + stretch", so let the buttons layout themselves */ padding-bottom: 0;} /* currently used for search bar dropdowns in repo search and explore code */.ui.action.input:not([class*="left action"]) > .ui.dropdown.selection { min-width: 10em;} .ui.action.input:not([class*="left action"]) > .ui.dropdown.selection:not(:focus,:hover) { border-right-color: transparent;} .ui.action.input:not([class*="left action"]) > input,.ui.action.input:not([class*="left action"]) > input:hover { border-right: 1px solid transparent;} .ui.action.input:not([class*="left action"]) > input:focus { border-right-color: var(--color-primary);} .ui.menu,.ui.vertical.menu { background: var(--color-menu); border-color: var(--color-secondary);} .ui.menu .item { color: var(--color-text); user-select: auto; line-height: var(--line-height-default); /* fomantic uses "1" which causes overflow problems because "1" doesn't consider the descent part */} .ui.menu .item > .svg { margin-right: 0.35em;} .ui.menu .dropdown.item:hover,.ui.menu a.item:hover,.ui.menu details.item summary:hover { color: var(--color-text); background: var(--color-hover);} .ui.menu .active.item,.ui.menu .active.item:hover,.ui.vertical.menu .active.item,.ui.vertical.menu .active.item:hover { color: var(--color-text); background: var(--color-active);} .ui.menu a.item:active { color: var(--color-text); background: none;} .ui.ui.menu .item.disabled { color: var(--color-text-light-3);} .ui.menu .item::before, .ui.vertical.menu .item::before { background: var(--color-secondary);} /* sub menu of vertical menu */.ui.vertical.menu .item .menu .item { color: var(--color-text-light-2); text-indent: 16px;} .ui.vertical.menu .item .menu .item:hover,.ui.vertical.menu .item .menu a.item:hover { color: var(--color-text-light-1);} .ui.vertical.menu .item .menu .active.item { color: var(--color-text);} /* slightly more contrast for filters on issue list */.ui.ui.menu .dropdown.item.disabled { color: var(--color-text-light-2);} .ui.dropdown .menu { background: var(--color-menu); border-color: var(--color-secondary);} .ui.dropdown .menu > .header:not(.ui) { color: var(--color-text);} .ui.dropdown .menu > .item { color: var(--color-text);} .ui.dropdown .menu > .item:hover { color: var(--color-text); background: var(--color-hover);} .ui.dropdown .menu > .item:active { color: var(--color-text); background: var(--color-active);} .ui.dropdown .menu .active.item { color: var(--color-text); background: var(--color-active); border-radius: 0; font-weight: var(--font-weight-normal);} /* fix misaligned images in webhook dropdown */.ui.dropdown .menu > .item > img { margin-top: -0.25rem; margin-bottom: -0.25rem;}.ui.dropdown .menu > .item > svg { margin-right: .78rem; /* use the same margin as for <img> */} .ui.selection.dropdown .menu > .item { border-color: var(--color-secondary);} .ui.selection.visible.dropdown > .text:not(.default) { color: var(--color-text);} .ui.dropdown.selected,.ui.dropdown .menu .selected.item { color: var(--color-text); background: var(--color-hover);} .ui.menu .ui.dropdown .menu > .selected.item { color: var(--color-text) !important; background: var(--color-hover) !important;} .ui.dropdown .menu > .message:not(.ui) { color: var(--color-text-light-2);} .ui.dropdown > .text > .description,.ui.dropdown .menu > .item > .description { color: var(--color-text-light-2);} .ui.list .list > .item .header,.ui.list > .item .header { color: var(--color-text-dark);} .ui.list .list > .item > .content,.ui.list > .item > .content { color: var(--color-text);} .ui.list .list > .item .description,.ui.list > .item .description { color: var(--color-text);} /* replace item margin on secondary menu items with gap and remove both the negative margins on the menu as well as margin on the items */.ui.secondary.menu { margin-left: 0; margin-right: 0; gap: .35714286em;}.ui.secondary.menu .item { margin-left: 0; margin-right: 0;} .ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu a.item:hover { color: var(--color-text); background: var(--color-hover);} .ui.secondary.menu .active.item,.ui.secondary.menu .active.item:hover { color: var(--color-text); background: var(--color-active);} .ui.secondary.menu.tight .item { padding-left: 0.85714286em; padding-right: 0.85714286em;} /* remove the menu clearfix so that it won't add undesired gaps when using "gap" */.ui.menu::after { content: normal;} .ui.menu .dropdown.item .menu { background: var(--color-body);} .ui.menu .ui.dropdown .menu > .item { color: var(--color-text) !important;} .ui.menu .ui.dropdown .menu > .item:hover { color: var(--color-text) !important; background: var(--color-hover) !important;} .ui.menu .ui.dropdown .menu > .active.item { color: var(--color-text) !important; background: var(--color-active) !important;} /* styles from removed fomantic transition module */.hidden.transition { visibility: hidden; display: none;}.visible.transition { display: block !important; visibility: visible !important;} .ui.message { background: var(--color-box-body); color: var(--color-text); box-shadow: none !important; border: 1px solid var(--color-secondary);} Lines 1–500 of 2028. Load more
:root { /* fonts */ --fonts-proportional: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial; --fonts-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"; /* font weights - use between 400 and 600 for general purposes. Avoid 700 as it is perceived too bold */ --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; /* line-height: use the default value as "modules/normalize.css" */ --line-height-default: normal; /* images */ --checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>'); --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>'); --octicon-chevron-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path></svg>'); /* other variables */ --border-radius: 4px; --border-radius-medium: 6px; --border-radius-circle: 50%; --opacity-disabled: 0.55; --height-loading: 16rem; --tab-size: 4; } :root * { --fonts-regular: var(--fonts-override, var(--fonts-proportional)), "Noto Sans", "Liberation Sans", sans-serif, var(--fonts-emoji); } textarea { font-family: var(--fonts-regular); } pre, code, kbd, samp { font-size: 0.9em; /* compensate for monospace fonts being usually slightly larger */ font-family: var(--fonts-monospace); } b, strong, h1, h2, h3, h4, h5, h6 { font-weight: var(--font-weight-semibold); } body { color: var(--color-text); background-color: var(--color-body); tab-size: var(--tab-size); display: flex; flex-direction: column; overflow-wrap: break-word; } table { border-collapse: collapse; } button { cursor: pointer; } details summary { cursor: pointer; } details summary > * { display: inline; } progress { background: var(--color-secondary-dark-1); border-radius: var(--border-radius); border: none; overflow: hidden; } progress::-webkit-progress-bar { background: var(--color-secondary-dark-1); } progress::-webkit-progress-value { background-color: var(--color-accent); } progress::-moz-progress-bar { background-color: var(--color-accent); } * { scrollbar-color: var(--color-primary) transparent; caret-color: var(--color-caret); } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 6px var(--color-primary); border: 2px solid transparent; border-radius: var(--border-radius); } ::-webkit-scrollbar-thumb:window-inactive { box-shadow: inset 0 0 0 6px var(--color-primary); } ::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 6px var(--color-primary-dark-2); } ::-webkit-scrollbar-corner { background: transparent; } ::file-selector-button { border: 1px solid var(--color-light-border); color: var(--color-text-light); background: var(--color-light); border-radius: var(--border-radius); } ::file-selector-button:hover { color: var(--color-text); background: var(--color-hover); } ::selection { background: var(--color-primary-light-1) !important; color: var(--color-white) !important; } ::placeholder, .ui.dropdown:not(.button) > .default.text, .ui.default.dropdown:not(.button) > .text { color: var(--color-placeholder-text) !important; opacity: 1 !important; } .unselectable, .button, .lines-num, .lines-commit, .lines-commit .blame-info, .ellipsis-button { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } a { color: var(--color-primary); cursor: pointer; text-decoration-skip-ink: all; } /* muted link = only colored when hovered */ /* silenced link = never colored */ a.muted, a.silenced, .muted-links a { color: inherit; } a:hover, a.muted:hover, a.muted:hover [class*="color-text"], .muted-links a:hover { color: var(--color-primary); } a.silenced:hover { color: inherit; text-decoration: none; } a.label, .ui.search .results a, .ui .menu a, .ui.cards a.card, .issue-keyword a { text-decoration: none !important; } .ui.search > .results { background: var(--color-body); border-color: var(--color-secondary); } .ui.search > .results .result { background: var(--color-body); } .ui.search > .results .result .title { color: var(--color-text-dark); } .ui.search > .results .result .description { color: var(--color-text-light-2); } .ui.search > .results .result .image { width: auto; height: auto; } .ui.search > .results .result:hover, .ui.category.search > .results .category .result:hover { background: var(--color-hover); } .inline-code-block { padding: 2px 4px; border-radius: var(--border-radius-medium); background-color: var(--color-markup-code-block); } .ui.dividing.header { border-bottom-color: var(--color-secondary); } .page-content { margin-top: 15px; } .page-content .header-wrapper, .page-content .new-menu { margin-top: -15px !important; padding-top: 15px !important; } /* fix Fomantic's line-height cutting off "g" on Windows Chrome with Segoe UI */ .ui.input > input { line-height: var(--line-height-default); text-align: start; /* Override fomantic's `text-align: left` to make RTL work via HTML `dir="auto"` */ } /* fix Fomantic's line-height causing vertical scrollbars to appear */ ul.ui.list li, ol.ui.list li, .ui.list > .item, .ui.list .list > .item { line-height: var(--line-height-default); } .ui.input.focus > input, .ui.input > input:focus { border-color: var(--color-primary); } .ui.action.input .ui.ui.button { border-color: var(--color-input-border); padding-top: 0; /* the ".action.input" is "flex + stretch", so let the buttons layout themselves */ padding-bottom: 0; } /* currently used for search bar dropdowns in repo search and explore code */ .ui.action.input:not([class*="left action"]) > .ui.dropdown.selection { min-width: 10em; } .ui.action.input:not([class*="left action"]) > .ui.dropdown.selection:not(:focus,:hover) { border-right-color: transparent; } .ui.action.input:not([class*="left action"]) > input, .ui.action.input:not([class*="left action"]) > input:hover { border-right: 1px solid transparent; } .ui.action.input:not([class*="left action"]) > input:focus { border-right-color: var(--color-primary); } .ui.menu, .ui.vertical.menu { background: var(--color-menu); border-color: var(--color-secondary); } .ui.menu .item { color: var(--color-text); user-select: auto; line-height: var(--line-height-default); /* fomantic uses "1" which causes overflow problems because "1" doesn't consider the descent part */ } .ui.menu .item > .svg { margin-right: 0.35em; } .ui.menu .dropdown.item:hover, .ui.menu a.item:hover, .ui.menu details.item summary:hover { color: var(--color-text); background: var(--color-hover); } .ui.menu .active.item, .ui.menu .active.item:hover, .ui.vertical.menu .active.item, .ui.vertical.menu .active.item:hover { color: var(--color-text); background: var(--color-active); } .ui.menu a.item:active { color: var(--color-text); background: none; } .ui.ui.menu .item.disabled { color: var(--color-text-light-3); } .ui.menu .item::before, .ui.vertical.menu .item::before { background: var(--color-secondary); } /* sub menu of vertical menu */ .ui.vertical.menu .item .menu .item { color: var(--color-text-light-2); text-indent: 16px; } .ui.vertical.menu .item .menu .item:hover, .ui.vertical.menu .item .menu a.item:hover { color: var(--color-text-light-1); } .ui.vertical.menu .item .menu .active.item { color: var(--color-text); } /* slightly more contrast for filters on issue list */ .ui.ui.menu .dropdown.item.disabled { color: var(--color-text-light-2); } .ui.dropdown .menu { background: var(--color-menu); border-color: var(--color-secondary); } .ui.dropdown .menu > .header:not(.ui) { color: var(--color-text); } .ui.dropdown .menu > .item { color: var(--color-text); } .ui.dropdown .menu > .item:hover { color: var(--color-text); background: var(--color-hover); } .ui.dropdown .menu > .item:active { color: var(--color-text); background: var(--color-active); } .ui.dropdown .menu .active.item { color: var(--color-text); background: var(--color-active); border-radius: 0; font-weight: var(--font-weight-normal); } /* fix misaligned images in webhook dropdown */ .ui.dropdown .menu > .item > img { margin-top: -0.25rem; margin-bottom: -0.25rem; } .ui.dropdown .menu > .item > svg { margin-right: .78rem; /* use the same margin as for <img> */ } .ui.selection.dropdown .menu > .item { border-color: var(--color-secondary); } .ui.selection.visible.dropdown > .text:not(.default) { color: var(--color-text); } .ui.dropdown.selected, .ui.dropdown .menu .selected.item { color: var(--color-text); background: var(--color-hover); } .ui.menu .ui.dropdown .menu > .selected.item { color: var(--color-text) !important; background: var(--color-hover) !important; } .ui.dropdown .menu > .message:not(.ui) { color: var(--color-text-light-2); } .ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description { color: var(--color-text-light-2); } .ui.list .list > .item .header, .ui.list > .item .header { color: var(--color-text-dark); } .ui.list .list > .item > .content, .ui.list > .item > .content { color: var(--color-text); } .ui.list .list > .item .description, .ui.list > .item .description { color: var(--color-text); } /* replace item margin on secondary menu items with gap and remove both the negative margins on the menu as well as margin on the items */ .ui.secondary.menu { margin-left: 0; margin-right: 0; gap: .35714286em; } .ui.secondary.menu .item { margin-left: 0; margin-right: 0; } .ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu a.item:hover { color: var(--color-text); background: var(--color-hover); } .ui.secondary.menu .active.item, .ui.secondary.menu .active.item:hover { color: var(--color-text); background: var(--color-active); } .ui.secondary.menu.tight .item { padding-left: 0.85714286em; padding-right: 0.85714286em; } /* remove the menu clearfix so that it won't add undesired gaps when using "gap" */ .ui.menu::after { content: normal; } .ui.menu .dropdown.item .menu { background: var(--color-body); } .ui.menu .ui.dropdown .menu > .item { color: var(--color-text) !important; } .ui.menu .ui.dropdown .menu > .item:hover { color: var(--color-text) !important; background: var(--color-hover) !important; } .ui.menu .ui.dropdown .menu > .active.item { color: var(--color-text) !important; background: var(--color-active) !important; } /* styles from removed fomantic transition module */ .hidden.transition { visibility: hidden; display: none; } .visible.transition { display: block !important; visibility: visible !important; } .ui.message { background: var(--color-box-body); color: var(--color-text); box-shadow: none !important; border: 1px solid var(--color-secondary); }