Green-check

Wikipediaにある緑のチェックマークを導入してみよう。

この文書はウィキペディア日本語版の方針です。多くの利用者に支持されており、すべての利用者が従うべきだと考えられています。必要に応じて編集することは可能ですが、その変更はコミュニティーの合意を反映している必要があります。大きな変更を加える場合は、先にノートページで提案してください。

上記内容は下記のコードで生成されています。

[[include :rtas:wikipedia:green-check-css]]
[[div class="check"]]
**この文書はウィキペディア日本語版の[https://ja.wikipedia.org/wiki/WP:PG 方針]です。**多くの利用者に支持されており、すべての利用者が従うべきだと考えられています。必要に応じて編集することは可能ですが、その変更はコミュニティーの合意を反映している必要があります。大きな変更を加える場合は、先にノートページで提案してください。
[[/div]]

参照しているCSSコード

[[module CSS]]
.check{
    border: 1px solid #a2a9b1;
    width: 80%;
    margin: auto 60px auto 60px;
    padding: 0px;
    padding-left: 60px;
    font-size: 110%;
    background: #f8f9fa url(http://rtas.wdfiles.com/local--files/wikipedia%3Agreen-check-css/green_check.png) left no-repeat;
    background-size: 30px;
    background-position-x: 15px
}
.check p a{
    color: #0645ad;
    background: none;
}
 
.check p a:visited {
    color: #0b0080;
}
 
@media (max-width: 979px) {
.check {
    border: 1px solid #a2a9b1;
    width: 90%;
    margin: auto;
    padding: 0px;
    padding-left: 60px;
    font-size: 110%;
    background: #f8f9fa url(http://rtas.wdfiles.com/local--files/wikipedia%3Agreen-check-css/green_check.png) left no-repeat;
    background-size: 30px;
    background-position-x: 15px
}
 
.check p a{
    color: #0645ad;
    background: none;
}
 
.check p a:visited {
    color: #0b0080;
}
 
}
 
/*
画像ソース: https://commons.wikimedia.org/wiki/File:Green_check.svg
ライセンス: PD
 
表示内容はhttps://ja.wikipedia.org/wiki/Wikipedia:%E6%9B%96%E6%98%A7%E3%81%95%E5%9B%9E%E9%81%BF#%E5%B9%B3%E7%AD%89%E3%81%AA%E6%9B%96%E6%98%A7%E3%81%95%E5%9B%9E%E9%81%BF
を基に作成しました。
https://creativecommons.org/licenses/by-sa/3.0/
/*
[[/module]]
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License