ステータス：オリジナルソース

原文

初期値

code:css

:root {

/**************************

アイコン

**************************/

/** アイコンを表示するか：inline-flex⇒通常、none：非表示 */

--disp-icon: none !important;

/** アイコンの大きさ */

--icon-size: 60px !important;

/** アイコンの角の丸み：50%⇒正円 */

--icon-radius: 7px !important;

/** アイコンとステータスの配置：inline-flex⇒横並び、inline-block⇒縦並び */

--placement-icon-status: inline-block !important;

/** アイコンの位置調整(縦) */

--icon-position-x1: 0px !important; /** 横並びの時の縦位置の設定。縦並びの場合は0に設定する */

--icon-position-x2: 10px !important; /** 縦並びの時の縦位置の設定。横並びの場合は0に設定する */

/** アイコンの位置調整(横) */

--icon-position-y1: 0px !important; /** 横並びの時の横位置の設定。縦並びの場合は0に設定する */

--icon-position-y2: 170px !important; /** 縦並びの時の横位置の設定。横並びの場合は0に設定する */

/**************************

ステータス（全体）

**************************/

/** ステータスの横幅 */

--width-status: 170px !important;

/** ステータスの行間 */

--height-status: 40px !important;

/** ステータス同士の距離 */

--space-between-status: 160px !important;

/**************************

ステータス（個別）

**************************/

/** ステータス1～6行目の位置調整 */

--left-space-status1: 115px !important;

--left-space-status2: 92px !important;

--left-space-status3: 69px !important;

--left-space-status4: 46px !important;

--left-space-status5: 23px !important;

--left-space-status6: 0px !important;

/**************************

ステータス（最大値）

**************************/

--height-total: 30px !important; /** 高さ */

--top-total: 0px !important; /** 位置 */

--color-total: rgb(255, 255, 255) !important; /** 色 */

--opacity-total: 0.6 !important; /** 不透明度 */

--degree-total: -30deg !important; /** 角の角度 */

--radius-total: 0px !important; /** 角の丸み */

/**************************

ステータス（現在値）

**************************/

--height-remain: 30px !important; /** 高さ */

--top-remain: 0px !important; /** 位置 */

--color-remain: rgb(255,255,255) !important; /** 色 */

--opacity-remain: 1 !important; /** 不透明度 */

--degree-remain: -30deg !important; /** 角の角度 */

--radius-remain: 0px !important; /** 角の丸み */

/**************************

文字

**************************/

/** ステータス文字の周りの余白(上,下,左,右) */

--status-padding-top: 3px !important;

--status-padding-bottom: 3px !important;

--status-padding-left: 20px !important;

--status-padding-right: 20px !important;

/** HPなど、見出し側のフォント、サイズ、色 */

--item-font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;

--item-font-size: 25px !important;

--item-font-color: rgb(66, 66, 66) !important;

/** 12/15など、ステータス側のフォント、サイズ、色 */

--status-font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;

--status-font-size: 25px !important;

--status-font-color: rgb(66, 66, 66) !important;

/* 不定時の赤字の色 */

--futei-font-color: rgb(197, 17, 98) !important;

/** HPなど、見出しの周りに白縁を設定する */

--item-outline-color: rgba(255, 255, 255, 1) !important;

/** 12/15など、ステータスの周りに白縁を設定する */

--status-outline-color: rgba(255, 255, 255, 1) !important;

}