settings
https://gyazo.com/974c4d88bd17146fa9ed707cc6801121
記法
吹き出しnbqx.icon
nbqx.icon吹き出し
強調吹き出しnbqx.icon
nbqx.icon強調吹き出し
強調
code:style.css
body {
background-repeat: repeat;
background-position: bottom center;
background-attachment: fixed;
}
.page-list .grid li {
/* background-color: #fff; */ background-color: rgba(255,255,255,0.65);
}
.grid li.page-list-item a {
box-shadow: 2px 2px 1px rgba(0,0,0,0.13);
background-color: rgba(255,255,255,0.65);
}
.grid li.page-list-item a .title {
width: 100%;
height: 42px;
font-size: 13px;
line-height: 18px;
padding: 8px 10px 0;
/* background-color: #fff; */ background-color: rgba(255,255,255,0.6);
text-align: left;
overflow: hidden;
}
.title {
background-color: rgba(255,255,255,0.6);
}
.grid li.page-list-item a .title {
background-color: transparent;
}
.navbar-default .navbar-brand {
}
.navbar .navbar-brand .title {
visibility: hidden;
}
.navbar .navbar-menu>li>a {
}
.navbar .navbar-menu>.open>a, .navbar .navbar-menu>.open>a:hover, .navbar .navbar-menu>.open>a:focus {
}
.navbar-default {
background-color: transparent;
}
.search-form .form-group input {
}
.page {
background-color: rgba(254,254,254,0.7);
}
.project-home .title {
background-color: transparent;
}
@keyframes random {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(8px, 8px) rotateZ(4deg)}
50% {transform: translate(0px, 4px) rotateZ(0deg)}
75% {transform: translate(4px, 0px) rotateZ(-4deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.page-list-item.grid-style-item:hover {
animation: random .1s infinite;
}
.container {
max-width: 100vw;
}
@keyframes roll {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
.brand-icon {
animation: roll 10s infinite linear;
}
body {
display: none;
}