☰

Javascript-css beautify</span></td>

Beautify and syntax highlight javascript/css source code</span></td>

目前为 2016-01-11 提交的版本。查看 最新版本。

  1.  
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <html lang="en" class="">
  6.   <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#">
  7.     <meta charset='utf-8'>
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     <meta http-equiv="Content-Language" content="en">
  10.     <meta name="viewport" content="width=1020">
  11.     
  12.     
  13.     <title>Userscript/Javascript-Css_beautify.user.js at master · baivong/Userscript · GitHub</title>
  14.     <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
  15.     <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
  16.     <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png">
  17.     <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
  18.     <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png">
  19.     <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
  20.     <meta property="fb:app_id" content="1401488693436528">
  21.  
  22.       <meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="baivong/Userscript" name="twitter:title" /><meta content="Contribute to Userscript development by creating an account on GitHub." name="twitter:description" /><meta content="https://avatars3.githubusercontent.com/u/5460915?v=3&amp;s=400" name="twitter:image:src" />
  23.       <meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars3.githubusercontent.com/u/5460915?v=3&amp;s=400" property="og:image" /><meta content="baivong/Userscript" property="og:title" /><meta content="https://github.com/baivong/Userscript" property="og:url" /><meta content="Contribute to Userscript development by creating an account on GitHub." property="og:description" />
  24.       <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
  25.     <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
  26.     <link rel="assets" href="https://assets-cdn.github.com/">
  27.     
  28.     <meta name="pjax-timeout" content="1000">
  29.     
  30.  
  31.     <meta name="msapplication-TileImage" content="/windows-tile.png">
  32.     <meta name="msapplication-TileColor" content="#ffffff">
  33.     <meta name="selected-link" value="repo_source" data-pjax-transient>
  34.  
  35.     <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
  36.     <meta name="google-analytics" content="UA-3769691-2">
  37.  
  38. <meta content="collector.githubapp.com" name="octolytics-host" /><meta content="github" name="octolytics-app-id" /><meta content="4247FA1B:62B7:2BAFD43:56937C3E" name="octolytics-dimension-request_id" />
  39. <meta content="/&lt;user-name&gt;/&lt;repo-name&gt;/blob/show" data-pjax-transient="true" name="analytics-location" />
  40. <meta content="Rails, view, blob#show" data-pjax-transient="true" name="analytics-event" />
  41.  
  42.  
  43.   <meta class="js-ga-set" name="dimension1" content="Logged Out">
  44.  
  45.  
  46.  
  47.         <meta name="hostname" content="github.com">
  48.     <meta name="user-login" content="">
  49.  
  50.         <meta name="expected-hostname" content="github.com">
  51.  
  52.       <link rel="mask-icon" href="https://assets-cdn.github.com/pinned-octocat.svg" color="#4078c0">
  53.       <link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
  54.  
  55.     <meta content="96cf4bf07ab4915fa42c117aeed365de3300179f" name="form-nonce" />
  56.  
  57.     <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github-2cd8e7b7c650541e94a142c9c10fb231b81455e1777c62510eb9b3402cc220b3.css" media="all" rel="stylesheet" />
  58.     <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github2-ceee0e6040d1030b365b8e3d7b8253580a1b367dd5a04caac69de46b320ad095.css" media="all" rel="stylesheet" />
  59.     
  60.     
  61.  
  62.  
  63.     <meta http-equiv="x-pjax-version" content="3fa31291a3392c21fe713562c40f1dcc">
  64.  
  65.       
  66.   <meta name="description" content="Contribute to Userscript development by creating an account on GitHub.">
  67.   <meta name="go-import" content="github.com/baivong/Userscript git https://github.com/baivong/Userscript.git">
  68.  
  69.   <meta content="5460915" name="octolytics-dimension-user_id" /><meta content="baivong" name="octolytics-dimension-user_login" /><meta content="49341113" name="octolytics-dimension-repository_id" /><meta content="baivong/Userscript" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="49341113" name="octolytics-dimension-repository_network_root_id" /><meta content="baivong/Userscript" name="octolytics-dimension-repository_network_root_nwo" />
  70.   <link href="https://github.com/baivong/Userscript/commits/master.atom" rel="alternate" title="Recent Commits to Userscript:master" type="application/atom+xml">
  71.  
  72.   </head>
  73.  
  74.  
  75.   <body class="logged_out   env-production  vis-public page-blob">
  76.     <a href="#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>
  77.  
  78.     
  79.     
  80.     
  81.  
  82.  
  83.  
  84.       
  85.       <div class="header header-logged-out" role="banner">
  86.   <div class="container clearfix">
  87.  
  88.     <a class="header-logo-wordmark" href="https://github.com/" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
  89.       <span aria-hidden="true" class="mega-octicon octicon-logo-github"></span>
  90.     </a>
  91.  
  92.     <div class="header-actions" role="navigation">
  93.         <a class="btn btn-primary" href="/join" data-ga-click="(Logged out) Header, clicked Sign up, text:sign-up">Sign up</a>
  94.       <a class="btn" href="/login?return_to=%2Fbaivong%2FUserscript%2Fblob%2Fmaster%2FJavascript-Css_beautify.user.js" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">Sign in</a>
  95.     </div>
  96.  
  97.     <div class="site-search repo-scope js-site-search" role="search">
  98.       <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/baivong/Userscript/search" class="js-site-search-form" data-global-search-url="/search" data-repo-search-url="/baivong/Userscript/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
  99.   <label class="js-chromeless-input-container form-control">
  100.     <div class="scope-badge">This repository</div>
  101.     <input type="text"
  102.       class="js-site-search-focus js-site-search-field is-clearable chromeless-input"
  103.       data-hotkey="s"
  104.       name="q"
  105.       placeholder="Search"
  106.       aria-label="Search this repository"
  107.       data-global-scope-placeholder="Search GitHub"
  108.       data-repo-scope-placeholder="Search"
  109.       tabindex="1"
  110.       autocapitalize="off">
  111.   </label>
  112. </form>
  113.     </div>
  114.  
  115.       <ul class="header-nav left" role="navigation">
  116.           <li class="header-nav-item">
  117.             <a class="header-nav-link" href="/explore" data-ga-click="(Logged out) Header, go to explore, text:explore">Explore</a>
  118.           </li>
  119.           <li class="header-nav-item">
  120.             <a class="header-nav-link" href="/features" data-ga-click="(Logged out) Header, go to features, text:features">Features</a>
  121.           </li>
  122.           <li class="header-nav-item">
  123.             <a class="header-nav-link" href="https://enterprise.github.com/" data-ga-click="(Logged out) Header, go to enterprise, text:enterprise">Enterprise</a>
  124.           </li>
  125.           <li class="header-nav-item">
  126.             <a class="header-nav-link" href="/pricing" data-ga-click="(Logged out) Header, go to pricing, text:pricing">Pricing</a>
  127.           </li>
  128.       </ul>
  129.  
  130.   </div>
  131. </div>
  132.  
  133.  
  134.  
  135.     <div id="start-of-content" class="accessibility-aid"></div>
  136.  
  137.       <div id="js-flash-container">
  138. </div>
  139.  
  140.  
  141.     <div role="main" class="main-content">
  142.         <div itemscope itemtype="http://schema.org/WebPage">
  143.     <div id="js-repo-pjax-container" class="context-loader-container js-repo-nav-next" data-pjax-container>
  144.       
  145. <div class="pagehead repohead instapaper_ignore readability-menu experiment-repo-nav">
  146.   <div class="container repohead-details-container">
  147.  
  148.     
  149.  
  150. <ul class="pagehead-actions">
  151.  
  152.   <li>
  153.       <a href="/login?return_to=%2Fbaivong%2FUserscript"
  154.     class="btn btn-sm btn-with-count tooltipped tooltipped-n"
  155.     aria-label="You must be signed in to watch a repository" rel="nofollow">
  156.     <span class="octicon octicon-eye"></span>
  157.     Watch
  158.   </a>
  159.   <a class="social-count" href="/baivong/Userscript/watchers">
  160.     1
  161.   </a>
  162.  
  163.   </li>
  164.  
  165.   <li>
  166.       <a href="/login?return_to=%2Fbaivong%2FUserscript"
  167.     class="btn btn-sm btn-with-count tooltipped tooltipped-n"
  168.     aria-label="You must be signed in to star a repository" rel="nofollow">
  169.     <span aria-hidden="true" class="octicon octicon-star"></span>
  170.     Star
  171.   </a>
  172.  
  173.     <a class="social-count js-social-count" href="/baivong/Userscript/stargazers">
  174.       0
  175.     </a>
  176.  
  177.   </li>
  178.  
  179.   <li>
  180.       <a href="/login?return_to=%2Fbaivong%2FUserscript"
  181.         class="btn btn-sm btn-with-count tooltipped tooltipped-n"
  182.         aria-label="You must be signed in to fork a repository" rel="nofollow">
  183.         <span aria-hidden="true" class="octicon octicon-repo-forked"></span>
  184.         Fork
  185.       </a>
  186.  
  187.     <a href="/baivong/Userscript/network" class="social-count">
  188.       0
  189.     </a>
  190.   </li>
  191. </ul>
  192.  
  193.     <h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public ">
  194.   <span aria-hidden="true" class="octicon octicon-repo"></span>
  195.   <span class="author"><a href="/baivong" class="url fn" itemprop="url" rel="author"><span itemprop="title">baivong</span></a></span><!--
  196. --><span class="path-divider">/</span><!--
  197. --><strong><a href="/baivong/Userscript" data-pjax="#js-repo-pjax-container">Userscript</a></strong>
  198.  
  199.   <span class="page-context-loader">
  200.     <img alt="" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
  201.   </span>
  202.  
  203. </h1>
  204.  
  205.   </div>
  206.   <div class="container">
  207.     
  208. <nav class="reponav js-repo-nav js-sidenav-container-pjax js-octicon-loaders"
  209.      role="navigation"
  210.      data-pjax="#js-repo-pjax-container">
  211.  
  212.   <a href="/baivong/Userscript" aria-label="Code" aria-selected="true" class="js-selected-navigation-item selected reponav-item" data-hotkey="g c" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /baivong/Userscript">
  213.     <span aria-hidden="true" class="octicon octicon-code"></span>
  214.     Code
  215. </a>
  216.     <a href="/baivong/Userscript/issues" class="js-selected-navigation-item reponav-item" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /baivong/Userscript/issues">
  217.       <span aria-hidden="true" class="octicon octicon-issue-opened"></span>
  218.       Issues
  219.       <span class="counter">0</span>
  220. </a>
  221.   <a href="/baivong/Userscript/pulls" class="js-selected-navigation-item reponav-item" data-hotkey="g p" data-selected-links="repo_pulls /baivong/Userscript/pulls">
  222.     <span aria-hidden="true" class="octicon octicon-git-pull-request"></span>
  223.     Pull requests
  224.     <span class="counter">0</span>
  225. </a>
  226.  
  227.   <a href="/baivong/Userscript/pulse" class="js-selected-navigation-item reponav-item" data-selected-links="pulse /baivong/Userscript/pulse">
  228.     <span aria-hidden="true" class="octicon octicon-pulse"></span>
  229.     Pulse
  230. </a>
  231.   <a href="/baivong/Userscript/graphs" class="js-selected-navigation-item reponav-item" data-selected-links="repo_graphs repo_contributors /baivong/Userscript/graphs">
  232.     <span aria-hidden="true" class="octicon octicon-graph"></span>
  233.     Graphs
  234. </a>
  235.  
  236. </nav>
  237.  
  238.   </div>
  239. </div>
  240.  
  241. <div class="container new-discussion-timeline experiment-repo-nav">
  242.   <div class="repository-content">
  243.  
  244.     
  245.  
  246. <a href="/baivong/Userscript/blob/6936c3e3517048be159f78cfa1d2dbc415954a91/Javascript-Css_beautify.user.js" class="hidden js-permalink-shortcut" data-hotkey="y">Permalink</a>
  247.  
  248. <!-- blob contrib key: blob_contributors:v21:5aa1732200c780865096967a023cde40 -->
  249.  
  250. <div class="file-navigation js-zeroclipboard-container">
  251.   
  252. <div class="select-menu js-menu-container js-select-menu left">
  253.   <button class="btn btn-sm select-menu-button js-menu-target css-truncate" data-hotkey="w"
  254.     title="master"
  255.     type="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
  256.     <i>Branch:</i>
  257.     <span class="js-select-button css-truncate-target">master</span>
  258.   </button>
  259.  
  260.   <div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax aria-hidden="true">
  261.  
  262.     <div class="select-menu-modal">
  263.       <div class="select-menu-header">
  264.         <span aria-label="Close" class="octicon octicon-x js-menu-close" role="button"></span>
  265.         <span class="select-menu-title">Switch branches/tags</span>
  266.       </div>
  267.  
  268.       <div class="select-menu-filters">
  269.         <div class="select-menu-text-filter">
  270.           <input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
  271.         </div>
  272.         <div class="select-menu-tabs">
  273.           <ul>
  274.             <li class="select-menu-tab">
  275.               <a href="#" data-tab-filter="branches" data-filter-placeholder="Filter branches/tags" class="js-select-menu-tab" role="tab">Branches</a>
  276.             </li>
  277.             <li class="select-menu-tab">
  278.               <a href="#" data-tab-filter="tags" data-filter-placeholder="Find a tag…" class="js-select-menu-tab" role="tab">Tags</a>
  279.             </li>
  280.           </ul>
  281.         </div>
  282.       </div>
  283.  
  284.       <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches" role="menu">
  285.  
  286.         <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
  287.  
  288.  
  289.             <a class="select-menu-item js-navigation-item js-navigation-open selected"
  290.                href="/baivong/Userscript/blob/master/Javascript-Css_beautify.user.js"
  291.                data-name="master"
  292.                data-skip-pjax="true"
  293.                rel="nofollow">
  294.               <span aria-hidden="true" class="octicon octicon-check select-menu-item-icon"></span>
  295.               <span class="select-menu-item-text css-truncate-target" title="master">
  296.                 master
  297.               </span>
  298.             </a>
  299.         </div>
  300.  
  301.           <div class="select-menu-no-results">Nothing to show</div>
  302.       </div>
  303.  
  304.       <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
  305.         <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
  306.  
  307.  
  308.         </div>
  309.  
  310.         <div class="select-menu-no-results">Nothing to show</div>
  311.       </div>
  312.  
  313.     </div>
  314.   </div>
  315. </div>
  316.  
  317.   <div class="btn-group right">
  318.     <a href="/baivong/Userscript/find/master"
  319.           class="js-show-file-finder btn btn-sm"
  320.           data-pjax
  321.           data-hotkey="t">
  322.       Find file
  323.     </a>
  324.     <button aria-label="Copy file path to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button">Copy path</button>
  325.   </div>
  326.   <div class="breadcrumb js-zeroclipboard-target">
  327.     <span class="repo-root js-repo-root"><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/baivong/Userscript" class="" data-branch="master" data-pjax="true" itemscope="url"><span itemprop="title">Userscript</span></a></span></span><span class="separator">/</span><strong class="final-path">Javascript-Css_beautify.user.js</strong>
  328.   </div>
  329. </div>
  330.  
  331.  
  332.   <div class="commit-tease">
  333.       <span class="right">
  334.         <a class="commit-tease-sha" href="/baivong/Userscript/commit/f7436a3d02c3888158b221a86e7e8068f99d8f30" data-pjax>
  335.           f7436a3
  336.         </a>
  337.         <time datetime="2016-01-10T12:30:07Z" is="relative-time">Jan 10, 2016</time>
  338.       </span>
  339.       <div>
  340.         <img alt="@baivong" class="avatar" height="20" src="https://avatars1.githubusercontent.com/u/5460915?v=3&amp;s=40" width="20" />
  341.         <a href="/baivong" class="user-mention" rel="author">baivong</a>
  342.           <a href="/baivong/Userscript/commit/f7436a3d02c3888158b221a86e7e8068f99d8f30" class="message" data-pjax="true" title="Support for json">Support for json</a>
  343.       </div>
  344.  
  345.     <div class="commit-tease-contributors">
  346.       <a class="muted-link contributors-toggle" href="#blob_contributors_box" rel="facebox">
  347.         <strong>1</strong>
  348.          contributor
  349.       </a>
  350.       
  351.     </div>
  352.  
  353.     <div id="blob_contributors_box" style="display:none">
  354.       <h2 class="facebox-header" data-facebox-id="facebox-header">Users who have contributed to this file</h2>
  355.       <ul class="facebox-user-list" data-facebox-id="facebox-description">
  356.           <li class="facebox-user-list-item">
  357.             <img alt="@baivong" height="24" src="https://avatars3.githubusercontent.com/u/5460915?v=3&amp;s=48" width="24" />
  358.             <a href="/baivong">baivong</a>
  359.           </li>
  360.       </ul>
  361.     </div>
  362.   </div>
  363.  
  364. <div class="file">
  365.   <div class="file-header">
  366.   <div class="file-actions">
  367.  
  368.     <div class="btn-group">
  369.       <a href="/baivong/Userscript/raw/master/Javascript-Css_beautify.user.js" class="btn btn-sm " id="raw-url">Raw</a>
  370.         <a href="/baivong/Userscript/blame/master/Javascript-Css_beautify.user.js" class="btn btn-sm js-update-url-with-hash">Blame</a>
  371.       <a href="/baivong/Userscript/commits/master/Javascript-Css_beautify.user.js" class="btn btn-sm " rel="nofollow">History</a>
  372.     </div>
  373.  
  374.  
  375.         <button type="button" class="octicon-btn disabled tooltipped tooltipped-nw"
  376.           aria-label="You must be signed in to make or propose changes">
  377.           <span aria-hidden="true" class="octicon octicon-pencil"></span>
  378.         </button>
  379.         <button type="button" class="octicon-btn octicon-btn-danger disabled tooltipped tooltipped-nw"
  380.           aria-label="You must be signed in to make or propose changes">
  381.           <span aria-hidden="true" class="octicon octicon-trashcan"></span>
  382.         </button>
  383.   </div>
  384.  
  385.   <div class="file-info">
  386.       69 lines (53 sloc)
  387.       <span class="file-info-divider"></span>
  388.     2.47 KB
  389.   </div>
  390. </div>
  391.  
  392.   
  393.  
  394.   <div class="blob-wrapper data type-javascript">
  395.       <table class="highlight tab-size js-file-line-container" data-tab-size="8">
  396.       <tr>
  397.         <td id="L1" class="blob-num js-line-number" data-line-number="1"></td>
  398.         <td id="LC1" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// ==UserScript==</span></td>
  399.       </tr>
  400.       <tr>
  401.         <td id="L2" class="blob-num js-line-number" data-line-number="2"></td>
  402.         <td id="LC2" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @name        Javascript-css beautify</span></td>
  403.       </tr>
  404.       <tr>
  405.         <td id="L3" class="blob-num js-line-number" data-line-number="3"></td>
  406.         <td id="LC3" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @namespace   http://devs.forumvi.com</span></td>
  407.       </tr>
  408.       <tr>
  409.         <td id="L4" class="blob-num js-line-number" data-line-number="4"></td>
  410.         <td id="LC4" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @description Beautify and syntax highlight javascript/css source code</span></td>
  411.       </tr>
  412.       <tr>
  413.         <td id="L5" class="blob-num js-line-number" data-line-number="5"></td>
  414.         <td id="LC5" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @include     *</span></td>
  415.       </tr>
  416.       <tr>
  417.         <td id="L6" class="blob-num js-line-number" data-line-number="6"></td>
  418.         <td id="LC6" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @version     2.2.0</span></td>
  419.       </tr>
  420.       <tr>
  421.         <td id="L7" class="blob-num js-line-number" data-line-number="7"></td>
  422.         <td id="LC7" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @author      Zzbaivong</span></td>
  423.       </tr>
  424.       <tr>
  425.         <td id="L8" class="blob-num js-line-number" data-line-number="8"></td>
  426.         <td id="LC8" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @resource    light https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/styles/github-gist.min.css</span></td>
  427.       </tr>
  428.       <tr>
  429.         <td id="L9" class="blob-num js-line-number" data-line-number="9"></td>
  430.         <td id="LC9" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @resource    dark https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/styles/monokai-sublime.min.css</span></td>
  431.       </tr>
  432.       <tr>
  433.         <td id="L10" class="blob-num js-line-number" data-line-number="10"></td>
  434.         <td id="LC10" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @require     https://openuserjs.org/src/libs/baivong/beautify-js.min.js</span></td>
  435.       </tr>
  436.       <tr>
  437.         <td id="L11" class="blob-num js-line-number" data-line-number="11"></td>
  438.         <td id="LC11" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @require     https://openuserjs.org/src/libs/baivong/beautify-css.min.js</span></td>
  439.       </tr>
  440.       <tr>
  441.         <td id="L12" class="blob-num js-line-number" data-line-number="12"></td>
  442.         <td id="LC12" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @require     https://openuserjs.org/src/libs/baivong/highlight-css-js.min.js</span></td>
  443.       </tr>
  444.       <tr>
  445.         <td id="L13" class="blob-num js-line-number" data-line-number="13"></td>
  446.         <td id="LC13" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @run-at      document-end</span></td>
  447.       </tr>
  448.       <tr>
  449.         <td id="L14" class="blob-num js-line-number" data-line-number="14"></td>
  450.         <td id="LC14" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @grant       GM_addStyle</span></td>
  451.       </tr>
  452.       <tr>
  453.         <td id="L15" class="blob-num js-line-number" data-line-number="15"></td>
  454.         <td id="LC15" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// @grant       GM_getResourceText</span></td>
  455.       </tr>
  456.       <tr>
  457.         <td id="L16" class="blob-num js-line-number" data-line-number="16"></td>
  458.         <td id="LC16" class="blob-code blob-code-inner js-file-line"><span class="pl-c">// ==/UserScript==<</span></td>
  459.       </tr>
  460.       <tr>
  461.         <td id="L17" class="blob-num js-line-number" data-line-number="17"></td>
  462.         <td id="LC17" class="blob-code blob-code-inner js-file-line">
  463. </td>
  464.       </tr>
  465.       <tr>
  466.         <td id="L18" class="blob-num js-line-number" data-line-number="18"></td>
  467.         <td id="LC18" class="blob-code blob-code-inner js-file-line">(<span class="pl-k">function</span>() {</td>
  468.       </tr>
  469.       <tr>
  470.         <td id="L19" class="blob-num js-line-number" data-line-number="19"></td>
  471.         <td id="LC19" class="blob-code blob-code-inner js-file-line">
  472. </td>
  473.       </tr>
  474.       <tr>
  475.         <td id="L20" class="blob-num js-line-number" data-line-number="20"></td>
  476.         <td id="LC20" class="blob-code blob-code-inner js-file-line">    <span class="pl-s"><span class="pl-pds">&quot;</span>use strict<span class="pl-pds">&quot;</span></span>;</td>
  477.       </tr>
  478.       <tr>
  479.         <td id="L21" class="blob-num js-line-number" data-line-number="21"></td>
  480.         <td id="LC21" class="blob-code blob-code-inner js-file-line">
  481. </td>
  482.       </tr>
  483.       <tr>
  484.         <td id="L22" class="blob-num js-line-number" data-line-number="22"></td>
  485.         <td id="LC22" class="blob-code blob-code-inner js-file-line">    <span class="pl-k">var</span> theme <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">&quot;</span>light<span class="pl-pds">&quot;</span></span>, <span class="pl-c">// light|dark</span></td>
  486.       </tr>
  487.       <tr>
  488.         <td id="L23" class="blob-num js-line-number" data-line-number="23"></td>
  489.         <td id="LC23" class="blob-code blob-code-inner js-file-line">
  490. </td>
  491.       </tr>
  492.       <tr>
  493.         <td id="L24" class="blob-num js-line-number" data-line-number="24"></td>
  494.         <td id="LC24" class="blob-code blob-code-inner js-file-line">        url <span class="pl-k">=</span> <span class="pl-smi">window</span>.<span class="pl-c1">top</span>.<span class="pl-c1">location</span>.<span class="pl-c1">pathname</span>,</td>
  495.       </tr>
  496.       <tr>
  497.         <td id="L25" class="blob-num js-line-number" data-line-number="25"></td>
  498.         <td id="LC25" class="blob-code blob-code-inner js-file-line">        contenttype <span class="pl-k">=</span> <span class="pl-smi">document</span>.<span class="pl-smi">contentType</span>;</td>
  499.       </tr>
  500.       <tr>
  501.         <td id="L26" class="blob-num js-line-number" data-line-number="26"></td>
  502.         <td id="LC26" class="blob-code blob-code-inner js-file-line">
  503. </td>
  504.       </tr>
  505.       <tr>
  506.         <td id="L27" class="blob-num js-line-number" data-line-number="27"></td>
  507.         <td id="LC27" class="blob-code blob-code-inner js-file-line">    <span class="pl-k">if</span> (<span class="pl-sr"><span class="pl-pds">/</span><span class="pl-k">^</span>(application<span class="pl-cce">\/</span>x-javascript<span class="pl-k">|</span>application<span class="pl-cce">\/</span>javascript<span class="pl-k">|</span>application<span class="pl-cce">\/</span>json<span class="pl-k">|</span>text<span class="pl-cce">\/</span>css)<span class="pl-k">$</span><span class="pl-pds">/</span></span>.<span class="pl-c1">test</span>(contenttype) <span class="pl-k">||</span><span class="pl-sr"> <span class="pl-pds">/</span><span class="pl-c1">.</span><span class="pl-k">+</span><span class="pl-cce">\.</span>(js<span class="pl-k">|</span>json<span class="pl-k">|</span>css)<span class="pl-k">$</span><span class="pl-pds">/</span></span>.<span class="pl-c1">test</span>(url)) {</td>
  508.       </tr>
  509.       <tr>
  510.         <td id="L28" class="blob-num js-line-number" data-line-number="28"></td>
  511.         <td id="LC28" class="blob-code blob-code-inner js-file-line">
  512. </td>
  513.       </tr>
  514.       <tr>
  515.         <td id="L29" class="blob-num js-line-number" data-line-number="29"></td>
  516.         <td id="LC29" class="blob-code blob-code-inner js-file-line">        <span class="pl-k">var</span> output <span class="pl-k">=</span> <span class="pl-smi">document</span>.<span class="pl-c1">getElementsByTagName</span>(<span class="pl-s"><span class="pl-pds">&#39;</span>pre<span class="pl-pds">&#39;</span></span>)[<span class="pl-c1">0</span>],</td>
  517.       </tr>
  518.       <tr>
  519.         <td id="L30" class="blob-num js-line-number" data-line-number="30"></td>
  520.         <td id="LC30" class="blob-code blob-code-inner js-file-line">            txt <span class="pl-k">=</span> <span class="pl-smi">output</span>.<span class="pl-smi">textContent</span>,</td>
  521.       </tr>
  522.       <tr>
  523.         <td id="L31" class="blob-num js-line-number" data-line-number="31"></td>
  524.         <td id="LC31" class="blob-code blob-code-inner js-file-line">            lang <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">&quot;</span>javascript<span class="pl-pds">&quot;</span></span>,</td>
  525.       </tr>
  526.       <tr>
  527.         <td id="L32" class="blob-num js-line-number" data-line-number="32"></td>
  528.         <td id="LC32" class="blob-code blob-code-inner js-file-line">            lines <span class="pl-k">=</span> <span class="pl-c1">0</span>,</td>
  529.       </tr>
  530.       <tr>
  531.         <td id="L33" class="blob-num js-line-number" data-line-number="33"></td>
  532.         <td id="LC33" class="blob-code blob-code-inner js-file-line">            l <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">&quot;</span><span class="pl-pds">&quot;</span></span>;</td>
  533.       </tr>
  534.       <tr>
  535.         <td id="L34" class="blob-num js-line-number" data-line-number="34"></td>
  536.         <td id="LC34" class="blob-code blob-code-inner js-file-line">
  537. </td>
  538.       </tr>
  539.       <tr>
  540.         <td id="L35" class="blob-num js-line-number" data-line-number="35"></td>
  541.         <td id="LC35" class="blob-code blob-code-inner js-file-line">        <span class="pl-en">GM_addStyle</span>(<span class="pl-en">GM_getResourceText</span>(theme) <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">&quot;</span>html,body,pre{margin:0;padding:0}.hljs{white-space:pre;padding-left:4em;line-height:120%}.hljs::before{content:attr(data-lines);position:absolute;color:#d2d2d2;text-align:right;width:3.5em;left:-.5em;border-right:1px solid rgba(221, 221, 221, 0.36);padding-right:.5em}#scroll-x{position:fixed;right:0;top:0;width:120px;cursor:w-resize;z-index:999;background:transparent;bottom:0}<span class="pl-pds">&quot;</span></span>);</td>
  542.       </tr>
  543.       <tr>
  544.         <td id="L36" class="blob-num js-line-number" data-line-number="36"></td>
  545.         <td id="LC36" class="blob-code blob-code-inner js-file-line">
  546. </td>
  547.       </tr>
  548.       <tr>
  549.         <td id="L37" class="blob-num js-line-number" data-line-number="37"></td>
  550.         <td id="LC37" class="blob-code blob-code-inner js-file-line">        <span class="pl-k">if</span> (contenttype <span class="pl-k">===</span> <span class="pl-s"><span class="pl-pds">&quot;</span>text/css<span class="pl-pds">&quot;</span></span> <span class="pl-k">||</span><span class="pl-sr"> <span class="pl-pds">/</span><span class="pl-c1">.</span><span class="pl-k">+</span><span class="pl-cce">\.</span>css<span class="pl-k">$</span><span class="pl-pds">/</span></span>.<span class="pl-c1">test</span>(url)) {</td>
  551.       </tr>
  552.       <tr>
  553.         <td id="L38" class="blob-num js-line-number" data-line-number="38"></td>
  554.         <td id="LC38" class="blob-code blob-code-inner js-file-line">            lang <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">&quot;</span>css<span class="pl-pds">&quot;</span></span>;</td>
  555.       </tr>
  556.       <tr>
  557.         <td id="L39" class="blob-num js-line-number" data-line-number="39"></td>
  558.         <td id="LC39" class="blob-code blob-code-inner js-file-line">            txt <span class="pl-k">=</span> <span class="pl-en">css_beautify</span>(txt);</td>
  559.       </tr>
  560.       <tr>
  561.         <td id="L40" class="blob-num js-line-number" data-line-number="40"></td>
  562.         <td id="LC40" class="blob-code blob-code-inner js-file-line">        } <span class="pl-k">else</span> {</td>
  563.       </tr>
  564.       <tr>
  565.         <td id="L41" class="blob-num js-line-number" data-line-number="41"></td>
  566.         <td id="LC41" class="blob-code blob-code-inner js-file-line">            txt <span class="pl-k">=</span> <span class="pl-en">js_beautify</span>(txt);</td>
  567.       </tr>
  568.       <tr>
  569.         <td id="L42" class="blob-num js-line-number" data-line-number="42"></td>
  570.         <td id="LC42" class="blob-code blob-code-inner js-file-line">        }</td>
  571.       </tr>
  572.       <tr>
  573.         <td id="L43" class="blob-num js-line-number" data-line-number="43"></td>
  574.         <td id="LC43" class="blob-code blob-code-inner js-file-line">
  575. </td>
  576.       </tr>
  577.       <tr>
  578.         <td id="L44" class="blob-num js-line-number" data-line-number="44"></td>
  579.         <td id="LC44" class="blob-code blob-code-inner js-file-line">        <span class="pl-smi">output</span>.<span class="pl-smi">textContent</span> <span class="pl-k">=</span> txt;</td>
  580.       </tr>
  581.       <tr>
  582.         <td id="L45" class="blob-num js-line-number" data-line-number="45"></td>
  583.         <td id="LC45" class="blob-code blob-code-inner js-file-line">        <span class="pl-smi">output</span>.<span class="pl-c1">setAttribute</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>class<span class="pl-pds">&quot;</span></span>, lang);</td>
  584.       </tr>
  585.       <tr>
  586.         <td id="L46" class="blob-num js-line-number" data-line-number="46"></td>
  587.         <td id="LC46" class="blob-code blob-code-inner js-file-line">
  588. </td>
  589.       </tr>
  590.       <tr>
  591.         <td id="L47" class="blob-num js-line-number" data-line-number="47"></td>
  592.         <td id="LC47" class="blob-code blob-code-inner js-file-line">        <span class="pl-smi">hljs</span>.<span class="pl-en">highlightBlock</span>(output);</td>
  593.       </tr>
  594.       <tr>
  595.         <td id="L48" class="blob-num js-line-number" data-line-number="48"></td>
  596.         <td id="LC48" class="blob-code blob-code-inner js-file-line">
  597. </td>
  598.       </tr>
  599.       <tr>
  600.         <td id="L49" class="blob-num js-line-number" data-line-number="49"></td>
  601.         <td id="LC49" class="blob-code blob-code-inner js-file-line">        lines <span class="pl-k">=</span> <span class="pl-smi">txt</span>.<span class="pl-c1">split</span>(<span class="pl-s"><span class="pl-pds">&quot;</span><span class="pl-cce">\n</span><span class="pl-pds">&quot;</span></span>);</td>
  602.       </tr>
  603.       <tr>
  604.         <td id="L50" class="blob-num js-line-number" data-line-number="50"></td>
  605.         <td id="LC50" class="blob-code blob-code-inner js-file-line">        lines <span class="pl-k">=</span> lines <span class="pl-k">?</span> <span class="pl-smi">lines</span>.<span class="pl-c1">length</span> <span class="pl-k">:</span> <span class="pl-c1">0</span>;</td>
  606.       </tr>
  607.       <tr>
  608.         <td id="L51" class="blob-num js-line-number" data-line-number="51"></td>
  609.         <td id="LC51" class="blob-code blob-code-inner js-file-line">        <span class="pl-k">for</span> (<span class="pl-k">var</span> i <span class="pl-k">=</span> <span class="pl-c1">0</span>; i <span class="pl-k">&lt;</span> lines; i<span class="pl-k">++</span>) {</td>
  610.       </tr>
  611.       <tr>
  612.         <td id="L52" class="blob-num js-line-number" data-line-number="52"></td>
  613.         <td id="LC52" class="blob-code blob-code-inner js-file-line">            l <span class="pl-k">+=</span> (i <span class="pl-k">+</span> <span class="pl-c1">1</span>) <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">&quot;</span><span class="pl-cce">\n</span><span class="pl-pds">&quot;</span></span>;</td>
  614.       </tr>
  615.       <tr>
  616.         <td id="L53" class="blob-num js-line-number" data-line-number="53"></td>
  617.         <td id="LC53" class="blob-code blob-code-inner js-file-line">        }</td>
  618.       </tr>
  619.       <tr>
  620.         <td id="L54" class="blob-num js-line-number" data-line-number="54"></td>
  621.         <td id="LC54" class="blob-code blob-code-inner js-file-line">
  622. </td>
  623.       </tr>
  624.       <tr>
  625.         <td id="L55" class="blob-num js-line-number" data-line-number="55"></td>
  626.         <td id="LC55" class="blob-code blob-code-inner js-file-line">        <span class="pl-smi">output</span>.<span class="pl-c1">setAttribute</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>data-lines<span class="pl-pds">&quot;</span></span>, l);</td>
  627.       </tr>
  628.       <tr>
  629.         <td id="L56" class="blob-num js-line-number" data-line-number="56"></td>
  630.         <td id="LC56" class="blob-code blob-code-inner js-file-line">
  631. </td>
  632.       </tr>
  633.       <tr>
  634.         <td id="L57" class="blob-num js-line-number" data-line-number="57"></td>
  635.         <td id="LC57" class="blob-code blob-code-inner js-file-line">        <span class="pl-k">var</span> node <span class="pl-k">=</span> <span class="pl-smi">document</span>.<span class="pl-c1">createElement</span>(<span class="pl-s"><span class="pl-pds">&quot;</span>DIV<span class="pl-pds">&quot;</span></span>);</td>
  636.       </tr>
  637.       <tr>
  638.         <td id="L58" class="blob-num js-line-number" data-line-number="58"></td>
  639.         <td id="LC58" class="blob-code blob-code-inner js-file-line">        <span class="pl-smi">node</span>.<span class="pl-c1">id</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">&quot;</span>scroll-x<span class="pl-pds">&quot;</span></span>;</td>
  640.       </tr>
  641.       <tr>
  642.         <td id="L59" class="blob-num js-line-number" data-line-number="59"></td>
  643.         <td id="LC59" class="blob-code blob-code-inner js-file-line">        <span class="pl-smi">document</span>.<span class="pl-c1">body</span>.<span class="pl-c1">appendChild</span>(node);</td>
  644.       </tr>
  645.       <tr>
  646.         <td id="L60" class="blob-num js-line-number" data-line-number="60"></td>
  647.         <td id="LC60" class="blob-code blob-code-inner js-file-line">
  648. </td>
  649.       </tr>
  650.       <tr>
  651.         <td id="L61" class="blob-num js-line-number" data-line-number="61"></td>
  652.         <td id="LC61" class="blob-code blob-code-inner js-file-line">        <span class="pl-c1">node</span>.<span class="pl-en">onwheel</span> <span class="pl-k">=</span> <span class="pl-k">function</span>(<span class="pl-smi">e</span>) {</td>
  653.       </tr>
  654.       <tr>
  655.         <td id="L62" class="blob-num js-line-number" data-line-number="62"></td>
  656.         <td id="LC62" class="blob-code blob-code-inner js-file-line">            <span class="pl-smi">e</span>.<span class="pl-en">preventDefault</span>();</td>
  657.       </tr>
  658.       <tr>
  659.         <td id="L63" class="blob-num js-line-number" data-line-number="63"></td>
  660.         <td id="LC63" class="blob-code blob-code-inner js-file-line">            <span class="pl-smi">output</span>.<span class="pl-smi">scrollLeft</span> <span class="pl-k">+=</span> (<span class="pl-smi">e</span>.<span class="pl-smi">deltaY</span> <span class="pl-k">*</span> <span class="pl-c1">10</span>);</td>
  661.       </tr>
  662.       <tr>
  663.         <td id="L64" class="blob-num js-line-number" data-line-number="64"></td>
  664.         <td id="LC64" class="blob-code blob-code-inner js-file-line">            <span class="pl-k">return</span> <span class="pl-c1">false</span>;</td>
  665.       </tr>
  666.       <tr>
  667.         <td id="L65" class="blob-num js-line-number" data-line-number="65"></td>
  668.         <td id="LC65" class="blob-code blob-code-inner js-file-line">        };</td>
  669.       </tr>
  670.       <tr>
  671.         <td id="L66" class="blob-num js-line-number" data-line-number="66"></td>
  672.         <td id="LC66" class="blob-code blob-code-inner js-file-line">
  673. </td>
  674.       </tr>
  675.       <tr>
  676.         <td id="L67" class="blob-num js-line-number" data-line-number="67"></td>
  677.         <td id="LC67" class="blob-code blob-code-inner js-file-line">    }</td>
  678.       </tr>
  679.       <tr>
  680.         <td id="L68" class="blob-num js-line-number" data-line-number="68"></td>
  681.         <td id="LC68" class="blob-code blob-code-inner js-file-line">
  682. </td>
  683.       </tr>
  684.       <tr>
  685.         <td id="L69" class="blob-num js-line-number" data-line-number="69"></td>
  686.         <td id="LC69" class="blob-code blob-code-inner js-file-line">}());</td>
  687.       </tr>
  688. </table>
  689.  
  690.   </div>
  691.  
  692. </div>
  693.  
  694. <a href="#jump-to-line" rel="facebox[.linejump]" data-hotkey="l" style="display:none">Jump to Line</a>
  695. <div id="jump-to-line" style="display:none">
  696.   <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="" class="js-jump-to-line-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
  697.     <input class="linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line&hellip;" aria-label="Jump to line" autofocus>
  698.     <button type="submit" class="btn">Go</button>
  699. </form></div>
  700.  
  701.   </div>
  702.   <div class="modal-backdrop"></div>
  703. </div>
  704.  
  705.     </div>
  706.   </div>
  707.  
  708.     </div>
  709.  
  710.         <div class="container">
  711.   <div class="site-footer" role="contentinfo">
  712.     <ul class="site-footer-links right">
  713.         <li><a href="https://status.github.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
  714.       <li><a href="https://developer.github.com" data-ga-click="Footer, go to api, text:api">API</a></li>
  715.       <li><a href="https://training.github.com" data-ga-click="Footer, go to training, text:training">Training</a></li>
  716.       <li><a href="https://shop.github.com" data-ga-click="Footer, go to shop, text:shop">Shop</a></li>
  717.         <li><a href="https://github.com/blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
  718.         <li><a href="https://github.com/about" data-ga-click="Footer, go to about, text:about">About</a></li>
  719.         <li><a href="https://github.com/pricing" data-ga-click="Footer, go to pricing, text:pricing">Pricing</a></li>
  720.  
  721.     </ul>
  722.  
  723.     <a href="https://github.com" aria-label="Homepage">
  724.       <span aria-hidden="true" class="mega-octicon octicon-mark-github" title="GitHub "></span>
  725. </a>
  726.     <ul class="site-footer-links">
  727.       <li>&copy; 2016 <span title="0.03712s from github-fe116-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
  728.         <li><a href="https://github.com/site/terms" data-ga-click="Footer, go to terms, text:terms">Terms</a></li>
  729.         <li><a href="https://github.com/site/privacy" data-ga-click="Footer, go to privacy, text:privacy">Privacy</a></li>
  730.         <li><a href="https://github.com/security" data-ga-click="Footer, go to security, text:security">Security</a></li>
  731.         <li><a href="https://github.com/contact" data-ga-click="Footer, go to contact, text:contact">Contact</a></li>
  732.         <li><a href="https://help.github.com" data-ga-click="Footer, go to help, text:help">Help</a></li>
  733.     </ul>
  734.   </div>
  735. </div>
  736.  
  737.  
  738.  
  739.     
  740.     
  741.     
  742.  
  743.     <div id="ajax-error-message" class="flash flash-error">
  744.       <span class="octicon octicon-alert"></span>
  745.       <button type="button" class="flash-close js-flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
  746.         <span class="octicon octicon-x"></span>
  747.       </button>
  748.       Something went wrong with that request. Please try again.
  749.     </div>
  750.  
  751.  
  752.       <script crossorigin="anonymous" src="https://assets-cdn.github.com/assets/frameworks-ef8eb4a89ee9f3c8b7613307fe589a8f5705817f7cee27bec51ce5e963234abf.js"></script>
  753.       <script async="async" crossorigin="anonymous" src="https://assets-cdn.github.com/assets/github-0979bdb38a521169a131cbc1d6481817868e3f3afd9ed04d8d3b581eed7392d1.js"></script>
  754.       
  755.       
  756.       
  757.     <div class="js-stale-session-flash stale-session-flash flash flash-warn flash-banner hidden">
  758.       <span class="octicon octicon-alert"></span>
  759.       <span class="signed-in-tab-flash">You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
  760.       <span class="signed-out-tab-flash">You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
  761.     </div>
  762.   </body>
  763. </html>
  764.