WIN5配当計算機 を見やすく(?)するスタイル

WIN5配当計算機 を見やすく(?)するスタイル





■ スタイル適用前

  win5m01s.png

■ スタイル適用後

  win5m02s.png

■ 見やすく(?)するスタイル( ⇒ 使い方
数値を適当に調整してください

@-moz-document url("http://yunmao.net/win5/") {

tr td {
padding: 2px 1px 1px 1px !important;
}

tr td.br0 {
/* font-weight: bold !important; */
padding: 2px 1px 4px 1px !important;
border-bottom: solid 1px #7E7E7E !important;
}

/* 馬番 */
.brl {
border-right-width: 1px !important;
padding-right: 2px !important;
}

/* オッズ */
.brc {
border-right-width: 1px !important;
border-right-color: #CECECE !important;
}

/* 背景色 */
/* .brc[nowrap=""], *//* 馬名の背景を消す */
.brc[align="right"],/* オッズ */
.brr {
background-color: #FFFFFF !important;
}

/* 馬名 */
.brc.br18[nowrap=""],
.brc.br17[nowrap=""],
.brc.br16[nowrap=""],
.brc.br15[nowrap=""],
.brc.br14[nowrap=""],
.brc.br13[nowrap=""],
.brc.br12[nowrap=""],
.brc.br10[nowrap=""],
.brc.br9[nowrap=""],
.brc.br8[nowrap=""],
.brc.br7[nowrap=""],
.brc.br6[nowrap=""],
.brc.br5[nowrap=""],
.brc.br4[nowrap=""],
.brc.br3[nowrap=""],
.brc.br2[nowrap=""],
.brc.br1[nowrap=""] {
border-right-width: 1px !important;
padding-left: 4px !important;
padding-right: 2px !important;
font-size: 16px !important;/* 適当な値に調整 */
color: #000000 !important;
}

.brr {
padding-left: 1px !important;
padding-right: 2px !important;
}

/* ボーダー色 *//* 適当な値に調整 */
tr + tr td { border-color: #7E7E7E !important; }

table {
border-collapse: collapse !important;
padding: 20px 0px 0px 0px !important;
}

body { margin: 2px 0px 0px 0px !important; }

h1 ~ table tr + tr,
#form_id a { display:none !important; }

h1[align="center"] {
margin-bottom: 0px !important;
font-size: 20px !important;
}

h1 ~ table tr td a { font-size: 15px !important; }

tr td font,
tr td br,
h1 ~ br { display:none !important; }

form#form_id { padding: 8px 0px 0px 0px !important; }

tr:nth-last-of-type(1) {
position: relative !important;
top: -25px !important;
left: 428px !important;
}

tr td textarea {
font-size: 15px !important;
position: absolute !important;
top: 0px !important;
left: 0px !important;
width: 300px !important;
height: 220px !important;
}

tr td #tensu {
font-size: 16px !important;
position: absolute !important;
top: 2px !important;
left: -202px !important;
}

tr td input[type="button"] {
position: relative !important;
left: 348px !important;
}

}





WIN5配当計算機 の印刷用スタイル

WIN5配当計算機 の印刷用スタイル





■ スタイルA( ⇒ 使い方

  win5p01s.png

適当に数値調整してください

@-moz-document url("http://yunmao.net/win5/") {

tr td.br0 {
/* font-weight: bold !important; */
padding: 2px 1px 4px 1px !important;
border-bottom: solid 1px #606060 !important;
}

/* チェックボックス */
td input { visibility:hidden !important; }

/* 馬番 */
.brl {
border-right-width: 1px !important;
padding-right: 2px !important;
}

/* オッズ */
.brc {
border-right-width: 1px !important;
}

/* 背景色 */
/* .brc[nowrap=""], *//* 馬名の背景を消す */
.brc[align="right"],/* オッズ */
.brr {
background-color: #FFFFFF !important;
}

/* 馬名 */
.brc.br18[nowrap=""],
.brc.br17[nowrap=""],
.brc.br16[nowrap=""],
.brc.br15[nowrap=""],
.brc.br14[nowrap=""],
.brc.br13[nowrap=""],
.brc.br12[nowrap=""],
.brc.br10[nowrap=""],
.brc.br9[nowrap=""],
.brc.br8[nowrap=""],
.brc.br7[nowrap=""],
.brc.br6[nowrap=""],
.brc.br5[nowrap=""],
.brc.br4[nowrap=""],
.brc.br3[nowrap=""],
.brc.br2[nowrap=""],
.brc.br1[nowrap=""] {
border-right-width: 1px !important;
padding-left: 4px !important;
padding-right: 2px !important;
font-size: 17px !important;/* 適当な値に調整 */
}

/* ボーダー色 *//* 適当な値に調整 */
tr + tr td { border-color: #606060 !important; }

table {
border-collapse: collapse !important;
padding: 20px 0px 0px 0px !important;
}

/* 上スペース *//* 適当な値に調整 */
form#form_id {
padding: 100px 0px 0px 0px !important;
}

body { margin: 0px 0px 0px 0px !important; }/* 適当な値に調整 */

/* 消す */
h1,
h1 ~ table,
#form_id a,
td[colspan="15"] { display:none !important; }

}



■ スタイルB( ⇒ 使い方

  win5p02s.png

適当に数値調整してください

@-moz-document url("http://yunmao.net/win5/") {

tr td.br0 {
/* font-weight: bold !important; */
padding: 2px 1px 4px 1px !important;
border-bottom: solid 1px #606060 !important;
}

/* チェックボックス */
td input { visibility:hidden !important; }

/* 馬番 */
.brl {
border-right-width: 1px !important;
padding-right: 2px !important;
}

/* オッズ */
.brc {
border-right-width: 1px !important;
}

/* 背景色 */
/* .brc[nowrap=""], *//* 馬名の背景を消す */
.brc[align="right"],/* オッズ */
.brr {
background-color: #FFFFFF !important;
}

/* 馬名 */
.brc.br18[nowrap=""],
.brc.br17[nowrap=""],
.brc.br16[nowrap=""],
.brc.br15[nowrap=""],
.brc.br14[nowrap=""],
.brc.br13[nowrap=""],
.brc.br12[nowrap=""],
.brc.br10[nowrap=""],
.brc.br9[nowrap=""],
.brc.br8[nowrap=""],
.brc.br7[nowrap=""],
.brc.br6[nowrap=""],
.brc.br5[nowrap=""],
.brc.br4[nowrap=""],
.brc.br3[nowrap=""],
.brc.br2[nowrap=""],
.brc.br1[nowrap=""] {
border-right-width: 1px !important;
padding-left: 4px !important;
padding-right: 2px !important;
font-size: 17px !important;/* 適当な値に調整 */
}

/* ボーダー色 *//* 適当な値に調整 */
tr + tr td { border-color: #606060 !important; }
.brl { border-left-color: #FFFFFF !important; }
.brr {
border-right-color: #FFFFFF !important;
border-right-width: 3px !important;
}

table {
border-collapse: collapse !important;
padding: 20px 0px 0px 0px !important;
}

/* 上スペース *//* 適当な値に調整 */
form#form_id {
padding: 100px 0px 0px 0px !important;
}

body { margin: 0px 0px 0px 0px !important; }/* 適当な値に調整 */

/* 消す */
h1,
h1 ~ table,
#form_id a,
td[colspan="15"] { display:none !important; }

}




■ Firefox 印刷設定

  win5p04s.png

  win5p03s.png




■ 自分用

  win5p03s_201506021426476f4.png

@-moz-document url("http://yunmao.net/win5/") {

td.br0 {
text-align: left;
background-color: #FFFFFF !important;
padding: 2px 1px 6px 22px !important;
border-bottom: solid 1px #606060 !important;
font-size: 17px !important;
}

/* チェックボックス */
td input { visibility:hidden !important; }

/* 馬番 */
.brl {
border-right-width: 1px !important;
padding-right: 2px !important;
}

/* オッズ */
.brc[align="right"] {
border-right-width: 1px !important;
color: #5A5A5A !important;
}

/* 背景色 */
.brc[nowrap=""],/* 馬名の背景を消す */
.brc[align="right"],/* オッズ */
.brr {
background-color: #FFFFFF !important;
}

/* 馬名 */
.brc.br18[nowrap=""],
.brc.br17[nowrap=""],
.brc.br16[nowrap=""],
.brc.br15[nowrap=""],
.brc.br14[nowrap=""],
.brc.br13[nowrap=""],
.brc.br12[nowrap=""],
.brc.br10[nowrap=""],
.brc.br9[nowrap=""],
.brc.br8[nowrap=""],
.brc.br7[nowrap=""],
.brc.br6[nowrap=""],
.brc.br5[nowrap=""],
.brc.br4[nowrap=""],
.brc.br3[nowrap=""],
.brc.br2[nowrap=""],
.brc.br1[nowrap=""] {
border-right-width: 1px !important;
padding-left: 4px !important;
padding-right: 2px !important;
font-size: 17px !important;/* 適当な値に調整 */
border-right-color: #AEAEAE !important;
}

/* ボーダー色 *//* 適当な値に調整 */
tr + tr td { border-color: #606060 !important; }
.brl { border-left-color: #FFFFFF !important; }
.brc { border-right-color: #AEAEAE !important; }
.brr {
border-right-color: #FFFFFF !important;
border-right-width: 3px !important;
}

table {
border-collapse: collapse !important;
padding: 20px 0px 0px 0px !important;
}

/* 上スペース *//* 適当な値に調整 */
form#form_id {
padding: 100px 0px 0px 0px !important;
}

body { margin: 0px 0px 0px 0px !important; }

/* 消す */
h1,
h1 ~ table,
#form_id a,
td[colspan="15"] { display:none !important; }

/* 10頭 */
tr:nth-child(11) td.brr,
tr:nth-child(11) td.brc,
tr:nth-child(11) td.brl {
border-bottom-width: 3px !important;
border-bottom-color: #000000 !important;
}

}






プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム