/**
 * StickyBoard - マイ付箋ページのスタイル
 */

/* 付箋カラー表示用 */
.stickyboard-color {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.stickyboard-color.yellow { background-color: #fff9c4; }
.stickyboard-color.green { background-color: #dcedc8; }
.stickyboard-color.blue { background-color: #bbdefb; }
.stickyboard-color.pink { background-color: #f8bbd0; }
.stickyboard-color.purple { background-color: #e1bee7; }

/* テーブルカラム幅の調整 */
.column-color {
    width: 60px;
}
.column-date {
    width: 140px;
}
.column-actions {
    width: 120px;
}

/* 外部リンクアイコン用スタイル */
@font-face {
    font-family: "dashicons";
    src: url('../../../wp-includes/fonts/dashicons.eot');
    src: url('../../../wp-includes/fonts/dashicons.eot?#iefix') format('embedded-opentype'),
         url('../../../wp-includes/fonts/dashicons.woff') format('woff'),
         url('../../../wp-includes/fonts/dashicons.ttf') format('truetype'),
         url('../../../wp-includes/fonts/dashicons.svg#dashicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.dashicons-external:before {
    content: "\f504";
}

/* 削除ボタンのスタイル */
.delete-note-btn {
    color: #a00;
}

.delete-note-btn:hover {
    color: #dc3232;
}