1/**
2 * This file provides styles for modal dialogues.
3 */
4
5.dokuwiki .ui-widget {
6    font-size: 100%;
7    border-color: @ini_border;
8    padding: 0.5rem;
9}
10
11.ui-widget-header {
12    background: none;
13    background-color:@ini_background;
14    border: none;
15}
16
17.ui-dialog .ui-dialog-titlebar {
18    padding: 0.5rem 0.5rem;
19    border-radius: 0.25rem;
20}
21
22.ui-dialog .ui-dialog-titlebar:hover {
23    background-color: var(--color-dark-6);
24}
25
26.ui-dialog .ui-dialog-title {
27    color: var(--color-white);
28}
29
30/* link wizard (opens from the link button in the edit toolbar)
31********************************************************************/
32
33#link__wiz {
34    background-color: @ini_background;
35}
36
37[dir=rtl] #link__wiz_close {
38    float: left;
39}
40
41#link__wiz .ui-dialog-content div:first-child:not(.odd) {
42    color: var(--color-white);
43    padding: 0 0.5rem;
44}
45
46#link__wiz .ui-dialog-content div:first-child input:focus {
47    outline: none;
48}
49
50.ui-dialog .ui-dialog-titlebar-close {
51    right: 0.5rem;
52    background-color: transparent;
53    border: none;
54}
55
56.ui-button:hover .ui-dialog .ui-dialog-titlebar-close span,
57.ui-dialog .ui-dialog-titlebar-close span,
58.ui-button:hover .ui-icon {
59    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 6l-12 12" /><path d="M6 6l12 12" /></svg>');
60}
61
62.ui-button,
63.ui-button:hover {
64    background: none;
65    background-color: var(--color-dark-5);
66}
67
68#link__wiz_result {
69    background-color: var(--color-dark-6);
70    color: var(--color-dark-1);
71    width:  293px;
72    height: 193px;
73    overflow: auto;
74    border: 1px solid @ini_border;
75    text-align: left;
76    line-height: 1;
77    padding: 0.5rem;
78    border-radius: 0.25rem;
79    margin: 0.25rem 0.5rem;
80
81    font-style: italic;
82}
83[dir=rtl] #link__wiz_result {
84    text-align: right;
85}
86
87#link__wiz_result div {
88    padding: 0.5rem 0.25rem;
89    border-bottom: solid 1px @ini_border;
90    font-style: initial;
91}
92
93#link__wiz_result div a {
94    display: block;
95    padding-left: 22px;
96    min-height: 16px;
97    background: transparent 3px center no-repeat;
98    background-color: var(--color-dark-6);
99}
100[dir=rtl] #link__wiz_result div a {
101    padding: 3px 22px 3px 3px;
102    background-position: 257px 3px;
103}
104
105#link__wiz_result div.type_u a {
106    background-image: url(../../images/up.png);
107}
108#link__wiz_result div.type_f a {
109    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-filled" width="24" height="24" viewBox="3 0 32 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 2l.117 .007a1 1 0 0 1 .876 .876l.007 .117v4l.005 .15a2 2 0 0 0 1.838 1.844l.157 .006h4l.117 .007a1 1 0 0 1 .876 .876l.007 .117v9a3 3 0 0 1 -2.824 2.995l-.176 .005h-10a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-14a3 3 0 0 1 2.824 -2.995l.176 -.005h5z" stroke-width="0" fill="%234dabf7" /><path d="M19 7h-4l-.001 -4.001z" stroke-width="0" fill="%234dabf7" /></svg>')
110}
111#link__wiz_result div.type_d a {
112    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-box-seam" width="20" height="20" viewBox="3 0 24 24" stroke-width="1.5" stroke="%23ffe066" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l8 4.5v9l-8 4.5l-8 -4.5v-9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M8.2 9.8l7.6 -4.6" /><path d="M12 12v9" /><path d="M12 12l-8 -4.5" /></svg>');
113}
114
115/* #link__wiz_result div.even {
116    background-color: @ini_background_neu;
117} */
118
119#link__wiz_result div.selected {
120    background-color: @ini_background_alt;
121}
122
123#link__wiz_result span {
124    display: block;
125    color: @ini_text_neu;
126    margin-left: 22px;
127}
128
129
130/* media option wizard (opens when inserting media in the media popup)
131********************************************************************/
132
133#media__popup {
134    /* for backwards compatibility (not needed since Rincewind) */
135    display: none;
136}
137
138#media__popup_content p {
139    margin: 0 0 .5em;
140}
141
142#media__popup_content label {
143    margin-right: .5em;
144    cursor: default;
145}
146
147#media__popup_content button {
148    margin-right: 1px;
149    cursor: pointer;
150}
151