- Scan ID:
- 6b27495c-2aa1-4e06-98b6-68744d90655fFinished
- Submitted URL:
- https://gerrit.twrp.me/
- Report Finished:
Links ยท 0 found
The outgoing links identified from the page
JavaScript Variables ยท 1069 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| polymerSkipLoadingFontRoboto | boolean |
| CLOSURE_NO_DEPS | boolean |
| DEFAULT_DETAIL_HEXES | object |
| PRELOADED_QUERIES | object |
| INITIAL_DATA | object |
| HTMLImports | object |
| WebComponents | object |
Console log messages ยท 21 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| log | other |
|
| startGroup | other |
|
| info | other |
|
| info | other |
|
| endGroup | other |
|
| debug | other |
|
| error | network |
|
| error | network |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
| debug | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" class="lightTheme"><head><style>body {transition: opacity ease-in 0.2s; }
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; }
</style><meta charset="utf-8">
<meta name="description" content="Gerrit Code Review">
<meta name="referrer" content="never">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<noscript>To use PolyGerrit, please enable JavaScript in your browser settings, and then refresh this page.</noscript><script>window.polymerSkipLoadingFontRoboto = true; window.CLOSURE_NO_DEPS = true; window.DEFAULT_DETAIL_HEXES = {}; window.PRELOADED_QUERIES = {};window.INITIAL_DATA = JSON.parse('\x7b\x22\/config\/server\/version\x22: \x223.10.1\x22, \x22\/config\/server\/info\x22: \x7b\x22accounts\x22:\x7b\x22visibility\x22:\x22ALL\x22,\x22default_display_name\x22:\x22FULL_NAME\x22\x7d,\x22auth\x22:\x7b\x22auth_type\x22:\x22HTTP\x22,\x22editable_account_fields\x22:\x5b\x22REGISTER_NEW_EMAIL\x22,\x22FULL_NAME\x22\x5d,\x22login_url\x22:\x22\/login\x22,\x22login_text\x22:\x22Sign-in with GitHub\x22,\x22git_basic_auth_policy\x22:\x22HTTP\x22\x7d,\x22change\x22:\x7b\x22allow_blame\x22:true,\x22update_delay\x22:300,\x22mergeability_computation_behavior\x22:\x22NEVER\x22,\x22enable_robot_comments\x22:true,\x22conflicts_predicate_enabled\x22:true\x7d,\x22download\x22:\x7b\x22schemes\x22:\x7b\x22anonymous http\x22:\x7b\x22url\x22:\x22https:\/\/gerrit.twrp.me\/$\x7bproject\x7d\x22,\x22commands\x22:\x7b\x7d,\x22clone_commands\x22:\x7b\x22Clone with commit-msg hook\x22:\x22git clone \\\x22https:\/\/gerrit.twrp.me\/$\x7bproject\x7d\\\x22 \\u0026\\u0026 (cd \\\x22$\x7bproject-base-name\x7d\\\x22 \\u0026\\u0026 mkdir -p `git rev-parse --git-dir`\/hooks\/ \\u0026\\u0026 curl -Lo `git rev-parse --git-dir`\/hooks\/commit-msg https:\/\/gerrit.twrp.me\/tools\/hooks\/commit-msg \\u0026\\u0026 chmod +x `git rev-parse --git-dir`\/hooks\/commit-msg)\x22,\x22Clone\x22:\x22git clone \\\x22https:\/\/gerrit.twrp.me\/$\x7bproject\x7d\\\x22\x22\x7d\x7d\x7d,\x22archives\x22:\x5b\x22tgz\x22,\x22tar\x22,\x22tbz2\x22,\x22txz\x22\x5d\x7d,\x22gerrit\x22:\x7b\x22all_projects\x22:\x22All-Projects\x22,\x22all_users\x22:\x22All-Users\x22,\x22doc_search\x22:true,\x22edit_gpg_keys\x22:true\x7d,\x22note_db_enabled\x22:true,\x22plugin\x22:\x7b\x22js_resource_paths\x22:\x5b\x22plugins\/codemirror-editor\/static\/codemirror_editor.js\x22,\x22plugins\/delete-project\/static\/gr-delete-repo.js\x22\x5d\x7d,\x22sshd\x22:\x7b\x7d,\x22suggest\x22:\x7b\x22from\x22:0\x7d,\x22user\x22:\x7b\x22anonymous_coward_name\x22:\x22Name of user not set\x22\x7d,\x22receive\x22:\x7b\x22enable_signed_push\x22:true\x7d,\x22submit_requirement_dashboard_columns\x22:\x5b\x5d\x7d, \x22\/config\/server\/top-menus\x22: \x5b\x5d\x7d');</script>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="preload" href="/fonts/opensans-latin-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/opensans-latin-600.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/opensans-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/opensans-latin-ext-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/opensans-latin-ext-600.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/opensans-latin-ext-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-latin-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-latin-500.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-latin-ext-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-latin-ext-500.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-latin-ext-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-mono-latin-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-mono-latin-500.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-mono-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-mono-latin-ext-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-mono-latin-ext-500.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/roboto-mono-latin-ext-700.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/material-icons.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="style" href="/styles/fonts.css">
<link rel="preload" as="style" href="/styles/material-icons.css">
<link rel="preload" as="style" href="/styles/main.css">
<script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="stylesheet" href="/styles/fonts.css">
<link rel="stylesheet" href="/styles/material-icons.css">
<link rel="stylesheet" href="/styles/main.css">
<style>
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-Thin.ttf) format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-ThinItalic.ttf) format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url(https://gerrit.twrp.me/fonts/roboto/Roboto-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-Thin.ttf) format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-ThinItalic.ttf) format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Roboto Mono";
src: url(https://gerrit.twrp.me/fonts/robotomono/RobotoMono-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}</style><style id="light-theme">
html {
/**
* When adding a new color variable make sure to also add it to the other
* theme files in the same directory.
*
* For colors prefer lower case hex colors.
*
* Note that plugins might be using these variables, so removing a variable
* can be a breaking change that should go into the release notes.
*/
/* color palette */
--gerrit-blue-light: #1565c0;
--gerrit-blue-dark: #90caf9;
--red-900: #a50e0e;
--red-700: #c5221f;
--red-700-04: #c5221f0a;
--red-700-10: #c5221f1a;
--red-700-12: #c5221f1f;
--red-600: #d93025;
--red-300: #f28b82;
--red-200: #f6aea9;
--red-50: #fce8e6;
--red-tonal: #6c322f;
--blue-900: #174ea6;
--blue-800: #185abc;
--blue-700: #1967d2;
--blue-700-04: #1967d20a;
--blue-700-10: #1967d21a;
--blue-700-12: #1967d21f;
--blue-700-16: #1967d229;
--blue-700-24: #1967d23d;
--blue-400: #669df6;
--blue-300: #8ab4f8;
--blue-300-24: #8ab4f83D;
--blue-200: #aecbfa;
--blue-200-16: #aecbfa29;
--blue-200-24: #aecbfa3d;
--blue-100: #d2e3fc;
--blue-50: #e8f0fe;
--blue-tonal: #314972;
--orange-900: #b06000;
--orange-800: #c26401;
--orange-700: #d56e0c;
--orange-700-04: #d56e0c0a;
--orange-700-10: #d56e0c1a;
--orange-700-12: #d56e0c1f;
--orange-400: #fa903e;
--orange-300: #fcad70;
--orange-200: #fdc69c;
--orange-50: #feefe3;
--orange-tonal: #714625;
--cyan-900: #007b83;
--cyan-700: #129eaf;
--cyan-200: #a1e4f2;
--cyan-100: #cbf0f8;
--cyan-50: #e4f7fb;
--cyan-tonal: #275e6b;
--green-900: #0d652d;
--green-700: #188038;
--green-700-04: #1880380a;
--green-700-10: #1880381a;
--green-700-12: #1880381f;
--green-400: #5bb974;
--green-300: #81c995;
--green-200: #a8dab5;
--green-50: #e6f4ea;
--green-tonal: #2c553a;
--gray-900: #202124;
--gray-800: #3c4043;
--gray-800-12: #3c40431f;
--gray-800-38: #3c404361;
--gray-700: #5f6368;
--gray-700-04: #5f63680a;
--gray-700-10: #5f63681a;
--gray-700-12: #5f63681f;
--gray-500: #9aa0a6;
--gray-400: #bdc1c6;
--gray-300: #dadce0;
--gray-200: #e8eaed;
--gray-200-12: #e8eaed1f;
--gray-200-38: #e8eaed61;
--gray-100: #f1f3f4;
--gray-50: #f8f9fa;
--gray-tonal: #505357;
--purple-900: #681da8;
--purple-700: #8430ce;
--purple-500: #a142f4;
--purple-400: #af5cf7;
--purple-200: #d7aefb;
--purple-100: #e9d2fd;
--purple-50: #f3e8fd;
--purple-tonal: #523272;
--deep-purple-800: #4527a0;
--deep-purple-600: #5e35b1;
--pink-800: #b80672;
--pink-500: #f538a0;
--pink-50: #fde7f3;
--pink-tonal: #702f55;
--yellow-50: #fef7e0;
--yellow-tonal: #6a5619;
--brown-50: #efebe9;
--brown-tonal: #6d4c41;
--white-04: #ffffff0a;
--white-10: #ffffff1a;
--white-12: #ffffff1f;
--modal-opacity: 0.32;
--error-foreground: var(--red-700);
--error-background: var(--red-50);
--error-background-hover: linear-gradient(
var(--red-700-04),
var(--red-700-04)
),
var(--red-50);
--error-background-focus: linear-gradient(
var(--red-700-12),
var(--red-700-12)
),
var(--red-50);
--error-ripple: var(--red-700-10);
--code-review-warning-background: var(--blue-50);
--warning-foreground: var(--orange-700);
--warning-background: var(--orange-50);
--warning-background-hover: linear-gradient(
var(--orange-700-04),
var(--orange-700-04)
),
var(--orange-50);
--warning-background-focus: linear-gradient(
var(--orange-700-12),
var(--orange-700-12)
),
var(--orange-50);
--warning-ripple: var(--orange-700-10);
--info-foreground: var(--blue-700);
--info-background: var(--blue-50);
--info-background-hover: linear-gradient(
var(--blue-700-04),
var(--blue-700-04)
),
var(--blue-50);
--info-background-focus: linear-gradient(
var(--blue-700-12),
var(--blue-700-12)
),
var(--blue-50);
--info-ripple: var(--blue-700-10);
--primary-button-text-color: white;
--primary-button-background-color: var(--gerrit-blue-light);
--primary-button-background-hover: var(--blue-700-16);
--primary-button-background-focus: var(--blue-700-24);
--selected-foreground: var(--blue-800);
--selected-background: var(--blue-50);
--selected-chip-background: var(--blue-50);
--success-foreground: var(--green-700);
--success-background: var(--green-50);
--success-background-hover: linear-gradient(
var(--green-700-04),
var(--green-700-04)
),
var(--green-50);
--success-background-focus: linear-gradient(
var(--green-700-12),
var(--green-700-12)
),
var(--green-50);
--success-ripple: var(--green-700-10);
--gray-foreground: var(--gray-700);
--gray-background: var(--gray-100);
--gray-background-hover: linear-gradient(
var(--gray-700-04),
var(--gray-700-04)
),
var(--gray-100);
--gray-background-focus: linear-gradient(
var(--gray-700-12),
var(--gray-700-12)
),
var(--gray-100);
--gray-ripple: var(--gray-700-10);
--disabled-foreground: var(--gray-800-38);
--disabled-background: var(--gray-800-12);
--chip-color: var(--gray-900);
--error-color: var(--red-900);
--tag-background: var(--cyan-100);
--label-background: var(--red-50);
--not-working-hours-icon-background-color: var(--purple-50);
--not-working-hours-icon-color: var(--purple-700);
--unavailability-icon-color: var(--gray-700);
--unavailability-chip-icon-color: var(--orange-900);
--unavailability-chip-background-color: var(--yellow-50);
/* text colors */
--primary-text-color: var(--gray-900);
--link-color: var(--gerrit-blue-light);
--comment-text-color: var(--gray-900);
--deemphasized-text-color: var(--gray-700);
--default-button-text-color: var(--gerrit-blue-light);
--chip-selected-text-color: var(--selected-foreground);
--error-text-color: var(--red-700);
/* Used on text color for change list that doesn't need user's attention. */
--reviewed-text-color: black;
--vote-text-color: black;
--status-text-color: white;
--tooltip-text-color: white;
--tooltip-button-text-color: var(--gerrit-blue-dark);
--negative-red-text-color: var(--red-600);
--positive-green-text-color: var(--green-700);
--indirect-relation-text-color: var(--green-700);
/* background colors */
/* primary background colors */
--background-color-primary: white;
--background-color-secondary: var(--gray-50);
--background-color-tertiary: var(--gray-100);
/* directly derived from primary background colors */
--chip-background-color: var(--background-color-tertiary);
--default-button-background-color: var(--background-color-primary);
--dialog-background-color: var(--background-color-primary);
--dropdown-background-color: var(--background-color-primary);
--expanded-background-color: var(--background-color-tertiary);
--select-background-color: var(--background-color-secondary);
--shell-command-background-color: var(--background-color-secondary);
--shell-command-decoration-background-color: var(
--background-color-tertiary
);
--table-header-background-color: var(--background-color-secondary);
--table-subheader-background-color: var(--background-color-tertiary);
--view-background-color: var(--background-color-primary);
/* unique background colors */
/* TODO: Remove assignee colors once references are migrated */
--assignee-highlight-color: #fcfad6;
--assignee-highlight-selection-color: #f6f4d0;
--line-item-highlight-color: #fcfad6;
/* TODO: Find a nicer way to combine the --line-item-highlight-color and the
--selection-background-color than to just invent another unique color. */
--line-item-highlight-selection-color: #f6f4d0;
--chip-selected-background-color: var(--blue-50);
--edit-mode-background-color: #ebf5fb;
--emphasis-color: #fff9c4;
--hover-background-color: rgba(161, 194, 250, 0.2);
--disabled-button-background-color: var(--disabled-background);
--selection-background-color: rgba(161, 194, 250, 0.1);
--tooltip-background-color: var(--gray-900);
/* dashboard size background colors */
--dashboard-size-xs: var(--gray-200);
--dashboard-size-s: var(--gray-300);
--dashboard-size-m: var(--gray-400);
--dashboard-size-l: var(--gray-500);
--dashboard-size-xl: var(--gray-700);
--dashboard-size-text: black;
--dashboard-size-xs-text: black;
--dashboard-size-xl-text: white;
/* comment background colors */
--comment-background-color: var(--gray-200);
--robot-comment-background-color: var(--blue-50);
--unresolved-comment-background-color: #fef7e0;
/* Suggest edits */
--user-suggestion-header-background: var(--gray-700);
--user-suggestion-header-color: white;
/* vote background colors */
--vote-color-approved: var(--green-300);
--vote-color-disliked: var(--red-50);
--vote-outline-disliked: var(--red-700);
--vote-color-neutral: var(--gray-300);
--vote-color-recommended: var(--green-50);
--vote-outline-recommended: var(--green-700);
--vote-color-rejected: var(--red-300);
/* vote chip background colors */
--vote-chip-unselected-outline-color: var(--gray-500);
--vote-chip-unselected-color: white;
--vote-chip-selected-positive-color: var(--green-300);
--vote-chip-selected-neutral-color: var(--gray-300);
--vote-chip-selected-negative-color: var(--red-300);
--vote-chip-unselected-text-color: black;
--vote-chip-selected-text-color: black;
--outline-color-focus: var(--gray-900);
/* misc colors */
--border-color: var(--gray-300);
--input-focus-border-color: var(--blue-800);
--comment-separator-color: var(--gray-300);
--comment-quote-marker-color: var(--gray-500);
/* checks tag colors */
--tag-gray: var(--gray-200);
--tag-yellow: var(--yellow-50);
--tag-pink: var(--pink-50);
--tag-purple: var(--purple-50);
--tag-cyan: var(--cyan-50);
--tag-brown: var(--brown-50);
/* status colors */
--status-merged: var(--green-700);
--status-abandoned: var(--gray-700);
--status-wip: #795548;
--status-private: var(--purple-500);
--status-conflict: var(--red-600);
--status-revert: var(--gray-900);
--status-revert-created: #e64a19;
--status-active: var(--blue-700);
--status-ready: var(--pink-800);
--status-custom: var(--purple-900);
/* file status colors */
--file-status-font-color: black;
--file-status-added: var(--green-300);
--file-status-deleted: var(--red-200);
--file-status-modified: var(--gray-300);
--file-status-renamed: var(--orange-300);
--file-status-unchanged: var(--gray-300);
--file-status-reverted: var(--gray-300);
/* fonts */
--font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol';
--header-font-family: 'Open Sans', 'Roboto', -apple-system,
BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--monospace-font-family: 'Roboto Mono', 'SF Mono', 'Lucida Console', Monaco,
monospace;
--font-size-code: 12px; /* 12px mono */
--font-size-mono: 0.929rem; /* 13px mono */
--font-size-small: 0.857rem; /* 12px */
--font-size-normal: 1rem; /* 14px */
--font-size-h3: 1.143rem; /* 16px */
--font-size-h2: 1.429rem; /* 20px */
--font-size-h1: 1.714rem; /* 24px */
--line-height-mono: 1.286rem; /* 18px */
--line-height-small: 1.143rem; /* 16px */
--line-height-normal: 1.429rem; /* 20px */
--line-height-h3: 1.715rem; /* 24px */
--line-height-h2: 2rem; /* 28px */
--line-height-h1: 2.286rem; /* 32px */
--font-weight-normal: 400; /* 400 is the same as 'normal' */
--font-weight-bold: 500;
--font-weight-h1: 400;
--font-weight-h2: 400;
--font-weight-h3: 400;
--font-weight-h4: 600;
--context-control-button-font: var(--font-weight-normal)
var(--font-size-normal) var(--font-family);
--code-hint-font-weight: 500;
--image-diff-button-font: var(--font-weight-normal) var(--font-size-normal)
var(--font-family);
/* spacing */
--spacing-xxs: 1px;
--spacing-xs: 2px;
--spacing-s: 4px;
--spacing-m: 8px;
--spacing-l: 12px;
--spacing-xl: 16px;
--spacing-xxl: 24px;
/* header and footer */
--footer-background-color: transparent;
--footer-border-top: none;
--header-background-color: var(--background-color-tertiary);
--header-border-bottom: 1px solid var(--border-color);
--header-border-image: '';
--header-box-shadow: none;
--header-padding: 0 var(--spacing-l);
--header-icon-size: 0em;
--header-icon: none;
--header-text-color: black;
--header-title-content: 'Gerrit';
--header-title-font-size: 1.75rem;
/* diff colors */
--dark-add-highlight-color: #aaf2aa;
--light-add-highlight-color: #d8fed8;
--dark-remove-highlight-color: #ffcdd2;
--light-remove-highlight-color: #ffebee;
--dark-rebased-add-highlight-color: #d7d7f9;
--light-rebased-add-highlight-color: #eef;
--dark-rebased-remove-highlight-color: #f7e8b7;
--light-rebased-remove-highlight-color: #fff8dc;
--diff-moved-in-background: var(--cyan-50);
--diff-moved-in-label-color: var(--cyan-900);
--diff-moved-in-changed-background: var(--cyan-50);
--diff-moved-in-changed-label-color: var(--cyan-900);
--diff-moved-out-background: var(--purple-50);
--diff-moved-out-label-color: var(--purple-900);
--diff-blank-background-color: var(--background-color-secondary);
--diff-context-control-background-color: #fff7d4;
--diff-context-control-border-color: #f6e6a5;
--diff-context-control-color: var(--default-button-text-color);
--diff-highlight-range-color: rgba(255, 213, 0, 0.5);
--diff-highlight-range-hover-color: rgba(255, 255, 0, 0.5);
--diff-selection-background-color: #c7dbf9;
--diff-tab-indicator-color: var(--deemphasized-text-color);
--diff-trailing-whitespace-indicator: #ff9ad2;
--focused-line-outline-color: var(--blue-700);
--coverage-covered-line-num-color: var(--deemphasized-text-color);
--coverage-covered: var(--cyan-100);
--coverage-not-covered: var(--orange-100);
--ranged-comment-hint-text-color: var(--orange-900);
--token-highlighting-color: #fffd54;
/* syntax colors */
--syntax-attr-color: #219;
--syntax-attribute-color: var(--primary-text-color);
--syntax-built_in-color: #30a;
--syntax-bullet-color: var(--syntax-keyword-color);
--syntax-code-color: var(--syntax-literal-color);
--syntax-comment-color: #3f7f5f;
--syntax-default-color: var(--primary-text-color);
--syntax-doctag-weight: bold;
--syntax-emphasis-color: var(--primary-text-color);
--syntax-emphasis-style: italic;
--syntax-emphasis-weight: normal;
--syntax-formula-color: var(--syntax-regexp-color);
--syntax-function-color: var(--primary-text-color);
--syntax-keyword-color: #9e0069;
--syntax-link-color: #219;
--syntax-literal-color: #219;
--syntax-meta-color: #ff1717;
--syntax-meta-keyword-color: #219;
--syntax-number-color: #164;
--syntax-params-color: var(--primary-text-color);
--syntax-property-color: var(--primary-text-color);
--syntax-quote-color: var(--primary-text-color);
--syntax-regexp-color: #fa8602;
--syntax-section-color: var(--syntax-keyword-color);
--syntax-section-style: normal;
--syntax-section-weight: bold;
--syntax-selector-attr-color: #fa8602;
--syntax-selector-class-color: #164;
--syntax-selector-id-color: #2a00ff;
--syntax-selector-pseudo-color: #fa8602;
--syntax-string-color: #2a00ff;
--syntax-strong-color: var(--primary-text-color);
--syntax-strong-style: normal;
--syntax-strong-weight: bold;
--syntax-tag-color: #170;
--syntax-template-tag-color: #fa8602;
--syntax-template-variable-color: #0000c0;
--syntax-title-color: #0000c0;
--syntax-title-function-color: var(--syntax-title-color);
--syntax-type-color: var(--blue-700);
--syntax-variable-color: var(--primary-text-color);
--syntax-variable-language-color: var(--syntax-built_in-color);
/* elevation */
--elevation-level-1: 0px 1px 2px 0px rgba(60, 64, 67, 0.3),
0px 1px 3px 1px rgba(60, 64, 67, 0.15);
--elevation-level-2: 0px 1px 2px 0px rgba(60, 64, 67, 0.3),
0px 2px 6px 2px rgba(60, 64, 67, 0.15);
--elevation-level-3: 0px 1px 3px 0px rgba(60, 64, 67, 0.3),
0px 4px 8px 3px rgba(60, 64, 67, 0.15);
--elevation-level-4: 0px 2px 3px 0px rgba(60, 64, 67, 0.3),
0px 6px 10px 4px rgba(60, 64, 67, 0.15);
--elevation-level-5: 0px 4px 4px 0px rgba(60, 64, 67, 0.3),
0px 8px 12px 6px rgba(60, 64, 67, 0.15);
/* misc */
--border-radius: 4px;
--line-length-indicator-color: #681da8;
/* paper component overrides */
--paper-tooltip-delay-in: 200ms;
--paper-tooltip-delay-out: 0;
--paper-tooltip-duration-in: 0;
--paper-tooltip-duration-out: 0;
--paper-tooltip-background: var(--tooltip-background-color);
--paper-tooltip-opacity: 1;
--paper-tooltip-text-color: var(--tooltip-text-color);
}
@media screen and (max-width: 50em) {
html {
--spacing-xxs: 1px;
--spacing-xs: 1px;
--spacing-s: 2px;
--spacing-m: 4px;
--spacing-l: 8px;
--spacing-xl: 12px;
--spacing-xxl: 16px;
}
}
</style><custom-style><style>html {
--paper-tooltip_-_font-size: var(--font-size-small);;
}
</style></custom-style>
<custom-style>
<style is="custom-style">[hidden] {
display: none !important;
}
</style>
</custom-style>
<custom-style>
<style is="custom-style">html {
--layout_-_display: flex;;
--layout-inline_-_display: inline-flex;;
--layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal_-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;
--layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-horizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-direction: row-reverse;;
--layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_-ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;
--layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vertical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_-webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direction: column-reverse;;
--layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wrap; --layout-wrap_-_flex-wrap: wrap;;
--layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-reverse;;
--layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;;
--layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: none; --layout-flex-none_-_flex: none;;
--layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex: 1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px; --layout-flex_-_flex-basis: 0.000000001px;;
--layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout-flex-2_-_flex: 2;;
--layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout-flex-3_-_flex: 3;;
--layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout-flex-4_-_flex: 4;;
--layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout-flex-5_-_flex: 5;;
--layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout-flex-6_-_flex: 6;;
--layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout-flex-7_-_flex: 7;;
--layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout-flex-8_-_flex: 8;;
--layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout-flex-9_-_flex: 9;;
--layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --layout-flex-10_-_flex: 10;;
--layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --layout-flex-11_-_flex: 11;;
--layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --layout-flex-12_-_flex: 12;;
--layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-items: flex-start; --layout-start_-_align-items: flex-start;;
--layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-items: center; --layout-center_-_align-items: center;;
--layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: flex-end; --layout-end_-_align-items: flex-end;;
--layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-align-items: baseline; --layout-baseline_-_align-items: baseline;;
--layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_-_-webkit-justify-content: flex-start; --layout-start-justified_-_justify-content: flex-start;;
--layout-center-justified_-_-ms-flex-pack: center; --layout-center-justified_-_-webkit-justify-content: center; --layout-center-justified_-_justify-content: center;;
--layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webkit-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-end;;
--layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-justified_-_-webkit-justify-content: space-around; --layout-around-justified_-_justify-content: space-around;;
--layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-justify-content: space-between; --layout-justified_-_justify-content: space-between;;
--layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-align); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webkit-align-items); --layout-center-center_-_align-items: var(--layout-center_-_align-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); --layout-center-center_-_justify-content: var(--layout-center-justified_-_justify-content);;
--layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-webkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;;
--layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webkit-align-self: center; --layout-self-center_-_align-self: center;;
--layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-align-self: flex-end; --layout-self-end_-_align-self: flex-end;;
--layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-webkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;;
--layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_-_-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;;
--layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_-_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content: flex-start; --layout-start-aligned_-_align-content: flex-start;;
--layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms-align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-end; --layout-end-aligned_-_align-content: flex-end;;
--layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-aligned_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content: center; --layout-center-aligned_-_align-content: center;;
--layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-aligned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-align-content: space-between; --layout-between-aligned_-_align-content: space-between;;
--layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-aligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-align-content: space-around; --layout-around-aligned_-_align-content: space-around;;
--layout-block_-_display: block;;
--layout-invisible_-_visibility: hidden !important;;
--layout-relative_-_position: relative;;
--layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_right: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;;
--layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_overflow: auto;;
--layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;;
--layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layout-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
--layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --layout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
--layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
--layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --layout-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
}
</style>
</custom-style><style>[hidden] { display: none !important; }</style>
<custom-style>
<style is="custom-style">html {
--google-red-100: #f4c7c3;
--google-red-300: #e67c73;
--google-red-500: #db4437;
--google-red-700: #c53929;
--google-blue-100: #c6dafc;
--google-blue-300: #7baaf7;
--google-blue-500: #4285f4;
--google-blue-700: #3367d6;
--google-green-100: #b7e1cd;
--google-green-300: #57bb8a;
--google-green-500: #0f9d58;
--google-green-700: #0b8043;
--google-yellow-100: #fce8b2;
--google-yellow-300: #f7cb4d;
--google-yellow-500: #f4b400;
--google-yellow-700: #f09300;
--google-grey-100: #f5f5f5;
--google-grey-300: #e0e0e0;
--google-grey-500: #9e9e9e;
--google-grey-700: #616161;
--paper-red-50: #ffebee;
--paper-red-100: #ffcdd2;
--paper-red-200: #ef9a9a;
--paper-red-300: #e57373;
--paper-red-400: #ef5350;
--paper-red-500: #f44336;
--paper-red-600: #e53935;
--paper-red-700: #d32f2f;
--paper-red-800: #c62828;
--paper-red-900: #b71c1c;
--paper-red-a100: #ff8a80;
--paper-red-a200: #ff5252;
--paper-red-a400: #ff1744;
--paper-red-a700: #d50000;
--paper-pink-50: #fce4ec;
--paper-pink-100: #f8bbd0;
--paper-pink-200: #f48fb1;
--paper-pink-300: #f06292;
--paper-pink-400: #ec407a;
--paper-pink-500: #e91e63;
--paper-pink-600: #d81b60;
--paper-pink-700: #c2185b;
--paper-pink-800: #ad1457;
--paper-pink-900: #880e4f;
--paper-pink-a100: #ff80ab;
--paper-pink-a200: #ff4081;
--paper-pink-a400: #f50057;
--paper-pink-a700: #c51162;
--paper-purple-50: #f3e5f5;
--paper-purple-100: #e1bee7;
--paper-purple-200: #ce93d8;
--paper-purple-300: #ba68c8;
--paper-purple-400: #ab47bc;
--paper-purple-500: #9c27b0;
--paper-purple-600: #8e24aa;
--paper-purple-700: #7b1fa2;
--paper-purple-800: #6a1b9a;
--paper-purple-900: #4a148c;
--paper-purple-a100: #ea80fc;
--paper-purple-a200: #e040fb;
--paper-purple-a400: #d500f9;
--paper-purple-a700: #aa00ff;
--paper-deep-purple-50: #ede7f6;
--paper-deep-purple-100: #d1c4e9;
--paper-deep-purple-200: #b39ddb;
--paper-deep-purple-300: #9575cd;
--paper-deep-purple-400: #7e57c2;
--paper-deep-purple-500: #673ab7;
--paper-deep-purple-600: #5e35b1;
--paper-deep-purple-700: #512da8;
--paper-deep-purple-800: #4527a0;
--paper-deep-purple-900: #311b92;
--paper-deep-purple-a100: #b388ff;
--paper-deep-purple-a200: #7c4dff;
--paper-deep-purple-a400: #651fff;
--paper-deep-purple-a700: #6200ea;
--paper-indigo-50: #e8eaf6;
--paper-indigo-100: #c5cae9;
--paper-indigo-200: #9fa8da;
--paper-indigo-300: #7986cb;
--paper-indigo-400: #5c6bc0;
--paper-indigo-500: #3f51b5;
--paper-indigo-600: #3949ab;
--paper-indigo-700: #303f9f;
--paper-indigo-800: #283593;
--paper-indigo-900: #1a237e;
--paper-indigo-a100: #8c9eff;
--paper-indigo-a200: #536dfe;
--paper-indigo-a400: #3d5afe;
--paper-indigo-a700: #304ffe;
--paper-blue-50: #e3f2fd;
--paper-blue-100: #bbdefb;
--paper-blue-200: #90caf9;
--paper-blue-300: #64b5f6;
--paper-blue-400: #42a5f5;
--paper-blue-500: #2196f3;
--paper-blue-600: #1e88e5;
--paper-blue-700: #1976d2;
--paper-blue-800: #1565c0;
--paper-blue-900: #0d47a1;
--paper-blue-a100: #82b1ff;
--paper-blue-a200: #448aff;
--paper-blue-a400: #2979ff;
--paper-blue-a700: #2962ff;
--paper-light-blue-50: #e1f5fe;
--paper-light-blue-100: #b3e5fc;
--paper-light-blue-200: #81d4fa;
--paper-light-blue-300: #4fc3f7;
--paper-light-blue-400: #29b6f6;
--paper-light-blue-500: #03a9f4;
--paper-light-blue-600: #039be5;
--paper-light-blue-700: #0288d1;
--paper-light-blue-800: #0277bd;
--paper-light-blue-900: #01579b;
--paper-light-blue-a100: #80d8ff;
--paper-light-blue-a200: #40c4ff;
--paper-light-blue-a400: #00b0ff;
--paper-light-blue-a700: #0091ea;
--paper-cyan-50: #e0f7fa;
--paper-cyan-100: #b2ebf2;
--paper-cyan-200: #80deea;
--paper-cyan-300: #4dd0e1;
--paper-cyan-400: #26c6da;
--paper-cyan-500: #00bcd4;
--paper-cyan-600: #00acc1;
--paper-cyan-700: #0097a7;
--paper-cyan-800: #00838f;
--paper-cyan-900: #006064;
--paper-cyan-a100: #84ffff;
--paper-cyan-a200: #18ffff;
--paper-cyan-a400: #00e5ff;
--paper-cyan-a700: #00b8d4;
--paper-teal-50: #e0f2f1;
--paper-teal-100: #b2dfdb;
--paper-teal-200: #80cbc4;
--paper-teal-300: #4db6ac;
--paper-teal-400: #26a69a;
--paper-teal-500: #009688;
--paper-teal-600: #00897b;
--paper-teal-700: #00796b;
--paper-teal-800: #00695c;
--paper-teal-900: #004d40;
--paper-teal-a100: #a7ffeb;
--paper-teal-a200: #64ffda;
--paper-teal-a400: #1de9b6;
--paper-teal-a700: #00bfa5;
--paper-green-50: #e8f5e9;
--paper-green-100: #c8e6c9;
--paper-green-200: #a5d6a7;
--paper-green-300: #81c784;
--paper-green-400: #66bb6a;
--paper-green-500: #4caf50;
--paper-green-600: #43a047;
--paper-green-700: #388e3c;
--paper-green-800: #2e7d32;
--paper-green-900: #1b5e20;
--paper-green-a100: #b9f6ca;
--paper-green-a200: #69f0ae;
--paper-green-a400: #00e676;
--paper-green-a700: #00c853;
--paper-light-green-50: #f1f8e9;
--paper-light-green-100: #dcedc8;
--paper-light-green-200: #c5e1a5;
--paper-light-green-300: #aed581;
--paper-light-green-400: #9ccc65;
--paper-light-green-500: #8bc34a;
--paper-light-green-600: #7cb342;
--paper-light-green-700: #689f38;
--paper-light-green-800: #558b2f;
--paper-light-green-900: #33691e;
--paper-light-green-a100: #ccff90;
--paper-light-green-a200: #b2ff59;
--paper-light-green-a400: #76ff03;
--paper-light-green-a700: #64dd17;
--paper-lime-50: #f9fbe7;
--paper-lime-100: #f0f4c3;
--paper-lime-200: #e6ee9c;
--paper-lime-300: #dce775;
--paper-lime-400: #d4e157;
--paper-lime-500: #cddc39;
--paper-lime-600: #c0ca33;
--paper-lime-700: #afb42b;
--paper-lime-800: #9e9d24;
--paper-lime-900: #827717;
--paper-lime-a100: #f4ff81;
--paper-lime-a200: #eeff41;
--paper-lime-a400: #c6ff00;
--paper-lime-a700: #aeea00;
--paper-yellow-50: #fffde7;
--paper-yellow-100: #fff9c4;
--paper-yellow-200: #fff59d;
--paper-yellow-300: #fff176;
--paper-yellow-400: #ffee58;
--paper-yellow-500: #ffeb3b;
--paper-yellow-600: #fdd835;
--paper-yellow-700: #fbc02d;
--paper-yellow-800: #f9a825;
--paper-yellow-900: #f57f17;
--paper-yellow-a100: #ffff8d;
--paper-yellow-a200: #ffff00;
--paper-yellow-a400: #ffea00;
--paper-yellow-a700: #ffd600;
--paper-amber-50: #fff8e1;
--paper-amber-100: #ffecb3;
--paper-amber-200: #ffe082;
--paper-amber-300: #ffd54f;
--paper-amber-400: #ffca28;
--paper-amber-500: #ffc107;
--paper-amber-600: #ffb300;
--paper-amber-700: #ffa000;
--paper-amber-800: #ff8f00;
--paper-amber-900: #ff6f00;
--paper-amber-a100: #ffe57f;
--paper-amber-a200: #ffd740;
--paper-amber-a400: #ffc400;
--paper-amber-a700: #ffab00;
--paper-orange-50: #fff3e0;
--paper-orange-100: #ffe0b2;
--paper-orange-200: #ffcc80;
--paper-orange-300: #ffb74d;
--paper-orange-400: #ffa726;
--paper-orange-500: #ff9800;
--paper-orange-600: #fb8c00;
--paper-orange-700: #f57c00;
--paper-orange-800: #ef6c00;
--paper-orange-900: #e65100;
--paper-orange-a100: #ffd180;
--paper-orange-a200: #ffab40;
--paper-orange-a400: #ff9100;
--paper-orange-a700: #ff6500;
--paper-deep-orange-50: #fbe9e7;
--paper-deep-orange-100: #ffccbc;
--paper-deep-orange-200: #ffab91;
--paper-deep-orange-300: #ff8a65;
--paper-deep-orange-400: #ff7043;
--paper-deep-orange-500: #ff5722;
--paper-deep-orange-600: #f4511e;
--paper-deep-orange-700: #e64a19;
--paper-deep-orange-800: #d84315;
--paper-deep-orange-900: #bf360c;
--paper-deep-orange-a100: #ff9e80;
--paper-deep-orange-a200: #ff6e40;
--paper-deep-orange-a400: #ff3d00;
--paper-deep-orange-a700: #dd2c00;
--paper-brown-50: #efebe9;
--paper-brown-100: #d7ccc8;
--paper-brown-200: #bcaaa4;
--paper-brown-300: #a1887f;
--paper-brown-400: #8d6e63;
--paper-brown-500: #795548;
--paper-brown-600: #6d4c41;
--paper-brown-700: #5d4037;
--paper-brown-800: #4e342e;
--paper-brown-900: #3e2723;
--paper-grey-50: #fafafa;
--paper-grey-100: #f5f5f5;
--paper-grey-200: #eeeeee;
--paper-grey-300: #e0e0e0;
--paper-grey-400: #bdbdbd;
--paper-grey-500: #9e9e9e;
--paper-grey-600: #757575;
--paper-grey-700: #616161;
--paper-grey-800: #424242;
--paper-grey-900: #212121;
--paper-blue-grey-50: #eceff1;
--paper-blue-grey-100: #cfd8dc;
--paper-blue-grey-200: #b0bec5;
--paper-blue-grey-300: #90a4ae;
--paper-blue-grey-400: #78909c;
--paper-blue-grey-500: #607d8b;
--paper-blue-grey-600: #546e7a;
--paper-blue-grey-700: #455a64;
--paper-blue-grey-800: #37474f;
--paper-blue-grey-900: #263238;
--dark-divider-opacity: 0.12;
--dark-disabled-opacity: 0.38;
--dark-secondary-opacity: 0.54;
--dark-primary-opacity: 0.87;
--light-divider-opacity: 0.12;
--light-disabled-opacity: 0.3;
--light-secondary-opacity: 0.7;
--light-primary-opacity: 1.0;
}
</style>
</custom-style>
<custom-style>
<style is="custom-style">html {
--primary-text-color: var(--light-theme-text-color);
--primary-background-color: var(--light-theme-background-color);
--secondary-text-color: var(--light-theme-secondary-color);
--disabled-text-color: var(--light-theme-disabled-color);
--divider-color: var(--light-theme-divider-color);
--error-color: var(--paper-deep-orange-a700);
--primary-color: var(--paper-indigo-500);
--light-primary-color: var(--paper-indigo-100);
--dark-primary-color: var(--paper-indigo-700);
--accent-color: var(--paper-pink-a200);
--light-accent-color: var(--paper-pink-a100);
--dark-accent-color: var(--paper-pink-a400);
--light-theme-background-color: #ffffff;
--light-theme-base-color: #000000;
--light-theme-text-color: var(--paper-grey-900);
--light-theme-secondary-color: #737373;
--light-theme-disabled-color: #9b9b9b;
--light-theme-divider-color: #dbdbdb;
--dark-theme-background-color: var(--paper-grey-900);
--dark-theme-base-color: #ffffff;
--dark-theme-text-color: #ffffff;
--dark-theme-secondary-color: #bcbcbc;
--dark-theme-disabled-color: #646464;
--dark-theme-divider-color: #3c3c3c;
--text-primary-color: var(--dark-theme-text-color);
--default-primary-color: var(--primary-color);
}
</style>
</custom-style><custom-style>
<style is="custom-style">html {
--paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper-font-common-base_-_-webkit-font-smoothing: antialiased;;
--paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
--paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;;
--paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowrap_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
--paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display4_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display4_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display4_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display4_-_font-size: 112px; --paper-font-display4_-_font-weight: 300; --paper-font-display4_-_letter-spacing: -.044em; --paper-font-display4_-_line-height: 120px;;
--paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display3_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-display3_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-display3_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-display3_-_font-size: 56px; --paper-font-display3_-_font-weight: 400; --paper-font-display3_-_letter-spacing: -.026em; --paper-font-display3_-_line-height: 60px;;
--paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display2_-_font-size: 45px; --paper-font-display2_-_font-weight: 400; --paper-font-display2_-_letter-spacing: -.018em; --paper-font-display2_-_line-height: 48px;;
--paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-display1_-_font-size: 34px; --paper-font-display1_-_font-weight: 400; --paper-font-display1_-_letter-spacing: -.01em; --paper-font-display1_-_line-height: 40px;;
--paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-headline_-_font-size: 24px; --paper-font-headline_-_font-weight: 400; --paper-font-headline_-_letter-spacing: -.012em; --paper-font-headline_-_line-height: 32px;;
--paper-font-title_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-title_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-title_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-title_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-title_-_font-size: 20px; --paper-font-title_-_font-weight: 500; --paper-font-title_-_line-height: 28px;;
--paper-font-subhead_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-subhead_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-subhead_-_font-size: 16px; --paper-font-subhead_-_font-weight: 400; --paper-font-subhead_-_line-height: 24px;;
--paper-font-body2_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body2_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body2_-_font-size: 14px; --paper-font-body2_-_font-weight: 500; --paper-font-body2_-_line-height: 24px;;
--paper-font-body1_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-body1_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-body1_-_font-size: 14px; --paper-font-body1_-_font-weight: 400; --paper-font-body1_-_line-height: 20px;;
--paper-font-caption_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-caption_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-caption_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-caption_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-caption_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-caption_-_font-size: 12px; --paper-font-caption_-_font-weight: 400; --paper-font-caption_-_letter-spacing: 0.011em; --paper-font-caption_-_line-height: 20px;;
--paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu_-_font-weight: 500; --paper-font-menu_-_line-height: 24px;;
--paper-font-button_-_font-family: var(--paper-font-common-base_-_font-family); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font-common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font-common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-font-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --paper-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transform: uppercase;;
--paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-code2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;;
--paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-family); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_-_-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-code1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;;
}
</style>
</custom-style><dom-module id="paper-item-shared-styles">
<template>
<style>
:host, .paper-item {
display: block;
position: relative;
min-height: var(--paper-item-min-height, 48px);
padding: 0px 16px;
}
.paper-item {
@apply --paper-font-subhead;
border:none;
outline: none;
background: white;
width: 100%;
text-align: left;
}
:host([hidden]), .paper-item[hidden] {
display: none !important;
}
:host(.iron-selected), .paper-item.iron-selected {
font-weight: var(--paper-item-selected-weight, bold);
@apply --paper-item-selected;
}
:host([disabled]), .paper-item[disabled] {
color: var(--paper-item-disabled-color, var(--disabled-text-color));
@apply --paper-item-disabled;
}
:host(:focus), .paper-item:focus {
position: relative;
outline: 0;
@apply --paper-item-focused;
}
:host(:focus):before, .paper-item:focus:before {
@apply --layout-fit;
background: currentColor;
content: '';
opacity: var(--dark-divider-opacity);
pointer-events: none;
@apply --paper-item-focused-before;
}
</style>
</template>
</dom-module><dom-module id="shared-styles">
<template>
<style>
/* CSS reset */
html,
body,
button,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
border: 0;
box-sizing: border-box;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
*::after,
*::before {
box-sizing: border-box;
}
a {
color: var(--link-color);
}
textarea,
select,
button {
font: inherit;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
iron-icon {
color: var(--deemphasized-text-color);
vertical-align: top;
--iron-icon-height: 20px;
--iron-icon-width: 20px;
}
/* Stopgap solution until we remove hidden$ attributes. */
:host([hidden]),
[hidden] {
display: none !important;
}
.separator {
border-left: 1px solid var(--border-color);
height: 20px;
margin: 0 8px;
}
.separator.transparent {
border-color: transparent;
}
/**
* TODO: Remove these rules and change (plugin) users to rely on
* gr-spinner-styles directly.
*/
/** BEGIN: loading spiner */
.loadingSpin {
border: 2px solid var(--disabled-button-background-color);
border-top: 2px solid var(--primary-button-background-color);
border-radius: 50%;
width: 10px;
height: 10px;
animation: spin 2s linear infinite;
margin-right: var(--spacing-s);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/** END: loading spiner */
</style>
</template>
</dom-module>
<custom-style>
<style is="custom-style">html {
--shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;
--shadow-none_-_box-shadow: none;;
--shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12),
0 3px 1px -2px rgba(0, 0, 0, 0.2);;
--shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
0 1px 8px 0 rgba(0, 0, 0, 0.12),
0 3px 3px -2px rgba(0, 0, 0, 0.4);;
--shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
0 1px 10px 0 rgba(0, 0, 0, 0.12),
0 2px 4px -1px rgba(0, 0, 0, 0.4);;
--shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
0 1px 18px 0 rgba(0, 0, 0, 0.12),
0 3px 5px -1px rgba(0, 0, 0, 0.4);;
--shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
0 3px 14px 2px rgba(0, 0, 0, 0.12),
0 5px 5px -3px rgba(0, 0, 0, 0.4);;
--shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
0 4px 22px 3px rgba(0, 0, 0, 0.12),
0 6px 7px -4px rgba(0, 0, 0, 0.4);;
--shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
0 6px 30px 5px rgba(0, 0, 0, 0.12),
0 8px 10px -5px rgba(0, 0, 0, 0.4);;
--shadow-elevation-24dp_-_box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
0 9px 46px 8px rgba(0, 0, 0, 0.12),
0 11px 15px -7px rgba(0, 0, 0, 0.4);;
}
</style>
</custom-style>
<dom-module id="paper-material-styles">
<template>
<style>
html {
--paper-material: {
display: block;
position: relative;
};
--paper-material-elevation-1: {
@apply --shadow-elevation-2dp;
};
--paper-material-elevation-2: {
@apply --shadow-elevation-4dp;
};
--paper-material-elevation-3: {
@apply --shadow-elevation-6dp;
};
--paper-material-elevation-4: {
@apply --shadow-elevation-8dp;
};
--paper-material-elevation-5: {
@apply --shadow-elevation-16dp;
};
}
.paper-material {
@apply --paper-material;
}
.paper-material[elevation="1"] {
@apply --paper-material-elevation-1;
}
.paper-material[elevation="2"] {
@apply --paper-material-elevation-2;
}
.paper-material[elevation="3"] {
@apply --paper-material-elevation-3;
}
.paper-material[elevation="4"] {
@apply --paper-material-elevation-4;
}
.paper-material[elevation="5"] {
@apply --paper-material-elevation-5;
}
/* Duplicate the styles because of https://github.com/webcomponents/shadycss/issues/193 */
:host {
--paper-material: {
display: block;
position: relative;
};
--paper-material-elevation-1: {
@apply --shadow-elevation-2dp;
};
--paper-material-elevation-2: {
@apply --shadow-elevation-4dp;
};
--paper-material-elevation-3: {
@apply --shadow-elevation-6dp;
};
--paper-material-elevation-4: {
@apply --shadow-elevation-8dp;
};
--paper-material-elevation-5: {
@apply --shadow-elevation-16dp;
};
}
:host(.paper-material) {
@apply --paper-material;
}
:host(.paper-material[elevation="1"]) {
@apply --paper-material-elevation-1;
}
:host(.paper-material[elevation="2"]) {
@apply --paper-material-elevation-2;
}
:host(.paper-material[elevation="3"]) {
@apply --paper-material-elevation-3;
}
:host(.paper-material[elevation="4"]) {
@apply --paper-material-elevation-4;
}
:host(.paper-material[elevation="5"]) {
@apply --paper-material-elevation-5;
}
</style>
</template>
</dom-module><dom-module id="gr-spinner-styles">
<template>
<style>
.loadingSpin {
border: 2px solid var(--disabled-button-background-color);
border-top: 2px solid var(--primary-button-background-color);
border-radius: 50%;
width: 10px;
height: 10px;
animation: spin 2s linear infinite;
margin-right: var(--spacing-s);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</template>
</dom-module><dom-module id="gr-voting-styles">
<template>
<style>
.voteChip {
border: 1px solid var(--border-color);
/* max rounded */
border-radius: 1em;
box-shadow: none;
box-sizing: border-box;
min-width: 3em;
color: var(--vote-text-color);
}
</style>
</template>
</dom-module><dom-module id="gr-font-styles">
<template>
<style>
.font-normal {
font-size: var(--font-size-normal);
font-weight: var(--font-weight-normal);
line-height: var(--line-height-normal);
}
.font-small {
font-size: var(--font-size-small);
font-weight: var(--font-weight-normal);
line-height: var(--line-height-small);
}
.heading-1 {
font-family: var(--header-font-family);
font-size: var(--font-size-h1);
font-weight: var(--font-weight-h1);
line-height: var(--line-height-h1);
}
.heading-2 {
font-family: var(--header-font-family);
font-size: var(--font-size-h2);
font-weight: var(--font-weight-h2);
line-height: var(--line-height-h2);
}
.heading-3 {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
}
.heading-4 {
font-family: var(--header-font-family);
font-size: var(--font-size-normal);
font-weight: var(--font-weight-h4);
line-height: var(--line-height-normal);
}
strong {
font-weight: var(--font-weight-bold);
}
</style>
</template>
</dom-module><dom-module id="gr-form-styles">
<template>
<style>
.gr-form-styles input {
background-color: var(--view-background-color);
color: var(--primary-text-color);
font: inherit;
}
.gr-form-styles select {
background-color: var(--select-background-color);
color: var(--primary-text-color);
}
.gr-form-styles h1,
.gr-form-styles h2 {
margin-bottom: var(--spacing-s);
}
.gr-form-styles h4 {
font-weight: var(--font-weight-bold);
}
.gr-form-styles fieldset {
border: none;
margin-bottom: var(--spacing-xxl);
}
.gr-form-styles section {
display: flex;
margin: var(--spacing-s) 0;
min-height: 2em;
}
.gr-form-styles section * {
vertical-align: middle;
}
.gr-form-styles .title,
.gr-form-styles .value {
display: inline-block;
}
.gr-form-styles .title {
color: var(--deemphasized-text-color);
font-weight: var(--font-weight-bold);
padding-right: var(--spacing-m);
width: 15em;
}
.gr-form-styles th {
color: var(--deemphasized-text-color);
text-align: left;
vertical-align: bottom;
}
.gr-form-styles td,
.gr-form-styles tfoot th {
padding: var(--spacing-s) 0;
vertical-align: middle;
}
.gr-form-styles .emptyHeader {
text-align: right;
}
.gr-form-styles table {
width: 50em;
}
.gr-form-styles th:first-child,
.gr-form-styles td:first-child {
width: 15em;
}
.gr-form-styles th:first-child input,
.gr-form-styles td:first-child input {
width: 14em;
}
.gr-form-styles input:not([type='checkbox']),
.gr-form-styles select,
.gr-form-styles textarea {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
padding: var(--spacing-s);
}
.gr-form-styles td:last-child {
width: 5em;
}
.gr-form-styles th:last-child gr-button,
.gr-form-styles td:last-child gr-button {
width: 100%;
}
.gr-form-styles iron-autogrow-textarea {
height: auto;
min-height: 4em;
}
.gr-form-styles gr-autocomplete {
width: 14em;
}
@media only screen and (max-width: 40em) {
.gr-form-styles section {
margin-bottom: var(--spacing-l);
}
.gr-form-styles .title,
.gr-form-styles .value {
display: block;
}
.gr-form-styles table {
width: 100%;
}
}
</style>
</template>
</dom-module><dom-module id="form-styles">
<template>
<style>
.gr-form-styles input {
background-color: var(--view-background-color);
color: var(--primary-text-color);
font: inherit;
}
.gr-form-styles select {
background-color: var(--select-background-color);
color: var(--primary-text-color);
}
.gr-form-styles h1,
.gr-form-styles h2 {
margin-bottom: var(--spacing-s);
}
.gr-form-styles h4 {
font-weight: var(--font-weight-bold);
}
.gr-form-styles fieldset {
border: none;
margin-bottom: var(--spacing-xxl);
}
.gr-form-styles section {
display: flex;
margin: var(--spacing-s) 0;
min-height: 2em;
}
.gr-form-styles section * {
vertical-align: middle;
}
.gr-form-styles .title,
.gr-form-styles .value {
display: inline-block;
}
.gr-form-styles .title {
color: var(--deemphasized-text-color);
font-weight: var(--font-weight-bold);
padding-right: var(--spacing-m);
width: 15em;
}
.gr-form-styles th {
color: var(--deemphasized-text-color);
text-align: left;
vertical-align: bottom;
}
.gr-form-styles td,
.gr-form-styles tfoot th {
padding: var(--spacing-s) 0;
vertical-align: middle;
}
.gr-form-styles .emptyHeader {
text-align: right;
}
.gr-form-styles table {
width: 50em;
}
.gr-form-styles th:first-child,
.gr-form-styles td:first-child {
width: 15em;
}
.gr-form-styles th:first-child input,
.gr-form-styles td:first-child input {
width: 14em;
}
.gr-form-styles input:not([type='checkbox']),
.gr-form-styles select,
.gr-form-styles textarea {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
padding: var(--spacing-s);
}
.gr-form-styles td:last-child {
width: 5em;
}
.gr-form-styles th:last-child gr-button,
.gr-form-styles td:last-child gr-button {
width: 100%;
}
.gr-form-styles iron-autogrow-textarea {
height: auto;
min-height: 4em;
}
.gr-form-styles gr-autocomplete {
width: 14em;
}
@media only screen and (max-width: 40em) {
.gr-form-styles section {
margin-bottom: var(--spacing-l);
}
.gr-form-styles .title,
.gr-form-styles .value {
display: block;
}
.gr-form-styles table {
width: 100%;
}
}
</style>
</template>
</dom-module>
<dom-module id="gr-table-styles">
<template>
<style>
.genericList {
background-color: var(--background-color-primary);
border-collapse: collapse;
width: 100%;
}
.genericList th,
.genericList td {
padding: var(--spacing-m) 0;
vertical-align: middle;
}
.genericList tr {
border-bottom: 1px solid var(--border-color);
}
.genericList tr:hover {
background-color: var(--hover-background-color);
}
.genericList th {
white-space: nowrap;
}
.genericList th,
.genericList td {
padding-right: var(--spacing-l);
}
.genericList tr th:first-of-type,
.genericList tr td:first-of-type {
padding-left: var(--spacing-l);
}
.genericList tr:first-of-type {
border-top: 1px solid var(--border-color);
}
.genericList tr th:last-of-type,
.genericList tr td:last-of-type {
border-left: 1px solid var(--border-color);
text-align: center;
padding-left: var(--spacing-l);
}
.genericList tr th.delete,
.genericList tr td.delete {
padding-top: 0;
padding-bottom: 0;
}
.genericList tr th.delete,
.genericList tr td.delete,
.genericList tr.loadingMsg td,
.genericList tr.groupHeader td {
border-left: none;
}
.genericList .loading {
border: none;
display: none;
}
.genericList td {
flex-shrink: 0;
}
.genericList .topHeader,
.genericList .groupHeader {
color: var(--primary-text-color);
font-weight: var(--font-weight-bold);
text-align: left;
vertical-align: middle;
}
.genericList .groupHeader {
background-color: var(--background-color-secondary);
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
}
.genericList a {
color: var(--primary-text-color);
text-decoration: none;
}
.genericList a:hover {
text-decoration: underline;
}
.genericList .description {
width: var(--generic-list-description-width, 99%);
}
.genericList .loadingMsg {
color: var(--deemphasized-text-color);
display: block;
padding: var(--spacing-s) var(--spacing-l);
}
.genericList .loadingMsg:not(.loading) {
display: none;
}
</style>
</template>
</dom-module>
<dom-module id="gr-modal-styles">
<template>
<style>
dialog {
padding: 0;
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
background: var(--dialog-background-color);
box-shadow: var(--elevation-level-5);
/*
* These styles are taken from main.css
* Dialog exists in the top-layer outside the body hence the styles
* in main.css were not being applied.
*/
font-family: var(--font-family, ''), 'Roboto', Arial, sans-serif;
font-size: var(--font-size-normal, 1rem);
line-height: var(--line-height-normal, 1.4);
color: var(--primary-text-color, black);
}
dialog::backdrop {
background-color: black;
opacity: var(--modal-opacity, 0.6);
}
</style>
</template>
</dom-module>
<custom-style>
<style is="custom-style">html {
--paper-input-container-shared-input-style_-_position: relative; --paper-input-container-shared-input-style_-_outline: none; --paper-input-container-shared-input-style_-_box-shadow: none; --paper-input-container-shared-input-style_-_padding: 0; --paper-input-container-shared-input-style_-_margin: 0; --paper-input-container-shared-input-style_-_width: 100%; --paper-input-container-shared-input-style_-_max-width: 100%; --paper-input-container-shared-input-style_-_background: transparent; --paper-input-container-shared-input-style_-_border: none; --paper-input-container-shared-input-style_-_color: var(--paper-input-container-input-color, var(--primary-text-color)); --paper-input-container-shared-input-style_-_-webkit-appearance: none; --paper-input-container-shared-input-style_-_text-align: apply-shim-inherit; --paper-input-container-shared-input-style_-_vertical-align: var(--paper-input-container-input-align, bottom); --paper-input-container-shared-input-style_-_font-family: var(--paper-font-subhead_-_font-family); --paper-input-container-shared-input-style_-_-webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); --paper-input-container-shared-input-style_-_font-size: var(--paper-font-subhead_-_font-size); --paper-input-container-shared-input-style_-_font-weight: var(--paper-font-subhead_-_font-weight); --paper-input-container-shared-input-style_-_line-height: var(--paper-font-subhead_-_line-height);;
}
</style>
</custom-style>
<dom-module id="gr-subpage-styles">
<template>
<style>
.main {
margin: var(--spacing-l);
}
.loading {
display: none;
}
#loading.loading {
display: block;
}
#loading:not(.loading) {
display: none;
}
</style>
</template>
</dom-module>
<dom-module id="gr-menu-page-styles">
<template>
<style>
:host {
display: block;
}
.main {
margin: var(--spacing-xxl) auto;
max-width: 50em;
}
.mainHeader {
margin-left: 14em;
padding: var(--spacing-l) 0 var(--spacing-l) var(--spacing-xxl);
}
.main.table,
.mainHeader {
margin-top: 0;
margin-right: 0;
margin-left: 14em;
max-width: none;
}
h2.edited:after {
color: var(--deemphasized-text-color);
content: ' *';
}
.loading {
color: var(--deemphasized-text-color);
padding: var(--spacing-l);
}
@media only screen and (max-width: 70em) {
.main {
margin: var(--spacing-xxl) 0 var(--spacing-xxl) 15em;
}
.main.table {
margin-left: 14em;
}
}
@media only screen and (max-width: 53em) {
.loading {
padding: 0 var(--spacing-l);
}
.main {
margin: var(--spacing-xxl) var(--spacing-l);
}
.main.table {
margin: 0;
}
.mainHeader {
margin-left: 0;
padding: var(--spacing-m) 0 var(--spacing-m) var(--spacing-l);
}
}
</style>
</template>
</dom-module>
<dom-module id="gr-hovercard-styles">
<template>
<style>
:host {
position: absolute;
display: none;
z-index: 200;
max-width: 600px;
outline: none;
}
:host(.hovered) {
display: block;
}
:host(.hide) {
visibility: hidden;
}
/* You have to use a <div class="container"> in your hovercard in order
to pick up this consistent styling. */
#container {
background: var(--dialog-background-color);
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
box-shadow: var(--elevation-level-5);
}
</style>
</template>
</dom-module><iron-iconset-svg name="paper-tabs" size="24" style="display: none;">
<svg><defs>
<g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g>
<g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></g>
</defs></svg>
</iron-iconset-svg><dom-module id="gr-paper-styles">
<template>
<style>
paper-toggle-button {
--paper-toggle-button-checked-bar-color: var(--link-color);
--paper-toggle-button-checked-button-color: var(--link-color);
}
/* prettier formatter removes semi-colons after css mixins. */
/* prettier-ignore */
paper-tabs {
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
--paper-font-common-base: {
font-family: var(--header-font-family);
-webkit-font-smoothing: initial;
};
--paper-tab-content: {
margin-bottom: var(--spacing-s);
};
--paper-tab-content-focused: {
/* paper-tabs uses 700 here, which can look awkward */
font-weight: var(--font-weight-h3);
background: var(--gray-background-focus);
};
--paper-tab-content-unselected: {
/* paper-tabs uses 0.8 here, but we want to control the color directly */
opacity: 1;
color: var(--deemphasized-text-color);
};
}
paper-tab:focus {
padding-left: 0px;
padding-right: 0px;
}
</style>
</template>
</dom-module><dom-module id="gr-page-nav-styles">
<template>
<style>
.navStyles ul {
padding: var(--spacing-l) 0;
}
.navStyles li {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
display: block;
padding: 0 var(--spacing-xl);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navStyles li a {
display: block;
/* overflow and text-overflow are not inherited, must repeat them */
overflow: hidden;
text-overflow: ellipsis;
}
.navStyles .subsectionItem {
padding-left: var(--spacing-xxl);
}
.navStyles .hideSubsection {
display: none;
}
.navStyles li.sectionTitle {
padding: 0 var(--spacing-xxl) 0 var(--spacing-l);
}
.navStyles li.sectionTitle:not(:first-child) {
margin-top: var(--spacing-l);
}
.navStyles .title {
font-weight: var(--font-weight-bold);
margin: var(--spacing-s) 0;
}
.navStyles .selected {
background-color: var(--view-background-color);
border-bottom: 1px solid var(--border-color);
border-top: 1px solid var(--border-color);
font-weight: var(--font-weight-bold);
}
.navStyles a {
color: var(--primary-text-color);
display: inline-block;
margin: var(--spacing-s) 0;
}
</style>
</template>
</dom-module><dom-module id="gr-syntax-theme">
<template>
<style>
.contentText {
color: var(--syntax-default-color);
}
.gr-syntax-attr {
color: var(--syntax-attr-color);
}
.gr-syntax-attribute {
color: var(--syntax-attribute-color);
}
.gr-syntax-built_in {
color: var(--syntax-built_in-color);
}
.gr-syntax-bullet {
color: var(--syntax-bullet-color);
}
.gr-syntax-code {
color: var(--syntax-code-color);
}
.gr-syntax-comment {
color: var(--syntax-comment-color);
}
.gr-syntax-doctag {
font-weight: var(--syntax-doctag-weight);
}
.gr-syntax-formula {
color: var(--syntax-formula-color);
}
.gr-syntax-function {
color: var(--syntax-function-color);
}
.gr-syntax-link {
color: var(--syntax-link-color);
}
.gr-syntax-literal {
/* XML/HTML Attribute */
color: var(--syntax-literal-color);
}
.gr-syntax-meta {
color: var(--syntax-meta-color);
}
.gr-syntax-meta-keyword {
color: var(--syntax-meta-keyword-color);
}
.gr-syntax-keyword,
.gr-syntax-name {
color: var(--syntax-keyword-color);
}
.gr-syntax-number {
color: var(--syntax-number-color);
}
.gr-syntax-params {
color: var(--syntax-params-color);
}
.gr-syntax-property {
color: var(--syntax-property-color);
}
.gr-syntax-quote {
color: var(--syntax-quote-color);
}
.gr-syntax-regexp {
color: var(--syntax-regexp-color);
}
.gr-syntax-section {
color: var(--syntax-section-color);
}
.gr-syntax-selector-attr {
color: var(--syntax-selector-attr-color);
}
.gr-syntax-selector-class {
color: var(--syntax-selector-class-color);
}
.gr-syntax-selector-id {
color: var(--syntax-selector-id-color);
}
.gr-syntax-selector-pseudo {
color: var(--syntax-selector-pseudo-color);
}
.gr-syntax-string {
color: var(--syntax-string-color);
}
.gr-syntax-strong {
color: var(--syntax-strong-color);
}
.gr-syntax-tag {
color: var(--syntax-tag-color);
}
.gr-syntax-template-tag {
color: var(--syntax-template-tag-color);
}
.gr-syntax-template-variable {
color: var(--syntax-template-variable-color);
}
.gr-syntax-title {
color: var(--syntax-title-color);
}
.gr-syntax-title.function_ {
color: var(--syntax-title-function-color);
}
.gr-syntax-type {
color: var(--syntax-type-color);
}
.gr-syntax-variable {
color: var(--syntax-variable-color);
}
.gr-syntax-variable.language_ {
color: var(--syntax-variable-language-color);
}
</style>
</template>
</dom-module><dom-module id="gr-ranged-comment-theme">
<template>
<style>
.rangeHighlight {
background-color: var(--diff-highlight-range-color);
}
.rangeHoverHighlight {
background-color: var(--diff-highlight-range-hover-color);
}
</style>
</template>
</dom-module><iron-iconset-svg name="paper-dropdown-menu" size="24" style="display: none;">
<svg><defs>
<g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g>
</defs></svg>
</iron-iconset-svg><dom-module id="paper-dropdown-menu-shared-styles">
<template>
<style>
:host {
display: inline-block;
position: relative;
text-align: left;
/* NOTE(cdata): Both values are needed, since some phones require the
* value to be `transparent`.
*/
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
--paper-input-container-input: {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
box-sizing: border-box;
cursor: pointer;
};
@apply --paper-dropdown-menu;
}
/* paper-dropdown-menu and paper-dropdown-menu-light both delegate focus
* to other internal elements which manage focus styling. */
:host(:focus) {
outline: none;
}
:host(:dir(rtl)) {
text-align: right;
@apply(--paper-dropdown-menu);
}
:host([disabled]) {
@apply --paper-dropdown-menu-disabled;
}
:host([noink]) paper-ripple {
display: none;
}
:host([no-label-float]) paper-ripple {
top: 8px;
}
paper-ripple {
top: 12px;
left: 0px;
bottom: 8px;
right: 0px;
@apply --paper-dropdown-menu-ripple;
}
paper-menu-button {
display: block;
padding: 0;
@apply --paper-dropdown-menu-button;
}
paper-input {
@apply --paper-dropdown-menu-input;
}
iron-icon {
color: var(--disabled-text-color);
@apply --paper-dropdown-menu-icon;
}
</style>
</template>
</dom-module><iron-iconset-svg name="gr-icons" size="24" style="display: none;">
<svg>
<defs>
<!-- This SVG is a copy from material.io https://fonts.google.com/icons?selected=Material+Icons&icon.query=swap_horiz-->
<g id="swapHoriz"><path d="M0 0h24v24H0z" fill="none"></path><path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"></path></g>
<!-- This SVG is a copy from material.io https://fonts.google.com/icons?selected=Material%20Icons%3Aplay_arrow-->
<g id="playArrow"><path d="M0 0h24v24H0z" fill="none"></path><path d="M8 5v14l11-7z"></path></g>
<!-- This SVG is a copy from material.io https://fonts.google.com/icons?selected=Material%20Icons%3Apause-->
<g id="pause"><path d="M0 0h24v24H0z" fill="none"></path><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"></path></g>
</defs>
</svg>
</iron-iconset-svg><dom-module id="gr-change-list-styles">
<template>
<style>
gr-change-list-item {
border-top: 1px solid var(--border-color);
}
gr-change-list-item[selected],
gr-change-list-item:focus {
background-color: var(--selection-background-color);
}
gr-change-list-item[highlight] {
background-color: var(--line-item-highlight-color);
}
gr-change-list-item[highlight][selected],
gr-change-list-item[highlight]:focus {
background-color: var(--line-item-highlight-selection-color);
}
.groupTitle td,
.cell {
vertical-align: middle;
}
.groupTitle td:not(.label):not(.endpoint):not(.star),
.cell:not(.label):not(.endpoint):not(.star) {
padding-right: 8px;
}
.groupTitle td {
color: var(--deemphasized-text-color);
text-align: left;
}
.groupHeader {
background-color: transparent;
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
}
.groupContent {
background-color: var(--background-color-primary);
box-shadow: var(--elevation-level-1);
}
.groupHeader a {
color: var(--primary-text-color);
text-decoration: none;
}
.groupHeader a:hover {
text-decoration: underline;
}
.groupTitle td,
.cell {
padding: var(--spacing-s) 0;
}
.groupHeader .cell {
padding-top: var(--spacing-l);
}
.star {
padding: 0 var(--spacing-s) 0 0;
}
.owner {
--account-max-length: 100px;
}
.branch,
.star,
.label,
.number,
.owner,
.updated,
.submitted,
.waiting,
.size,
.status,
.repo {
white-space: nowrap;
}
.leftPadding {
width: var(--spacing-l);
}
.reviewers div {
overflow: hidden;
}
.label,
.endpoint {
border-left: 1px solid var(--border-color);
}
.groupTitle td.label,
.label {
text-align: center;
width: 3rem;
}
.truncatedRepo {
display: none;
}
@media only screen and (max-width: 150em) {
.branch {
overflow: hidden;
max-width: 18rem;
text-overflow: ellipsis;
}
.truncatedRepo {
display: inline-block;
}
.fullRepo {
display: none;
}
}
@media only screen and (max-width: 100em) {
.branch {
max-width: 10rem;
}
}
@media only screen and (max-width: 50em) {
:host {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
}
gr-change-list-item {
flex-wrap: wrap;
justify-content: space-between;
padding: var(--spacing-xs) var(--spacing-m);
}
gr-change-list-item[selected],
gr-change-list-item:focus {
background-color: var(--view-background-color);
border: none;
border-top: 1px solid var(--border-color);
}
gr-change-list-item:hover {
background-color: var(--view-background-color);
}
.cell {
align-items: center;
display: flex;
}
.groupTitle,
.leftPadding,
.selection,
.status,
.repo,
.branch,
.updated,
.submitted,
.waiting,
.label,
.groupHeader .star,
.noChanges .star {
display: none;
}
.groupHeader .cell,
.noChanges .cell {
padding-left: var(--spacing-m);
}
.subject {
margin-bottom: var(--spacing-xs);
width: calc(100% - 2em);
}
.owner,
.size {
max-width: none;
}
.noChanges .cell {
display: block;
height: auto;
}
}
</style>
</template>
</dom-module><dom-module id="dashboard-header-styles">
<template>
<style>
:host {
background-color: var(--view-background-color);
display: block;
min-height: 9em;
width: 100%;
}
gr-avatar {
display: inline-block;
height: 7em;
left: 1em;
margin: 1em;
top: 1em;
width: 7em;
}
.info {
display: inline-block;
padding: var(--spacing-l);
vertical-align: top;
}
.info > div > span {
display: inline-block;
font-weight: var(--font-weight-bold);
width: 3.5em;
}
</style>
</template>
</dom-module><dom-module id="gr-a11y-styles">
<template>
<style>
.assistive-tech-only {
user-select: none;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
z-index: -1000;
}
</style>
</template>
</dom-module><dom-module id="gr-change-metadata-shared-styles">
<template>
<style>
section {
display: table-row;
}
section:not(:first-of-type) .title,
section:not(:first-of-type) .value {
padding-top: var(--spacing-s);
}
.title,
.value {
display: table-cell;
vertical-align: top;
}
.title {
color: var(--deemphasized-text-color);
max-width: 20em;
padding-left: var(--metadata-horizontal-padding);
padding-right: var(--metadata-horizontal-padding);
word-break: break-word;
}
</style>
</template>
</dom-module><dom-module id="gr-change-view-integration-shared-styles">
<template>
<style include="shared-styles">
/* Workaround for empty style block - see https://github.com/Polymer/tools/issues/408 */
</style>
<style>
:host {
border-top: 1px solid var(--border-color);
display: block;
}
.header {
color: var(--primary-text-color);
background-color: var(--table-header-background-color);
justify-content: space-between;
padding: var(--spacing-m) var(--spacing-l);
border-bottom: 1px solid var(--border-color);
}
.header .label {
font-family: var(--header-font-family);
font-size: var(--font-size-h3);
font-weight: var(--font-weight-h3);
line-height: var(--line-height-h3);
margin: 0 var(--spacing-l) 0 0;
}
.header .note {
color: var(--deemphasized-text-color);
}
.content {
background-color: var(--view-background-color);
}
.header a,
.content a {
color: var(--link-color);
}
</style>
</template>
</dom-module><dom-module id="gr-checks-styles">
<template>
<style>
gr-icon.error {
color: var(--error-foreground);
}
gr-icon.warning {
color: var(--warning-foreground);
}
gr-icon.info {
color: var(--info-foreground);
}
gr-icon.check_circle {
color: var(--success-foreground);
}
</style>
</template>
</dom-module><meta apply-shim-measure="" style="all: initial;"><title>status:open -is:wip ยท Gerrit Code Review</title></head><body>
<gr-app id="pg-app"></gr-app>
<script src="/elements/gr-app.js" crossorigin="anonymous"></script><script defer="" src="https://gerrit.twrp.me/plugins/codemirror-editor/static/codemirror_editor.js" crossorigin="anonymous"></script><script defer="" src="https://gerrit.twrp.me/plugins/delete-project/static/gr-delete-repo.js" crossorigin="anonymous"></script><iron-a11y-announcer></iron-a11y-announcer>
</body></html>