settings
https://gyazo.com/ff3f5fdfc0e53a9e1690ab71509414f5
code:style.css
* {
font-family: 'Zen Kaku Gothic New', sans-serif;
}
/* タイトル */
.line.line-title{
letter-spacing: 0em;
font-family: "Poppins","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
font-weight: 700;
}
line strong.level-2 {
font-size: 24px;
font-weight: 600;
}
span.deco-_ span.modal-image,
span.deco-_ .iframe-video-player {
display: none;
}
/* 画像に太字記法を適用すると横幅いっぱいになる */
max-height: none !important;
max-width: 95% !important;
}
/* 箇条書きを控えめにする */
.line .indent-mark .dot {
height: .2em; width: .4em; top: auto; bottom: 0;
background-color: rgba(173,173,173,.55) }
body.presentation .line .indent-mark .dot { top: 12px }
.quick-launch .project-home {
color: gainsboro;
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
border-radius: 7px;
}
.grid li.page-list-item a .pin {
display: none;
/*
position: absolute;
top: auto;
background: rgba(255, 255, 255, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
width: 100%;
bottom: 49px;
border-radius: 4px 4px 0 0;
z-index: 0;
top: auto;
*/
}
/* テーマ */
.navbar {
height: 48px;
max-height: 44px;
}
.navbar-default {
/* background-color: rgb(35,35,35); */
}
.brand-icon{
display: none;
}
body {
position: relative;
display: block;
background-color: black;
}
body::after {
content: "";
opacity: 0.7;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
/*
.page {
}
*/
.grid li.page-list-item a {
background-color: rgba(0,0,0,0);
box-shadow: none;
}
.grid.grid-lg li.page-list-item a .description.fix {
display: none;
}
/* トップページのリストをおっきく */
/*.page-list .grid li {
height: 215px;
}*/
/* トップページのリストをアイコン風に */
/* 画像の場合 */
.grid li.page-list-item a .icon img {
border-radius: 20px;
background: rgb(0 0 0 / 5%);
backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);
width: 100%;
object-fit: cover;
padding: 8px;
aspect-ratio: 1 / 1;
height: auto;
}
/* テキストのみの場合 */
.grid li.page-list-item a .description {
background: rgba(0,0,0,0.85);
height: 80%;
border-radius: 15px;
}
/* 震えるやつ */
li.page-list-item.grid-style-item:active,
li.page-list-item.grid-style-item:hover{
display: inline-block;
animation: hurueru 0.3s infinite;
-webkit-touch-callout:none;
}
@keyframes hurueru {
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)}
}
/* リストのヘッダー */
.grid li.page-list-item a .header {
border-top: 0;
position: absolute;
bottom: 10px;
padding: 0;
z-index: 1;
}
.grid li.page-list-item a .title {
color: ghostwhite;
text-align: center;
padding: 0;
font-weight: 900 !important;
}
.grid li.page-list-item a .content {
position: relative;
height: calc(100% - 25px);
}
.new-button {
background-color: rgba(0,0,0,0);
}
/* External links */
.line span:not(.modal-image):not(.pointing-device-map) > a.link:not(.icon)::after {
font-family: 'Font Awesome 5 Free';
content: ' \f35d';
font-weight: 900;
display: inline-block;
}
/* ロゴ変更 */
.navbar .navbar-brand img {
display: none;
}
.navbar-brand:before {
content: '';
background-size: contain;
width: 30px;
height: 30px;
flex-shrink: 0;
border-radius: 20%;
}
/* トップであっぷるささきが1行になるように */
/*
.page-list .grid:not(.grid-md):not(.grid-lg) li {
width: 154px;
}
*/
.grid.grid-md li.page-list-item a .header,
.grid.grid-lg li.page-list-item a .header {
padding: 0px;
}
.project-home { font-size: 20px !important; }
/* table 1行目を太字に */
.line:has(.table-block-start) + .line .table-block .cell {
font-weight: 600;
}
/* table がはみ出てもページから飛び出ないように */
.lines {
overflow-x: scroll;
}
;){kind=link}
;){kind=link}