※CSS追加修正 +
【webフォント端末振り分け】
<link href="http://fonts.googleapis.com/css?family=Fredericka+the+Great|Rationale" rel="stylesheet" type="text/css" />
↓↓↓↓
<pc><link href="http://fonts.googleapis.com/css?family=Fredericka+the+Great|Rationale" rel="stylesheet" type="text/css" /></pc>
【スクロールバー設定・常時表示追加】(/* 全体設定 */ブロック内)
<pc_only>
body {
line-height: 1.7;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
font-size: 87.5%;
letter-spacing: 1px;
}
</pc_only>
↓↓↓↓
<pc_only>
html {
scrollbar-arrow-color:#59a0b3;
scrollbar-face-color:#abcfd8;
scrollbar-3dlight-color:#abcfd8;
scrollbar-darkshadow-color:#abcfd8;
scrollbar-highlight-color:#e5f0f3;
scrollbar-shadow-color:#f1f7f8;
scrollbar-track-color:#e5f0f3;
overflow-y:scroll;
}
body {
line-height: 1.7;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
font-size: 87.5%;
letter-spacing: 1px;
overflow-y:auto;
}
</pc_only>
【テキストリンクメニュー直後の改行排除】(/* メニュー部分 */ブロック内)
※『<br>改行設定:する』の方
.category a:hover, .archive a:hover {
background: #ffffff url("#画像2_url#") no-repeat right center;
}
</pc>
<pc>
@media screen and (max-width: 840px) {
〜以下省略〜
↓↓↓↓
.category a:hover, .archive a:hover {
background: #ffffff url("#画像2_url#") no-repeat right center;
}
.category a + br, .archive a + br {
display:none;
}
@media screen and (max-width: 840px) {
〜以下省略〜
(※中間あたりにあった<pc>と</pc>は、前後どちらもPC・スマフォ適用範囲なので、同じ意味になるため削除しました。)
【float解除端末振り分け】(CSSの最後の方)
} /* end media screen */
</pc>
/* float clear */
〜中略〜
</style>
↓↓↓↓
} /* end media screen */
/* float clear */
〜中略〜
</pc>
</style>
- PREV │ LIST │ NEXT