2 Copyright (c) 2013 The Chromium Authors. All rights reserved.
3 Use of this source code is governed by a BSD-style license that can be
4 found in the LICENSE file.
7 <template id="overlay-template">
15 font-family: sans-serif;
16 -webkit-justify-content: center;
17 background: rgba(0, 0, 0, 0.8);
18 display: -webkit-flex;
28 overlay-vertical-centering-container {
29 -webkit-justify-content: center;
30 -webkit-flex-direction: column;
31 display: -webkit-flex;
35 background: rgb(255, 255, 255);
36 border: 1px solid #ccc;
38 display: -webkit-flex;
39 -webkit-flex-direction: column;
42 -webkit-align-items: center;
43 -webkit-flex-direction: row;
44 border-bottom: 1px solid #ccc;
45 background-color: #ddd;
46 display: -webkit-flex;
48 -webkit-flex: 0 0 auto;
54 -webkit-flex: 1 1 auto;
57 -webkit-align-self: flex-end;
58 border: 1px solid #eee;
59 background-color: #999;
67 background-color: #ddd;
72 display: -webkit-flex;
73 -webkit-flex: 1 1 auto;
74 -webkit-flex-direction: column;
80 -webkit-flex-direction: row;
81 border-top: 1px solid #ccc;
82 display: -webkit-flex;
84 -webkit-align-items: baseline;
85 -webkit-flex: 0 0 auto;
87 button-bar > padding {
89 -webkit-flex: 1 1 auto;
91 button-bar > left-buttons,
92 button-bar > right-buttons {
93 display: -webkit-flex;
94 -webkit-flex-direction: row;
99 <overlay-vertical-centering-container>
103 <close-button>✕</close-button>
109 <left-buttons></left-buttons>
111 <right-buttons></right-buttons>
114 </overlay-vertical-centering-container>