MediaWiki:Gadget-Meiserifu.css
ナビゲーションに移動
検索に移動
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: Ctrl-F5を押してください
/*
* [[テンプレート:名セリフ]] 用
* See: [[テンプレート・トーク:名セリフ]]
*/
.quote {
position: relative;
max-width: 600px;
width: 85%;
margin: auto;
padding: 8px 15px 8px 60px !important;
box-sizing: border-box;
font-style: italic;
font-weight: bold;
font-size: 20px;
color: #464646;
background: #e8efff;
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
margin-bottom: 25px;
}
.quote::before{
display: inline-block;
position: absolute;
top: 0;
left: 8px;
width: 40px;
height: 30px;
text-align: center;
content: "\0275d";
color: #FFF;
font-size: 2.1em;
line-height: 1;
background: #87a4e3;
font-family: 'Yu Gothic UI',sans-serif;
font-weight: 900;
font-style: normal;
}
.quote::after{
content: '';
position: absolute;
left: 8px;
top: 29px;
height: 0;
width: 0;
border-left: 20px solid #87a4e3;
border-right: 20px solid #87a4e3;
border-bottom: 10px solid transparent;
}
.quote p {
position: relative;
padding: 0;
margin: 10px 0;
z-index: 3;
line-height: 1.7;
}
.quote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.7em;
}