☰

high pena CSS for smartphone

high pena 2 スマホ用のCSSです。不具合があるかもしれないので自己責任で使ってください。Android版FirefoxにアドオンTampermonkeyで動作確認。iOSは不明。

As of 2018-02-13. See the latest version.

  1. // ==UserScript==
  2. // @name         high pena CSS for smartphone
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.01
  5. // @description  high pena 2 スマホ用のCSSです。不具合があるかもしれないので自己責任で使ってください。Android版FirefoxにアドオンTampermonkeyで動作確認。iOSは不明。
  6. // @author       ankoiri
  7. // @match     http://yaranaika.s64.coreserver.jp/highpena2/*
  8. // @grant     none
  9. // ==/UserScript==
  10.  
  11.  
  12. (function() {
  13.  
  14.     var record = 'https://dl.dropboxusercontent.coms/c6d6gvviolrvww4/highpena_smartphone_record.css';
  15.     var home_nihon = 'https://dl.dropboxusercontent.com/s/qsse5byyf2zqpvi/highpena_smartphone_top2.css';
  16.     var home_off = 'https://dl.dropboxusercontent.com/s/x25b9em3jngr643/highpena_smartphone_top3.css';
  17.     var home_on = 'https://dl.dropboxusercontent.com/s/hhvu2zxaa8e8wvj/highpena_smartphone_top.css';
  18.     var skill = 'https://dl.dropboxusercontent.com/s/nut96x7hy54lcmd/highpena_smartphone_skill.css';
  19.     var consciousness = 'https://dl.dropboxusercontent.com/s/hitepl4lpquluxh/highpena_smartphone_consciousness.css';
  20.     var login = 'https://dl.dropboxusercontent.com/s/gxgfhntxnvn3so4/highpena_smartphone_login.css';
  21.     var rule = 'https://dl.dropboxusercontent.com/s/hm6ogylb82almr4/highpena_smartphone_default.css';
  22.     var defaultcss = 'https://dl.dropboxusercontent.com/s/zd422tt9fx8jcqj/highpena_smartphone_default.css';
  23.     var drawer = 'https://dl.dropboxusercontent.com/s/j83j6si5bke1qpx/drawer.css';
  24.     var team_mode = 'https://dl.dropboxusercontent.com/s/3jofc9ixzjm3x1m/highpena_smartphone_team_mode.css';
  25.  
  26.  
  27.  
  28.     var url = location.href;
  29.  
  30.     //ラッパーのtable width 変更
  31.     var xpath = document.evaluate("/html/body/table" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  32.     var xpath_obj = xpath.singleNodeValue;
  33.     xpath_obj.width = "99%";
  34.  
  35.     //野手・投手のテーブル横スクロール用
  36.     var table_width = parseInt(window.innerWidth *0.90);
  37.     //console.log("screen.width:" + table_width);
  38.  
  39.  
  40.  
  41.    var linkobj = document.getElementsByTagName('link')[0];
  42.     //console.log("linkobj:" + linkobj);
  43.     linkobj.parentNode.removeChild(linkobj);
  44.  
  45.  
  46.     var head ;
  47.     var link , link2;
  48.  
  49.     head  = document.getElementsByTagName('head')[0];
  50.     console.log("head:"+head);
  51.     if( ! head ) return ;
  52.  
  53.     //viewport980に固定
  54.  
  55.     var viewport_meta;
  56.  
  57.     viewport_meta = document.createElement('meta') ;
  58.     viewport_meta.name = 'viewport';
  59.     viewport_meta.content = 'width=980';
  60.     head.appendChild(viewport_meta) ;
  61.  
  62.     //CSS追加
  63.     link  = document.createElement('link') ;
  64.     link.typ  = 'text/css' ;
  65.     link.rel  = 'stylesheet' ;
  66.     head.appendChild(link) ;
  67.  
  68.     link2  = document.createElement('link') ;
  69.     link2.typ  = 'text/css' ;
  70.     link2.rel  = 'stylesheet' ;
  71.     link2.href = drawer;
  72.  
  73.     head.appendChild(link2) ;
  74.  
  75.  
  76.  
  77.     //トップ画面
  78.     xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[2]/tbody/tr/td[3]/input[3]" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  79.     xpath_obj = xpath.singleNodeValue;
  80.     //console.log("type=" + xpath_obj.value);
  81.  
  82.     //トップ画面(オフシーズン 日本シリーズ の場合)
  83.     xpath4 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr[1]/td/table/tbody/tr/td/table/tbody/tr/td[2]/font/font/b" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  84.     xpath_obj4 = xpath4.singleNodeValue;
  85.  
  86.     //console.log("type=" + xpath_obj.value);
  87.  
  88.  
  89.     //能力アップ画面 意識設定画面
  90.     xpath2 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/h3" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  91.     xpath_obj2 = xpath2.singleNodeValue;
  92.     //console.log("xpath_obj2.innerHTML:" + xpath_obj2.innerHTML);
  93.  
  94.  
  95.     //ログイン画面
  96.     xpath3 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/table/tbody/tr/td[2]/table[2]/tbody/tr[1]/td[1]" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  97.     xpath_obj3 = xpath3.singleNodeValue;
  98.     //console.log("xpath_obj3.innerHTML:" + xpath_obj3.innerHTML);
  99.  
  100.     //公式記録とタイトル
  101.     xpath5 = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/h3" , document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  102.     xpath_obj5 = xpath5.singleNodeValue;
  103.     //console.log("xpath_obj3.innerHTML:" + xpath_obj3.innerHTML);
  104.  
  105.  
  106.  
  107.     var flag = 0;
  108.  
  109.     //記録
  110.     if(xpath_obj5 && xpath_obj5.innerHTML.match(/公式記録とタイトル/)){
  111.  
  112.         //console.log( "URL:" + location.href);
  113.         link.href = record;
  114.  
  115.     //球団偵察モード
  116.     }else if(location.href.match(/mode=team&team_id/)){
  117.  
  118.         //console.log( "URL:" + location.href);
  119.         link.href = team_mode;
  120.         flag = 7;
  121.  
  122.     }else if(xpath_obj4 && xpath_obj4.innerHTML.match(/日本シリーズ/) && xpath_obj && xpath_obj.value == "ログイン"){
  123.         //console.log("ホーム画面(日本シリーズ)");
  124.  
  125.         link.href = home_nihon;
  126.  
  127.         flag = 4;
  128.  
  129.         //ホーム画面(オフシーズン 新規登録リンク有り)
  130.     }else if(xpath_obj4 && xpath_obj4.innerHTML.match(/オフシーズン/) && xpath_obj && xpath_obj.value == "ログイン"){
  131.         //console.log("ホーム画面(オフシーズン)");
  132.  
  133.         link.href = home_off;
  134.         flag = 5;
  135.  
  136.         //ホーム画面(オフ・日シリ以外)
  137.     }else if (xpath_obj && xpath_obj.value == "ログイン" ){
  138.  
  139.         link.href = home_on;
  140.         flag = 1;
  141.  
  142.         //能力アップ画面
  143.     }else if(xpath_obj2 && xpath_obj2.innerHTML.match(/能力アップ/)){
  144.         console.log("能力アップ画面1");
  145.         link.href = skill;
  146.         flag = 2;
  147.  
  148.     //意識設定画面
  149.     }else if(xpath_obj2 && xpath_obj2.innerHTML.match(/意識設定/)){
  150.         console.log("意識設定画面1");
  151.         link.href = consciousness;
  152.         flag = 6;
  153.  
  154.         //ログイン画面
  155.     }else if(xpath_obj3 && xpath_obj3.innerHTML.match(/ドラフト指名/)){
  156.         console.log("ログイン画面");
  157.  
  158.         link.href = login;
  159.  
  160.         flag = 3;
  161.  
  162.     }else if(location.href.match(/rule.html/)){
  163.         console.log(location.href);
  164.         link.href = rule;
  165.  
  166.     }else{
  167.  
  168.         link.href = defaultcss;
  169.  
  170.     }
  171.  
  172.     console.log("flag:" + flag);
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.     //ドロワー追加用
  183.     var div_element = document.createElement("div");
  184.     div_element.classList.add("header_wrapper");
  185.  
  186.     //オフシーズンの場合、新規登録を追加する
  187.     if(flag === 5){
  188.         div_element.innerHTML = '<div class="header"><div class="nav-drawer"><input id="nav-input" type="checkbox" class="nav-unshown"><label id="nav-open" for="nav-input"><span></span></label><label class="nav-unshown" id="nav-close" for="nav-input"></label><div id="nav-content">' +
  189.         '<ul>' +
  190.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi">ホーム</a></li>' +
  191.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=ranking">ランキング</a></li>' +
  192.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=record">記録</a></li>' +
  193.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=calendar">日程</a></li>' +
  194.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/rule.html">あそびかた</a></li>' +
  195.         '<li><a href="http://jbbs.livedoor.jp/game/44608/">掲示板</a></li>' +
  196.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=draft">ドラフト</a></li>' +
  197.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=entry">新規登録</a></li>' +
  198.         '</ul></div></div><DIV STYLE="font-size:60px;font-weight:900; color:#DC143C; margin-top:-70pt; margin-left:170pt">2</DIV><DIV STYLE="font-size:40px; font-weight:600; color:000000;margin-top:-45pt;margin-left:115pt">high pena</DIV></div>';
  199.  
  200.         //document.body.appendChild(div_element);
  201.         //console.log(div_element.innerHTML);
  202.     }else{
  203.  
  204.  
  205.         div_element.innerHTML = '<div class="header"><div class="nav-drawer"><input id="nav-input" type="checkbox" class="nav-unshown"><label id="nav-open" for="nav-input"><span></span></label><label class="nav-unshown" id="nav-close" for="nav-input"></label><div id="nav-content">' +
  206.         '<ul>' +
  207.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi">ホーム</a></li>' +
  208.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=ranking">ランキング</a></li>' +
  209.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=record">記録</a></li>' +
  210.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=calendar">日程</a></li>' +
  211.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/rule.html">あそびかた</a></li>' +
  212.         '<li><a href="http://jbbs.livedoor.jp/game/44608/">掲示板</a></li>' +
  213.         '<li><a href="http://yaranaika.s64.coreserver.jp/highpena2/index.cgi?mode=draft">ドラフト</a></li>' +
  214.         '</ul></div></div><DIV STYLE="font-size:60px;font-weight:900; color:#DC143C; margin-top:-70pt; margin-left:170pt">2</DIV><DIV STYLE="font-size:40px; font-weight:600; color:000000;margin-top:-45pt;margin-left:115pt">high pena</DIV></div>';
  215.  
  216.         //document.body.appendChild(div_element);
  217.         //console.log(div_element.innerHTML);
  218.  
  219.     }
  220.  
  221.         //一番上に追加する
  222.         var parentObject = document.getElementsByTagName("body")[0];
  223.         parentObject.insertBefore(div_element,parentObject.firstChild);
  224.  
  225.  
  226.     //-----------------------------------
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234.  
  235.  
  236.     // ログイン後の画面
  237.     if(flag === 3 ){
  238.  
  239.  
  240.  
  241.  
  242.  
  243.         //投手　折りたたむ
  244.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/form/table[1]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  245.  
  246.         //console.log("xpathtousyu:" + xpath.singleNodeValue);
  247.         xpath_obj = xpath.singleNodeValue;
  248.  
  249.         xpath_obj.outerHTML = "<div onclick=\"obj=document.getElementById('open2').style; obj.display=(obj.display=='none')?'block':'none';\"><a style=\"font-size:30px;cursor:pointer;text-decoration: underline;\">▼タップで表示</a></div><div id=\"open2\" style=\"display:none;clear:both;\"><div style=\"\width:" + table_width + "px; overflow-x:scroll;\">" + xpath_obj.outerHTML + "</div></div><br>";
  250.  
  251.  
  252.         //野手　折りたたむ
  253.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/table[1]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  254.         //console.log("xpathyasyu:" + xpath.singleNodeValue);
  255.         xpath_obj = xpath.singleNodeValue;
  256.  
  257.         //var temp = "<thread>" + xpath_obj.innerHTML;
  258.         //xpath_obj.innerHTML = temp;
  259.         xpath_obj.outerHTML = "<div onclick=\"obj=document.getElementById('open1').style; obj.display=(obj.display=='none')?'block':'none';\"><a style=\"font-size:30px;cursor:pointer;text-decoration: underline;\">▼タップで表示</a></div><div id=\"open1\" style=\"display:none;clear:both;\"><div style=\"width:" + table_width + "px; overflow-x:scroll;\">" + xpath_obj.outerHTML + "</div></div><br>";
  260.  
  261.         //console.log("xpath_obj:" + xpath_obj.innerHTML);
  262.  
  263.         //チーム方針変更　折りたたむ
  264.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/table/tbody/tr/td[1]/table[3]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  265.         //console.log("xpathhoushin:" + xpath.singleNodeValue);
  266.         xpath_obj = xpath.singleNodeValue;
  267.  
  268.         xpath_obj.outerHTML = "<div onclick=\"obj=document.getElementById('open3').style; obj.display=(obj.display=='none')?'block':'none';\"><a style=\"font-size:30px;cursor:pointer;text-decoration: underline;\">▼チーム方針変更 表示</a></div><div id=\"open3\" style=\"display:none;clear:both;\">" + xpath_obj.outerHTML + "</div><br>";
  269.  
  270.         //野手ポジション・打順変更ボタン 左寄せ
  271.         xpath = document.evaluate("//*[@id=\"open1\"]/div/table/tbody/tr/td/div", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  272.         xpath_obj = xpath.singleNodeValue;
  273.         xpath_obj.align = "left";
  274.  
  275.  
  276.         //投手起用順変更ボタン 左寄せ
  277.         xpath = document.evaluate("//*[@id=\"open2\"]/div/table/tbody/tr/td/div", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  278.         xpath_obj = xpath.singleNodeValue;
  279.         xpath_obj.align = "left";
  280.  
  281.         // 契約更改～設定 再設計
  282.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/form/table[1]/tbody/tr/td[3]", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  283.         //console.log("xpathhoushin:" + xpath.singleNodeValue);
  284.         xpath_obj = xpath.singleNodeValue;
  285.  
  286.  
  287.         var menu2 = ["","","","","","","","","","","","","",""];
  288.  
  289.         var arr = xpath_obj.innerHTML.split(/></g);
  290.         var k=-1;
  291.  
  292.         //add the brackets back in
  293.         for(var i = 0; i < arr.length; i++){
  294.  
  295.  
  296.             if(i == 0){
  297.                 arr[i] =  arr[i] + '>';
  298.             }else if(i == arr.length -1){
  299.                 arr[i] =  '<'  + arr[i];
  300.             }else{
  301.                 arr[i] = '<' + arr[i] + '>';
  302.  
  303.             }
  304.  
  305.  
  306.             //console.log("arr[" + i + "]:" + arr[i]);
  307.             if(arr[i].match(/<h4/) || arr[i].match(/<table/) ){
  308.                 //console.log("next:" + k);
  309.                 k++;
  310.             }
  311.  
  312.             if(!(arr[i].match(/<table/) || arr[i].match(/<\/table/) || arr[i].match(/<tbody/) || arr[i].match(/<\/tbody/) || arr[i].match(/<tr/) || arr[i].match(/<\/tr/) || arr[i].match(/<td/) || arr[i].match(/<\/td/)   )){
  313.                menu2[k] += arr[i];
  314.  
  315.                }
  316.  
  317.         }
  318.         var table_str ="<table>";
  319.  
  320.         for(i=0;i<k;i++){
  321.             //console.log("menu2[" + i + "]:" + menu2[i]);
  322.  
  323.  
  324.  
  325.  
  326.             if(menu2[i].match(/<h4/)){
  327.                 table_str = table_str + "</tr><tr>";
  328.                 //console.log("tr:" + i);
  329.             }
  330.  
  331.             table_str = table_str + "<td>" +  menu2[i] + "</td>";
  332.  
  333.  
  334.         }
  335.         table_str = table_str + "</table>";
  336.  
  337.         //console.log("table_str:" + table_str);
  338.  
  339.         xpath_obj.innerHTML = table_str;
  340.  
  341.  
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349.  
  350.  
  351.         //画面更新ボタン 左寄せ
  352.         /*
  353.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[5]/tbody/tr/td/form/form/table[1]/tbody/tr/td[1]/form/div", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  354.         xpath_obj = xpath.singleNodeValue;
  355.         xpath_obj.align = "left";
  356.         */
  357.  
  358.  
  359.     }
  360.  
  361.     if(flag === 2) {
  362.         //能力　ポイントテーブル tr入れ替え
  363.  
  364.  
  365.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/table/tbody/tr[2]/td[1]/form/table", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  366.         var table = xpath.singleNodeValue;
  367.  
  368.  
  369.  
  370.         //console.log("row1:" + table.innerHTML);
  371.  
  372.         var point_cell = [];
  373.  
  374.         for(j=0;j<10;j++){
  375.  
  376.             console.log("table.rows[" + j + "].innerHTML" +  table.rows[j].cells[0].innerHTML);
  377.             point_cell[j] = table.rows[j].cells[0].innerHTML;
  378.         }
  379.  
  380.         table.innerHTML = "";
  381.  
  382.         // 行要素を追加
  383.         var tr0 = table.insertRow(-1);
  384.         var tr1 = table.insertRow(-1);
  385.  
  386.         var td = [];
  387.  
  388.  
  389.  
  390.         //table.innerHTML = "";
  391.  
  392.         for(j=0;j<10;j=j+2){
  393.  
  394.             td[j] = tr0.insertCell(-1);
  395.             td[j].innerHTML = point_cell[j];
  396.             td[j+1] = tr1.insertCell(-1);
  397.             td[j+1].innerHTML = point_cell[j+1];
  398.  
  399.         }
  400.         //console.log("aa" + newtable.innerHTML);
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.     }
  408.  
  409.  
  410.  
  411.     // 他球団偵察モードの画面
  412.  
  413.     if(flag === 7 ){
  414.  
  415.         console.log("table_width:" + table_width);
  416.  
  417.         //投手　テーブルスクロール
  418.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/table[3]/tbody/tr/td/table", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  419.  
  420.         //console.log("xpathtousyu:" + xpath.singleNodeValue);
  421.         xpath_obj = xpath.singleNodeValue;
  422.  
  423.         xpath_obj.outerHTML = "<div style=\"\width:" + table_width + "px; overflow-x:scroll; padding-bottom:30px;\">" + xpath_obj.outerHTML + "</div>";
  424.  
  425.  
  426.         //野手　テーブルスクロール
  427.         xpath = document.evaluate("/html/body/table/tbody/tr[1]/td[2]/table[4]/tbody/tr/td/table[2]/tbody/tr/td/table", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
  428.         //console.log("xpathyasyu:" + xpath.singleNodeValue);
  429.         xpath_obj = xpath.singleNodeValue;
  430.  
  431.         //var temp = "<thread>" + xpath_obj.innerHTML;
  432.         //xpath_obj.innerHTML = temp;
  433.         xpath_obj.outerHTML = "<div style=\"width:" + table_width + "px; overflow-x:scroll; padding-bottom:30px;\">" + xpath_obj.outerHTML + "</div><br>";
  434.  
  435.         //console.log("xpath_obj:" + xpath_obj.innerHTML);
  436.  
  437.  
  438.     }
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450. })();
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460.  
  461.  
  462.