| Index: chrome/browser/resources/settings/bluetooth_page/bluetooth_dialog_shared_css.html
|
| diff --git a/chrome/browser/resources/settings/bluetooth_page/bluetooth_dialog_shared_css.html b/chrome/browser/resources/settings/bluetooth_page/bluetooth_dialog_shared_css.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..7275d22ca99b067f095aa9db4214e80c46f48acb
|
| --- /dev/null
|
| +++ b/chrome/browser/resources/settings/bluetooth_page/bluetooth_dialog_shared_css.html
|
| @@ -0,0 +1,93 @@
|
| +<dom-module id="bluetooth-dialog-shared">
|
| + <template>
|
| + <style>
|
| + #dialogOuterDiv {
|
| + margin-bottom: 16px;
|
| + }
|
| +
|
| + #dialogHeaderDiv {
|
| + height: 40px;
|
| + margin: 0 5px 10px;
|
| + }
|
| +
|
| + #dialogFooterDiv {
|
| + height: 40px;
|
| + margin: 0 20px;
|
| + }
|
| +
|
| + #dialogMessage {
|
| + margin-bottom: 10px;
|
| + }
|
| +
|
| + #dialogTitle {
|
| + font-size: 125%;
|
| + margin: 0 10px;
|
| + }
|
| +
|
| + #dialogDeviceList {
|
| + -webkit-margin-start: 4px;
|
| + height: 210px;
|
| + margin-bottom: 20px;
|
| + overflow-y: auto;
|
| + }
|
| +
|
| + #pairing {
|
| + margin-bottom: 10px;
|
| + }
|
| +
|
| + #pairing paper-input {
|
| + text-align: center;
|
| + }
|
| +
|
| + #pinDiv {
|
| + margin-top: 10px;
|
| + }
|
| +
|
| + iron-selector {
|
| + width: 100%;
|
| + }
|
| +
|
| + paper-spinner {
|
| + height: 20px;
|
| + margin: 0 10px;
|
| + width: 20px;
|
| + }
|
| +
|
| + /* .display indicates a displayed pin code or passkey. */
|
| + span.display {
|
| + border: 1px solid #ccc;
|
| + border-radius: 4px;
|
| + box-shadow: 0 0 0 1px #222;
|
| + color: #222;
|
| + font-size: 16px;
|
| + height: 38px;
|
| + line-height: 38px;
|
| + margin: 0 5px;
|
| + padding: 0 15px;
|
| + text-align: center;
|
| + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
| + }
|
| +
|
| + span.display.next {
|
| + background: rgb(77, 144, 254);
|
| + border: 2px solid rgb(77, 144, 254);
|
| + box-shadow: none;
|
| + color: #fff;
|
| + }
|
| +
|
| + span.display.untyped {
|
| + border: 1px solid #d4d4d4;
|
| + box-shadow: 0 0 0 1px #888;
|
| + color: #666;
|
| + }
|
| +
|
| + /* .confirm indicates a confirmation passkey. */
|
| + span.confirm {
|
| + color: #999;
|
| + font-size: 20px;
|
| + font-weight: 600; /* semibold */
|
| + margin: 0 20px;
|
| + }
|
| + </style>
|
| + </template>
|
| +</dom-module>
|
|
|