≡

by noromanba 2016-01-11 [2016/01/11 02:53:00]

centering

• /*
   * @title ≡
   * @description centering
   * @include http://*
   * @include https://*
   * @license MIT License http://nrm.mit-license.org/2012
   * @javascript_url
   */
  
  // TBD main content detection
  // c.f. https://github.com/hatena/extract-content-javascript
  
  // tiny ver.
  // http://let.hatelabo.jp/noromanba/let/hLHX8--x5Ok9
  
  (function centering() {
      var addStyle = (function createContainer() {
          var parent = document.head || document.body || document.documentElement;
          var style = document.createElement('style');
          style.type = 'text/css';
          style.dataset.letName = createContainer.arguments.callee.caller.name; // XXX
          parent.appendChild(style);
  
          return function (css) {
              style.appendChild(document.createTextNode(css + '\n'));
          };
      })();
  
      var createStyle = function (spec, selector) {
          var s = [];
          s = Object.keys(spec).map(function (prop) {
              return (prop + ': ' + spec[prop] + ' !important; ');
          });
          s.unshift((selector || '*') + ' { ');
          s.push('}');
          return s.join('');
      };
  
      addStyle(createStyle({
          'margin-left' : 'auto',
          'margin-right': 'auto',
          'max-width'   : '80%',
          'min-width'   : '640px'
      }, 'body'));
  })();
  
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。