some corrections and finishing touches to that LCARStrek works well for Firefox 55...

[themes.git] / LCARStrek / browser / caption-buttons.svg

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <style>
    g:not(:target) {
      display: none;
    }
    use:target > g {
      display: initial;
    }

    g {
      stroke: #FFCF00;
      stroke-width: 0.9px;
      fill: none;
    }
    g:not([id|="close"]) {
      shape-rendering: crispEdges;
    }

    .highcontrast {
      stroke-width: 1.9px;
    }
    .highcontrast-hover > g {
      stroke: #000000;
    }
    .white > g {
      stroke: #FFCF00;
    }
    .hover > g {
      stroke: #000000;
    }
    .themes {
      stroke: #FFCF00;
      stroke-width: 1.9px;
    }

    .outer-stroke {
      stroke: #FFCF00;
      stroke-width: 3.6;
      opacity: .75;
    }
    .restore-background-window {
      stroke-width: .9;
    }
  </style>
  <g id="close">
    <path d="M1,1 l 10,10 M1,11 l 10,-10"/>
  </g>
  <g id="maximize">
    <rect x="1.5" y="1.5" width="9" height="9"/>
  </g>
  <g id="minimize">
    <line x1="1" y1="5.5" x2="11" y2="5.5"/>
  </g>
  <g id="restore">
    <rect x="1.5" y="3.5" width="7" height="7"/>
    <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5"/>
  </g>

  <use id="close-white" class="white" xlink:href="#close"/>
  <use id="maximize-white" class="white" xlink:href="#maximize"/>
  <use id="minimize-white" class="white" xlink:href="#minimize"/>
  <use id="restore-white" class="white" xlink:href="#restore"/>

  <use id="close-hover" class="hover" xlink:href="#close"/>
  <use id="maximize-hover" class="hover" xlink:href="#maximize"/>
  <use id="minimize-hover" class="hover" xlink:href="#minimize"/>
  <use id="restore-hover" class="hover" xlink:href="#restore"/>

  <g id="close-highcontrast" class="highcontrast">
    <path d="M1,1 l 10,10 M1,11 l 10,-10"/>
  </g>
  <g id="maximize-highcontrast" class="highcontrast">
    <rect x="2" y="2" width="8" height="8"/>
  </g>
  <g id="minimize-highcontrast" class="highcontrast">
    <line x1="1" y1="6" x2="11" y2="6"/>
  </g>
  <g id="restore-highcontrast" class="highcontrast">
    <rect x="2" y="4" width="6" height="6"/>
    <polyline points="3.5,1.5 10.5,1.5 10.5,8.5" class="restore-background-window"/>
  </g>

  <use id="close-highcontrast-hover" class="highcontrast-hover" xlink:href="#close-highcontrast"/>
  <use id="maximize-highcontrast-hover" class="highcontrast-hover" xlink:href="#maximize-highcontrast"/>
  <use id="minimize-highcontrast-hover" class="highcontrast-hover" xlink:href="#minimize-highcontrast"/>
  <use id="restore-highcontrast-hover" class="highcontrast-hover" xlink:href="#restore-highcontrast"/>

  <g id="close-themes" class="themes">
    <path d="M1,1 l 10,10 M1,11 l 10,-10" class="outer-stroke" />
    <path d="M1.75,1.75 l 8.5,8.5 M1.75,10.25 l 8.5,-8.5"/>
  </g>
  <g id="maximize-themes" class="themes">
    <rect x="2" y="2" width="8" height="8" class="outer-stroke"/>
    <rect x="2" y="2" width="8" height="8"/>
  </g>
  <g id="minimize-themes" class="themes">
    <line x1="0" y1="6" x2="12" y2="6" class="outer-stroke"/>
    <line x1="1" y1="6" x2="11" y2="6"/>
  </g>
  <g id="restore-themes" class="themes">
    <path d="M2,4 l 6,0 l 0,6 l -6,0z M2.5,1.5 l 8,0 l 0,8" class="outer-stroke"/>
    <rect x="2" y="4" width="6" height="6"/>
    <polyline points="3.5,1.5 10.5,1.5 10.5,8.5" class="restore-background-window"/>
  </g>
</svg>