⭐ Sender Ⓜ⚫⚪⬛⬜◼◻◾◽▪▫ | BackYard

BackYard

Testing About Ameba Blog Page

 

Link Card Editor   // 400

 

        disp.innerHTML=
            '  ■ LinkCard Editor カード指定:Ctrl+Click 小型化と配置:'+
            '<span id="al">◀</span><span id="ac"> ▇ </span><span id="ar">▶</span>'+
            ' 背景色:<span id="lc_w"><span id="lc_color"> </span></span> '+
            '<input id="lc_trance" type="number" max="1" min="0.1" step="0.1" value="1">';

        let css=
            '#cke_1_contents { display: flex; flex-direction: column; } '+
            '#disp_le { margin: 0 0 5px; padding: 4px 0 1px; '+
            'font: normal 16px/24px Meiryo; color: #fff; background: #607d8b; } '+
            '#al, #ac, #ar { cursor: pointer; display: inline-block; line-height: 18px; '+
            'height: 16px; border: 1px solid #fff; border-radius: 2px; color: #eee; } '+
            '#al, #ar { padding: 0 2px; } '+
            '#ac { font-size: 14px; padding: 0 6px; margin: 0 2px; vertical-align: 1px; } '+
            '#lc_w { display: inline-block; width: 16px; height: 16px; overflow: hidden; '+
            'border: 1px solid #fff; background: #fff; vertical-align: -3px; } '+
            '#lc_color { cursor: pointer; background: #fff; } '+
            '#lc_trance { height: 22px; width: 15px; border: none; '+
            'vertical-align: 1px; background: transparent; color: transparent; }'+
            '#lc_trance::-webkit-inner-spin-button { opacity: 1; }';

 

 

 

 BR Checker+Outro Style ⭐    //  150

 

        let css_ext=
            '#cke_1_contents { display: flex; flex-direction: column; } '+
            '#disp_bt { display: block; margin: 0 0 5px; padding: 4px 0 1px; '+
            'font: 16px/24px Meiryo; color: #fff; background: red; position: relative; } '+
            '#sw_bc, #sw_os { margin-right: 2px; vertical-align: -1px; }'+
            '#add_n { position: absolute; top: 4px; width: 38px; height: 23px; '+
            'font-weight: bold; border: none; box-shadow: none; background: red; }';

 

 

 PreBox Tools ⭐ // 100

 

        let css_ext=
            '#cke_1_contents { display: flex; flex-direction: column; } '+
            '#disp_sf { display: none; margin: 0 0 5px; padding: 4px 0 1px; '+
            'font: 16px/24px Meiryo; color: #fff; background: #009688; white-space: nowrap; }';