==========================================================================================
CSSをカスタマイズするのに以下の分類が重要
------------------------------------------------------------------------------------------
(1) Chrome系 vs FireFox系 vs 旧IE系
(2) Hover系 vs Touch系
(3) Windows系 vs MacOS系

(1)と(2)はmedia queryで区別できるが、(3)はサーバー側スクリプトにたよらなければ決定できない。
------------------------------------------------------------------------------------------
there is no property to specify OS used to view webpage, but you can detect it
with javascript, here is some example for detecting Operating system :

var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

console.log('Your OS: '+OSName);
------------------------------------------------------------------------------------------


==========================================================================================
ボタンの状態の分類
------------------------------------------------------------------------------------------
init  : ボタンがロードされた状態。投票済みかどうかは関係ない。一度クリックされると、このフラグは消える。
voted : クリックして、ボタンが選択されると立つフラグ。
unvoted : クリックして、ボタンの選択がはずされると立つフラグ。
notvoted: 複数の選択肢がある中で、他のボタンが選択されると立つフラグ。

==========================================================================================
ボタンがクリックされてから、少し遅れて、表示数を+1/-1したい。
------------------------------------------------------------------------------------------