のぴぴのメモ

自分用のLinuxとかの技術メモ

(備忘録)このblogのデザインめも

利用しているテーマ

blog.hatena.ne.jp

デザインCSS

/* <system section="theme" selected="6653812171397406126"> */
@import url("https://blog.hatena.ne.jp/-/theme/6653812171397406126.css");
/* </system> */

/* <system section="background" selected="bg5"> */
body{ background-color:#486079; background-image:url('/images/theme/backgrounds/theme5.jpg'); background-repeat: no-repeat; background-attachment:fixed; background-position: center top; background-size:cover; }
/* </system> */

table{ width:100%;} 
.scroll{ overflow: auto; white-space: nowrap;} 
.scroll::-webkit-scrollbar{height: 4px;} 
.scroll::-webkit-scrollbar-track{background: #F1F1F1;} 
.scroll::-webkit-scrollbar-thumb {background: #454545;}

@media screen and (min-width:1350px) {
  #box2 {
    float: right;
    width: 300px;
  }
  #main {
    float: right;
    width: 740px;
  }
  #wrapper {
    float: left;
    width: 1030px;
  }
  #content-inner {
    width: 1350px;
  }
}

CSSの参考にした情報

  • PC版でblogの幅を広げるCSS(for Naked)

www.shakkinhostess.com

  • 表の内容を折り返さずスクロールさせる

tamasaburo.com