blob: 2eba28f7815ecf32a0c4006e748b043c0cd9d5fa [file] [log] [blame]
avm9996306167752020-09-08 00:50:36 +02001.TWPT-badge {
2 width: calc(18/13*var(--icon-size, 16px));
3 height: calc(18/13*var(--icon-size, 16px));
4 border-radius: 50%;
5
6 display: flex;
7 flex-direction: row;
8 flex-wrap: wrap;
9 justify-content: center;
10 align-content: center;
11 align-items: center;
12
13 background-color: #009688;
14 color: #fff;
15 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22), 0 2px 2px 0 rgba(0, 0, 0, 0.12);
16
17 user-select: none;
18}
19
20.TWPT-badge .material-icon-i {
21 font-size: var(--icon-size, 16px);
22}
23
avm99963f5923962020-12-07 16:44:37 +010024.TWPT-btn--with-badge {
25 position: relative;
26 padding: 4px;
27 cursor: pointer;
28}
29
30.TWPT-btn--with-badge .content {
31 padding: 8px;
32}
33
34.TWPT-btn--with-badge .TWPT-badge {
35 --icon-size: 13px;
36 position: absolute;
37 bottom: 6px;
38 right: 5px;
39}
40
41.TWPT-dark-theme {
42 padding: 4px 8px!important;
43}
44
avm9996306167752020-09-08 00:50:36 +020045.TWPT-previous-posts {
46 display: flex;
47 flex-direction: row;
48 align-items: center;
49}
50
51.TWPT-previous-posts .TWPT-badge {
52 --icon-size: 18px;
53 margin-right: 8px;
54}
avm99963f5923962020-12-07 16:44:37 +010055
56.TWPT-dialog {
57 display: block!important;
58 width: 600px;
59 max-width: 100%;
60 padding: 16px 0;
61 background: white;
62 box-shadow: 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12), 0 11px 15px -7px rgba(0,0,0,.2);
63}
64
65.TWPT-dialog-header {
66 padding: 24px 24px 0;
67 width: 100%;
68 box-sizing: border-box;
69}
70
71.TWPT-dialog-header--title {
72 color: #202124;
73 font-family: 'Google Sans', sans-serif;
74 font-size: 22px;
75 font-weight: 400;
76 line-height: 24px;
77 margin-bottom: 4px;
78 text-align: center;
79}
80
81.TWPT-dialog-main {
82 font-size: 13px;
83 font-weight: 400;
84 color: rgba(0, 0, 0, .87);
85 overflow: auto;
86 padding: 0 24px;
87}
88
89.TWPT-dialog-footer {
90 padding: 0 24px;
91}
92
93.TWPT-dialog-footer.is-hidden {
94 display: none;
95}
96
97.TWPT-dialog-footer-btn {
98 display: inline-block;
99 float: right;
100 position: relative;
101 height: 36px;
102 min-width: 64px;
103 margin: 0 4px;
104 cursor: pointer;
105}
106
107.TWPT-dialog-footer-btn:hover::after {
108 content: "";
109 display: block;
110 position: absolute;
111 top: 0;
112 right: 0;
113 bottom: 0;
114 left: 0;
115 background-color: currentColor;
116 outline: 2px solid transparent;
117 opacity: .12;
118 border-radius: inherit;
119 pointer-events: none;
120}
121
122.TWPT-dialog-footer-btn:not(.is-disabled) {
123 color: #1a73e8!important;
124}
125
126.TWPT-dialog-footer-btn.is-disabled {
127 color: #5f6368!important;
128 cursor: not-allowed;
129}
130
131.TWPT-dialog-footer-btn--content {
132 line-height: 36px;
133 text-align: center;
134}
135
136.TWPT-log {
137 max-height: 300px;
138 padding: 0 8px;
139 margin-bottom: 8px;
140 overflow-y: auto;
141 background-color: #e0e0e0;
142}
143
144.TWPT-log-entry {
145 font-family: 'Roboto Mono', 'Courier New', monospace;
146}
147
148.TWPT-log-entry.TWPT-log-entry--error {
149 color: #ff1744;
150}
avm99963c93d6c72021-05-29 12:54:34 +0200151
152/*
153 * Fix for the headers' right controls so the dark theme switch has space and
154 * doesn't overlap the search bar.
155 **/
156.material-content > header .right-control {
157 width: auto!important;
158 max-width: 252px!important;
159}