KLAN / 縦型馬柱(HTML)の印刷用スタイル


[ KLAN ] の縦型HTML馬柱を
印刷用ページに整形するユーザースタイルです。
[ Stylish ] にコピペして使ってください。
 

データ欄のみ印刷するスタイル
成績欄のみ印刷するスタイル
両方 印刷するスタイル


 
  ※ 更新:2/24



■ 適用前のページ

KLANt 01s


■ 印刷用スタイルを適用すると(↑赤枠部分だけ印刷)

KLANt02s.png




■ 印刷用スタイル
.data  #top.page {
padding-top: 0px !important;
background-color: white !important;
}
#top.page div.contents {background-image:none !important;}
.area_main {float: none !important;}
#top.page div.contents aside.pageMenu {display:none !important;}
#fnbar {display:none !important;}
.contents div.area_main nav#docpath {display:none !important;}
footer {display:none !important;}
#pageNavi {display:none !important;}
#raceHeader #notice {display:none !important;}
/*----------------------------------------------*/
#raceHeader .pdf_dl_link p span.mark,
#raceHeader .pdf_dl_link p a {display:none !important;}
#raceHeader .summary ul {border: 0 !important;}
/*----------------------------------------------*/
.contents {
padding-bottom: 0px !important;
}
#raceHeader table {
float: left !important;
margin: 0px 0px 0px 0px !important;
}
#raceHeader .r-navi {
float: right !important;
margin: 0px -4px 0px 0px !important;
}
/* コース何R*/
#raceHeader .r-navi div {
border: none !important;
box-shadow: none !important;
position:relative;
top: 5px;right: 47px;
font-size: 20px !important;
}
#raceHeader .r-navi div span {
position:relative;
top: -18px; right: -45px;
font-size: 20px !important;
}
/* レース名 */
#raceHeader h1 a {
position:relative;
top:1px;right: 50px;
float: right !important;
}
/* 条件 */
#raceHeader .summary ul {
float: right !important;
position:relative;right: 250px;
}
#raceHeader .summary {
position:relative;
top:-25px !important;
}
/*----------------------------------------------*/
/* border-color */
.area_main table {border-color: black !important;}
.area_main table th,
.area_main table td {border-color: black !important;}
/*----------------------------------------------*/
.data .area_main section {
font-size: 13px;
padding: 0px 0px 0px 0px !important;
margin: 0px 4px 0px 4px !important;
}
#raceHeader .h-list {
margin-bottom: 0px !important;
}
#result {
margin-top: -1px !important;
}
/*----------------------------------------------*/
#umahikaku table td.name {display:none !important;}
#umahikaku table td.umaban {display:none !important;}
tr th.name {display:none !important;}
#data.data1 tbody tr th.umaban {display:none !important;}
.race-data div#umahikaku.set div
.item1-1 table#data.data1 tbody tr:nth-child(1) {display:none !important;}
.race-data div#umahikaku.set div
.item1-1 table#data.data1 tbody tr:nth-child(2) {display:none !important;}
/*----------------------------------------------*/
.data .area_main section,
#raceHeader {
margin: 0px 0px 0px 0px !important;
}
#raceHeader .h-list {
margin: 0px 0px 0px 0px !important;
}
/*----------------------------------------------*/
#raceHeader table .name td dl dd.chichi {
right: 2px !important;
font-size: 9px !important;
}
#raceHeader table .name td dl dd.hahachichi {
left: 3px;
font-size: 9px !important;
}
/*----------------------------------------------*/
.area_main section#result.race-data {display:none !important;}
/*----------------------------------------------*/
#raceHeader table .name td .legs li {
border-top: solid 1px #000000 !important;
border-right: solid 1px #000000 !important;
margin: 0px !important;
}
.area_main table tr td.w2,
.area_main table tr td.w3,
.area_main table tr td.w4 {
text-shadow: none !important;
}
#ad_footer,
#relation.pageNavi ul.move {display:none !important;}
.data {
background-color: #FFFFFF !important;
background-image:none !important;
}
/*----------------------------------------------*/
#raceHeader table .name td div {
/* height: 160px !important;*/
}
/*----------------------------------------------*/
#raceHeader .application {display:none !important;}
/*----------------------------------------------*/
#raceHeader h1 span {display:none !important;}
#raceHeader .r-navi div {
background-image:none !important;
color: #464646 !important;
}
#raceHeader h1{position:relative;top:6px;left:630px;}
#raceHeader .r-navi div span {left:46px;}
#opSwitch,#pageAction {display:none !important;}
.area_main {padding: 0 !important;}




■ 成績欄付き

KLANt03s.png

■ 印刷用スタイルを適用すると

KLANt04s.png



■ 印刷用スタイル
.data #top.page {
padding-top: 0px !important;
background-color: white !important;
}
#top.page div.contents {background-image:none !important;}
.area_main {float: none !important;}
#top.page div.contents aside.pageMenu {display:none !important;}
#fnbar {display:none !important;}
.contents div.area_main nav#docpath {display:none !important;}
footer {display:none !important;}
#pageNavi {display:none !important;}
#raceHeader #notice {display:none !important;}
/*----------------------------------------------*/
#raceHeader .pdf_dl_link p span.mark,
#raceHeader .pdf_dl_link p a {display:none !important;}
#raceHeader .summary ul {border: 0 !important;}
/*----------------------------------------------*/
.contents {padding-bottom: 0px !important;}
#raceHeader table {margin: -26px 0px 0px 0px !important;}
#raceHeader .r-navi {
float: right !important;
margin: 0px -4px 0px 0px !important;
}
/* コース何R*/
#raceHeader .r-navi div {
border: none !important;
box-shadow: none !important;
position:relative;
top: -3px;right: 44px;
font-size: 20px !important;
}
#raceHeader .r-navi div span {
position:relative;
float: right !important;
top: -18px; right: -40px;
font-size: 20px !important;
}
/* レース名 */
#raceHeader h1 a {
position:relative;
top:-6px;right: 0px;
float: right !important;
}
/* 条件 */
#raceHeader .summary ul {
float: right !important;
position:relative;
top:-4px;right: 250px;
}
#raceHeader .summary {
position:relative;
top:-27px !important;
}
/*----------------------------------------------*/
/* border-color */
.area_main table {border-color: black !important;}
.area_main table th,
.area_main table td {border-color: black !important;}
/*----------------------------------------------*/
.data .area_main section {
padding: 0px 0px 0px 0px !important;
margin: 0px 4px 0px 4px !important;
}
#raceHeader .h-list {margin-bottom: 0px !important;}
#result {margin-top: -1px !important;}
/*----------------------------------------------*/
#umahikaku table td.name {display:none !important;}
#umahikaku table td.umaban {display:none !important;}
#umahikaku table td.mark {display:none !important;}
tr th.mark,tr th.umaban,
tr th.name {display:none !important;}
.race-data div#umahikaku.set div
.item1-1 table#data.data1 tbody tr:nth-child(1) {display:none !important;}
.race-data div#umahikaku.set div
.item1-1 table#data.data1 tbody tr:nth-child(2) {display:none !important;}
/*----------------------------------------------*/
.data .area_main section,
#raceHeader {margin: 0px 0px 0px 0px !important;}
#raceHeader .h-list {margin: 0px 0px 0px 0px !important;}
/*----------------------------------------------*/
#raceHeader table .name td .legs li {
border-top: solid 1px #000000 !important;
border-right: solid 1px #000000 !important;
margin: 0px !important;
}
.area_main table tr td.w2,
.area_main table tr td.w3,
.area_main table tr td.w4 {
text-shadow: none !important;
}
#ad_footer,
#relation.pageNavi ul.move {display:none !important;}
.data {
background-color: #FFFFFF !important;
background-image:none !important;
}
/*----------------------------------------------*/
#umahikaku table td ul.basic li.rname,
#umahikaku table td {font-size: 11px !important;}
#umahikaku table #data-basic td ul li.item4,
#umahikaku table td {line-height: 13px !important;}
#umahikaku table td ul.basic li.place span {
font-size: 12px !important;
line-height: 10px !important;
}
ul li.item2 {
font-size: 11px !important;
line-height: 13px !important;
}
#umahikaku table td ul.basic li.order span {
font-size: 13px !important;
line-height: 11px !important;
}
#umahikaku table td ul.basic {
padding-top: 1px !important;
padding-bottom: 1px !important;
}
#umahikaku table td .dataset {
height: 69px !important;
position: relative;
width: 50px;
}
#raceHeader table .wakuban th,
#raceHeader table .wakuban td,
#raceHeader table .umaban th,
#raceHeader table .umaban td {
height: 15px !important;
padding-top: 1px;
}
#raceHeader table th, #raceHeader table td {
height: 15px !important;
padding-top: 1px !important;
}
#raceHeader.state7 div.h-list table tbody tr.mark {
display:none !important;
}
#raceHeader table tr.legs td ul {
padding-bottom: 0px !important;
padding-top: 1px !important;
line-height: 10px !important;
}
#raceHeader table .name td dl dd.chichi {
right: 2px !important;top: 0px !important;
font-size: 9px !important;
}
#raceHeader table .name td dl dd.hahachichi {
left: 3px;top: 0px !important;
font-size: 9px !important;
}
#raceHeader table .name td {
padding-top: 4px !important;
}
/*----------------------------------------------*/
#raceHeader table .name td div {height: 146px !important;}
/*----------------------------------------------*/
#raceHeader .application {display:none !important;}
#umahikaku table td .mask {height: 69px !important;}
#raceHeader table td.mark input {height: 15px !important;}
#raceHeader table tr.spid td {
padding: 1px 0px 1px 0px !important;
}
/*----------------------------------------------*/
#raceHeader h1 span {display:none !important;}
#raceHeader .r-navi div {
background-image:none !important;
color: #464646 !important;
}
#raceHeader h1{position:relative;top:6px;left:630px;}
#opSwitch,#pageAction {display:none !important;}
.area_main {padding: 0 !important;}
#umahikaku.set div.item1-1 table#data.data1 tbody#data-lineage td,
#umahikaku table .condition th, #umahikaku table .condition td {
width: 50px;
}
#data.data1 tbody#data-course.percentage tr.condition td,
#data.data1 tbody#data-race.percentage tr.condition td {
font-size: 12px !important;
}
#umahikaku table #data-advance td ul.set8 {
margin-top: 1px !important;
}
#umahikaku table #data-advance td ul.set8 li.item2 {
font-size: 13px !important;
}
#umahikaku table #data-advance td .dataset {
height: 153px !important;
}




■ 成績比較欄だけ印刷

KLANt05s.png



■ 印刷用スタイル
.data #top.page {
padding-top: 0px !important;
background-color: white !important;
}
#top.page div.contents {background-image:none !important;}
.area_main {float: none !important;}
#top.page div.contents aside.pageMenu {display:none !important;}
#fnbar {display:none !important;}
.contents div.area_main nav#docpath {display:none !important;}
footer {display:none !important;}
#pageNavi {display:none !important;}
#raceHeader #notice {display:none !important;}
/*----------------------------------------------*/
#raceHeader .pdf_dl_link p span.mark,
#raceHeader .pdf_dl_link p a {display:none !important;}
#raceHeader .summary ul {border: 0 !important;}
/*----------------------------------------------*/

#raceHeader .h-list {display:none !important;}
/*----------------------------------------------*/
.contents {padding-bottom: 0px !important;}
#raceHeader table {margin: -26px 0px 0px 0px !important;}
#raceHeader .r-navi {
float: right !important;
margin: 0px -4px 0px 0px !important;
}
/* コース何R*/
#raceHeader .r-navi div {
border: none !important;
box-shadow: none !important;
position:relative;
top: 0px;right: 50px;
font-size: 20px !important;
}
#raceHeader .r-navi div span {
position:relative;
float: right !important;
top: -18px; right: -38px;
font-size: 20px !important;
}
/* レース名 */
#raceHeader h1 a {
position:relative;
top:-3px;right: 50px;
float: right !important;
}
/* 条件 */
#raceHeader .summary ul {
float: right !important;
position:relative;
top:-4px;right: 250px;
}
#raceHeader .summary {
position:relative;
top:-25px !important;
}
/*----------------------------------------------*/
/* border-color */
.area_main table {border-color: black !important;}
.area_main table th,
.area_main table td {border-color: black !important;}
/*----------------------------------------------*/
.data .area_main section {
font-size: 13px;
padding: 0px 0px 0px 0px !important;
margin: 0px 4px 0px 4px !important;
}
/*----------------------------------------------*/
.data .area_main section,
#raceHeader {margin: 0px 0px 0px 0px !important;}
#raceHeader .h-list {margin: 0px 0px 0px 0px !important;}
/*----------------------------------------------*/
#raceHeader .application {display:none !important;}
/*----------------------------------------------*/
#raceHeader h1 span {display:none !important;}
#raceHeader .r-navi div {
background-image:none !important;
color: #464646 !important;
}
#raceHeader h1{position:relative;top:6px;left:630px;}
#raceHeader .r-navi div span {left:46px;}
#opSwitch,#pageAction {display:none !important;}
.area_main {padding: 0 !important;}




関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム