当ブログの WordPress カレンダー CSS

知人が突如

「このブログのカレンダーええなぁ。。。くれ!」

とか言い出すw

相手は女性なので、正確な言い方は、もっと丁寧だったけどねw
彼女のブログがどこにあるのかすら、おいら知らんのだけど・・・ (・ω・`)

最近は、ブログにカレンダー付けてる人も少ない気がするが、
使いたい人はどぞ(転載する際は、リンク貼ってくれれば、ピョンピョン跳ねて喜びますw)

/*
カレンダー
Thought is free
https://thk.kanzae.net/
*/
#sidebar .widget_calendar {
        margin-bottom: 40px;
}
table#wp-calendar {
        table-layout: fixed;
        width: 100%;
        margin: 5px auto 0 auto;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 12px;
}
table#wp-calendar caption {
        margin: 10px 0 0 0;
        padding: 2px;
        width: auto;
        text-align: center;
        font-weight: bold;
        background-color: #fff;
        border: thin solid #ccc;
        border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
}

table#wp-calendar #today {
        display: block;
        font-weight: bold;
        background-color: #ffec67;
        border: thin solid #ccc;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        z-index: 1;
}

table#wp-calendar .pad {
        font-weight: bold;
        background-color: #fff9f9;
}

table#wp-calendar th,
table#wp-calendar td {
        padding: 2px auto;
        vertical-align: middle;
        text-align: center;
}

table#wp-calendar td {
        line-height: 1.8;
        border: thin solid #ccc;
        background-color: #fff;
}

table#wp-calendar th {
        font-style: normal;
        font-weight: bold;
        color: #fff;
        border-left: thin solid #ccc;
        border-right: thin solid #ccc;
        background-color: #333;
}

table#wp-calendar a {
        font-size: 12px;
        color: #00a0dd;
        padding: 0;
        text-decoration: underline;
}

WordPress

Posted by るな