Last active
July 19, 2018 01:44
-
-
Save mhige/f991e96e6ca85e571efe971c1be375be to your computer and use it in GitHub Desktop.
トマレバ カスマイズ CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* micro clearfix */ | |
.tomarebalink-box, | |
.tomarebalink-link1 { | |
zoom: 1;/* IE6,7の対応しないならいらないです */ | |
} | |
.tomarebalink-box:after, | |
.tomarebalink-link1:after { | |
content: ""; | |
display: block; | |
clear: both; | |
} | |
/* tomarebalink 親ボックス */ | |
.tomarebalink-box { | |
position: relative; | |
margin-bottom: 14px; | |
padding: 8px; | |
border: 1px solid #e8e8e8; | |
background-color: #fff; | |
} | |
.tomarebalink-box:before { | |
content: 'Ad';/* 広告ラベル "PR"や"広告"などでもOK */ | |
display: block; | |
position: absolute; | |
right: 0; | |
bottom: 0; | |
padding: 2px 4px; | |
font-size: 10px; | |
color: #aaa; | |
} | |
/* サムネール画像のボックス */ | |
.tomarebalink-image { | |
float: left; | |
width: 88px; | |
} | |
.tomarebalink-image a { | |
display: block; | |
height: 88px; | |
} | |
/* サムネール画像 */ | |
.tomarebalink-image a img { | |
width: 100%; | |
margin: 0; | |
padding: 0; | |
} | |
/* 情報ボックス */ | |
.tomarebalink-info { | |
margin: 0 4px 0 98px; | |
} | |
.tomarebalink-info a { | |
/* 情報ボックス内のリンク下線をなくす */ | |
text-decoration: none; | |
} | |
.tomarebalink-name { | |
color: #444; | |
} | |
/* ホテル名 リンク */ | |
.tomarebalink-name>a { | |
border-bottom: 1px dotted #a5a5a5; | |
font-size: 16px; | |
color: #174E80; | |
} | |
/* ホテル名 リンク ホバー時 */ | |
.tomarebalink-name>a:hover { | |
color: #722031; | |
} | |
/* powered by・住所 の文字サイズ */ | |
.tomarebalink-powered-date, | |
.tomarebalink-address { | |
font-size: 10px; | |
} | |
/* powered by */ | |
.tomarebalink-powered-date { | |
margin-top: 2px; | |
margin-bottom: 2px; | |
} | |
/* powered by のリンクカラー */ | |
.tomarebalink-powered-date a { | |
color: #406d82; | |
} | |
/* 住所 */ | |
.tomarebalink-address { | |
margin-bottom: 4px; | |
} | |
/* 各サービスへのリンクボックスを横並びに */ | |
.tomarebalink-link1>div { | |
float: left; | |
width: auto; | |
margin: 0 8px 0 0; | |
} | |
.tomarebalink-link1 a { | |
display: block; | |
margin: 0 0 4px; | |
padding: 1px 4px; | |
border-radius: 2px; | |
-moz-border-radius: 2px; | |
-webkit-border-radius: 2px; | |
-o-border-radius: 2px; | |
-ms-border-radius: 2px; | |
font-size: 12px; | |
color: #fff; | |
background-color: #aaa;/* 基本カラー */ | |
} | |
.tomarebalink-link1 a:hover { | |
text-decoration: underline; | |
} | |
/*ボタン背景カラー */ | |
.tomarebalink-link1 .shoplinkrakuten a { background-color: #76ae25; }/* 楽天トラベル */ | |
.tomarebalink-link1 .shoplinkjalan a { background-color: #ff7a15; }/* じゃらん */ | |
.tomarebalink-link1 .shoplinkjtb a { background-color: #c81528; }/* JTB */ | |
.tomarebalink-link1 .shoplinkknt a { background-color: #0b499d; }/* KNT */ | |
.tomarebalink-link1 .shoplinkikyu a { background-color: #bf9500; }/* 一休 */ | |
.tomarebalink-link1 .shoplinkrurubu a { background-color: #000066; }/* るるぶ */ | |
.tomarebalink-link1 .shoplinkyahoo a { background-color: #ff0033; }/* Yahoo!トラベル */ | |
.booklink-footer { | |
visibility: hidden; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment