Adds a fixed header element for use by other scripts
Verzia zo dňa
Tento skript by nemal byť nainštalovaný priamo. Je to knižnica pre ďalšie skripty, ktorú by mali používať cez meta príkaz // @require https://update.greasyfork.org/scripts/18233/160521/Window%20floating%20container.js
// ==UserScript==
// @name Window floating container
// @version 1.1.1
// @description Adds a fixed header element for use by other scripts
// @author @_jnblog
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js
// @grant GM_addStyle
// @grant GM_getValue
// @grant GM_setValue
// ==/UserScript==
/* jshint -W097 */
/* global $ */
/* jshint asi: true, multistr: true */
'use strict'
var ijgFloater = $('#ijgWindowFloater')
if (!ijgFloater.length) {
GM_addStyle('#ijgWindowFloater {\
position: fixed;\
top: 32px;\
left: 0;\
z-index: 2000;\
color: white;\
background-color: #EB6841;\
}\
#ijgWindowFloater a {\
color: white !important;\
padding: 5px;\
display: inline-block;\
}\
#ijgWindowFloater a:hover {\
color: #FAF667 !important;\
}\
.ijgWindowFloater-item {\
vertical-align: middle;\
}\
.ijg-is-closed .ijgWindowFloater-item {\
display: none;\
}\
.ijgWindowFloater-item + .ijgWindowFloater-item {\
padding-left: 1em;\
}\
.ijgWindowFloater-toggle {\
padding: 0;\
top: -1px;\
left: -22px;\
box-shadow: inset 0 0 0 32px;\
-webkit-transform-origin: right;\
-ms-transform-origin: right;\
transform-origin: right;\
transform: rotate(180deg);\
display: inline-block;\
vertical-align: middle;\
position: relative;\
font-style: normal;\
color: transparent;\
text-align: left;\
text-indent: -9999px;\
direction: ltr;\
box-sizing: border-box;\
border: 2px solid white;\
transition: all .2s;\
border-radius: 50%;\
width: 24px;\
height: 24px;\
margin: 2px;\
background-color: transparent;\
}\
.ijgWindowFloater-toggle:before,\
.ijgWindowFloater-toggle:after {\
content: "";\
width: 14px;\
height: 2px;\
position: absolute;\
bottom: 0;\
margin: auto 0;\
box-shadow: inset 0 0 0 32px;\
-webkit-transform-origin: right;\
-ms-transform-origin: right;\
transform-origin: right;\
pointer-events: none;\
width: 9px;\
right: 6px;\
color: white;\
}\
.ijgWindowFloater-toggle:before {\
top: 2px;\
-webkit-transform: rotate(45deg);\
-ms-transform: rotate(45deg);\
transform: rotate(45deg);\
}\
.ijgWindowFloater-toggle:after {\
top: 0;\
-webkit-transform: rotate(-45deg);\
-ms-transform: rotate(-45deg);\
transform: rotate(-45deg);\
}\
.ijg-is-closed .ijgWindowFloater-toggle:before {\
top: 12px;\
right: 7px;\
}\
.ijg-is-closed .ijgWindowFloater-toggle:after {\
top: -10px;\
right: 7px;\
}')
ijgFloater = $('<div id="ijgWindowFloater">')
$('body').prepend(ijgFloater)
function getFloater() {
return ijgFloater
}
$('<i class="ijgWindowFloater-toggle">')
.appendTo(ijgFloater)
.on('click', function() {
$('#ijgWindowFloater').toggleClass('ijg-is-closed')
GM_setValue('ijgWindowFloater-closed', $('#ijgWindowFloater').hasClass('ijg-is-closed'))
})
var isClosed = GM_getValue('ijgWindowFloater-closed')
if (isClosed || typeof ijgWindowFloater-closed === 'undefined') {
$('#ijgWindowFloater').addClass('ijg-is-closed')
}
}