settings
code:style.css
.app.presentation span.text:has( .modal-image) {text-align: center;}]
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.line {
font-size: 110%;
line-height: 1.7;
}
@media screen and (max-width: 670px) {
.line {
font-size: 100%;
}
.line span.code-block { font-size: 80%; }
body:not(.presentation) .code-block code > span:not(class)::before {
left: -4em;
}
}
@import url("/api/code/elecdeer-pub/Scrapboxのプレゼンモードで画像を中央寄せにする/style.css")
.deco-\# {
font-weight: bold;
font-size: 110%;
border-bottom: solid 2px #ccc;
padding-bottom: .2rem;
}
@media screen and (max-width: 768px) {
.line strong.level-4 {
font-size: 130%;
line-height: 1.8;
font-weight: bold;
padding: .7rem;
}
.line strong.level-2 {
font-size: 110%;
font-weight: bold;
line-height: 2;
}
.deco-\# {
font-size: 100%;
}
}
.deco-\| {
position: absolute;
width: 100%;
text-align: center;
}
.line.line-title .text {
font-size: 1.2em;
padding-bottom: .5em;
}
.line.line-title {
font-weight: bold;
border-bottom: solid 3px #ccc;
line-height: 1.4;
}
.line.line-title .text {
font-size: 1.2em;
padding-bottom: .5em;
}
/* スマホ表示用に調整 */
@media screen and (max-width: 670px) {
.line.line-title .text {
font-size: 1.8rem;
}
}
.quick-launch .right-box {
display: none;
}
.line strong:not(class) {
color: #009999;
}
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.level-1 img { width: 16.7%; max-height: none; }
.level-2 img { width: 33.3%; max-height: none; }
.level-3 img { width: 50%; max-height: none; }
.level-4 img { width: 66.7%; max-height: none; }
.level-5 img { width: 83.3%; max-height: none; }
.level-6 img { width: 100%; max-height: none; }
.navbar .kamon {
display: none;
}
.related-page-list{
max-width:800px; /* 800pxにする場合 */
margin-left:auto;
margin-right:auto
}
div.page-list li.page-list-itemdata-page-title="works"{
width:100px !important;
height:50px !important; /* この数値を変えれば各ページの高さが変わる */
float:none
}
div.page-list li.page-list-itemdata-page-title="Y_verse"{
width:100px !important;
height:50px !important; /* この数値を変えれば各ページの高さが変わる */
float:none
}
.grid li.page-list-item > ahref^="/yassu/settings" {
display: none;
}
.line:not(.cursor-line) .deco-\' {
position: absolute;
width: 100%;
text-align: center;
}
atype="link".page-link, atype="hashTag".page-link, .line a.link {
color: #000000 !important;
}
atype="link".empty-page-link, atype="hashTag".empty-page-link {
color: #b45332 !important;
}
.navbar .kamon {
display: none;
}
.new-button { /* 新規ボタンを消す */
visibility: hidden;
}
/* 中央寄せ */
.deco-\| {
position: absolute;
width: 100%;
text-align: center;
}
.line a.link:not(.icon):after {
content: '\f35d';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: .8em;
margin-left: .2em;
text-decoration: none;
display: inline-block; // inline 要素だと underline 残る
}