settings
https://gyazo.com/f5aad8e143b8d197c25d5e884bb315a2
code:style.css
.line img.image {
max-height: none !important;
max-width: 95% !important;
}
.line .dot {
display: none !important;
}
.navbar-default {
background-color: transparent;
}
.navbar-brand span, .brand-icon {
display: none !important;
}
.quick-launch .left-box {
justify-content: center;
}
.navbar {
margin-bottom: 8px !important;
}
.quick-launch {
margin-bottom: 8px !important;
}
@media (min-width: 600px) {
.project-home .title {
font-size: 5rem;
}
}
.mobile-search-toggle {
}
.search-form .form-group input {
background-color: rgba(255, 255, 255, 0.6) !important;
}
.search-form .fa-search {
color: rgba(0, 0, 0, 0.6) !important;
}
body {
background-color: #f5f5f5 !important; }
.line.line-title {
font-size: 6rem !important;
line-height: 6rem !important;
}
.random-jump-button .kamon {
font-size: 6rem !important;
position: relative;
left: -1.5rem;
}
.random-jump-button:hover {
animation: random .1s infinite;
background-color: transparent !important;
}
@keyframes random {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.empty-page-link {
border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}
.col-page {
max-width: 1100px;
}
@media (min-width: 600px) {
.page-list .grid li {
height: 210px;
width: 186px;
}
.page-list .grid li.page-list-item a .header {
border-top: 0;
background: linear-gradient(-2deg, rgba(254,255,255,1) 0%, rgba(255,255,255,0.5) 100%);
position: absolute;
bottom: 0;
}
.page-list .grid li.page-list-item a .pin {
width: 8px;
height: 8px;
border-radius: 8px;
top: 4px;
right: 4px;
}
.page-list .grid li.page-list-item a .title {
font-size: 18px;
-webkit-line-clamp: 4;
max-height: 80px;
text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.8);
}
.page-list .grid li.page-list-item a .description {
opacity: 0.2;
}
.grid li.page-list-item a .icon {
padding: 0;
}
}
.cursor {
display: block !important;
}
.page-list-item.pin + .page-list-item:not(.pin) {
clear: both;
}