@@ -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 です。

History

  1. 2016/01/11 02:53:00 - 2016-01-11
  2. 2013/06/09 00:05:03 - 2013-06-09
  3. 2013/02/24 18:55:32 - 2013-02-24
  4. 2013/02/24 18:42:59 - 2013-02-24
  5. 2013/02/21 06:11:47 - 2013-02-21
  6. 2013/02/21 04:20:04 - 2013-02-21
  7. 2013/02/21 03:25:07 - 2013-02-21
  8. 2012/07/17 18:21:24 - 2012-07-17