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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%TXT_CNTRDLS%
0547     </div>
0548     <div class="checkbox">
0549         <input type="checkbox" id="SdLockDials"/>
0550         <label for="SdLockDials"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;%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">&nbsp;&nbsp;%TXT_FIT%</option>
0584                 <option value="auto">&nbsp;&nbsp;%TXT_AUTO%</option>
0585                 <option value="cover">&nbsp;&nbsp;%TXT_COVER%</option>
0586                 <option value="100% auto">&nbsp;&nbsp;%TXT_FWIDTH%</option>
0587                 <option value="auto 100%">&nbsp;&nbsp;%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>