scrapboxのシンプルカスタムcss

けっこういい！

[** pin & page-list-item]

code:style.css
    /* pinnedのグループを独立させる */
    .page-list-item.pin + .page-list-item:not(.pin) {
     clear: both;
   }
    /* pinの高さ */
    .page-list-item.pin {
        height: 60px !important;
    }   
 /* それ以外 */
    .page-list-item {
        height: 200px !important;
    }
    
  /**リストアイテムのタイトル**/
  .grid li.page-list-item a .header .title{
    height: 60px;
    border-bottom: 1px dashed #000;
  }
        
  /** リストアイテム上部の線を削除 **/
  .grid li.page-list-item a .header {
    border-top: 0px !important;
   }
     

[** img]
code:style.css
 .strong-image{
    max-width: 100% !important;
 }

[** ヘッダーを消す]
code:style.css
 .navbar{
    opacity: 0%;
    background: rgba(100,100,100,1);
    box-shadow: 0 0 0 #000;
    backdrop-filter: none;
 }
 .navbar:hover{
    opacity: 100%;
 }
 .right-box{
  opacity: 100% !important;
 }
 .right-box:hover{
  opacity: 100% !important;
 }
 

[** 右下]
code:style.css
 .page-list-status{
    margin: 0px !important;
    padding: 10px !important;
    pointer-events: none;
    background: transparent !important;
    color: #000 !important;   
    letter-spacing: 0px;
  }
  .status-bar>div{
    border: 0 !important;
  }
  
  .page-list-status::before{
    content:"(C) 2024 Kitasenju Design | ";
  }   
  

[** 左上タイトル]
code:style.css
   /*project title*/
   .project-home{
    font-weight: normal;      
    margin-left: 0px !important;
    padding-left: 0px !important;
   }
   
   .page-list{
    margin-top: 70px;
   }

[** 記事title]
code: style.css
 strong.level-1, strong.level-2, strong.level-3{
    display: inline-block !important;
    text-decoration: none !important;
    text-align: left !important;
    width: 100% !important;
    border-bottom: 1px dotted #000 !important;      
    background: #eee;
    padding: 10px;
    margin-bottom: 20px;
  }
  
   .line-title {
    border-top: 1px dashed #000 !important;        
    border-bottom: 1px dashed #000 !important;                  
    margin-bottom: 50px;
    padding-top: 20px;
   }
  
  

[** setting 非表示]
code: style.css
    .page-list-item[data-page-title*="settings"] {
        opacity: 0.3;
  }