blob: 20cb248bfa2d595f0ad01c00f9e6d00768d5c829 [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
Adrià Vilanova Martínez96ae96f2022-10-17 23:50:36 +020020.TWPT-badge :is(.material-icon-i, md-icon) {
avm9996306167752020-09-08 00:50:36 +020021 font-size: var(--icon-size, 16px);
22}
23
avm99963f5923962020-12-07 16:44:37 +010024.TWPT-btn--with-badge {
25 position: relative;
Adrià Vilanova Martínez1e10d192021-12-31 16:01:13 +010026 padding: 0 4px 4px 0;
avm99963f5923962020-12-07 16:44:37 +010027 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
Adrià Vilanova Martínez1f652522021-10-14 00:23:23 +020045/* Unified profiles "previous posts" link badge */
46.TWPT-user-link .TWPT-badge {
47 display: inline-flex;
48 margin: 4px;
49}
50
51.TWPT-user-link {
52 text-decoration: none!important;
53}
54
55.TWPT-user-link:hover span {
56 text-decoration: underline!important;
57}
58
avm99963f5923962020-12-07 16:44:37 +010059.TWPT-dialog {
60 display: block!important;
61 width: 600px;
62 max-width: 100%;
63 padding: 16px 0;
64 background: white;
65 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);
66}
67
68.TWPT-dialog-header {
69 padding: 24px 24px 0;
70 width: 100%;
71 box-sizing: border-box;
72}
73
74.TWPT-dialog-header--title {
75 color: #202124;
76 font-family: 'Google Sans', sans-serif;
77 font-size: 22px;
78 font-weight: 400;
79 line-height: 24px;
80 margin-bottom: 4px;
81 text-align: center;
82}
83
84.TWPT-dialog-main {
85 font-size: 13px;
86 font-weight: 400;
87 color: rgba(0, 0, 0, .87);
88 overflow: auto;
89 padding: 0 24px;
90}
91
92.TWPT-dialog-footer {
93 padding: 0 24px;
94}
95
96.TWPT-dialog-footer.is-hidden {
97 display: none;
98}
99
100.TWPT-dialog-footer-btn {
101 display: inline-block;
102 float: right;
103 position: relative;
104 height: 36px;
105 min-width: 64px;
106 margin: 0 4px;
107 cursor: pointer;
108}
109
110.TWPT-dialog-footer-btn:hover::after {
111 content: "";
112 display: block;
113 position: absolute;
114 top: 0;
115 right: 0;
116 bottom: 0;
117 left: 0;
118 background-color: currentColor;
119 outline: 2px solid transparent;
120 opacity: .12;
121 border-radius: inherit;
122 pointer-events: none;
123}
124
125.TWPT-dialog-footer-btn:not(.is-disabled) {
126 color: #1a73e8!important;
127}
128
129.TWPT-dialog-footer-btn.is-disabled {
130 color: #5f6368!important;
131 cursor: not-allowed;
132}
133
134.TWPT-dialog-footer-btn--content {
135 line-height: 36px;
136 text-align: center;
137}
138
139.TWPT-log {
140 max-height: 300px;
141 padding: 0 8px;
142 margin-bottom: 8px;
143 overflow-y: auto;
144 background-color: #e0e0e0;
145}
146
147.TWPT-log-entry {
148 font-family: 'Roboto Mono', 'Courier New', monospace;
149}
150
151.TWPT-log-entry.TWPT-log-entry--error {
152 color: #ff1744;
153}
avm99963c93d6c72021-05-29 12:54:34 +0200154
155/*
156 * Fix for the headers' right controls so the dark theme switch has space and
157 * doesn't overlap the search bar.
158 **/
159.material-content > header .right-control {
160 width: auto!important;
161 max-width: 252px!important;
162}