settings

code:style.css

/* テーブルのセルをわかりやすくする */

.table-block table { background-color: transparent; border-collapse: separate; border-spacing: 2px }

.table-block table tr td { padding: .1em; background-color: rgba(0,0,0,0.04) }

.table-block table tr:nth-child(even) td { background-color: rgba(0,0,0,0.06) } /* 偶数行を濃くする */

.table-block table tr:first-child td { font-weight: bolder; text-align: center } /* 1行目だけ太字&中央揃え */

.table-block table tr td:first-child { padding: 0; background-color: transparent; border-width: 0 }

アイコン画像がまわるやつ

code:style_unuse.css

.grid li.page-list-item a .icon img {

width: 128px;

height: 128px;

border-radius: 50%;

animation: fa-spin 0.8s infinite linear;

margin: auto;

}

@-webkit-keyframes fa-spin {

0% {

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

100% {

-webkit-transform: rotate(359deg);

transform: rotate(359deg);

}

}

@keyframes fa-spin {

0% {

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

100% {

-webkit-transform: rotate(359deg);

transform: rotate(359deg);

}

}

背景を十字文様にするやつ

code:style.css

body {

background:

radial-gradient(circle, transparent 20%, var(--B) 20%, var(--B) 80%, transparent 80%, transparent),

radial-gradient(circle, transparent 20%, var(--B) 20%, var(--B) 80%, transparent 80%, transparent) 50px 50px,

linear-gradient(var(--A) 8px, transparent 8px) 0 -4px,

linear-gradient(90deg, var(--A) 8px, transparent 8px) -4px 0;

background-color: var(--B);

background-size:100px 100px, 100px 100px, 50px 50px, 50px 50px;

}