File indexing completed on 2024-12-22 04:41:05
0001 <html id="html"><head> 0002 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 0003 <title>%SITE-TITLE%</title> 0004 0005 <style type="text/css" media="screen"> 0006 html { 0007 background: url("%IMG_BACKGROUND%") no-repeat center center, url("qrc:html/sd_bg.svg"); 0008 background-size: %B_SIZE%; 0009 background-attachment: fixed; 0010 } 0011 0012 body { 0013 font-family: sans-serif; 0014 color: #eaeaea; 0015 direction: %DIRECTION%; 0016 } 0017 0018 ::-webkit-scrollbar { 0019 width: 12px; 0020 } 0021 0022 ::-webkit-scrollbar-track { 0023 border-radius: 12px; 0024 -webkit-box-shadow: inset 0 0 6px rgba(0,175,255, 0.5); 0025 } 0026 0027 ::-webkit-scrollbar-thumb { 0028 background: rgba(0,175,255, 0.1); 0029 border-radius: 10px; 0030 -webkit-box-shadow: inset 0 0 6px rgba(255,255,255, 0.5); 0031 } 0032 0033 ::-webkit-scrollbar-thumb:hover { 0034 background: rgba(0,175,255, 0.6) 0035 } 0036 0037 body * { 0038 -webkit-user-select: none; 0039 font-size: 100%; 0040 line-height: 1.6; 0041 margin: 0; 0042 } 0043 0044 .add { 0045 %RIGHT_STR%: 6px; 0046 background: url(qrc:html/plus.svg); 0047 height: 32px; 0048 outline: none; 0049 position: fixed; 0050 bottom: 10px; 0051 width: 32px; 0052 } 0053 0054 .sett { 0055 %RIGHT_STR%: 6px; 0056 background: url(qrc:html/configure.svg); 0057 height: 32px; 0058 outline: none; 0059 position: fixed; 0060 top: 10px; 0061 width: 32px; 0062 } 0063 0064 .add:hover { 0065 background-color: rgba(0,0,0, 0.5); 0066 box-shadow: 0 0 1px 2px rgba(0,175,255, 0.5); 0067 cursor: pointer; 0068 } 0069 0070 .sett:hover { 0071 background-color: rgba(0,0,0, 0.5); 0072 box-shadow: 0 0 1px 2px rgba(0,175,255, 0.5); 0073 cursor: pointer; 0074 } 0075 0076 #quickdial { 0077 outline: none; 0078 margin: auto; 0079 text-align: center; 0080 } 0081 0082 #quickdial div.entry { 0083 background-color: rgba(0,0,0, 0.4); 0084 position: relative; 0085 float: %LEFT_STR%; 0086 margin: 5px; 0087 border-radius: 1px; 0088 border: 1px solid rgba(0,0,0, 0.3); 0089 background-clip: padding-box; 0090 } 0091 0092 #quickdial div.entry:hover { 0093 box-shadow: 0 0 0 2px rgba(0,175,255, 0.5); 0094 } 0095 0096 #quickdial img { 0097 display: block; 0098 margin: auto; 0099 border-radius: 0px 0px 0 0; 0100 } 0101 0102 #quickdial img[src="%LOADING-IMG%"]{ 0103 margin: 10% auto auto auto; 0104 height: 66%; 0105 width: 44%; 0106 } 0107 0108 #quickdial img[src="" visibility: hidden; 0109 ] { 0110 } 0111 0112 #quickdial a { 0113 position: absolute; 0114 %LEFT_STR%: 0; 0115 top: 0; 0116 width: 100%; 0117 height: 87%; 0118 } 0119 0120 span.boxTitle { 0121 width: 80%; 0122 position: absolute; 0123 %LEFT_STR%: 0; 0124 bottom: 0px; 0125 margin: 0 10%; 0126 text-align: center; 0127 overflow: hidden; 0128 white-space: nowrap; 0129 text-overflow: ellipsis; 0130 cursor: default; 0131 } 0132 0133 span.edit, span.close, span.reload { 0134 width: 9%; 0135 height: 13%; 0136 position: absolute; 0137 background-position: center; 0138 background-repeat: no-repeat; 0139 display: none; 0140 min-width: 16px; 0141 min-height: 16px; 0142 } 0143 0144 span.edit { 0145 %LEFT_STR%: 1px; 0146 bottom: 1px; 0147 background: url(qrc:html/edit.svg); 0148 } 0149 0150 span.close { 0151 %RIGHT_STR%: 1px; 0152 bottom: 1px; 0153 background: url(qrc:html/close.svg); 0154 } 0155 0156 span.reload { 0157 %RIGHT_STR%: 1px; 0158 top: 1px; 0159 background: url(qrc:html/reload.svg); 0160 } 0161 0162 span.edit:hover { 0163 background: url(qrc:html/edit_active.svg); 0164 } 0165 0166 span.reload:hover { 0167 background: url(qrc:html/reload_active.svg); 0168 } 0169 0170 span.close:hover { 0171 background: url(qrc:html/close_active.svg) 0172 } 0173 0174 div.entry:hover .edit, div.entry:hover .close, div.entry:hover .reload { 0175 display: inline; 0176 } 0177 0178 #overlay-edit { 0179 outline: none; 0180 width: 500px; 0181 height: auto; 0182 max-height: 120%; 0183 margin-%LEFT_STR%: auto; 0184 margin-%RIGHT_STR%: auto; 0185 margin-top: 5%; 0186 background-color: rgba(0,0,0, 0.6); 0187 border-radius: 1px; 0188 border: 1px solid rgba(0,0,0, 0.8); 0189 box-shadow: 0 0 0 1px rgba(255,255,255, 0.6); 0190 padding: 15px; 0191 padding-bottom: 0; 0192 overflow-x: hidden; 0193 overflow-y: auto; 0194 } 0195 0196 #overlay-edit img { 0197 display: block; 0198 margin-%LEFT_STR%: auto; 0199 margin-%RIGHT_STR%: auto; 0200 max-width: 100%; 0201 max-height: auto; 0202 } 0203 0204 #overlay-edit img[src="%LOADING-IMG%"] { 0205 width: 54px; 0206 height: 55px; 0207 } 0208 0209 #overlay-edit .buttonbox input { 0210 margin-%RIGHT_STR%: 0; 0211 margin-%LEFT_STR%: 3px; 0212 } 0213 0214 #overlay-edit table { 0215 width: 100%; 0216 margin-%LEFT_STR%: auto; 0217 margin-%RIGHT_STR%: auto; 0218 } 0219 0220 #overlay-edit table input[type="text"] { 0221 width: 100%; 0222 -webkit-user-select: auto; 0223 background-color: #eeeeee; 0224 border-radius: 1px; 0225 } 0226 0227 #settingsBox { 0228 outline: none; 0229 margin-%LEFT_STR%: auto; 0230 margin-%RIGHT_STR%: auto; 0231 margin-top: 1%; 0232 width: 365px; 0233 max-width: 377px; 0234 height: auto; 0235 max-height: 120%; 0236 overflow-y: auto; 0237 overflow-x: hidden; 0238 padding: 15px 20px 0; 0239 background-color: rgba(0,0,0, 0.6); 0240 border-radius: 1px; 0241 border: 1px solid rgba(0,0,0, 0.8); 0242 } 0243 0244 #settingsBox .content { 0245 margin-%LEFT_STR%: auto; 0246 margin-%RIGHT_STR%: auto; 0247 padding-bottom: 5px; 0248 border-bottom: 1px solid #888888; 0249 text-align: center; 0250 } 0251 0252 #settingsBox .thumbhold { 0253 margin-%LEFT_STR%: auto; 0254 margin-%RIGHT_STR%: auto; 0255 margin-bottom: 5px; 0256 border-radius: 1px; 0257 text-align: center; 0258 width: 360px; 0259 height: 200px; 0260 background: #aaaaaa; 0261 } 0262 0263 #settingsBox .thumbhold p { 0264 padding: 0; 0265 background: rgba(0,0,0, 0.4); 0266 url("%IMG_BACKGROUND%") no-repeat center center; 0267 background-size: %B_SIZE%; 0268 width: 358px; 0269 height: 198px; 0270 border-radius: 1px; 0271 position: relative; 0272 %LEFT_STR%: 1px; 0273 top: 1px; 0274 line-height: 198px; 0275 cursor: default; 0276 } 0277 0278 #settingsBox p label { 0279 margin: 2px; 0280 padding: 1px; 0281 text-align: center; 0282 } 0283 0284 #settingsBox p select { 0285 margin: 2px; 0286 padding: 1px; 0287 text-align: center; 0288 width: auto; 0289 } 0290 0291 #settingsBox p select option { 0292 text-align: center; 0293 } 0294 0295 #settingsBox .togop { 0296 margin-bottom: 1px; 0297 padding-bottom: 2px; 0298 } 0299 0300 #settingsBox .button { 0301 margin: 5px; 0302 padding: 1px; 0303 text-align:center; 0304 width: 98%; 0305 } 0306 0307 #settingsBox .rowsel { 0308 margin: 2px; 0309 padding: 3px 0; 0310 border-bottom: 1px solid rgba(135,135,135, 1.0); 0311 } 0312 0313 #settingsBox .rowsel input { 0314 background-color: rgba(0,0,0, 0.4); 0315 text-align: center; 0316 width: 80%; 0317 height: 12px; 0318 margin: 0; 0319 padding-bottom: 0; 0320 } 0321 0322 #settingsBox .rowsel span { 0323 font-weight: bold; 0324 text-align: center; 0325 margin: 2px; 0326 margin-%RIGHT_STR%: 7px; 0327 display: inline-block; 0328 width: 25px; 0329 } 0330 0331 #ImgSelector { 0332 position:relative; 0333 z-index: 1; 0334 margin-top: 10px; 0335 margin-bottom: 10px; 0336 width: 360px; 0337 height: 200px; 0338 text-shadow: 1px 1px 2px #000000, 0 0 1em #000000; 0339 } 0340 0341 #ImgSelectorMenu { 0342 position:relative; 0343 z-index: 2; 0344 bottom: 115px; 0345 right: -120px; 0346 text-shadow: 1px 1px 2px #000000, 0 0 1em #000000; 0347 } 0348 0349 #ImgSelectorToggle { 0350 position:relative; 0351 z-index: 2; 0352 left: 10px; 0353 bottom: 210px; 0354 text-shadow: 1px 1px 2px #000000, 0 0 1em #000000; 0355 } 0356 0357 .buttonbox { 0358 margin-bottom: 10px; 0359 text-align: %RIGHT_STR%; 0360 } 0361 0362 .overlay { 0363 background: rgba(128,128,128, 0.8); 0364 background: -webkit-radial-gradient(rgba(127,127,127, 0.5), rgba(127,127,127, 0.5) 35%, rgba(0,0,0, 0.7)); 0365 bottom: 0; 0366 %LEFT_STR%: 0; 0367 padding: 20px; 0368 padding-bottom: 130px; 0369 position: fixed; 0370 %RIGHT_STR%: 0; 0371 top: 0; 0372 } 0373 0374 input[type=button], select { 0375 padding: 0px; 0376 margin: 5px; 0377 outline: none; 0378 background: rgba(0,0,0, 0.8); 0379 box-shadow: 0 0 1px 2px rgba(255,255,255, 0.5); 0380 border: 6px; 0381 border-radius: 2px; 0382 color: #eaeaea; 0383 width: 135px; 0384 height: 32px; 0385 font-weight: bold; 0386 } 0387 0388 input[type=button]:hover, input[type=text]:hover, select:hover { 0389 box-shadow: 0 0 1px 2px rgba(0,175,255, 0.8); 0390 background: rgba(0,175,255, 0.3); 0391 transition: 0.1s; 0392 cursor: pointer; 0393 } 0394 0395 input[type=button]:active, select:active { 0396 background: rgba(90,165,255, 0.8); 0397 box-shadow: 0 0 1px 2px rgba(0,175,255, 0.8); 0398 } 0399 0400 input[type=text] { 0401 padding: 5px; 0402 margin: 5px; 0403 width: 100%; 0404 background-color: rgba(0,0,0, 0.6) !important; 0405 outline: none; 0406 box-shadow: 0 0 1px 2px rgba(255,255,255, 0.5); 0407 border: 6px; 0408 border-radius: 2px; 0409 color: rgba(234,234,234, 1.0); 0410 width: 135px; 0411 height: 32px; 0412 } 0413 0414 input[type=range] { 0415 height: 26px; 0416 -webkit-appearance: none; 0417 margin: 10px 0; 0418 width: 115%; 0419 } 0420 0421 input[type=range]:focus { 0422 outline: none; 0423 } 0424 0425 input[type=range]::-webkit-slider-runnable-track { 0426 width: 115%; 0427 height: 20px; 0428 cursor: pointer; 0429 background: rgba(80,85,90, 1.0); 0430 border-radius: 14px; 0431 } 0432 0433 input[type=range]::-webkit-slider-thumb { 0434 box-shadow: none; 0435 border: none; 0436 height: 20px; 0437 width: 40px; 0438 border-radius: 12px; 0439 background: rgba(0,175,255, 1.0); 0440 cursor: pointer; 0441 -webkit-appearance: none; 0442 } 0443 input[type=range]:focus::-webkit-slider-runnable-track { 0444 background: rgba(80,85,90, 1.0); 0445 } 0446 0447 input[type=range]:disabled::-webkit-slider-thumb, 0448 input[type=range]:disabled:hover::-webkit-slider-thumb { 0449 -webkit-box-shadow: inset 0 0 6px rgba(255,255,255, 0.5); 0450 background: rgba(0,0,0, 0.0); 0451 color: #f00; 0452 } 0453 0454 input[type=checkbox] { 0455 visibility: hidden; 0456 } 0457 0458 .checkbox { 0459 width: 340px; 0460 margin: 20px 3px; 0461 position: relative; 0462 } 0463 0464 .checkbox label { 0465 position: absolute; 0466 width: 25px; 0467 height: 25px; 0468 top: 0; 0469 left: 0; 0470 box-shadow: 0 0 1px 2px rgba(255,255,255, 0.5); 0471 border: 1px; 0472 border-radius: 2px; 0473 background: #111111; 0474 } 0475 0476 .checkbox label:hover { 0477 box-shadow: 0 0 1px 2px rgba(0,175,255, 0.8); 0478 transition: 0.2s; 0479 cursor: pointer; 0480 } 0481 0482 .checkbox label:after { 0483 opacity: 0.1; 0484 content: ''; 0485 position: absolute; 0486 width: 9px; 0487 height: 5px; 0488 background: transparent; 0489 top: 6px; 0490 left: 7px; 0491 border: 3px solid #dddddd; 0492 border-top: none; 0493 border-right: none; 0494 transform: rotate(-45deg); 0495 } 0496 0497 .checkbox label:hover::after { 0498 opacity: 0.3; 0499 } 0500 0501 .checkbox input[type=checkbox]:checked + label:after { 0502 opacity: 1; 0503 } 0504 0505 </style> 0506 </head> 0507 0508 <body> 0509 0510 <p hidden id="script-data" 0511 data-img-background="%IMG_BACKGROUND%" 0512 data-url-background="%URL_BACKGROUND%" 0513 data-loading-image="%LOADING-IMG%" 0514 data-left-str="%LEFT_STR%" 0515 data-b-size="%B_SIZE%" 0516 data-cancel="%CANCEL%" 0517 data-url="%URL%" 0518 data-title="%TITLE%" 0519 data-edit="%APPLY%"; 0520 data-new-page="%NEW-PAGE%" 0521 data-title-edit="%TITLE-EDIT%" 0522 data-title-remove="%TITLE-REMOVE%" 0523 data-title-reload="%TITLE-RELOAD%" 0524 data-title-fetch-title="%TITLE-FETCHTITLE%" 0525 data-title-warn="%TITLE-WARN%" 0526 data-title-warn-rel="%TITLE-WARN-REL%" 0527 data-max-pages-row="%ROW-PAGES%" 0528 data-dial-width="%SD-SIZE%" 0529 data-sd-center="%SD-CENTER%" 0530 data-initial-script='%INITIAL-SCRIPT%' 0531 data-lock-dials='%LOCK-DIALS%'> 0532 </p> 0533 0534 <noscript>%JAVASCRIPT-DISABLED%</noscript> 0535 0536 <div id="quickdial"> 0537 </div> 0538 0539 <a id="button-configure-speed-dial" title="%SETTINGS-TITLE%" class="sett"></a> 0540 <a id="button-add-speed-dial" title="%ADD-TITLE%" class="add"></a> 0541 0542 <div id="fadeOverlay2" class="overlay" style="display:none;"> 0543 <div id="settingsBox"> 0544 <div class="checkbox"> 0545 <input type="checkbox" id="SdCntrToggle" name="sdcntrt"/> 0546 <label for="SdCntrToggle"></label> %TXT_CNTRDLS% 0547 </div> 0548 <div class="checkbox"> 0549 <input type="checkbox" id="SdLockDials"/> 0550 <label for="SdLockDials"></label> %TXT_LOCKDIALS% 0551 </div> 0552 <div class="togop"> 0553 <p align="center"><label for="PgInRow">%TXT_NRROWS%</label></p> 0554 </div> 0555 <div class="rowsel"> 0556 <span id="sliderValuePg"></span> 0557 <input id="PgInRow" type="range" min="2" max="10" step="1" /> 0558 </div> 0559 <div class="checkbox"> 0560 <input type="checkbox" id="SdSizeToggle" name="sdsizet" /> 0561 <label for="SdSizeToggle"></label> %TXT_SDSIZE% 0562 </div> 0563 <div class="rowsel"> 0564 <div id="SdSizeStateColor"> 0565 <span id="sliderValueSd" color="#f00"></span> 0566 <input id="SdSize" type="range" min="100" max="500" step="1" /> 0567 </div> 0568 </div> 0569 <div id="ImgSelector"> 0570 <div id="BgImgSel" class="thumbhold" disabled="disabled"><p id="thumb">%TXT_SELECTIMAGE%</p> 0571 </div> 0572 <p> 0573 <input id="BgImgHold" type="hidden" value="%IMG_BACKGROUND%" /> 0574 <input id="BgImgHoldUrl" type="hidden" value="%URL_BACKGROUND%" /> 0575 </p> 0576 <div class="checkbox" id="ImgSelectorToggle"> 0577 <input type="checkbox" id="BgImgToggle" name="sdbackimg" /> 0578 <label for="BgImgToggle"></label> %TXT_NOTE% 0579 </div> 0580 <div id="ImgSelectorMenu"> 0581 <label for="BgImgSelSiz">%TXT_PLACEMENT%</label> 0582 <select id="BgImgSelSiz" name="imgselsize"> 0583 <option value="contain"> %TXT_FIT%</option> 0584 <option value="auto"> %TXT_AUTO%</option> 0585 <option value="cover"> %TXT_COVER%</option> 0586 <option value="100% auto"> %TXT_FWIDTH%</option> 0587 <option value="auto 100%"> %TXT_FHEIGHT%</option> 0588 </select> 0589 </div> 0590 </div> 0591 <div class="buttonbox"> 0592 <input id="button-cancel" type="button" value=" %CANCEL% " /> 0593 <input id="button-apply" type="button" value=" %APPLY% " > 0594 </div> 0595 </div> 0596 </div> 0597 </body> 0598 0599 </html>