caption-buttons.svg (4800B)
1 <!-- This Source Code Form is subject to the terms of the Mozilla Public 2 - License, v. 2.0. If a copy of the MPL was not distributed with this 3 - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> 4 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 5 <style> 6 g:not(:target) { 7 display: none; 8 } 9 use:target > g { 10 display: initial; 11 } 12 13 g { 14 stroke: ButtonText; 15 stroke-width: 0.9px; 16 fill: none; 17 } 18 g:not([id|="close"]) { 19 shape-rendering: crispEdges; 20 } 21 g[id|="close"] { 22 shape-rendering: geometricPrecision; 23 } 24 25 .highcontrast { 26 stroke-width: 1.9px; 27 } 28 .highcontrast-hover > g { 29 stroke: HighlightText; 30 } 31 .white > g { 32 stroke: #fff; 33 } 34 .themes { 35 stroke: #fff; 36 stroke-width: 1.9px; 37 } 38 .outer-stroke { 39 stroke: #000; 40 stroke-width: 3.5; 41 opacity: .275; 42 shape-rendering: geometricPrecision; 43 } 44 .outer-thinstroke { 45 stroke: #000; 46 stroke-width: 2; 47 opacity: .275; 48 shape-rendering: geometricPrecision; 49 } 50 .darktext { 51 stroke: #000; 52 stroke-width: 1.9px; 53 } 54 .outer-strokeDT { 55 stroke: #fff; 56 stroke-width: 3.5; 57 opacity: .275; 58 shape-rendering: geometricPrecision; 59 } 60 .outer-thinstrokeDT { 61 stroke: #fff; 62 stroke-width: 2; 63 opacity: .275; 64 shape-rendering: geometricPrecision; 65 } 66 .restore-background-window { 67 stroke-width: .9; 68 } 69 </style> 70 <g id="close"> 71 <path d="M1,1 l 10,10 M1,11 l 10,-10"/> 72 </g> 73 <g id="maximize"> 74 <rect x="1.5" y="1.5" width="9" height="9"/> 75 </g> 76 <g id="minimize"> 77 <line x1="1" y1="5.5" x2="11" y2="5.5"/> 78 </g> 79 <g id="restore"> 80 <rect x="1.5" y="3.5" width="7" height="7"/> 81 <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5"/> 82 </g> 83 84 <use id="close-white" class="white" xlink:href="#close"/> 85 <use id="maximize-white" class="white" xlink:href="#maximize"/> 86 <use id="minimize-white" class="white" xlink:href="#minimize"/> 87 <use id="restore-white" class="white" xlink:href="#restore"/> 88 89 <g id="close-highcontrast" class="highcontrast"> 90 <path d="M1,1 l 10,10 M1,11 l 10,-10"/> 91 </g> 92 <g id="maximize-highcontrast" class="highcontrast"> 93 <rect x="2" y="2" width="8" height="8"/> 94 </g> 95 <g id="minimize-highcontrast" class="highcontrast"> 96 <line x1="1" y1="6" x2="11" y2="6"/> 97 </g> 98 <g id="restore-highcontrast" class="highcontrast"> 99 <rect x="2" y="4" width="6" height="6"/> 100 <polyline points="3.5,1.5 10.5,1.5 10.5,8.5" class="restore-background-window"/> 101 </g> 102 103 <use id="close-highcontrast-hover" class="highcontrast-hover" xlink:href="#close-highcontrast"/> 104 <use id="maximize-highcontrast-hover" class="highcontrast-hover" xlink:href="#maximize-highcontrast"/> 105 <use id="minimize-highcontrast-hover" class="highcontrast-hover" xlink:href="#minimize-highcontrast"/> 106 <use id="restore-highcontrast-hover" class="highcontrast-hover" xlink:href="#restore-highcontrast"/> 107 108 <g id="close-themes" class="themes"> 109 <path d="M.4343,.4343 l 11.1314,11.1314 M.4343,11.5657 l 11.1314,-11.1314" class="outer-stroke" /> 110 <path d="M1,1 l 10,10 M1,11 l 10,-10"/> 111 </g> 112 <g id="maximize-themes" class="themes"> 113 <rect x="2" y="2" width="8" height="8" class="outer-stroke"/> 114 <rect x="2" y="2" width="8" height="8"/> 115 </g> 116 <g id="minimize-themes" class="themes"> 117 <line x1=".2" y1="6" x2="11.8" y2="6" class="outer-stroke"/> 118 <line x1="1" y1="6" x2="11" y2="6"/> 119 </g> 120 <g id="restore-themes" class="themes"> 121 <rect x="2" y="4" width="6" height="6" class="outer-stroke"/> 122 <polyline points="2.7,1.25 10.75,1.25 10.75,9.3" class="outer-thinstroke"/> 123 <rect x="2" y="4" width="6" height="6"/> 124 <polyline points="3.5,1.5 10.5,1.5 10.5,8.5" class="restore-background-window"/> 125 </g> 126 127 <g id="close-darktext" class="darktext"> 128 <path d="M.4343,.4343 l 11.1314,11.1314 M.4343,11.5657 l 11.1314,-11.1314" class="outer-strokeDT" /> 129 <path d="M1,1 l 10,10 M1,11 l 10,-10"/> 130 </g> 131 <g id="maximize-darktext" class="darktext"> 132 <rect x="2" y="2" width="8" height="8" class="outer-strokeDT"/> 133 <rect x="2" y="2" width="8" height="8"/> 134 </g> 135 <g id="minimize-darktext" class="darktext"> 136 <line x1=".2" y1="6" x2="11.8" y2="6" class="outer-strokeDT"/> 137 <line x1="1" y1="6" x2="11" y2="6"/> 138 </g> 139 <g id="restore-darktext" class="darktext"> 140 <rect x="2" y="4" width="6" height="6" class="outer-strokeDT"/> 141 <polyline points="2.7,1.25 10.75,1.25 10.75,9.3" class="outer-thinstrokeDT"/> 142 <rect x="2" y="4" width="6" height="6"/> 143 <polyline points="3.5,1.5 10.5,1.5 10.5,8.5" class="restore-background-window"/> 144 </g> 145 </svg>