Files
chrome-extensions-samples/api-samples/identity/style.css
ljjlee db2d231476 Add sample Identity API extension (#1432)
* Initial copy of _archive/apps/samples/identity

* Modify to run be an extension rather than a Chrome App.

* Update extension to manifest v3

* Update README

* Remove references to chrome://identity-internals

* Use Promises rather than callbacks

See https://developer.chrome.com/docs/extensions/develop/migrate/api-calls#replace-callbacks

* Apply code-review markups.

* Apply more code-review markups

* Format with prettier

* Use Promise.catch instead of runtime.lastError

* Update screenshot

---------

Co-authored-by: Oliver Dunk <oliverdunk@google.com>
2025-03-20 14:17:39 +00:00

99 lines
1.7 KiB
CSS

html, body {
margin: 0;
font-family: 'Open Sans Regular', sans;
color: #666;
background: #fafafa;
}
.header {
text-align: center;
padding: 10px 0 10px 0;
}
.header hr {
height: 6px;
border: none;
margin-top: 20px;
background: -webkit-linear-gradient(0deg,
rgb(51,105,232) 0%,
rgb(51,105,232) 25%,
rgb(222,30,37) 25%,
rgb(222,30,37) 50%,
rgb(255, 210, 0) 50%,
rgb(255, 210, 0) 75%,
rgb(76,187,71) 75%,
rgb(76,187,71) 100%
);
}
.header .links * {
margin-left: 5px;
}
.header .links a {
color: #666;
}
.header:hover .links a {
color: #3399cc;
}
.flows h2 {
margin-left: 5px;
margin-bottom: 10px;
}
.flow {
margin: 10px 20px 20px 20px;
border: 1px solid #ddd;
padding: 8px;
background: white;
}
.flow button {
cursor: pointer;
background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
border: 1px solid #076bd2;
text-shadow: 1px 1px 1px #076bd2;
color: white;
font-weight: 700;
font-size: 13px;
margin: .5em 0 1em;
padding: 8px 17px 8px 17px;
border-radius: 3px;
}
.flow button.error {
background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
border: 1px solid #076bd2;
text-shadow: 1px 1px 1px #076bd2;
color: white;
font-weight: 700;
font-size: 13px;
margin: .5em 0 1em;
padding: 8px 17px 8px 17px;
border-radius: 3px;
}
.flow button:disabled {
background: -webkit-linear-gradient(top, #dcdcdc 0, #fafafa 100%);
color: #999;
text-shadow: 1px 1px 1px #fafafa;
border: 1px solid #ddd;
cursor: auto;
}
.log {
margin: 10px 20px 20px 20px;
}
.log textarea {
width: 100%;
min-height: 200px;
font-family: "Courier New", Courier, monospace;
margin: 2px;
background: #FFFFFF;
color: #727272;
border: 1px solid rgb(182, 182, 182);
}