ページング用CSS
2014/07/03
div.pageNav { //これなくてもいいかも。
clear: both;
float: right;
margin-top: 15px;
}
div.pageNav a {
background: -moz-linear-gradient(center top , #FFFFFF 25%, #E8E8E8) repeat scroll 0 0 transparent;
border: 1px solid #A7A7A7;
border-radius: 4px 4px 4px 4px;
color: #333333;
display: inline-block;
font-size: 14px;
line-height: 26px;
margin: 0 1px;
padding: 0 9px;
}
div.pageNav a.select, div.pageNav a.select:hover {
background: -moz-linear-gradient(center top , #15141A, #424147) repeat scroll 0 0 transparent;
color: #FFFFFF;
font-weight: bold;
}
div.pageNav a:hover {
background: -moz-linear-gradient(center top , #E6E6E6, #D3D3D3) repeat scroll 0 0 transparent;
text-decoration: none;
}
div.pageNav span {
margin-right: 8px;
}
#timeshiftPage table td.zero {
display: block;
font-size: 14px;
text-align: center;
}
関連記事
-
上部に固定されたヘッダーメニューの作成
■やりたい事 ページスクロールしても上部に固定されたヘッダメニューの作る &nb ...
-
スマホ用のサイトテンプレートUiUI Kitが便利
スマホ用で簡易なデザインでいいからページを作る案件があった。 PCならそういった ...
-
YouTubeの埋め込み動画をjQuery&CSSでフローティングビデオ対応させる方法
以前にvideoタグで表示させた動画をjQuery&CSSでフローティン ...
-
特定のID / Classを持つタグの親要素に対してCSSを割り当てる方法
特定のID / Classを持つタグの親要素に対してCSSを割り当てたい。また、 ...
-
CSSを用いて可変(レスポンシブ)要素内での文字列を丸める方法
可変(レスポンシブ)要素内の文字を丸めたかった。いつもであればPHPのmb_st ...