≡
by
noromanba
2016-01-11 [2016/01/11 02:53:00]
centering
@@ -2,7 +2,6 @@
* @title ≡
* @description centering
* @include http://*
- * @include https://*
* @license MIT License http://nrm.mit-license.org/2012
* @require
*/
@@ -20,11 +19,22 @@
};
})();
+ var createStyle = function (spec, sel) {
+ var s = [];
+ s = Object.keys(spec).map(function (prop) {
+ return (prop + ': ' + spec[prop] + ' !important; ');
+ });
+ s.unshift((sel || '*') + ' { ');
+ s.push('}');
+ return s.join('');
+ };
+
var rule = {
- old: 'body { width: 100%; margin: 0 auto; }',
- auto: 'body { margin-left: auto; margin-right: auto; }',
- fix: 'body { margin-left: 100px; margin-right: 100px; }'
+ old: { 'width': '100%', 'margin': '0 auto' },
+ aut: { 'margin-left': 'auto', 'margin-right': 'auto' },
+ pix: { 'margin-left': '100px','margin-right': '100px' },
+ rem: { 'margin-left': '5rem', 'margin-right': '5rem' }
};
- addStyle(rule.fix);
+ addStyle(createStyle(rule.rem, 'body'));
})();
/*
* @title ≡
* @description centering
* @include http://*
* @license MIT License http://nrm.mit-license.org/2012
* @require
*/
(function centering() {
var addStyle = (function cc() {
var parent = document.head || document.body || document.documentElement;
var style = document.createElement('style');
style.type = 'text/css';
style.dataset.letName = cc.arguments.callee.caller.name; //XXX
parent.appendChild(style);
return function (css) {
style.appendChild(document.createTextNode(css + '\n'));
};
})();
var createStyle = function (spec, sel) {
var s = [];
s = Object.keys(spec).map(function (prop) {
return (prop + ': ' + spec[prop] + ' !important; ');
});
s.unshift((sel || '*') + ' { ');
s.push('}');
return s.join('');
};
var rule = {
old: { 'width': '100%', 'margin': '0 auto' },
aut: { 'margin-left': 'auto', 'margin-right': 'auto' },
pix: { 'margin-left': '100px','margin-right': '100px' },
rem: { 'margin-left': '5rem', 'margin-right': '5rem' }
};
addStyle(createStyle(rule.rem, 'body'));
})();
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。