settings
https://gyazo.com/ff3f5fdfc0e53a9e1690ab71509414f5
plane
太文字
タイトル
code:style.css
max-height: none !important;
max-width: 95% !important;
}
.quick-launch .project-home {
}
.quick-launch .project-home>.title {
line-height: 25px;
vertical-align: middle;
padding: 10px 16px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.page-menu .tool-btn, .related-page-list .tool-btn, .quick-launch .tool-btn {
}
body {
background-color: #fff !important; }
.navbar-default {
}
.page-menu .tool-btn, .related-page-list .tool-btn, .quick-launch .tool-btn {
}
.line strong.level-1 {
font-weight: 700 !important;
}
.line strong.level-2 {
--x-height-multiplier: 0.342;
--baseline-multiplier: 0.22;
font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
letter-spacing: -.02em;
font-weight: 600 !important;
font-style: normal;
letter-spacing: 0;
font-size: 26px;
margin-left: -1.63px;
line-height: 1.22;
color: rgba(0,0,0,.84);
}
.line.line-title .text {
color: rgba(0,0,0,.84);
--x-height-multiplier: 0.342;
--baseline-multiplier: 0.22;
letter-spacing: -.02em;
font-weight: 600;
font-style: normal;
letter-spacing: 0;
font-size: 42px;
margin-left: -2.63px;
line-height: 1.04;
letter-spacing: -.015em;
padding-top: 5px!important;
}
.text {
--x-height-multiplier: 0.375;
--baseline-multiplier: 0.17;
font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
letter-spacing: .01rem;
font-weight: 400;
font-style: normal;
font-size: 21px;
line-height: 1.58;
letter-spacing: -.003em;
}
/* マトリクス記法 */
.line:not(.cursor-line) .deco-\| { display: inline-flex }
.line .deco-\| img.image {
max-height: none !important;
max-width: 95% !important;
}
/* 太字記法と組み合わせて列数を変える */
.line .level-1 .deco-\| > span { width: calc(100%/1) }
.line .level-2 .deco-\| > span { width: calc(100%/2) }
.line .level-3 .deco-\| > span { width: calc(100%/3) }
.line .level-4 .deco-\| > span { width: calc(100%/4) }
.line .level-5 .deco-\| > span { width: calc(100%/5) }
.deco-\+ {
width: 100%;
text-align: center;
color: rgba(0, 0, 0, 0.54);
font-size: 18px;
}
/* ホバーしたときだけxxが見える */
/* テロメア */
.line .telomere .telomere-border {
opacity: 0;
}
.line .telomere .telomere-border:hover {
opacity: 1;
}
/* メニュー */
.page-menu{
opacity: 0;
}
.page-menu:hover{
opacity: 1;
}
width: 100%; height: 100%; margin: 0; object-fit: cover }
/* 並べた画像の間にスキマが欲しい場合はこの2行を追加・ぴっちり敷き詰めたい場合はこの2行は不要 */
.line .deco-\| > span, .line class^="level-" .deco-\| > span { overflow: hidden } .line .deco-\| img.image, .line class^="level-" .deco-\| img.image { margin: .2em } /* External links */
.line a.link:not(.icon)::after { font-family:'FontAwesome'; content: ' \f08e'; display: inline-block }
/* カーソル点滅 */
.cursor {
animation: blink 1s infinite;
}
@keyframes blink {
0% { opacity: 0; }
50% { opacity: 0; }
51% { opacity: 1; }
100% { opacity: 1;}
}
/* ロゴ変更 */
.navbar .navbar-brand img {
display: none;
}
.navbar-brand:before {
content: '';
background-size: contain;
width: 40px;
height: 40px;
margin: 7px 16px 0 0;
flex-shrink: 0;
border-radius: 20%;
}
/* 引用 */
.deco-\" {
border-radius: .2em; padding: 0 .4em; background-color: rgba(128,128,128,0.1);
font-size:95%; font-style: italic }
.deco-\"::before {
color: #a0a0a0; font-size:85%; font-family: 'FontAwesome'; content: '\f10d'; vertical-align: super }