無料競馬新聞(馬柱)中穴くん の印刷用スタイル(2)



文字が大きく成績欄レイアウトも見やすい
各場メインレースの馬柱は、ほぼ競馬新聞


[ 無料競馬新聞(馬柱)中穴くん ]を

Firefox
の印刷機能を使って、
PDFファイル化するための印刷用ユーザースタイルです。
[ Stylish ] にコピペして使ってください。

《 使いかたはこちらで 》
   [zubolla.メモ]  Stylishを使って [ ウェブサイトの見た目を変える ]




以前のスタイルの「馬名」フォントが少し小さかったので、
    チョイ大きくしてみました。
    ほかにも、細かいところ手直ししてます。



■ スタイルを適用してPDF化のち、ぎりぎりトリミングで印刷すると(イメージ)

2012-05-17_e

[zubolla.メモ]  無料競馬新聞(馬柱) 中穴くん をA4紙印刷 (Firefox編)



■ Firefox印刷用スタイル(2) [2012/05/19]
(Firefox「印刷」の「ページ設定」[背景色と背景画像も印刷] のチェックを入れて印刷)
/* 削除 */
.copy, .fs11, .mt60, td.banner {display:none !important;}
body.dirt,body.shiba {background-image: none !important;}
/*----------------------------------------------------*/

body.shiba div table.list {float:left !important;}
/*----------------------------------------------------*/

table.margin_tl {margin-left: 2px !important;}
/*----------------------------------------------------*/

table.list {margin-left: -2px !important;}/* 追加 */
table.list {border-color: #000000 !important;}
/*----------------------------------------------------*/
/* 父 */
td.h_chichi {padding:0px 2px 0px 1px !important;}
/* 馬名 */
td.h_name {
line-height: 1.0 !important;/* 追加 */
font-size: 15px !important;/* 12 *//* 変更 */
padding:0px 2px 3px 2px !important;
}
/* 母 */
td.h_haha {padding:0px 2px 0px 1px !important;}
/*----------------------------------------------------*/

/* 追加 */
td.tsukajun,span.racename {
line-height: 1.2 !important;/* 1.1 td.tosu,*/
}
td.kisyu {
padding-top: 1px !important;
line-height: 1.2 !important;/* 1.1*/
}
td.bataiju,td.agari,span.racename,td.date,td.course {
font-size: 11px !important;/* 10 */
}
td.kachiuma {font-size: 10px !important;}/* 9 */
td.s_kisyu,td.s_togai {font-size: 10px !important;}
td.s_course,td.s_kyori,td.s_togai {font-size: 10px !important;}/* 9 */

td.s_time {width: 42px !important;}/* 36 */
td.s_time_m,td.s_togai_m {width: 24px !important;}/* 22 */

/*----------------------------------------------------*/

table.margin_lr {width: 100% !important;}
/* 開催 */
td.course {line-height: 1.1 !important;}/* 1 */
/* 着 */
td.chakujun {
font-size: 18px !important;/* 16 *//* 変更 */
padding-right:2px !important;
width: 19px;
}
/* クラス */
span.class {
font-size: 10px !important;/* 8 */
margin-left: 2px !important;
}
/* 距離 *//* 追加 */
span.kyori {
position: absolute !important;
font-size: 11px !important;/* 10 *//* 問題あれば削除 */
}
/* タイム */
span.time {
font-size: 12px !important;/* 10 *//* 変更 */
float: right !important;/* 追加 */
margin-right: 1px !important;/* 変更 */
}
/* 通過順 */
td.tsukajun {font-size: 11px !important;}/* 12 */
/* 頭数 */
td.tosu {
padding-top: 1px !important;/* 変更 */
text-align: left !important;
width: 110% !important;
}
/* 勝馬 */
td.kachiuma {
line-height: 1.1 !important;/* 1 */
padding-bottom: 1px !important;
}
/* 着差 */
td.chakusa {
text-align: left !important;
padding-bottom: 1px !important;
}
/*----------------------------------------------------*/
/* レース名等 */

/* モノクロ印刷用文字色 */
/*td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
color:#FF0000 !important;
}*//*#FFD700*/

.dirt div { position:absolute !important;}

/* レース名 */
td.r_main {
font-size: 12px !important;
left:5px !important;
}
/* 条件 */
td.r_sub {
font-size: 11px !important;
left:300px !important;
}
/* 距離 */
td.r_kyori {
font-weight: bold !important;
left:590px !important;
}
/* 発走時間 */
td.r_hasso {left:700px !important;}
/* 登録馬馬柱用 */
td.r_kaisai {left:700px !important;}

/*----------------------------------------------------*/
/* 以下の部分は、色々調整してみてください */
/* スペース調整 */
td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
position:absolute !important;
top:0px !important;/*スペースほしい方は適当に*/
}
/* 馬柱とのスペース */
/*table.list { margin-top:40px !important;}*/
table.list { margin-top:6px !important;}
/*----------------------------------------------------*/
/* モノクロ印刷用文字色 */

/* レース名/日時 */
/*span.racename,td.date {color: #000000 !important;}*/
/* 厩舎・所属 */
/*span.h_syozoku {color: #5050FF !important;}*/
/*----------------------------------------------------*/
/* 追加 */
tr td table tbody tr td.check {display:none !important;}
/* 追加 */
td.racename {letter-spacing: -0.3px !important;}

td.check {visibility: hidden !important;}
/* td.check {display:none !important;} */




■ モノクロ(白黒)印刷専用スタイル(グレースケールで印刷してください)



■ 追記:一行追加(H25.1.23)
■ 追記:三行追加(H25.9.15)



[関連記事]

無料競馬新聞の印刷、無料馬柱の印刷、出馬表の印刷のまとめ





関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム