1,835
回編集
「MediaWiki:Common.css」の版間の差分
編集の要約なし
編集の要約なし タグ: 手動差し戻し |
編集の要約なし タグ: 差し戻し済み |
||
| 583行目: | 583行目: | ||
.mw-ref > a[data-mw-group=lower-alpha]::after { | .mw-ref > a[data-mw-group=lower-alpha]::after { | ||
content: '[' counter( mw-Ref, lower-alpha ) ']'; | content: '[' counter( mw-Ref, lower-alpha ) ']'; | ||
} | |||
/* ------------------------------------------------------------------------------------------------------------------- */ | |||
@import url("https://use.fontawesome.com/releases/v6.0.0/css/all.css"); | |||
/* ボタン全体 */ | |||
.flowbtn9{ | |||
display:inline-block; | |||
font-size:40px; | |||
text-decoration:none; | |||
transition:.5s; | |||
} | |||
/* Twitter */ | |||
.flowbtn9 .fa-twitter-square{ | |||
color:#55acee; | |||
} | |||
/* Instagram */ | |||
.flowbtn9 .fa-instagram{ | |||
color:#c6529a; | |||
} | |||
/* Facebook*/ | |||
.flowbtn9 .fa-facebook-square{ | |||
color:#3b5998; | |||
} | |||
/* Feedly */ | |||
.flowbtn9 .fa-rss-square{ | |||
color:#6cc655; | |||
} | |||
/* Pocket */ | |||
.flowbtn9 .fa-get-pocket{ | |||
color:#ef3f56; | |||
} | |||
/* はてブ */ | |||
.flowbtn9 .fa-bootstrap{ | |||
color:#1ba5dc; | |||
} | |||
/* YouTube */ | |||
.flowbtn9 .fa-youtube-square{ | |||
color:#fc0d1c; | |||
} | |||
/* LINE@ */ | |||
.flowbtn9 .fa-line{ | |||
color:#00c300; | |||
} | |||
/* お問い合わせメール */ | |||
.flowbtn9 .fa-envelope-square{ | |||
color:#f3981d; | |||
} | |||
/* ulタグの内側余白を０にする */ | |||
ul.snsbtniti{ | |||
padding:0!important; | |||
} | |||
/* アイコン全体の位置 */ | |||
.snsbtniti{ | |||
display:flex; | |||
flex-flow:row wrap; | |||
justify-content:space-between; | |||
} | |||
/* アイコン同士の余白 */ | |||
.snsbtniti li{ | |||
flex:0 0 33%; | |||
text-align:center!important; | |||
} | |||
/* アイコンにマウスを乗せた時 */ | |||
.flowbtn9:hover{ | |||
-webkit-transform: translateY(-5px); | |||
-ms-transform: translateY(-5px); | |||
transform: translateY(-5px); | |||
} | } | ||