| author | ymh <ymh.work@gmail.com> |
| Fri, 05 Sep 2025 18:52:52 +0200 | |
| changeset 22 | 8c2e4d02f4ef |
| parent 18 | be944660c56a |
| permissions | -rw-r--r-- |
| 0 | 1 |
#TB_overlay { |
| 5 | 2 |
background: #000; |
3 |
opacity: 0.7; |
|
4 |
filter: alpha(opacity=70); |
|
| 0 | 5 |
position: fixed; |
| 5 | 6 |
top: 0; |
7 |
right: 0; |
|
8 |
bottom: 0; |
|
9 |
left: 0; |
|
10 |
z-index: 100050; /* Above DFW. */ |
|
| 0 | 11 |
} |
12 |
||
13 |
#TB_window { |
|
14 |
position: fixed; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
15 |
background-color: #fff; |
| 5 | 16 |
z-index: 100050; /* Above DFW. */ |
| 0 | 17 |
visibility: hidden; |
| 5 | 18 |
text-align: left; |
19 |
top: 50%; |
|
20 |
left: 50%; |
|
21 |
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
|
22 |
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
|
| 0 | 23 |
} |
24 |
||
25 |
#TB_window img#TB_Image { |
|
| 5 | 26 |
display: block; |
| 0 | 27 |
margin: 15px 0 0 15px; |
28 |
border-right: 1px solid #ccc; |
|
29 |
border-bottom: 1px solid #ccc; |
|
30 |
border-top: 1px solid #666; |
|
31 |
border-left: 1px solid #666; |
|
32 |
} |
|
33 |
||
34 |
#TB_caption{ |
|
| 5 | 35 |
height: 25px; |
36 |
padding: 7px 30px 10px 25px; |
|
37 |
float: left; |
|
| 0 | 38 |
} |
39 |
||
| 5 | 40 |
#TB_closeWindow { |
41 |
height: 25px; |
|
42 |
padding: 11px 25px 10px 0; |
|
43 |
float: right; |
|
| 0 | 44 |
} |
45 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
46 |
#TB_closeWindowButton { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
47 |
position: absolute; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
48 |
left: auto; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
49 |
right: 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
50 |
width: 29px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
51 |
height: 29px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
52 |
border: 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
53 |
padding: 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
54 |
background: none; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
55 |
cursor: pointer; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
56 |
outline: none; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
57 |
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
58 |
transition: color .1s ease-in-out, background .1s ease-in-out; |
| 0 | 59 |
} |
60 |
||
| 5 | 61 |
#TB_ajaxWindowTitle { |
62 |
float: left; |
|
63 |
font-weight: 600; |
|
64 |
line-height: 29px; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
65 |
overflow: hidden; |
| 5 | 66 |
padding: 0 29px 0 10px; |
67 |
text-overflow: ellipsis; |
|
68 |
white-space: nowrap; |
|
69 |
width: calc( 100% - 39px ); |
|
| 0 | 70 |
} |
71 |
||
| 5 | 72 |
#TB_title { |
73 |
background: #fcfcfc; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
74 |
border-bottom: 1px solid #ddd; |
| 5 | 75 |
height: 29px; |
| 0 | 76 |
} |
77 |
||
| 5 | 78 |
#TB_ajaxContent { |
79 |
clear: both; |
|
80 |
padding: 2px 15px 15px 15px; |
|
81 |
overflow: auto; |
|
82 |
text-align: left; |
|
83 |
line-height: 1.4em; |
|
| 0 | 84 |
} |
85 |
||
| 5 | 86 |
#TB_ajaxContent.TB_modal { |
87 |
padding: 15px; |
|
| 0 | 88 |
} |
89 |
||
| 5 | 90 |
#TB_ajaxContent p { |
91 |
padding: 5px 0px 5px 0px; |
|
92 |
} |
|
93 |
||
94 |
#TB_load { |
|
| 0 | 95 |
position: fixed; |
| 5 | 96 |
display: none; |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
97 |
z-index: 100050; |
| 0 | 98 |
top: 50%; |
99 |
left: 50%; |
|
100 |
background-color: #E8E8E8; |
|
101 |
border: 1px solid #555; |
|
| 5 | 102 |
margin: -45px 0 0 -125px; |
| 0 | 103 |
padding: 40px 15px 15px; |
104 |
} |
|
105 |
||
| 5 | 106 |
#TB_HideSelect { |
107 |
z-index: 99; |
|
108 |
position: fixed; |
|
| 0 | 109 |
top: 0; |
110 |
left: 0; |
|
| 5 | 111 |
background-color: #fff; |
112 |
border: none; |
|
113 |
filter: alpha(opacity=0); |
|
| 0 | 114 |
opacity: 0; |
| 5 | 115 |
height: 100%; |
116 |
width: 100%; |
|
| 0 | 117 |
} |
118 |
||
| 5 | 119 |
#TB_iframeContent { |
120 |
clear: both; |
|
121 |
border: none; |
|
| 0 | 122 |
} |
123 |
||
124 |
.tb-close-icon { |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
125 |
display: block; |
| 5 | 126 |
color: #666; |
127 |
text-align: center; |
|
128 |
line-height: 29px; |
|
129 |
width: 29px; |
|
130 |
height: 29px; |
|
131 |
position: absolute; |
|
132 |
top: 0; |
|
133 |
right: 0; |
|
| 0 | 134 |
} |
135 |
||
| 5 | 136 |
.tb-close-icon:before { |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
137 |
content: "\f158"; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
138 |
font: normal 20px/29px dashicons; |
| 18 | 139 |
speak: never; |
| 5 | 140 |
-webkit-font-smoothing: antialiased; |
141 |
-moz-osx-font-smoothing: grayscale; |
|
142 |
} |
|
143 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
144 |
#TB_closeWindowButton:hover .tb-close-icon, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
145 |
#TB_closeWindowButton:focus .tb-close-icon { |
| 16 | 146 |
color: #006799; |
| 5 | 147 |
} |
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
148 |
|
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
149 |
#TB_closeWindowButton:focus .tb-close-icon { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
150 |
-webkit-box-shadow: |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
151 |
0 0 0 1px #5b9dd9, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
152 |
0 0 2px 1px rgba(30, 140, 190, .8); |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
153 |
box-shadow: |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
154 |
0 0 0 1px #5b9dd9, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
155 |
0 0 2px 1px rgba(30, 140, 190, .8); |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
156 |
} |