/hitech/settings - Scrapbox Reader

generated at 2/17/2025, 12:41:28 PM
settings
style.css  .deco-\{, .deco-\} {
    font-size: 1em;
    color: #fff;
    background-color: #b2bcba;
    padding: 0.1em 0.2em 0.1em 0.2em;
    border-radius: 0.4em;
    margin: auto 0.3em;
    display: inline-block;
    max-width: calc(100% - 100px);
    vertical-align: top;
  }
  .deco-\{:before {
       position: absolute;
       margin: 0;
       padding: 0;
       transform: translateX(-100%) translateY(calc(1em - 80%));
       width: 0;
       content: "";
       border-width: 0 0 0.6em 0.6em;
       border-style: solid;
       border-color: #b2bcba transparent;
     }
 .deco-\}:after {
      position: absolute;
      margin: 0;
      padding: 0;
      transform: translateY(calc(1em - 80%));
      width: 0;
      content: "";
      border-width: 0 0.6em 0.6em 0;
      border-style: solid;
      border-color: #b2bcba transparent;
    }
 .deco-\! {
     color: #fff; /* 白文字 */
     background-color: #ee6666; /* 赤背景 */
     padding: 0.1em 0.2em 0.1em 0.2em;
   }
style.css@import url("/api/code/help-jp/文字装飾記法/style.css")
.deco-\# {
  color: #fff; /* 白文字 */
  background-color: #6a6; /* 緑背景 */
  padding: 0.1em 0.2em 0.1em 0.2em;
}

.deco-\! { /* 重要な部分は!を付ける */
  color: #fff;
  background-color: #e66; /* 赤背景 */
  font-size: 1.2em; 
  }

.deco-\% {
   color: #fff;
   background-color: #ea2;/* 橙背景 */
   font-size: 1.2em;
 }

.deco-\# {
  color: #fff;
  background-color: #6a6;/* 緑背景 */
  font-size: 1.2em;
}

.deco-\~ {
  color: #fff;
  background-color: #6ae;/* 青背景 */
  font-size: 1.2em;
}

アイコンをHiTech!アイコンにする
style.css  .navbar-brand::before {
      content: '';
      width: 36px;
      height: 36px;
      position: absolute;
      background-image: url(https://i.gyazo.com/96327df12ed6a93dc6f7301d632e214b.png);
      background-size: cover;
      border-radius: 9999px;
  }



＃で始まるタグをラベル風にする
style.css a[type="hashTag"] {
	display: inline-block;
    padding: 2px 8px;
    margin: 0 8px 10px 0;
    background: #fff;
    font-size: 0.8em;
    border-radius: 3px;
    transition: .3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #4b7ff5;
    border: 1px solid #4b7ff5;
 }
 a[type="hashTag"].empty-page-link {
   	color: #ed8362;
    border: 1px solid #ed8362;
 }
 a[type="hashTag"]:hover {
 	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
 }
 


ナビゲーションバー固定
style.css.quick-launch .flex-box .flex-item .left-box{
    position: fixed;
    left: calc(calc(100% - 1184px) * 0.5 + 48px);
    color: white;
    top: 0em;
    z-index: 1000;
}
@media (max-width: 1276px){
   .quick-launch .flex-box .flex-item .left-box{
       left: 86px;
     }
  }
@media (max-width: 992px){
   .quick-launch .flex-box .flex-item .left-box{
       left: 64px;
     }
}
@media (max-width: 768px){
 .quick-launch .flex-box .flex-item .left-box{
     left: 56px;
   }
 }

       



下矢印消す
style.cssspan.kamon.kamon-caret-down {
	display: none;
}