UserChrome.css 2022.4.10

@charset "UTF-8";
/*タブを下に持ってくるやつ*/
@import url("chrome://browser/skin/lepton/userChrome.css");
@import url("chrome://browser/skin/lepton/userContent.css");

/*Fin ここまで*/
@-moz-document url(chrome://browser/content/browser.xhtml) {

  /*画像を全体に持ってくる*/
  body {
    background-image: var(--lwt-additional-images);
    background-repeat: var(--lwt-background-tiling);
    background-position: var(--lwt-background-alignment);

  }

  /*Fin 画像を全体に持ってくる*/

  /*いくつかのボタン消してた気がする*/
  #TabsToolbar .tabbrowser-tab .tab-close-button {
    display: none !important;
  }

  /*Fin いくつかのボタン消してた気がする*/

  /*タブ台形にしたり*/
  .tab-background {
    /*clip-path: polygon(0% 100%, 5% 0%, 95% 0%, 100% 100%);*/
    clip-path: polygon(5% 100%, 0% 0%, 100% 0%, 95% 100%);
    margin-top: 0px !important;
    max-width: 260px;
    background: none;
    border-radius: 0px !important;
  }

  /*Fin タブ台形にしたり*/

  /*忘れた*/
  .titlebar-buttonbox-container {
    margin-top: 0px;
    height: 120px;
    display: block;
  }

  /*忘れた*/
  arrowscrollbox {
    max-width: calc(100vw - 200px);
  }

  /*忘れた*/
  .tab-stack {
    margin-top: 0px !important;
  }

  /*忘れた*/
  #TabsToolbar-customization-target {
    max-width: calc(100vw - 200px);
  }

  /*3つのボタンを無理やり左上へ*/
  .titlebar-buttonbox-container {
    display: flex;
    right: 0px;
    height: 35px;
    position: fixed;
    top: 7px;
    background-color: var(--toolbar-bgcolor);
  }

  /*メニューバーをなんとしてでも浮かせる*/
  #toolbar-menubar {
    position: fixed;
    display: flex;
    z-index: 100;

  }

  /*忘れた*/
  tab {
    margin-left: 0px !important;
  }

  /*背景を透過できるようにしてた気がする*/
  #navigator-toolbox {
    background: none !important;
  }

  /*ブラウザ自体をちょっと透過*/
  #browser {
    opacity: 0.95;
  }


  /*サイドバーをキュッとしてる*/
  #sidebar-box {
    width: 35px !important;
    max-width: 35px;
    min-width: 35px !important;

    position: fixed;
    z-index: 100;

    overflow: hidden;
    opacity: 0.4;
    transition: 2.5s;
  }

  /*ホバーされたら横に伸びるように*/
  #sidebar-box:hover {
    width: 400px !important;
    max-width: 400px;
    min-width: 400px !important;
    position: fixed;
    z-index: 100;
    overflow: hidden;
    opacity: 0.8;
  }

  /*無理やりサイドバーがないときとおんなじ状況に*/
  #appcontent {
    position: fixed;
    left: 0px;
    display: block;
    width: 100%;
    height: calc(100vh - 120px);

  }

  #tabbrowser-tabbox {
    width: 100%;
    height: 100%;
  }

  /*フルスクリーンだったら全画面になるように*/
  :root[inFullscreen="true"]>body>#browser>#appcontent>tabbox {
    height: 100vh !important;
  }
}