Amazonと楽天のリンクのボタンをカスタマイズするために仮に書いてる記事なので気にしないでくださいw
目次
はてなAmazonリンクCSS
.hatena-asin-detail .hatena-asin-detail-info .asin-detail-buy:after{ content:"で見る"; } .hatena-asin-detail .hatena-asin-detail-info .asin-detail-buy { color: #FF9901; background: -moz-linear-gradient(top,#fafafa,#EEE); background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee)); border-radius: 10px; box-shadow: 2px 2px 5px #666; } .hatena-asin-detail .hatena-asin-detail-info .asin-detail-buy { background-color: rgba(25,48,70,.2); border: 1px solid transparent; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .025em; line-height: 1.25; margin-top: 16px; overflow: hidden; padding: 10px 12px; text-align: center; text-decoration: none; width: 100%; } .hatena-asin-detail .hatena-asin-detail-info { margin: auto 0 auto 24px; }
はてな楽天リンクCSS
.entry-content .hatena-asin-detail li a{ color: #BF0000; background: -moz-linear-gradient(top,#fafafa,#EEE); background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee)); border-radius: 10px; box-shadow: 2px 2px 5px #666; } .entry-content .hatena-asin-detail li a{ background-color: rgba(25,48,70,.2); border: 1px solid transparent; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .025em; line-height: 1.25; margin-top: 16px; overflow: hidden; padding: 10px 12px; text-align: center; text-decoration: none; width: 100%; }
コメント