| Server IP : 209.205.66.10 / Your IP : 216.73.216.173 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ammon 5.15.0-186-generic #196-Ubuntu SMP Sat Jun 20 16:09:34 UTC 2026 x86_64 User : ( 1006) PHP Version : 8.5.8 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /usr/share/gnome-shell/ |
Upload File : |
GVariant � (
���� � L T mm++ T v p �4 �#� �4 v 5 zN ��*� zN v �N �i KP� �i L �i �i !ɾ� �i v �i 8l A�, 8l v Pl &r �-�� &r v @r 6� >Љ� 6� v H� � 7,p� � L � � ��� � v � l ��t� l v � � f�P� � v � � y+0� � v � � (�� � v � hy Ե ����hy L ly py xz�� py v �y �{ ��$0 �{ L �{ �{ �W$� �{ v �{ �~ ;)� �~ v �~ �� �~m �� v Ȁ X� #ξ� X�
v h� �� 3� � �� v �� c TB� c v (c (j �z�� (j v Hj �z &�� �z v �z �} theme/
gnome-shell-start.svg y1 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
id="svg8"
version="1.1"
viewBox="0 0 600 400"
height="400"
width="600"
sodipodi:docname="gnome-shell-start.svg">
<defs
id="defs2">
<linearGradient
id="a">
<stop
offset="0"
stop-color="#eef4fc"
id="stop3"
style="stop-color:#b2cdf1;stop-opacity:1" />
<stop
offset="1"
stop-color="#fff"
id="stop5" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient10562"
id="linearGradient10564"
x1="-1179.9999"
y1="1314.5198"
x2="-940.00006"
y2="1314.5198"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.3993149,0,0,1.3993149,1306.25,-919.42736)" />
<linearGradient
inkscape:collect="always"
id="linearGradient10562">
<stop
style="stop-color:#3580e4;stop-opacity:1"
offset="0"
id="stop10558" />
<stop
style="stop-color:#8abfdd;stop-opacity:1"
offset="1"
id="stop10560" />
</linearGradient>
<clipPath
id="e-3"
clipPathUnits="userSpaceOnUse">
<path
d="m 65,177 c -18.502,0 -33.5,14.998 -33.5,33.5 0.008,7.371 4.131,15.807 11.388,23.526 l 12.617,13.171 H 75.02 l 12.137,-13.245 c 6.636,-7.059 11.33,-16.117 11.344,-23.452 0,-18.502 -14.998,-33.5 -33.5,-33.5 z"
style="marker:none"
fill="#ffffff"
stroke-width="2"
id="path34-6" />
</clipPath>
<radialGradient
r="33.5"
fy="48.405998"
fx="79.091003"
cy="48.405998"
cx="79.091003"
gradientTransform="matrix(0.00476,1.62228,-1.43419,0.00422,141.702,-82.047)"
gradientUnits="userSpaceOnUse"
id="f-7"
xlink:href="#b" />
<linearGradient
id="b">
<stop
offset="0"
stop-color="#fff"
id="stop11" />
<stop
offset=".519"
stop-color="#fff"
id="stop13" />
<stop
offset=".734"
stop-color="#cfcfcf"
id="stop15" />
<stop
offset="1"
stop-color="#dcdcdc"
id="stop17" />
</linearGradient>
<radialGradient
r="12"
fy="54.102001"
fx="71.473999"
cy="54.102001"
cx="71.473999"
gradientTransform="matrix(4.50607,0,0,4.76661,-259.306,-59.706)"
gradientUnits="userSpaceOnUse"
id="g-2"
xlink:href="#c" />
<linearGradient
id="c">
<stop
offset="0"
stop-color="#ed686f"
id="stop20" />
<stop
offset=".865"
stop-color="#a51d2d"
id="stop22" />
<stop
offset="1"
stop-color="#e01b24"
id="stop24" />
</linearGradient>
<radialGradient
r="14.583"
fy="49.777"
fx="40.152"
cy="49.777"
cx="40.152"
gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
gradientUnits="userSpaceOnUse"
id="h-7"
xlink:href="#d" />
<linearGradient
id="d">
<stop
offset="0"
stop-color="#ed686f"
id="stop27" />
<stop
offset=".911"
stop-color="#a51d2d"
id="stop29" />
<stop
offset="1"
stop-color="#e01b24"
id="stop31" />
</linearGradient>
<radialGradient
r="14.583"
fy="49.777"
fx="40.152"
cy="49.777"
cx="40.152"
gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
gradientUnits="userSpaceOnUse"
id="i-6"
xlink:href="#d" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient860"
id="linearGradient22"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1.575111,0,0,1.575111,1217.8748,47.173672)"
x1="85"
y1="107.162"
x2="85"
y2="86" />
<linearGradient
id="linearGradient860">
<stop
offset="0"
stop-color="#eef4fc"
id="stop856"
style="stop-color:#c5dcf7;stop-opacity:1" />
<stop
offset="1"
stop-color="#fff"
id="stop858" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient860"
id="linearGradient24"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-2.1158457,0,0,2.1158457,1459.4994,-118.92278)"
x1="85"
y1="110.30392"
x2="85"
y2="86.986084" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient860"
id="linearGradient23"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.5463767,0,0,1.5463767,655.03375,-16.075361)"
x1="85"
y1="107.162"
x2="85"
y2="82.13472" />
</defs>
<sodipodi:namedview
units="px"
borderlayer="true"
inkscape:showpageshadow="false"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer1"
inkscape:document-units="px"
inkscape:cy="75.603256"
inkscape:cx="199.00314"
inkscape:zoom="0.98994949"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
borderopacity="1"
bordercolor="#383838"
pagecolor="#1f1f1f"
id="base"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:snap-bbox="true"
inkscape:object-paths="true"
inkscape:snap-intersection-paths="true"
inkscape:snap-smooth-nodes="true"
inkscape:snap-midpoints="true">
<inkscape:grid
type="xygrid"
id="grid900" />
</sodipodi:namedview>
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Layer 1"
transform="translate(-620,9.4371882)">
<g
id="g4043"
transform="translate(-15.793175)">
<circle
style="fill:url(#linearGradient10564);fill-opacity:1;stroke:none;stroke-width:3.66905;stroke-linecap:round;stroke-linejoin:round"
id="path10517"
cx="-177.02397"
cy="920"
r="167.91774"
transform="rotate(-90)" />
<path
d="m 1066.6646,147.98131 c 12.3048,0.0174 23.474,7.19166 28.6008,18.37784 a 23.631877,23.631877 0 0 1 10.7762,-2.62748 c 12.4288,0.0178 22.7209,9.65384 23.5474,22.05492 h 0.08 c 8.6991,0 15.7508,7.05171 15.7508,15.75083 0,8.69911 -7.0522,15.75083 -15.7513,15.75083 h -88.2056 a 18.901933,18.901933 0 0 1 -18.9019,-18.901 18.901933,18.901933 0 0 1 12.6566,-17.81853 33.12417,33.12417 0 0 1 -0.056,-1.08246 c 0,-17.39824 14.1038,-31.50213 31.5025,-31.50213 z"
id="path10"
style="fill:url(#linearGradient22);stroke-width:0.577558" />
<g
id="g245"
transform="matrix(1.5161629,0,0,1.5161629,396.40481,-143.42807)">
<g
id="g126"
transform="matrix(0.75000161,0,0,0.75000161,154.45946,111.99828)">
<g
id="g265">
<g
transform="matrix(3.12129,0,0,2.9344,91.063695,-499.94397)"
clip-path="url(#e-3)"
id="g47-0">
<path
transform="translate(-8,156)"
d="M 73,21 C 54.498,21 39.5,35.998 39.5,54.5 39.508,61.871 43,68.922 46.44,74.879 L 58,98 H 88 L 99.605,74.79 C 103,68.91 106.485,61.835 106.5,54.5 106.5,35.998 91.502,21 73,21 Z"
style="fill:url(#f-7);marker:none"
fill="url(#f)"
id="path39-6" />
<path
d="m 64,177 c 0,0 -18.332,12.132 -18.332,30.989 0,14.571 16.174,46.011 16.174,46.011 H 67 c 0,0 1.333,-31.44 1.333,-46.011 C 68.333,189.132 64,177 64,177 Z"
fill="url(#g)"
id="path41-2"
style="fill:url(#g-2)" />
<path
transform="translate(-8,156)"
d="m 71.983,21.106 c -8.207,0.147 -16.328,3.285 -22.5,8.695 -6.174,5.409 -10.35,13.047 -11.574,21.163 -1.24,8.225 0.567,16.874 4.995,23.915 L 61.902,98 h 6.432 L 55.002,81.27 C 50.702,75.875 46.53,70.2 44.406,63.636 42.283,57.072 42.24,49.836 44.409,43.288 A 32.824,32.824 0 0 1 54.925,28.13 32.824,32.824 0 0 1 71.983,21.105 Z"
fill="url(#h)"
id="path43-6"
style="fill:url(#h-7)" />
<path
transform="matrix(-1,0,0,1,137.16,155.823)"
d="M 73.003,21.303 C 65.294,19.756 57.033,21.149 50.257,25.138 43.481,29.127 38.255,35.675 35.867,43.167 A 32.484,32.484 0 0 0 35.11,59.972 32.484,32.484 0 0 0 42.904,74.879 L 54.11,98 H 67.493 L 54.16,74.356 C 51.292,69.269 48.603,63.95 47.733,58.175 46.863,52.4 47.769,46.404 50.107,41.052 54.28,31.502 62.943,24.03 73.002,21.304 Z"
fill="url(#i)"
id="path45-1"
style="fill:url(#i-6)" />
</g>
<path
style="marker:none"
d="m 271.0607,256.22128 v 19.397 a 9.702,9.702 0 0 0 9.724,9.726 h 26.326 c 5.388,0 8.594,-4.457 9.725,-9.726 v -19.397 z"
fill="#e5a50a"
id="path49-8" />
<path
style="marker:none"
d="m 271.0607,252.06028 v 19.397 a 9.702,9.702 0 0 0 9.724,9.724 h 26.326 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
fill="#e5a50a"
id="path51-7" />
<path
style="marker:none"
d="m 300.1907,252.06028 v 29.121 h 6.92 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
fill="#f3af0b"
id="path53-9" />
</g>
</g>
</g>
<path
style="font-variation-settings:normal;fill:url(#linearGradient24);fill-opacity:1;stroke-width:0.822282"
d="m 1051.0577,24.011554 a 37.111799,37.111799 0 0 0 -36.9465,35.120895 c -13.3251,2.089947 -23.45686,13.564137 -23.45686,27.494149 0,15.421302 12.41476,27.836692 27.83666,27.836692 h 72.3273 c 11.9284,0 21.5316,-9.60251 21.5316,-21.530902 0,-11.928386 -9.6032,-21.532163 -21.5316,-21.532163 h -3.9868 a 37.111799,37.111799 0 0 0 1.4509,-10.27624 37.111799,37.111799 0 0 0 -37.1118,-37.111798 37.111799,37.111799 0 0 0 -0.1123,0 z"
id="path12" />
<path
d="m 803.48555,82.893284 c -12.0805,0.0171 -23.046,7.06046 -28.0791,18.042576 a 23.200767,23.200767 0 0 0 -10.5796,-2.579546 c -12.2021,0.0175 -22.3064,9.477716 -23.1179,21.652566 h -0.079 c -8.5404,0 -15.4634,6.92307 -15.4634,15.46349 0,8.54042 6.9235,15.46349 15.4639,15.46349 h 86.5965 a 18.55711,18.55711 0 0 0 18.5571,-18.55619 18.55711,18.55711 0 0 0 -12.4257,-17.49347 32.519894,32.519894 0 0 0 0.055,-1.06272 c 0,-17.080836 -13.8466,-30.927426 -30.9279,-30.927426 z"
id="path21"
style="fill:url(#linearGradient23);fill-opacity:1;stroke-width:0.999999" />
</g>
</g>
</svg>
(uuay)checkbox-off-light.svg Z <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="24"
height="24"
id="svg3199"
version="1.1"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="checkbox-off-dark.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs3201">
<linearGradient
id="linearGradient15404"
inkscape:collect="always">
<stop
id="stop15406"
offset="0"
style="stop-color:#515151;stop-opacity:1" />
<stop
id="stop15408"
offset="1"
style="stop-color:#292929;stop-opacity:1" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 528.18109 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="744.09448 : 528.18109 : 1"
inkscape:persp3d-origin="372.04724 : 352.78739 : 1"
id="perspective3207" />
<inkscape:perspective
id="perspective3187"
inkscape:persp3d-origin="0.5 : 2.3333333 : 1"
inkscape:vp_z="1 : 2.5 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_x="0 : 2.5 : 1"
sodipodi:type="inkscape:persp3d" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5872-5-1"
id="linearGradient5891-0-4"
gradientUnits="userSpaceOnUse"
x1="205.84143"
y1="246.7094"
x2="206.74803"
y2="231.24142" />
<linearGradient
inkscape:collect="always"
id="linearGradient5872-5-1">
<stop
style="stop-color:#0b2e52;stop-opacity:1"
offset="0"
id="stop5874-4-4" />
<stop
style="stop-color:#1862af;stop-opacity:1"
offset="1"
id="stop5876-0-5" />
</linearGradient>
<inkscape:path-effect
effect="spiro"
id="path-effect5837-4-6"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect14768"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect5884-4-7"
is_visible="true"
lpeversion="0" />
<linearGradient
y2="-388.72955"
x2="-93.031357"
y1="-396.34738"
x1="-93.031357"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-256.56122,59.685418)"
gradientUnits="userSpaceOnUse"
id="linearGradient14219"
xlink:href="#linearGradient15404"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
id="linearGradient10013-4-63-6">
<stop
style="stop-color:#333333;stop-opacity:1;"
offset="0"
id="stop10015-2-76-1" />
<stop
style="stop-color:#292929;stop-opacity:1"
offset="1"
id="stop10017-46-15-8" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient10597-5">
<stop
style="stop-color:#16191a;stop-opacity:1;"
offset="0"
id="stop10599-2" />
<stop
style="stop-color:#2b3133;stop-opacity:1"
offset="1"
id="stop10601-5" />
</linearGradient>
<linearGradient
y2="-322.16354"
x2="921.22498"
y1="-330.05121"
x1="921.32812"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-1456.5464,275.45191)"
gradientUnits="userSpaceOnUse"
id="linearGradient15374"
xlink:href="#linearGradient10013-4-63-6"
inkscape:collect="always" />
<linearGradient
gradientTransform="translate(-1199.9852,216.38048)"
y2="-227.07961"
x2="1203.9177"
y1="-217.56708"
x1="1203.9177"
gradientUnits="userSpaceOnUse"
id="linearGradient15376"
xlink:href="#linearGradient10597-5"
inkscape:collect="always" />
<linearGradient
id="linearGradient5581-5-2-4-6-8-7-35-8">
<stop
id="stop5583-0-92-8-0-7-6-5-1"
offset="0"
style="stop-color:#454c4c;stop-opacity:1;" />
<stop
style="stop-color:#393f3f;stop-opacity:1;"
offset="0.40000001"
id="stop5585-4-7-2-7-9-9-92-0" />
<stop
id="stop5587-6-7-2-0-3-1-21-5"
offset="1"
style="stop-color:#2d3232;stop-opacity:1;" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#a2a2a2"
bordercolor="#2d2d2d"
borderopacity="1"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="11.313708"
inkscape:cx="12.374369"
inkscape:cy="8.8388348"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:snap-nodes="false"
inkscape:snap-bbox="true"
showborder="true"
inkscape:pagecheckerboard="0">
<inkscape:grid
type="xygrid"
id="grid14843"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
</sodipodi:namedview>
<metadata
id="metadata3204">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-342.5,-521.36218)">
<rect
rx="3"
y="524.36218"
x="345.5"
height="18"
width="18"
id="rect11803"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#282828;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.15000001;marker:none;enable-background:accumulate"
ry="3" />
</g>
</svg>
(uuay)checkbox-off-focused-light.svg <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="24"
height="24"
id="svg3199"
version="1.1"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="checkbox-off-focused-dark.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs3201">
<linearGradient
id="linearGradient15404"
inkscape:collect="always">
<stop
id="stop15406"
offset="0"
style="stop-color:#515151;stop-opacity:1" />
<stop
id="stop15408"
offset="1"
style="stop-color:#292929;stop-opacity:1" />
</linearGradient>
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 528.18109 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="744.09448 : 528.18109 : 1"
inkscape:persp3d-origin="372.04724 : 352.78739 : 1"
id="perspective3207" />
<inkscape:perspective
id="perspective3187"
inkscape:persp3d-origin="0.5 : 2.3333333 : 1"
inkscape:vp_z="1 : 2.5 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_x="0 : 2.5 : 1"
sodipodi:type="inkscape:persp3d" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5872-5-1"
id="linearGradient5891-0-4"
gradientUnits="userSpaceOnUse"
x1="205.84143"
y1="246.7094"
x2="206.74803"
y2="231.24142" />
<linearGradient
inkscape:collect="always"
id="linearGradient5872-5-1">
<stop
style="stop-color:#0b2e52;stop-opacity:1"
offset="0"
id="stop5874-4-4" />
<stop
style="stop-color:#1862af;stop-opacity:1"
offset="1"
id="stop5876-0-5" />
</linearGradient>
<inkscape:path-effect
effect="spiro"
id="path-effect5837-4-6"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect14768"
is_visible="true"
lpeversion="0" />
<inkscape:path-effect
effect="spiro"
id="path-effect5884-4-7"
is_visible="true"
lpeversion="0" />
<linearGradient
y2="-388.72955"
x2="-93.031357"
y1="-396.34738"
x1="-93.031357"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-256.56122,59.685418)"
gradientUnits="userSpaceOnUse"
id="linearGradient14219"
xlink:href="#linearGradient15404"
inkscape:collect="always" />
<linearGradient
inkscape:collect="always"
id="linearGradient10013-4-63-6">
<stop
style="stop-color:#333333;stop-opacity:1;"
offset="0"
id="stop10015-2-76-1" />
<stop
style="stop-color:#292929;stop-opacity:1"
offset="1"
id="stop10017-46-15-8" />
</linearGradient>
<linearGradient
inkscape:collect="always"
id="linearGradient10597-5">
<stop
style="stop-color:#16191a;stop-opacity:1;"
offset="0"
id="stop10599-2" />
<stop
style="stop-color:#2b3133;stop-opacity:1"
offset="1"
id="stop10601-5" />
</linearGradient>
<linearGradient
y2="-322.16354"
x2="921.22498"
y1="-330.05121"
x1="921.32812"
gradientTransform="matrix(1.5918367,0,0,0.85714285,-1456.5464,275.45191)"
gradientUnits="userSpaceOnUse"
id="linearGradient15374"
xlink:href="#linearGradient10013-4-63-6"
inkscape:collect="always" />
<linearGradient
gradientTransform="translate(-1199.9852,216.38048)"
y2="-227.07961"
x2="1203.9177"
y1="-217.56708"
x1="1203.9177"
gradientUnits="userSpaceOnUse"
id="linearGradient15376"
xlink:href="#linearGradient10597-5"
inkscape:collect="always" />
<linearGradient
id="linearGradient5581-5-2-4-6-8-7-35-8">
<stop
id="stop5583-0-92-8-0-7-6-5-1"
offset="0"
style="stop-color:#454c4c;stop-opacity:1;" />
<stop
style="stop-color:#393f3f;stop-opacity:1;"
offset="0.40000001"
id="stop5585-4-7-2-7-9-9-92-0" />
<stop
id="stop5587-6-7-2-0-3-1-21-5"
offset="1"
style="stop-color:#2d3232;stop-opacity:1;" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#a2a2a2"
bordercolor="#2d2d2d"
borderopacity="1"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="11.313708"
inkscape:cx="12.374369"
inkscape:cy="8.8388348"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:snap-nodes="false"
inkscape:snap-bbox="true"
showborder="true"
inkscape:pagecheckerboard="0">
<inkscape:grid
type="xygrid"
id="grid14843"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
</sodipodi:namedview>
<metadata
id="metadata3204">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-342.5,-521.36218)">
<rect
rx="3"
y="524.36218"
x="345.5"
height="18"
width="18"
id="rect11803"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#282828;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.15000001;marker:none;enable-background:accumulate"
ry="3" />
<rect
rx="5"
y="522.36218"
x="343.5"
height="22"
width="22"
id="rect2437"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.35;marker:none;enable-background:accumulate"
ry="5" />
</g>
</svg>
(uuay)org/ toggle-off.svg P <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect style="fill:#fff;stroke:none;stroke-width:1;marker:none;fill-opacity:.15000001" width="48" height="26" x="-48" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="294.18" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="-24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none;fill:#fff;fill-opacity:1" fill="#f8f7f7"/></g></svg> (uuay)checkbox-off-focused.svg� <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#fff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.15000001;marker:none;enable-background:accumulate" ry="3"/><rect rx="5" y="522.362" x="343.5" height="22" width="22" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.35;marker:none;enable-background:accumulate" ry="5"/></g></svg> (uuay)process-working.svg � <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg5369"
version="1.1"
inkscape:version="0.91 r13725"
width="512"
height="32"
sodipodi:docname="process-working.svg"
style="display:inline">
<metadata
id="metadata5375">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs5373">
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient35326"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient8231-1-4-4-1">
<stop
id="stop8233-28-5-27-1"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop8235-7-3-94-3" />
<stop
id="stop8237-7-8-20-2"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop8239-2-9-1-9"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient35230"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient5767-6">
<stop
id="stop5769-0"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop5771-1" />
<stop
id="stop5773-7"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop5775-8"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10255"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10257">
<stop
id="stop10259"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10261" />
<stop
id="stop10263"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10265"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10267"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10269">
<stop
id="stop10271"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10273" />
<stop
id="stop10275"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10277"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10279"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10281">
<stop
id="stop10283"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10285" />
<stop
id="stop10287"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10289"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10291"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10293">
<stop
id="stop10295"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10297" />
<stop
id="stop10299"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10301"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10303"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10305">
<stop
id="stop10307"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10309" />
<stop
id="stop10311"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10313"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10315"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10317">
<stop
id="stop10319"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10321" />
<stop
id="stop10323"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10325"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10327"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10329">
<stop
id="stop10331"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10333" />
<stop
id="stop10335"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10337"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10339"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10341">
<stop
id="stop10343"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10345" />
<stop
id="stop10347"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10349"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10351"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10353">
<stop
id="stop10355"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10357" />
<stop
id="stop10359"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10361"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10363"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10365">
<stop
id="stop10367"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10369" />
<stop
id="stop10371"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10373"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10375"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10377">
<stop
id="stop10379"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10381" />
<stop
id="stop10383"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10385"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10387"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10389">
<stop
id="stop10391"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10393" />
<stop
id="stop10395"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10397"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10399"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10401">
<stop
id="stop10403"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10405" />
<stop
id="stop10407"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10409"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10411"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10413">
<stop
id="stop10415"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10417" />
<stop
id="stop10419"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10421"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10423"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<linearGradient
id="linearGradient10425">
<stop
id="stop10427"
offset="0"
style="stop-color:#ffffff;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0.15428571"
offset="0.31861392"
id="stop10429" />
<stop
id="stop10431"
offset="0.54270232"
style="stop-color:#ffffff;stop-opacity:0.33714285" />
<stop
id="stop10433"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10435"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<linearGradient
id="linearGradient10437">
<stop
id="stop10439"
offset="0"
style="stop-color:#bebebe;stop-opacity:0" />
<stop
style="stop-color:#ffffff;stop-opacity:0"
offset="0.31861392"
id="stop10441" />
<stop
id="stop10443"
offset="0.75051737"
style="stop-color:#ffffff;stop-opacity:0.42857143" />
<stop
id="stop10445"
offset="1"
style="stop-color:#ffffff;stop-opacity:1" />
</linearGradient>
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient10709"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient10711"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient11663"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient11665"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14128"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14140"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14152"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14164"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14176"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14188"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14200"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14212"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14224"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14236"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14248"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14260"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14272"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14284"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14296"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14308"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14320"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14332"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14344"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14356"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14368"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14380"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14392"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14404"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14416"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14428"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14440"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14452"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14464"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14476"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14488"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14500"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14512"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14524"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14536"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14548"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14560"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14572"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14584"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14596"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14608"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14620"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14632"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14644"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14656"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14668"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14680"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14692"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14704"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14716"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14728"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14740"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14752"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14764"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14776"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14788"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14800"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14812"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14824"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14836"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14848"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14860"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14872"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14884"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14896"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14908"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14920"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14932"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14944"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14956"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14968"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient14980"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient14992"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15004"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15016"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15028"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15040"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15052"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15064"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15076"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15088"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15100"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15112"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15124"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15136"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15148"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15160"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15172"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15184"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15196"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15208"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15220"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15232"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15244"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15256"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15268"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15280"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15292"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15304"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15316"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15328"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15340"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15352"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15364"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15376"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15388"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15400"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15412"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15424"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15436"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15448"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15460"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15472"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15484"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15496"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15508"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient15520"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient15532"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient8231-1-4-4-1"
id="radialGradient18026"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(2.229454,-1.2865389,1.2087442,2.0939897,-228.90301,-208.08725)"
cx="-0.067823187"
cy="188.51917"
fx="-0.067823187"
fy="188.51917"
r="27.330345" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient5767-6"
id="radialGradient18028"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1252013,-0.60470548,0.56813832,1.0568583,-107.67128,-11.948108)"
cx="0.053942412"
cy="189.15244"
fx="0.053942412"
fy="189.15244"
r="27.330345" />
</defs>
<sodipodi:namedview
pagecolor="#808080"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1975"
inkscape:window-height="1098"
id="namedview5371"
showgrid="false"
borderlayer="true"
inkscape:showpageshadow="false"
inkscape:zoom="1"
inkscape:cx="346.23664"
inkscape:cy="-6.4057938"
inkscape:window-x="139"
inkscape:window-y="73"
inkscape:window-maximized="0"
inkscape:current-layer="layer2"
inkscape:snap-bbox="true"
inkscape:snap-nodes="false">
<inkscape:grid
type="xygrid"
id="grid11933"
empspacing="16"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true"
empcolor="#0000ff"
empopacity="0.47843137" />
</sodipodi:namedview>
<g
inkscape:groupmode="layer"
id="layer1"
inkscape:label="tiles"
style="display:none"
transform="translate(0,-16)">
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
id="rect12451"
width="24"
height="24"
x="0"
y="0" />
<rect
y="24"
x="0"
height="24"
width="24"
id="rect12453"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" />
<rect
y="0"
x="24"
height="24"
width="24"
id="rect12455"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" />
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
id="rect12457"
width="24"
height="24"
x="24"
y="24" />
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
id="rect12459"
width="24"
height="24"
x="48"
y="0" />
<rect
y="24"
x="48"
height="24"
width="24"
id="rect12461"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" />
<rect
y="0"
x="72"
height="24"
width="24"
id="rect12463"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate" />
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
id="rect12465"
width="24"
height="24"
x="72"
y="24" />
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="spinner"
transform="translate(0,-16)">
<g
style="display:inline"
id="g12246"
transform="matrix(0.29521872,0,0,0.2952381,149.03971,-388.51498)">
<path
transform="matrix(-0.16397381,0.61157081,-0.61162275,-0.16377992,-372.32298,1442.5061)"
d="m -3.4436513,184.72075 a 22.98097,22.98097 0 0 1 -25.9046347,17.42496 22.98097,22.98097 0 0 1 -19.37345,-24.4816 22.98097,22.98097 0 0 1 22.91234,-21.20622"
sodipodi:ry="22.98097"
sodipodi:rx="22.98097"
sodipodi:cy="179.43886"
sodipodi:cx="-25.809397"
id="path12248"
style="display:inline;fill:none;stroke:url(#radialGradient11663);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:type="arc"
sodipodi:start="0.23191105"
sodipodi:end="4.712389"
sodipodi:open="true"
inkscape:export-filename="/home/hbons/Moblin/git/carrick-ng/data/icons/network-connecting.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<path
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/hbons/Moblin/git/carrick-ng/data/icons/network-connecting.png"
sodipodi:open="true"
sodipodi:end="4.712389"
sodipodi:start="0.23191105"
sodipodi:type="arc"
style="display:inline;fill:none;stroke:url(#radialGradient11665);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path12250"
sodipodi:cx="-25.809397"
sodipodi:cy="179.43886"
sodipodi:rx="22.98097"
sodipodi:ry="22.98097"
d="m -3.4436513,184.72075 a 22.98097,22.98097 0 0 1 -25.9046347,17.42496 22.98097,22.98097 0 0 1 -19.37345,-24.4816 22.98097,22.98097 0 0 1 22.91234,-21.20622"
transform="matrix(-0.63300818,0.01438356,-0.01458424,-0.63300359,-491.4014,1510.996)" />
</g>
<use
height="100%"
width="100%"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,48.943073,-180.55304)"
id="use12258"
xlink:href="#g10450-5"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.97814761,0.20791169,-0.20791169,0.97814761,70.553652,-185.80321)"
id="use12260"
xlink:href="#use12000"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.95105653,0.30901699,-0.30901699,0.95105653,146.76602,-177.21804)"
id="use12266"
xlink:href="#g10450-5"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.91354547,0.40673664,-0.40673664,0.91354547,169.60833,-183.68101)"
id="use12270"
xlink:href="#use12000"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.86602542,0.5,-0.5,0.86602542,194.48539,-193.2587)"
id="use12272"
xlink:href="#use12002"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.80901701,0.58778525,-0.58778525,0.80901701,289.93475,-156.19404)"
id="use12278"
xlink:href="#g10450-5"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.74314484,0.66913061,-0.66913061,0.74314484,315.02774,-163.93338)"
id="use12282"
xlink:href="#use12000"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.66913062,0.74314483,-0.74314483,0.66913062,343.01848,-174.00634)"
id="use12284"
xlink:href="#use12002"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.58778527,0.809017,-0.809017,0.58778527,374.34035,-185.86931)"
id="use12290"
xlink:href="#use12008"
y="0"
x="0" />
<use
x="0"
y="0"
xlink:href="#use12290"
id="use12494"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,31.624213,-28.945572)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12494"
id="use12498"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,31.778114,-31.872282)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12498"
id="use12502"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,31.931711,-34.799662)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12502"
id="use12506"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,32.085178,-37.729332)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12506"
id="use12510"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,32.238466,-40.661342)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12510"
id="use12514"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,32.390823,-43.585942)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12514"
id="use12518"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,32.543439,-46.510902)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12518"
id="use12522"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,32.696338,-49.437422)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12522"
id="use12526"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,32.849272,-52.363942)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12526"
id="use12530"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,33.002239,-55.290422)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12530"
id="use12534"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,33.155242,-58.216862)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12534"
id="use12538"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,33.308287,-61.143262)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12538"
id="use12542"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,33.461378,-64.069632)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12542"
id="use12546"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,33.614517,-66.995962)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12546"
id="use12550"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,33.767708,-69.922282)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12550"
id="use12554"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,33.920952,-72.848572)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12554"
id="use12558"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,34.074252,-75.774862)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12558"
id="use12562"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,34.228224,-78.701442)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12562"
id="use12566"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,34.384481,-81.628162)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12566"
id="use12570"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,34.543085,-84.555062)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12570"
id="use12574"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,34.694273,-87.482889)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12574"
id="use12578"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,34.845821,-90.410449)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12578"
id="use12582"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,34.998931,-93.337739)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12582"
id="use12586"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,35.152046,-96.264989)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12586"
id="use12590"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,35.305116,-99.192209)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12590"
id="use12594"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,35.458143,-102.11938)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12594"
id="use12598"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,35.611131,-105.04652)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12598"
id="use12602"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,35.764086,-107.97361)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12602"
id="use12606"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,35.917013,-110.90066)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12606"
id="use12610"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,36.069915,-113.82765)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12610"
id="use12614"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,36.2228,-116.75459)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12614"
id="use12618"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,36.375673,-119.68147)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12618"
id="use12622"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,36.52885,-122.60769)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12622"
id="use12626"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,36.682157,-125.53161)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12626"
id="use12630"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,36.835642,-128.45319)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12630"
id="use12634"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,36.990059,-131.38219)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12634"
id="use12638"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,37.144216,-134.31083)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12638"
id="use12642"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,37.298091,-137.2379)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12642"
id="use12646"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,37.45193,-140.16497)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12646"
id="use12650"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,37.605737,-143.09209)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12650"
id="use12654"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,37.759507,-146.01924)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12654"
id="use12658"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,37.913236,-148.94644)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12658"
id="use12662"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,38.066918,-151.87367)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12662"
id="use12666"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,38.220552,-154.80093)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12666"
id="use12670"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,38.374134,-157.72821)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12670"
id="use12674"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,38.527663,-160.65551)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12674"
id="use12678"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,38.681136,-163.58282)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12678"
id="use12682"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,38.833937,-166.50983)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12682"
id="use12686"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,38.984453,-169.4367)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use12686"
id="use12690"
transform="matrix(0.9945219,0.10452846,-0.10452846,0.9945219,39.132623,-172.3634)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#g12246"
id="use17640"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,18.463174,-0.6860274)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17640"
id="use17642"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,18.545526,-2.3041175)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17642"
id="use17644"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,18.627869,-3.9222415)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17644"
id="use17646"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,18.710256,-5.5403957)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17646"
id="use17648"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,18.792682,-7.1585849)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17648"
id="use17650"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,18.875146,-8.776813)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17650"
id="use17652"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,18.957642,-10.395084)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17652"
id="use17654"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.040166,-12.0134)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17654"
id="use17656"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.122713,-13.631765)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17656"
id="use17658"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.205279,-15.250181)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17658"
id="use17660"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.287857,-16.868648)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17660"
id="use17662"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.370295,-18.487328)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17662"
id="use17664"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.452449,-20.10785)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17664"
id="use17666"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.534518,-21.730599)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17666"
id="use17668"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,19.616047,-23.351029)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#g12246"
id="use17670"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,288.32996,17.191525)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17640"
id="use17672"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,305.13809,1.2121247)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17642"
id="use17674"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,321.94624,-14.767309)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17644"
id="use17676"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,338.75439,-30.746723)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17646"
id="use17678"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,355.56257,-46.726112)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17648"
id="use17680"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,372.37079,-62.705487)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17650"
id="use17682"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,389.179,-78.684846)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17652"
id="use17684"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,405.98726,-94.664188)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17654"
id="use17686"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,422.79551,-110.64352)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17656"
id="use17688"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,439.60382,-126.62284)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17658"
id="use17690"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,456.41215,-142.60217)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17660"
id="use17692"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,473.22049,-158.58145)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17662"
id="use17694"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,490.02954,-174.56102)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17664"
id="use17696"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,506.83972,-190.54059)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17666"
id="use17698"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,523.65101,-206.52033)"
width="100%"
height="100%" />
<use
x="0"
y="0"
xlink:href="#use17668"
id="use17700"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,540.45771,-222.50042)"
width="100%"
height="100%" />
<g
transform="matrix(-0.29521867,7.2137245e-5,-7.2124844e-5,-0.29523807,-132.95323,452.47763)"
id="g17702"
style="display:inline">
<path
inkscape:export-ydpi="90"
inkscape:export-xdpi="90"
inkscape:export-filename="/home/hbons/Moblin/git/carrick-ng/data/icons/network-connecting.png"
sodipodi:open="true"
sodipodi:end="4.712389"
sodipodi:start="0.23191105"
sodipodi:type="arc"
style="display:inline;fill:none;stroke:url(#radialGradient18026);stroke-width:17.83196449;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path17704"
sodipodi:cx="-25.809397"
sodipodi:cy="179.43886"
sodipodi:rx="22.98097"
sodipodi:ry="22.98097"
d="m -3.4436513,184.72075 a 22.98097,22.98097 0 0 1 -25.9046347,17.42496 22.98097,22.98097 0 0 1 -19.37345,-24.4816 22.98097,22.98097 0 0 1 22.91234,-21.20622"
transform="matrix(-0.16397381,0.61157081,-0.61162275,-0.16377992,-372.32298,1442.5061)" />
<path
transform="matrix(-0.63300818,0.01438356,-0.01458424,-0.63300359,-491.4014,1510.996)"
d="m -3.4436513,184.72075 a 22.98097,22.98097 0 0 1 -25.9046347,17.42496 22.98097,22.98097 0 0 1 -19.37345,-24.4816 22.98097,22.98097 0 0 1 22.91234,-21.20622"
sodipodi:ry="22.98097"
sodipodi:rx="22.98097"
sodipodi:cy="179.43886"
sodipodi:cx="-25.809397"
id="path17706"
style="display:inline;fill:none;stroke:url(#radialGradient18028);stroke-width:17.83196449;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
sodipodi:type="arc"
sodipodi:start="0.23191105"
sodipodi:end="4.712389"
sodipodi:open="true"
inkscape:export-filename="/home/hbons/Moblin/git/carrick-ng/data/icons/network-connecting.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
</g>
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.081742,-0.6039496)"
id="use17708"
xlink:href="#g17702"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.164094,-2.2220396)"
id="use17710"
xlink:href="#use17708"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.246437,-3.8401636)"
id="use17712"
xlink:href="#use17710"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.328824,-5.4583176)"
id="use17714"
xlink:href="#use17712"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.41125,-7.0765066)"
id="use17716"
xlink:href="#use17714"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.493714,-8.6947346)"
id="use17718"
xlink:href="#use17716"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.57621,-10.313006)"
id="use17720"
xlink:href="#use17718"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.658734,-11.931322)"
id="use17722"
xlink:href="#use17720"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.741281,-13.549687)"
id="use17724"
xlink:href="#use17722"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.823847,-15.168103)"
id="use17726"
xlink:href="#use17724"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.906425,-16.78657)"
id="use17728"
xlink:href="#use17726"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,20.988863,-18.40525)"
id="use17730"
xlink:href="#use17728"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,21.071017,-20.025772)"
id="use17732"
xlink:href="#use17730"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,21.153086,-21.648521)"
id="use17734"
xlink:href="#use17732"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(0.99487012,0.10116048,-0.10116048,0.99487012,21.234615,-23.268951)"
id="use17736"
xlink:href="#use17734"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,304.30952,33.999897)"
id="use17738"
xlink:href="#g17702"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,321.11765,18.020497)"
id="use17740"
xlink:href="#use17708"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,337.9258,2.0410622)"
id="use17742"
xlink:href="#use17710"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,354.73395,-13.938351)"
id="use17744"
xlink:href="#use17712"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,371.54213,-29.91774)"
id="use17746"
xlink:href="#use17714"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,388.35035,-45.897115)"
id="use17748"
xlink:href="#use17716"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,405.15856,-61.876474)"
id="use17750"
xlink:href="#use17718"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,421.96682,-77.855816)"
id="use17752"
xlink:href="#use17720"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,438.77507,-93.835152)"
id="use17754"
xlink:href="#use17722"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,455.58338,-109.81448)"
id="use17756"
xlink:href="#use17724"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,472.39171,-125.79381)"
id="use17758"
xlink:href="#use17726"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,489.20005,-141.77309)"
id="use17760"
xlink:href="#use17728"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,506.0091,-157.75266)"
id="use17762"
xlink:href="#use17730"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,522.81928,-173.73223)"
id="use17764"
xlink:href="#use17732"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,539.63057,-189.71197)"
id="use17766"
xlink:href="#use17734"
y="0"
x="0" />
<use
height="100%"
width="100%"
transform="matrix(-0.0505232,0.99872288,-0.99872288,-0.0505232,556.43727,-205.69206)"
id="use17768"
xlink:href="#use17736"
y="0"
x="0" />
</g>
</svg>
(uuay)checkbox.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:#3584e4;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" ry="3"/><path style="color:#000;fill:#fff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none" d="M361.998 527.733a1.5 1.5 0 0 0-2.117.127l-6.928 7.824-2.928-2.882a1.5 1.5 0 0 0-2.12.015 1.5 1.5 0 0 0 .015 2.121l4.055 3.993a1.5 1.5 0 0 0 2.175-.075l7.975-9.006a1.5 1.5 0 0 0-.127-2.117z"/></g></svg> (uuay)shell/ checkbox-off.svg \ <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#fff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.15000001;marker:none;enable-background:accumulate" ry="3" transform="translate(-342.5 -521.362)"/></svg> (uuay)toggle-on-light.svg <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect style="fill:#3584e4;stroke:none;stroke-width:1;marker:none" width="48" height="26" y="291.18" ry="13" fill="#3081e3"/><rect ry="11" rx="11" y="294.18" x="24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none;fill:#000;fill-opacity:.2" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g></svg> (uuay)toggle-off-light.svg # <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect style="fill:#c0bfbc;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="294.18" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="-24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g></svg> (uuay)toggle-off-hc.svg � <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect ry="11" rx="11" y="299.18" x="30" height="10" width="10" style="fill:none;fill-opacity:1;stroke:#f8f7f7;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none" fill="#f8f7f7" stroke-linecap="round" stroke-linejoin="round"/><rect style="fill:#fff;stroke:none;stroke-width:1;marker:none;fill-opacity:.15000001" width="48" height="26" x="-48" y="291.18" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="293.18" x="-24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></g></svg> (uuay)gdm.css �o /* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 11pt;
color: white; }
/* Common Stylings */
.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window {
color: white;
background-color: #232323;
border: 1px solid rgba(255, 255, 255, 0.02);
border-radius: 999px;
padding: 12px; }
.workspace-thumbnails .workspace-thumbnail {
color: white;
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px;
padding: 6px;
spacing: 6px;
border: 2px solid transparent;
transition-duration: 200ms;
text-align: center; }
.modal-dialog {
color: white;
background-color: #303030;
border-radius: 11px;
border: 1px solid #3c3c3c; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button {
border-radius: 6px;
border-style: solid;
border-width: 1px;
font-weight: bold;
padding: 3px 24px;
transition-duration: 100ms;
color: white;
background-color: #3a3a3a; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus {
transition-duration: 100ms;
color: white;
background-color: #3a414b;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover {
background-color: #404852;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active {
background-color: #474f59;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover {
transition-duration: 100ms;
color: white;
background-color: #424242; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active {
transition-duration: 100ms;
color: white;
background-color: #494949; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked {
transition-duration: 100ms;
color: white;
background-color: #515151; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover {
background-color: #595959; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active {
background-color: #606060; }
.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
padding: 12px;
font-weight: bold !important;
transition-duration: 100ms;
color: white;
background-color: #525252; }
.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
transition-duration: 100ms;
color: white;
background-color: #4f5761;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover {
background-color: #565e67;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
background-color: #5d656e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
transition-duration: 100ms;
color: white;
background-color: #5a5a5a; }
.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
transition-duration: 100ms;
color: white;
background-color: #616161; }
.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked {
transition-duration: 100ms;
color: white;
background-color: dimgray; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover {
background-color: #717171; }
.modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active {
background-color: #787878; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr {
border-radius: 0 0 0 10px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr {
border-radius: 0 0 10px 0;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl {
border-radius: 0 0 10px 0; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl {
border-radius: 0 0 0 10px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 10px 10px !important;
margin-left: 0 !important;
margin-right: 0 !important; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
transition-duration: 100ms;
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
transition-duration: 100ms;
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
transition-duration: 100ms;
color: white;
background-color: #2f3740;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #363d47;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active {
background-color: #3c444e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
transition-duration: 100ms;
color: white;
background-color: #363636; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
transition-duration: 100ms;
color: white;
background-color: #3d3d3d; }
.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
transition-duration: 100ms;
color: white;
background-color: #454545; }
.screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #4d4d4d; }
.screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #545454; }
/* General Typography */
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 20pt; }
.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 15pt; }
.nm-dialog-airplane-headline {
font-weight: 700;
font-size: 15pt; }
.message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 13pt; }
.lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament {
font-weight: 700;
font-size: 11pt; }
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 9pt; }
.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time {
font-weight: 400;
font-size: 9pt; }
.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base {
font-weight: 400;
font-size: 8pt; }
.unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base {
font-feature-settings: "tnum"; }
/* WIDGETS */
.shell-link {
color: #8fbbf0; }
.shell-link:hover {
color: #bcd6f6; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.icon-dropshadow {
icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
/* Entries */
StEntry {
border-radius: 8px;
padding: 8px;
color: white;
background-color: #3c3c3c;
color: rgba(255, 255, 255, 0.7);
border: 2px solid #3c3c3c;
selection-background-color: #3584e4;
selected-color: #fff; }
StEntry:hover {
background-color: #565656;
border-color: #565656;
color: rgba(255, 255, 255, 0.7); }
StEntry:focus {
background-color: #3c4045;
border-color: #3584e4;
color: white; }
StEntry:insensitive {
background-color: #383838;
border-color: #383838;
color: #979797; }
StEntry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #cd9309;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.09em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px;
color: rgba(255, 255, 255, 0.7); }
/* Buttons */
.button {
min-height: 22px; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 24px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
color: white;
height: 26px;
width: 48px;
background-size: contain;
background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #3584e4;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 8px;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent; }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #6e6e6e;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #979797; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #838383; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: white; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
border-radius: 14px;
border: 1px solid #3c3c3c;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
background-color: #303030; }
.popup-menu-item {
padding: 9px 12px;
border-radius: 8px;
spacing: 6px;
transition-duration: 100ms;
background-color: transparent; }
.popup-menu-item:ltr {
padding-left: 6px; }
.popup-menu-item:rtl {
padding-right: 6px; }
.popup-menu-item:focus, .popup-menu-item:hover {
background-color: #494949 !important; }
.popup-menu-item:focus:active, .popup-menu-item:hover:active {
background-color: #4e4e4e !important; }
.popup-menu-item:checked {
background-color: #424242 !important; }
.popup-menu-item:checked {
margin-bottom: 0;
box-shadow: inset 0 -1px 0 0 #353535;
border-radius: 8px 8px 0 0; }
.popup-menu-item:checked:focus, .popup-menu-item:checked:hover {
background-color: #494949 !important; }
.popup-menu-item:checked:active {
background-color: #4e4e4e !important; }
.popup-menu-item:active {
background-color: #5b5b5b;
color: white; }
.popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5); }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-inactive-menu-item {
color: white; }
.popup-inactive-menu-item:insensitive {
color: #979797; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 16px !important; }
.popup-sub-menu {
background-color: #424242;
border-radius: 0 0 8px 8px; }
.popup-sub-menu .popup-menu-ornament {
min-width: 1.09em !important; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
margin: 0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 8px 8px; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
background-color: #494949 !important; }
.popup-sub-menu .popup-menu-item:checked {
background-color: #424242 !important; }
.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover {
background-color: #565656 !important; }
.popup-sub-menu .popup-menu-item:active {
background-color: #4e4e4e !important; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 8px 8px; }
.popup-menu-ornament {
width: 1.2em;
text-align: center !important; }
.popup-menu-ornament:ltr {
text-align: right; }
.popup-menu-ornament:rtl {
text-align: left; }
.popup-separator-menu-item {
margin: 6px 0;
padding: 0 !important; }
.popup-separator-menu-item:ltr {
margin-right: 4px; }
.popup-separator-menu-item:rtl {
margin-left: 4px; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(255, 255, 255, 0.1); }
.popup-separator-menu-item .popup-menu-ornament {
width: 0 !important; }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: rgba(255, 255, 255, 0.1); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.aggregate-menu {
min-width: 22em; }
.aggregate-menu .popup-menu-ornament {
width: 0 !important; }
.aggregate-menu .popup-menu-icon {
-st-icon-style: symbolic; }
.aggregate-menu .popup-menu-icon:ltr {
margin-right: 8px; }
.aggregate-menu .popup-menu-icon:rtl {
margin-left: 8px; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
margin-left: 1em; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
margin-right: 1em; }
.app-menu {
max-width: 27.25em; }
.app-menu .popup-menu-ornament {
width: 0 !important; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px; }
/* Date/Time Menu */
#calendarArea {
padding: 4px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
padding-left: 6px; }
.datemenu-calendar-column:rtl {
padding-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
/* today button (the date) */
.datemenu-today-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
background-color: transparent;
background-color: none;
box-shadow: none !important;
padding: 9px; }
.datemenu-today-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.datemenu-today-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.datemenu-today-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.datemenu-today-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.datemenu-today-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.datemenu-today-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
/* Calendar */
.calendar {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
background-color: transparent;
background-color: none;
box-shadow: none !important;
margin-top: 0; }
.calendar:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.calendar:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.calendar:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.calendar:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.calendar:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.calendar:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.09em; }
.calendar .calendar-month-header .calendar-month-label {
color: white;
padding: 8px 0; }
.calendar .calendar-month-header .pager-button {
background-color: transparent;
height: 32px;
width: 32px;
margin: 2px;
border-radius: 6px; }
.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus {
background-color: #494949; }
.calendar .calendar-month-header .pager-button:active {
background-color: #4e4e4e; }
.calendar .calendar-day-base {
text-align: center;
margin: 2px;
padding: 0 !important;
height: 3em !important;
width: 3em !important;
border-radius: 99px;
transition-duration: 100ms; }
.calendar .calendar-day-base:hover {
background-color: #494949; }
.calendar .calendar-day-base:focus {
background-color: #314154;
color: #fff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: white;
background-color: #4e4e4e; }
.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus {
background-color: #49596c; }
.calendar .calendar-day-base.calendar-day-heading {
color: #979797;
padding-top: 6px;
height: 16px !important;
font-weight: bold; }
.calendar .calendar-nonwork-day {
color: #979797; }
.calendar .calendar-other-month-day {
color: rgba(255, 255, 255, 0.5); }
.calendar .calendar-other-month-day.calendar-nonwork-day {
color: rgba(151, 151, 151, 0.5); }
.calendar .calendar-today {
background-color: #3584e4;
font-weight: 800;
color: #fff !important; }
.calendar .calendar-today:hover, .calendar .calendar-today:focus {
background-color: #428ce6;
color: inherit; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background-color: #3584e4;
color: inherit; }
.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
background-color: #428ce6;
color: inherit; }
.calendar .calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-week-number {
font-size: 7pt;
font-weight: bold;
font-feature-settings: "tnum";
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: #2b2b2b;
color: #979797; }
/* Events */
.events-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f;
padding: 12px; }
.events-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.events-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.events-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.events-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.events-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.events-button .events-box {
spacing: 6px; }
.events-button .events-list {
spacing: 12px; }
.events-button .events-title {
color: #979797;
margin-bottom: 4px; }
.events-button .event-time {
color: #979797; }
/* World clocks */
.world-clocks-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f;
padding: 12px; }
.world-clocks-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.world-clocks-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.world-clocks-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.world-clocks-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.world-clocks-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-header {
color: #979797; }
.world-clocks-button .world-clocks-city {
color: white; }
.world-clocks-button .world-clocks-time {
color: white; }
.world-clocks-button .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-timezone {
color: #979797; }
/* Weather */
.weather-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f;
padding: 12px; }
.weather-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.weather-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.weather-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.weather-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.weather-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.weather-button .weather-box {
spacing: 10px; }
.weather-button .weather-header-box {
spacing: 6px; }
.weather-button .weather-header {
color: #979797; }
.weather-button .weather-header.location {
font-weight: normal; }
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-forecast-time {
color: #b3b3b3;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-forecast-icon {
icon-size: 2.18em; }
/* Message List */
.message-list {
width: 29em;
border: solid rgba(255, 255, 255, 0.1); }
.message-list:ltr {
margin-left: 0;
margin-right: 4px;
padding-right: 6px;
border-right-width: 1px; }
.message-list:rtl {
margin-right: 0;
margin-left: 4px;
padding-left: 6px;
border-left-width: 1px; }
.message-list .message-list-placeholder {
color: rgba(151, 151, 151, 0.5); }
.message-list .message-list-placeholder > StIcon {
icon-size: 3.27em;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 6px;
margin: 0;
padding-bottom: 6px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 6px; }
.message-list-controls {
padding: 6px;
spacing: 6px; }
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid; }
.message-list-controls .dnd-button:focus {
border-color: rgba(53, 132, 228, 0.6); }
.message {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f; }
.message:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.message:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.message:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.message:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.message:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.message .message-icon-bin {
padding: 18px; }
.message .message-icon-bin:ltr {
padding-right: 6px; }
.message .message-icon-bin:rtl {
padding-left: 6px; }
.message .message-icon-bin > StIcon {
icon-size: 2.18em;
-st-icon-style: symbolic; }
.message .message-icon-bin > .fallback-app-icon {
width: 1.09em;
height: 1.09em; }
.message .message-content {
spacing: 4px;
padding: 9px;
margin-bottom: 8px; }
.message .message-title {
font-weight: bold;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-top: 0.57em; }
.message .message-secondary-bin {
padding: 0 8px; }
.message .message-secondary-bin > .event-time {
color: rgba(255, 255, 255, 0.5);
font-size: 9pt;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-bottom: 0.13em; }
.message .message-secondary-bin > .event-time:ltr {
text-align: right; }
.message .message-secondary-bin > .event-time:rtl {
text-align: left; }
.message .message-close-button {
color: white;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 99px;
padding: 5px;
margin: 1px; }
.message .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.2); }
.message .message-close-button:active {
background-color: rgba(255, 255, 255, 0.1); }
.message .message-body {
color: #e6e6e6; }
.url-highlighter {
link-color: #8fbbf0; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
margin: 12px 0;
border-radius: 8px;
color: white; }
.message-media-control:hover {
background-color: #565656;
color: white; }
.message-media-control:active {
background-color: #5b5b5b;
color: white; }
.message-media-control:insensitive {
color: #a4a4a4; }
.message-media-control:last-child:ltr {
margin-right: 12px; }
.message-media-control:last-child:rtl {
margin-left: 12px; }
.media-message-cover-icon {
icon-size: 3.27em !important;
border-radius: 8px; }
.media-message-cover-icon.fallback {
color: #d4d4d4;
background-color: #303030;
border: 1px solid transparent;
border-radius: 8px;
icon-size: 2.18em !important;
padding: 14px; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #979797; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 8px; }
.candidate-box:selected {
background-color: #3584e4;
color: #fff; }
.candidate-box:hover {
background-color: #494949;
color: white; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 12px; }
.horizontal .candidate-page-button-box {
padding-left: 12px; }
.candidate-page-button {
padding: 6px; }
.candidate-page-button-previous {
border-radius: 8px 0px 0px 8px;
border-right-width: 0;
box-shadow: none; }
.candidate-page-button-next {
border-radius: 0px 8px 8px 0px;
box-shadow: none; }
.candidate-page-button-icon {
icon-size: 1.09em; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 12px;
margin: 4px; }
.notification-banner .notification-actions {
spacing: 0; }
.summary-source-counter {
font-size: 10pt;
font-weight: bold;
height: 1.6em;
width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: #3584e4;
color: #fff;
border: 2px solid white;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
border-radius: 0.9em; }
.chat-body {
spacing: 5px; }
.chat-response {
margin: 5px; }
.chat-log-message {
color: #e6e6e6; }
.chat-new-group {
padding-top: 1em; }
.chat-received {
padding-left: 4px; }
.chat-received:rtl {
padding-left: 0px;
padding-right: 4px; }
.chat-sent {
padding-left: 18pt;
color: white; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: white; }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 0 4px; }
/* Modal Dialogs */
.modal-dialog .modal-dialog-content-box {
margin: 32px 40px;
spacing: 32px;
max-width: 28em; }
/* End Session Dialog */
.end-session-dialog {
width: 30em; }
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #cd9309; }
/* Message Dialog */
.message-dialog-content {
spacing: 18px; }
.message-dialog-content .message-dialog-title {
text-align: center; }
.message-dialog-content .message-dialog-description {
text-align: center; }
/* Dialog List */
.dialog-list {
spacing: 18px; }
.dialog-list .dialog-list-title {
text-align: center; }
.dialog-list .dialog-list-scrollview {
max-height: 200px; }
.dialog-list .dialog-list-box {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #f2f2f2; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 14px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: #cccccc; }
/* Password or Authentication Dialog */
.prompt-dialog {
width: 28em; }
.prompt-dialog .modal-dialog-content-box {
margin-bottom: 24px; }
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px; }
.prompt-dialog-password-layout {
spacing: 8px; }
.prompt-dialog-password-entry {
width: 20em; }
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center; }
.prompt-dialog-error-label {
color: #cd9309; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #cd9309; }
/* Audio selection dialog */
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px; }
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border-radius: 16px; }
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: #494949; }
.audio-selection-device:active {
background-color: #3584e4;
color: #fff; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 4.36em; }
/* Welcome dialog */
.welcome-dialog-image {
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
background-size: contain;
/* Reasonable maximum dimensions */
height: 300px;
width: 300px; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* Select Network dialogs */
.nm-dialog {
max-height: 34em;
min-height: 31em;
min-width: 32em; }
.nm-dialog-content {
spacing: 20px;
padding: 24px; }
.nm-dialog-subheader {
color: #979797; }
.nm-dialog-header-icon {
icon-size: 2.18em; }
.nm-dialog-header-hbox {
spacing: 10px; }
.nm-dialog-network-selected {
margin: 0 8px; }
.nm-dialog-scroll-view {
padding: 6px;
border-radius: 8px;
background-color: #232323; }
.nm-dialog-item {
padding: 12px; }
.nm-dialog-item:selected {
background-color: #3584e4;
border-radius: 5px;
color: #fff; }
.nm-dialog-item:hover {
background-color: #494949; }
.nm-dialog-icon {
icon-size: 1.09em; }
.nm-dialog-icons {
spacing: 12px; }
.no-networks-box {
spacing: 6px; }
.no-networks-label {
color: #979797; }
.nm-dialog-airplane-box {
text-align: center;
spacing: 12px; }
.nm-dialog-airplane-text {
color: #979797; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 12px;
padding: 12px 18px;
margin-bottom: 4em; }
.osd-window > * {
spacing: 8px; }
.osd-window StIcon {
icon-size: 2.18em; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
height: 6px;
min-width: 10.9em;
-barlevel-height: 6px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: white;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-separator-width: 3px; }
.osd-window .level:first-child {
margin-bottom: 0px; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
border-radius: 16px;
font-size: 3em;
font-weight: bold;
margin: 12px;
text-align: center;
min-width: 1.3em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.8); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
/* App Switcher */
.switcher-popup {
padding: 0;
spacing: 24px; }
.switcher-list {
padding: 10px;
border-radius: 24px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
background-color: transparent; }
.switcher-list .item-box:hover {
background-color: rgba(255, 255, 255, 0.1); }
.switcher-list .item-box:selected, .switcher-list .item-box:focus {
background-color: rgba(255, 255, 255, 0.13); }
.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover {
background-color: rgba(255, 255, 255, 0.16); }
.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active {
background-color: rgba(255, 255, 255, 0.13); }
.switcher-list .item-box:active {
background-color: rgba(255, 255, 255, 0.16); }
.switcher-list .item-box:outlined, .switcher-list .item-box:checked {
background-color: rgba(255, 255, 255, 0.19); }
.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active {
background-color: rgba(255, 255, 255, 0.22); }
.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(255, 255, 255, 0.25); }
.switcher-list .item-box:drop {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.1); }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 6px; }
.switcher-list .thumbnail {
width: 256px;
border-radius: 8px; }
.switcher-arrow {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }
.switcher-arrow:highlighted {
border-color: white;
color: white; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #3584e4; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.1816666667em;
margin: 0.9083333333em;
border-radius: 2.18em; }
.ws-switcher-indicator:active {
background-color: white;
padding: 0.3633333333em;
margin: 0.7266666667em; }
.icon-label-button-container {
spacing: 6px; }
.icon-label-button-container StIcon {
icon-size: 32px; }
.screenshot-ui-panel {
border-radius: 37px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px !important;
border-radius: 19px; }
.screenshot-ui-capture-button {
width: 36px;
height: 36px;
border-radius: 99px;
border: 4px white;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: white;
transition-duration: 200ms;
border-radius: 99px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #494949; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #d9d9d9; }
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray; }
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #c01c28; }
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #d61f2d; }
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #a11722; }
.screenshot-ui-shot-cast-container {
background-color: #303030;
border-radius: 16px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-container:ltr {
margin-left: 3px; }
.screenshot-ui-shot-cast-container:rtl {
margin-right: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 13px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: #3c3c3c; }
.screenshot-ui-shot-cast-button:active {
background-color: #5b5b5b; }
.screenshot-ui-shot-cast-button:checked {
background-color: white;
color: black; }
.screenshot-ui-shot-cast-button StIcon {
icon-size: 1.09em; }
.screenshot-ui-show-pointer-button {
border-radius: 99px;
padding: 12px !important; }
.screenshot-ui-show-pointer-button StIcon {
icon-size: 1.09em; }
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white; }
.screenshot-ui-area-selector-handle {
border-radius: 99px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #232323; }
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px; }
.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
margin-bottom: 200px; }
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 16px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 99px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #185fb4; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #3584e4;
background-color: rgba(53, 132, 228, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #fff;
background-color: #3584e4; }
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7); }
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white; }
.screenshot-ui-tooltip {
color: white;
background-color: #232323;
border-radius: 99px;
padding: 6px 12px;
text-align: center;
-y-offset: 24px; }
/* Top Bar */
#panel {
background-color: #000;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel.unlock-screen, #panel.login-screen, #panel:overview {
background-color: transparent; }
#panel .panel-button {
font-weight: bold;
color: #f2f2f2;
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 99px; }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 99px; }
#panel .panel-button.screen-recording-indicator {
box-shadow: inset 0 0 0 100px #c01c28; }
#panel .panel-button.screen-recording-indicator StBoxLayout {
spacing: 6px; }
#panel .panel-button.screen-recording-indicator StIcon {
icon-size: 1.09em; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
box-shadow: none; }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:overview, #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.85); }
#panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); }
#panel .panel-button.clock-display:hover {
box-shadow: none; }
#panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); }
#panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.9); }
#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:overview:hover, #panel .panel-button.clock-display:focus:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: none; }
#panel .panel-button.clock-display:active:hover .clock, #panel .panel-button.clock-display:overview:hover .clock, #panel .panel-button.clock-display:focus:hover .clock, #panel .panel-button.clock-display:checked:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:overview:hover, #panel .panel-button.screen-recording-indicator:focus:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.8); }
#panel .panel-button .system-status-icon {
icon-size: 1.09em;
padding: 5px;
margin: 0 4px; }
#panel .panel-button .panel-status-indicators-box .system-status-icon,
#panel .panel-button .panel-status-menu-box .system-status-icon {
margin: 0; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel #panelActivities.panel-button {
-natural-hpadding: 18px; }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:overview, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:overview, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:checked, #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:overview, #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.85); }
#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
#panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
#panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:hover, #panel:overview .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.9); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:overview:hover, #panel.unlock-screen .panel-button.clock-display:focus:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:overview:hover, #panel.login-screen .panel-button.clock-display:focus:hover, #panel.login-screen .panel-button.clock-display:checked:hover, #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:overview:hover, #panel:overview .panel-button.clock-display:focus:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:active:hover .clock, #panel.unlock-screen .panel-button.clock-display:overview:hover .clock, #panel.unlock-screen .panel-button.clock-display:focus:hover .clock, #panel.unlock-screen .panel-button.clock-display:checked:hover .clock, #panel.login-screen .panel-button.clock-display:active:hover .clock, #panel.login-screen .panel-button.clock-display:overview:hover .clock, #panel.login-screen .panel-button.clock-display:focus:hover .clock, #panel.login-screen .panel-button.clock-display:checked:hover .clock, #panel:overview .panel-button.clock-display:active:hover .clock, #panel:overview .panel-button.clock-display:overview:hover .clock, #panel:overview .panel-button.clock-display:focus:hover .clock, #panel:overview .panel-button.clock-display:checked:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
#panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:overview:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:overview:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover, #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:overview:hover, #panel:overview .panel-button.screen-recording-indicator:focus:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.8); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .screencast-indicator,
#panel .remote-access-indicator {
color: #cd9309; }
#appMenu {
spacing: 6px; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 6px;
spacing: 6px; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 12px;
padding-right: 12px; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(233, 242, 252, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0;
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #232323; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-caption {
color: white;
background-color: #303030;
border-radius: 99px;
padding: 6px 12px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(53, 53, 53, 0.98);
color: white;
border-radius: 99px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 30px;
width: 30px;
transition-duration: 100ms; }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(71, 71, 71, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(86, 86, 86, 0.98); }
.workspace-background {
border-radius: 30px;
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
.search-entry {
border-radius: 18px;
margin-top: 12px;
margin-bottom: 6px;
padding: 7px 9px;
width: 320px;
background-color: #3c3c3c;
color: rgba(255, 255, 255, 0.7);
border: 2px solid #3c3c3c; }
.search-entry:hover {
background-color: #565656;
border-color: #565656;
color: rgba(255, 255, 255, 0.7); }
.search-entry:focus {
background-color: #3c4045;
border-color: #3584e4;
color: white; }
.search-entry:insensitive {
background-color: #383838;
border-color: #383838;
color: #979797; }
.search-entry .search-entry-icon {
color: inherit;
icon-size: 1.09em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1072px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #303030;
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.02);
color: white;
padding: 12px;
margin: 0 12px; }
.list-search-result, .search-provider-icon {
background-color: transparent;
border-radius: 11px; }
.list-search-result:hover, .search-provider-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus {
background-color: rgba(255, 255, 255, 0.13); }
.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: rgba(255, 255, 255, 0.16); }
.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active {
background-color: rgba(255, 255, 255, 0.13); }
.list-search-result:active, .search-provider-icon:active {
background-color: rgba(255, 255, 255, 0.16); }
.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(255, 255, 255, 0.19); }
.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: rgba(255, 255, 255, 0.22); }
.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: rgba(255, 255, 255, 0.25); }
.list-search-result:drop, .search-provider-icon:drop {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.grid-search-results {
spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: white; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px; }
.list-search-result .list-search-result-description {
color: #bdbdbd; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .app-well-app-running-dot {
margin-bottom: 14px; }
.dash-background {
background-color: #303030;
border-radius: 28px;
padding: 12px;
spacing: 6px;
margin-bottom: 12px; }
.dash-item-container > * {
margin: 0 2px; }
.dash-item-container:ltr:first-child {
margin-left: 0; }
.dash-item-container:rtl:first-child {
margin-right: 0; }
.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon {
padding: 6px; }
.dash-item-container .show-apps {
transition-duration: 400ms; }
.dash-item-container .show-apps .overview-icon {
background-color: transparent; }
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.dash-item-container .show-apps:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.dash-item-container .show-apps:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
padding-bottom: 12px; }
.dash-separator {
width: 1px;
margin: 0 4px;
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 12px; }
.dash-label {
color: white;
background-color: #232323;
border-radius: 99px;
padding: 6px 12px;
text-align: center;
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 42px;
max-column-spacing: 42px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.app-well-app, .grid-search-result {
transition-duration: 400ms; }
.app-well-app .overview-icon, .grid-search-result .overview-icon {
background-color: transparent; }
.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.app-well-app .overview-icon, .grid-search-result .overview-icon {
padding: 12px; }
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-well-app.app-folder, .app-folder.grid-search-result {
transition-duration: 400ms; }
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.app-folder-dialog {
border-radius: 32px;
background-color: #303030; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
/* FIXME: this is to keep the label in sync with the entry */ }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 300px; }
.app-folder-dialog .folder-name-container .folder-name-label {
padding: 5px 7px;
color: white; }
.app-folder-dialog .folder-name-container .edit-folder-button {
padding: 0;
width: 36px;
height: 36px;
border-radius: 99px; }
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 1.09em; }
.app-folder-dialog .icon-grid {
row-spacing: 12px;
column-spacing: 30px;
page-padding-top: 0;
page-padding-bottom: 0;
page-padding-left: 0;
page-padding-right: 0; }
.app-folder-dialog .page-indicators {
margin-bottom: 18px; }
.app-folder-dialog-container {
padding: 12px;
width: 640px;
height: 640px; }
.app-well-app-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
margin-bottom: 8px;
background-color: white; }
.rename-folder-popup .rename-folder-popup-item {
spacing: 6px; }
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 12px; }
.page-indicator {
padding: 6px 12px 0;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: white; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
icon-size: 48px; }
.page-navigation-hint {
width: 300px; }
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1); }
.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 24px 0px 0px 24px; }
.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 24px 24px 0px; }
.page-navigation-arrow {
margin: 6px;
width: 24px;
height: 24px; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px; }
.workspace-thumbnails .workspace-thumbnail {
border-radius: 3px; }
.workspace-thumbnails .placeholder {
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
background-size: contain;
width: 18px; }
.workspace-thumbnail-indicator {
border: 3px solid #3584e4;
border-radius: 3px;
padding: 0px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(188, 214, 246, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #3584e4;
-pie-background-color: rgba(233, 242, 252, 0.3); }
.magnifier-zoom-region {
border: 2px solid #3584e4; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
.select-area-rubberband {
background-color: rgba(53, 132, 228, 0.3);
border: 1px solid #3584e4; }
.user-icon {
background-size: contain;
color: white;
border-radius: 99px;
icon-size: 4.36em; }
.user-icon:hover {
color: white; }
.user-icon StIcon {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 99px;
padding: 12px;
width: 2.725em;
height: 2.725em; }
.user-icon.user-avatar {
border: 2px white; }
.user-widget.vertical .user-icon {
icon-size: 6.54em; }
.user-widget.vertical .user-icon StIcon {
padding: 20px;
padding-top: 18px;
padding-bottom: 22px;
width: 5.995em;
height: 5.995em; }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: rgba(0, 0, 0, 0); }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #cd9309; }
/* Workspace animation */
.workspace-animation {
background-color: #232323; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(53, 132, 228, 0.5);
border: 1px solid #3584e4; }
/* On-screen Keyboard */
#keyboard {
background-color: #232323;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 16pt;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 12px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: white;
background-color: #545454; }
.keyboard-key:focus {
color: white;
background-color: #2c333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.keyboard-key:focus:hover {
background-color: #373f49;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-key:focus:active {
background-color: #3c444d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-key:hover {
color: white;
background-color: #5e5e5e; }
.keyboard-key:active {
color: white;
background-color: #666666; }
.keyboard-key:checked {
color: white;
background-color: #737373; }
.keyboard-key:grayed {
background-color: #282828;
color: white;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: white;
background-color: #3b3b3b;
border-radius: 12px; }
.keyboard-key.default-key:hover {
color: white;
background-color: #454545; }
.keyboard-key.default-key:active {
color: white;
background-color: #4d4d4d; }
.keyboard-key.default-key:checked {
color: white;
background-color: #595959; }
.keyboard-key.enter-key {
color: #fff;
background-color: #428ce6;
border-radius: 12px;
color: white; }
.keyboard-key.enter-key:hover {
color: #fff;
background-color: #5497e8; }
.keyboard-key.enter-key:active {
color: #fff;
background-color: #629fea; }
.keyboard-key.enter-key:checked {
color: #fff;
background-color: #78aded; }
.keyboard-key.shift-key-uppercase {
background-color: gray;
color: #232323; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #8c8c8c;
color: #303030; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 16px;
-arrow-background-color: #232323;
-arrow-border-width: 1px;
-arrow-border-color: #3a3a3a;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
color: white;
background-color: #545454;
border-radius: 12px; }
.keyboard-subkeys .keyboard-key:focus {
color: white;
background-color: #2c333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #373f49;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-subkeys .keyboard-key:focus:active {
background-color: #3c444d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-subkeys .keyboard-key:hover {
color: white;
background-color: #5e5e5e; }
.keyboard-subkeys .keyboard-key:active {
color: white;
background-color: #666666; }
.keyboard-subkeys .keyboard-key:checked {
color: white;
background-color: #737373; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.word-suggestions {
font-size: 14pt;
spacing: 12px;
min-height: 20pt;
padding: 12px;
color: white; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 6px;
padding: 6px 18px;
background-color: transparent;
background-image: none; }
.word-suggestions StButton:focus {
color: white;
background-color: #2c333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.word-suggestions StButton:focus:hover {
background-color: #373f49;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.word-suggestions StButton:focus:active {
background-color: #3c444d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.word-suggestions StButton:hover {
color: white;
background-color: #5e5e5e; }
.word-suggestions StButton:active {
color: white;
background-color: #666666; }
.word-suggestions StButton:checked {
color: white;
background-color: #737373; }
/* Looking Glass */
#LookingGlassDialog {
background-color: #232323;
border-radius: 0 0 16px 16px;
border-top-width: 0;
border: 1px solid rgba(255, 255, 255, 0.02);
color: white;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#LookingGlassDialog > #Toolbar {
border: none;
padding: 6px;
border-radius: 0;
background-color: transparent;
spacing: 6px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 6px 12px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 1.09em; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
font-weight: bold;
padding: 6px 12px;
color: #d9d9d9;
transition-duration: 100ms;
box-shadow: none;
border: none;
border-radius: 6px;
background-color: transparent; }
#LookingGlassDialog .notebook-tab:hover {
color: white;
background-color: rgba(255, 255, 255, 0.05); }
#LookingGlassDialog .notebook-tab:selected {
color: white;
background-color: rgba(255, 255, 255, 0.1); }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
background-color: rgba(48, 48, 48, 0.6);
color: white;
border-color: rgba(255, 255, 255, 0.2);
min-height: 22px;
selection-background-color: #3584e4;
selected-color: #fff; }
.lg-dialog .shell-link {
color: #8fbbf0; }
.lg-dialog .shell-link:hover {
color: #bcd6f6; }
.lg-dialog .shell-link:active {
color: #629fea; }
.lg-dialog .actor-link {
color: #979797; }
.lg-dialog .actor-link:hover {
color: #cacaca; }
.lg-dialog .actor-link:active {
color: #646464; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
border: 1px solid rgba(0, 0, 0, 0.7);
padding: 4px;
border-radius: 8px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension {
padding: 12px;
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f; }
.lg-extension:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.lg-extension:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.lg-extension:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.lg-extension:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.lg-extension:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #232323;
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 8px;
padding: 6px; }
.lg-debug-flag-button {
color: white; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #cccccc; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
/* Login Dialog */
.login-dialog-banner-view {
padding-top: 24px;
max-width: 23em; }
.login-dialog,
.unlock-dialog {
border: none;
background-color: transparent; }
.login-dialog .modal-dialog-button-box,
.unlock-dialog .modal-dialog-button-box {
spacing: 3px; }
.login-dialog .modal-dialog-button,
.unlock-dialog .modal-dialog-button {
padding: 4px 18px;
background-color: #1b1b1b;
border-color: #1b1b1b;
color: white; }
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
.unlock-dialog .modal-dialog-button:hover,
.unlock-dialog .modal-dialog-button:focus {
background-color: #303030;
border-color: #303030; }
.login-dialog .modal-dialog-button:active,
.unlock-dialog .modal-dialog-button:active {
background-color: #161616;
border-color: #161616; }
.login-dialog .modal-dialog-button:insensitive,
.unlock-dialog .modal-dialog-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
border-color: #161616;
background-color: #161616;
color: rgba(255, 255, 255, 0.7); }
.login-dialog .modal-dialog-button:default,
.unlock-dialog .modal-dialog-button:default {
transition-duration: 100ms;
background-color: #3584e4;
color: #fff; }
.login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:hover,
.unlock-dialog .modal-dialog-button:default:focus {
background-color: #4b92e7;
color: white; }
.login-dialog .modal-dialog-button:default:active,
.unlock-dialog .modal-dialog-button:default:active {
background-color: #1d72d8;
color: #ededed; }
.login-dialog .modal-dialog-button:default:insensitive,
.unlock-dialog .modal-dialog-button:default:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: rgba(53, 132, 228, 0.5);
color: rgba(255, 255, 255, 0.5); }
.login-dialog .cancel-button,
.login-dialog .switch-user-button,
.login-dialog .login-dialog-session-list-button,
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
padding: 0;
border-radius: 99px;
width: 2.18em;
height: 2.18em;
border-color: #1b1b1b;
background-color: #1b1b1b; }
.login-dialog .cancel-button StIcon,
.login-dialog .switch-user-button StIcon,
.login-dialog .login-dialog-session-list-button StIcon,
.unlock-dialog .cancel-button StIcon,
.unlock-dialog .switch-user-button StIcon,
.unlock-dialog .login-dialog-session-list-button StIcon {
icon-size: 1.09em; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: white; }
.login-dialog-logo-bin {
padding: 24px 0px; }
.login-dialog-banner {
color: #e6e6e6; }
.login-dialog-button-box {
width: 23em;
spacing: 5px; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding: 100px 0px; }
.login-dialog-not-listed-label {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: white; }
.login-dialog-not-listed-label {
font-weight: bold;
color: #b3b3b3;
padding-top: 1em; }
.login-dialog-auth-list-view {
-st-vfade-offset: 1em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 6px;
color: #b3b3b3; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #3584e4;
color: #fff; }
.login-dialog-auth-list-label {
font-size: 13pt;
font-weight: bold;
padding-left: 15px; }
.login-dialog-auth-list-label:ltr {
padding-left: 14px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 14px;
text-align: right; }
.login-dialog-user-list-view {
-st-vfade-offset: 1em; }
.login-dialog-user-list {
spacing: 12px;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: #3584e4;
color: #fff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
border-right: 2px solid #3584e4; }
.login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
color: #b3b3b3; }
.login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em; }
.login-dialog-user-list-item:rtl .user-widget {
padding-left: 1em; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: white; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #fff; }
.user-widget-label {
color: white; }
.user-widget.horizontal .user-widget-label {
font-size: 13pt;
font-weight: bold;
padding-left: 15px; }
.user-widget.horizontal .user-widget-label:ltr {
padding-left: 14px;
text-align: left; }
.user-widget.horizontal .user-widget-label:rtl {
padding-right: 14px;
text-align: right; }
.user-widget.vertical .user-widget-label {
font-size: 16pt;
text-align: center;
font-weight: normal;
padding-top: 16px; }
.login-dialog-timed-login-indicator {
height: 2px;
background-color: #999999; }
.login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 12px;
width: 23em; }
.login-dialog-prompt-entry {
height: 1.5em; }
.login-dialog-prompt-label {
color: #cccccc;
font-size: 12pt;
padding-top: 1em; }
.login-dialog StEntry {
background-color: #1b1b1b;
color: white; }
.unlock-dialog StEntry {
border: none !important; }
.unlock-dialog StEntry:focus {
background-color: rgba(255, 255, 255, 0.1); }
.unlock-dialog StEntry:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
border-color: transparent;
background-color: rgba(255, 255, 255, 0.1); }
/* Screen Shield */
.unlock-dialog-clock {
color: white;
font-weight: 300;
text-align: center;
spacing: 24px;
padding-bottom: 2.5em; }
.unlock-dialog-clock-time {
font-size: 64pt;
padding-top: 42px; }
.unlock-dialog-clock-date {
font-size: 16pt;
font-weight: normal; }
.unlock-dialog-clock-hint {
font-weight: normal;
padding-top: 48px; }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 23em;
background-color: transparent; }
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px;
border: none;
background-color: rgba(255, 255, 255, 0.1);
color: white;
border-radius: 16px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(255, 255, 255, 0.2); }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: white;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 99px; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #232323; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(48, 48, 48, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(48, 48, 48, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(53, 132, 228, 0.5); }
(uuay)/ pad-osd.css � .Leader {
stroke-width: .5 !important;
stroke: #535353;
fill: none !important;
}
.Button {
stroke-width: .25;
stroke: #ededed;
fill: #ededed;
}
.Ring {
stroke-width: .5 !important;
stroke: #535353 !important;
fill: none !important;
}
.Label {
stroke: none !important;
stroke-width: .1 !important;
fill: transparent !important;
}
.TouchStrip, .TouchRing {
stroke-width: .1 !important;
stroke: #ededed !important;
fill: #535353 !important;
}
(uuay)gnome/ calendar-today-light.svg � <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="color:#000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;fill:#242424;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" cx="16" cy="28" r="2"/></svg> (uuay)toggle-on-hc.svg <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)" stroke="none"><rect style="fill:#3584e4;stroke:none;stroke-width:1;marker:none" width="48" height="26" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="293.18" x="24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g><path style="fill:#f8f7f7;fill-opacity:1;stroke:none;stroke-width:2;stroke-linejoin:round;stroke-dashoffset:2" d="M14 7v12h-2V7Z"/></svg> (uuay)gnome-shell.css �o /* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 11pt;
color: white; }
/* Common Stylings */
.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window {
color: white;
background-color: #232323;
border: 1px solid rgba(255, 255, 255, 0.02);
border-radius: 999px;
padding: 12px; }
.workspace-thumbnails .workspace-thumbnail {
color: white;
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px;
padding: 6px;
spacing: 6px;
border: 2px solid transparent;
transition-duration: 200ms;
text-align: center; }
.modal-dialog {
color: white;
background-color: #303030;
border-radius: 11px;
border: 1px solid #3c3c3c; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button {
border-radius: 6px;
border-style: solid;
border-width: 1px;
font-weight: bold;
padding: 3px 24px;
transition-duration: 100ms;
color: white;
background-color: #3a3a3a; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus {
transition-duration: 100ms;
color: white;
background-color: #3a414b;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover {
background-color: #404852;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active {
background-color: #474f59;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover {
transition-duration: 100ms;
color: white;
background-color: #424242; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active {
transition-duration: 100ms;
color: white;
background-color: #494949; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked {
transition-duration: 100ms;
color: white;
background-color: #515151; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover {
background-color: #595959; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active {
background-color: #606060; }
.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
padding: 12px;
font-weight: bold !important;
transition-duration: 100ms;
color: white;
background-color: #525252; }
.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
transition-duration: 100ms;
color: white;
background-color: #4f5761;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover {
background-color: #565e67;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
background-color: #5d656e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
transition-duration: 100ms;
color: white;
background-color: #5a5a5a; }
.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
transition-duration: 100ms;
color: white;
background-color: #616161; }
.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked {
transition-duration: 100ms;
color: white;
background-color: dimgray; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover {
background-color: #717171; }
.modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active {
background-color: #787878; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr {
border-radius: 0 0 0 10px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr {
border-radius: 0 0 10px 0;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl {
border-radius: 0 0 10px 0; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl {
border-radius: 0 0 0 10px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 10px 10px !important;
margin-left: 0 !important;
margin-right: 0 !important; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
transition-duration: 100ms;
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
transition-duration: 100ms;
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
transition-duration: 100ms;
color: white;
background-color: #2f3740;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #363d47;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active {
background-color: #3c444e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
transition-duration: 100ms;
color: white;
background-color: #363636; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
transition-duration: 100ms;
color: white;
background-color: #3d3d3d; }
.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
transition-duration: 100ms;
color: white;
background-color: #454545; }
.screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #4d4d4d; }
.screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #545454; }
/* General Typography */
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 20pt; }
.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 15pt; }
.nm-dialog-airplane-headline {
font-weight: 700;
font-size: 15pt; }
.message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 13pt; }
.lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament {
font-weight: 700;
font-size: 11pt; }
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 9pt; }
.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time {
font-weight: 400;
font-size: 9pt; }
.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base {
font-weight: 400;
font-size: 8pt; }
.unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base {
font-feature-settings: "tnum"; }
/* WIDGETS */
.shell-link {
color: #8fbbf0; }
.shell-link:hover {
color: #bcd6f6; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.icon-dropshadow {
icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
/* Entries */
StEntry {
border-radius: 8px;
padding: 8px;
color: white;
background-color: #3c3c3c;
color: rgba(255, 255, 255, 0.7);
border: 2px solid #3c3c3c;
selection-background-color: #3584e4;
selected-color: #fff; }
StEntry:hover {
background-color: #565656;
border-color: #565656;
color: rgba(255, 255, 255, 0.7); }
StEntry:focus {
background-color: #3c4045;
border-color: #3584e4;
color: white; }
StEntry:insensitive {
background-color: #383838;
border-color: #383838;
color: #979797; }
StEntry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #cd9309;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.09em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px;
color: rgba(255, 255, 255, 0.7); }
/* Buttons */
.button {
min-height: 22px; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 24px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
color: white;
height: 26px;
width: 48px;
background-size: contain;
background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #3584e4;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 8px;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent; }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #6e6e6e;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #979797; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #838383; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: white; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
border-radius: 14px;
border: 1px solid #3c3c3c;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
background-color: #303030; }
.popup-menu-item {
padding: 9px 12px;
border-radius: 8px;
spacing: 6px;
transition-duration: 100ms;
background-color: transparent; }
.popup-menu-item:ltr {
padding-left: 6px; }
.popup-menu-item:rtl {
padding-right: 6px; }
.popup-menu-item:focus, .popup-menu-item:hover {
background-color: #494949 !important; }
.popup-menu-item:focus:active, .popup-menu-item:hover:active {
background-color: #4e4e4e !important; }
.popup-menu-item:checked {
background-color: #424242 !important; }
.popup-menu-item:checked {
margin-bottom: 0;
box-shadow: inset 0 -1px 0 0 #353535;
border-radius: 8px 8px 0 0; }
.popup-menu-item:checked:focus, .popup-menu-item:checked:hover {
background-color: #494949 !important; }
.popup-menu-item:checked:active {
background-color: #4e4e4e !important; }
.popup-menu-item:active {
background-color: #5b5b5b;
color: white; }
.popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5); }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-inactive-menu-item {
color: white; }
.popup-inactive-menu-item:insensitive {
color: #979797; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 16px !important; }
.popup-sub-menu {
background-color: #424242;
border-radius: 0 0 8px 8px; }
.popup-sub-menu .popup-menu-ornament {
min-width: 1.09em !important; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
margin: 0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 8px 8px; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
background-color: #494949 !important; }
.popup-sub-menu .popup-menu-item:checked {
background-color: #424242 !important; }
.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover {
background-color: #565656 !important; }
.popup-sub-menu .popup-menu-item:active {
background-color: #4e4e4e !important; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 8px 8px; }
.popup-menu-ornament {
width: 1.2em;
text-align: center !important; }
.popup-menu-ornament:ltr {
text-align: right; }
.popup-menu-ornament:rtl {
text-align: left; }
.popup-separator-menu-item {
margin: 6px 0;
padding: 0 !important; }
.popup-separator-menu-item:ltr {
margin-right: 4px; }
.popup-separator-menu-item:rtl {
margin-left: 4px; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: rgba(255, 255, 255, 0.1); }
.popup-separator-menu-item .popup-menu-ornament {
width: 0 !important; }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: rgba(255, 255, 255, 0.1); }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.aggregate-menu {
min-width: 22em; }
.aggregate-menu .popup-menu-ornament {
width: 0 !important; }
.aggregate-menu .popup-menu-icon {
-st-icon-style: symbolic; }
.aggregate-menu .popup-menu-icon:ltr {
margin-right: 8px; }
.aggregate-menu .popup-menu-icon:rtl {
margin-left: 8px; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
margin-left: 1em; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
margin-right: 1em; }
.app-menu {
max-width: 27.25em; }
.app-menu .popup-menu-ornament {
width: 0 !important; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px; }
/* Date/Time Menu */
#calendarArea {
padding: 4px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
padding-left: 6px; }
.datemenu-calendar-column:rtl {
padding-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
/* today button (the date) */
.datemenu-today-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
background-color: transparent;
background-color: none;
box-shadow: none !important;
padding: 9px; }
.datemenu-today-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.datemenu-today-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.datemenu-today-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.datemenu-today-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.datemenu-today-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.datemenu-today-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
/* Calendar */
.calendar {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
background-color: transparent;
background-color: none;
box-shadow: none !important;
margin-top: 0; }
.calendar:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.calendar:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.calendar:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.calendar:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.calendar:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.calendar:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.09em; }
.calendar .calendar-month-header .calendar-month-label {
color: white;
padding: 8px 0; }
.calendar .calendar-month-header .pager-button {
background-color: transparent;
height: 32px;
width: 32px;
margin: 2px;
border-radius: 6px; }
.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus {
background-color: #494949; }
.calendar .calendar-month-header .pager-button:active {
background-color: #4e4e4e; }
.calendar .calendar-day-base {
text-align: center;
margin: 2px;
padding: 0 !important;
height: 3em !important;
width: 3em !important;
border-radius: 99px;
transition-duration: 100ms; }
.calendar .calendar-day-base:hover {
background-color: #494949; }
.calendar .calendar-day-base:focus {
background-color: #314154;
color: #fff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: white;
background-color: #4e4e4e; }
.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus {
background-color: #49596c; }
.calendar .calendar-day-base.calendar-day-heading {
color: #979797;
padding-top: 6px;
height: 16px !important;
font-weight: bold; }
.calendar .calendar-nonwork-day {
color: #979797; }
.calendar .calendar-other-month-day {
color: rgba(255, 255, 255, 0.5); }
.calendar .calendar-other-month-day.calendar-nonwork-day {
color: rgba(151, 151, 151, 0.5); }
.calendar .calendar-today {
background-color: #3584e4;
font-weight: 800;
color: #fff !important; }
.calendar .calendar-today:hover, .calendar .calendar-today:focus {
background-color: #428ce6;
color: inherit; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background-color: #3584e4;
color: inherit; }
.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
background-color: #428ce6;
color: inherit; }
.calendar .calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-week-number {
font-size: 7pt;
font-weight: bold;
font-feature-settings: "tnum";
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: #2b2b2b;
color: #979797; }
/* Events */
.events-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f;
padding: 12px; }
.events-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.events-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.events-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.events-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.events-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.events-button .events-box {
spacing: 6px; }
.events-button .events-list {
spacing: 12px; }
.events-button .events-title {
color: #979797;
margin-bottom: 4px; }
.events-button .event-time {
color: #979797; }
/* World clocks */
.world-clocks-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f;
padding: 12px; }
.world-clocks-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.world-clocks-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.world-clocks-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.world-clocks-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.world-clocks-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-header {
color: #979797; }
.world-clocks-button .world-clocks-city {
color: white; }
.world-clocks-button .world-clocks-time {
color: white; }
.world-clocks-button .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-timezone {
color: #979797; }
/* Weather */
.weather-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f;
padding: 12px; }
.weather-button:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.weather-button:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.weather-button:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.weather-button:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.weather-button:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.weather-button .weather-box {
spacing: 10px; }
.weather-button .weather-header-box {
spacing: 6px; }
.weather-button .weather-header {
color: #979797; }
.weather-button .weather-header.location {
font-weight: normal; }
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-forecast-time {
color: #b3b3b3;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-forecast-icon {
icon-size: 2.18em; }
/* Message List */
.message-list {
width: 29em;
border: solid rgba(255, 255, 255, 0.1); }
.message-list:ltr {
margin-left: 0;
margin-right: 4px;
padding-right: 6px;
border-right-width: 1px; }
.message-list:rtl {
margin-right: 0;
margin-left: 4px;
padding-left: 6px;
border-left-width: 1px; }
.message-list .message-list-placeholder {
color: rgba(151, 151, 151, 0.5); }
.message-list .message-list-placeholder > StIcon {
icon-size: 3.27em;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 6px;
margin: 0;
padding-bottom: 6px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 6px; }
.message-list-controls {
padding: 6px;
spacing: 6px; }
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid; }
.message-list-controls .dnd-button:focus {
border-color: rgba(53, 132, 228, 0.6); }
.message {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f; }
.message:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.message:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.message:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.message:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.message:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.message .message-icon-bin {
padding: 18px; }
.message .message-icon-bin:ltr {
padding-right: 6px; }
.message .message-icon-bin:rtl {
padding-left: 6px; }
.message .message-icon-bin > StIcon {
icon-size: 2.18em;
-st-icon-style: symbolic; }
.message .message-icon-bin > .fallback-app-icon {
width: 1.09em;
height: 1.09em; }
.message .message-content {
spacing: 4px;
padding: 9px;
margin-bottom: 8px; }
.message .message-title {
font-weight: bold;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-top: 0.57em; }
.message .message-secondary-bin {
padding: 0 8px; }
.message .message-secondary-bin > .event-time {
color: rgba(255, 255, 255, 0.5);
font-size: 9pt;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-bottom: 0.13em; }
.message .message-secondary-bin > .event-time:ltr {
text-align: right; }
.message .message-secondary-bin > .event-time:rtl {
text-align: left; }
.message .message-close-button {
color: white;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 99px;
padding: 5px;
margin: 1px; }
.message .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.2); }
.message .message-close-button:active {
background-color: rgba(255, 255, 255, 0.1); }
.message .message-body {
color: #e6e6e6; }
.url-highlighter {
link-color: #8fbbf0; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
margin: 12px 0;
border-radius: 8px;
color: white; }
.message-media-control:hover {
background-color: #565656;
color: white; }
.message-media-control:active {
background-color: #5b5b5b;
color: white; }
.message-media-control:insensitive {
color: #a4a4a4; }
.message-media-control:last-child:ltr {
margin-right: 12px; }
.message-media-control:last-child:rtl {
margin-left: 12px; }
.media-message-cover-icon {
icon-size: 3.27em !important;
border-radius: 8px; }
.media-message-cover-icon.fallback {
color: #d4d4d4;
background-color: #303030;
border: 1px solid transparent;
border-radius: 8px;
icon-size: 2.18em !important;
padding: 14px; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: #979797; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 8px; }
.candidate-box:selected {
background-color: #3584e4;
color: #fff; }
.candidate-box:hover {
background-color: #494949;
color: white; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 12px; }
.horizontal .candidate-page-button-box {
padding-left: 12px; }
.candidate-page-button {
padding: 6px; }
.candidate-page-button-previous {
border-radius: 8px 0px 0px 8px;
border-right-width: 0;
box-shadow: none; }
.candidate-page-button-next {
border-radius: 0px 8px 8px 0px;
box-shadow: none; }
.candidate-page-button-icon {
icon-size: 1.09em; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
border-radius: 12px;
margin: 4px; }
.notification-banner .notification-actions {
spacing: 0; }
.summary-source-counter {
font-size: 10pt;
font-weight: bold;
height: 1.6em;
width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: #3584e4;
color: #fff;
border: 2px solid white;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
border-radius: 0.9em; }
.chat-body {
spacing: 5px; }
.chat-response {
margin: 5px; }
.chat-log-message {
color: #e6e6e6; }
.chat-new-group {
padding-top: 1em; }
.chat-received {
padding-left: 4px; }
.chat-received:rtl {
padding-left: 0px;
padding-right: 4px; }
.chat-sent {
padding-left: 18pt;
color: white; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: white; }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 0 4px; }
/* Modal Dialogs */
.modal-dialog .modal-dialog-content-box {
margin: 32px 40px;
spacing: 32px;
max-width: 28em; }
/* End Session Dialog */
.end-session-dialog {
width: 30em; }
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #cd9309; }
/* Message Dialog */
.message-dialog-content {
spacing: 18px; }
.message-dialog-content .message-dialog-title {
text-align: center; }
.message-dialog-content .message-dialog-description {
text-align: center; }
/* Dialog List */
.dialog-list {
spacing: 18px; }
.dialog-list .dialog-list-title {
text-align: center; }
.dialog-list .dialog-list-scrollview {
max-height: 200px; }
.dialog-list .dialog-list-box {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #f2f2f2; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 14px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: #cccccc; }
/* Password or Authentication Dialog */
.prompt-dialog {
width: 28em; }
.prompt-dialog .modal-dialog-content-box {
margin-bottom: 24px; }
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px; }
.prompt-dialog-password-layout {
spacing: 8px; }
.prompt-dialog-password-entry {
width: 20em; }
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center; }
.prompt-dialog-error-label {
color: #cd9309; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #cd9309; }
/* Audio selection dialog */
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px; }
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border-radius: 16px; }
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: #494949; }
.audio-selection-device:active {
background-color: #3584e4;
color: #fff; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 4.36em; }
/* Welcome dialog */
.welcome-dialog-image {
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
background-size: contain;
/* Reasonable maximum dimensions */
height: 300px;
width: 300px; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* Select Network dialogs */
.nm-dialog {
max-height: 34em;
min-height: 31em;
min-width: 32em; }
.nm-dialog-content {
spacing: 20px;
padding: 24px; }
.nm-dialog-subheader {
color: #979797; }
.nm-dialog-header-icon {
icon-size: 2.18em; }
.nm-dialog-header-hbox {
spacing: 10px; }
.nm-dialog-network-selected {
margin: 0 8px; }
.nm-dialog-scroll-view {
padding: 6px;
border-radius: 8px;
background-color: #232323; }
.nm-dialog-item {
padding: 12px; }
.nm-dialog-item:selected {
background-color: #3584e4;
border-radius: 5px;
color: #fff; }
.nm-dialog-item:hover {
background-color: #494949; }
.nm-dialog-icon {
icon-size: 1.09em; }
.nm-dialog-icons {
spacing: 12px; }
.no-networks-box {
spacing: 6px; }
.no-networks-label {
color: #979797; }
.nm-dialog-airplane-box {
text-align: center;
spacing: 12px; }
.nm-dialog-airplane-text {
color: #979797; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 12px;
padding: 12px 18px;
margin-bottom: 4em; }
.osd-window > * {
spacing: 8px; }
.osd-window StIcon {
icon-size: 2.18em; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
height: 6px;
min-width: 10.9em;
-barlevel-height: 6px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: white;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-separator-width: 3px; }
.osd-window .level:first-child {
margin-bottom: 0px; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
border-radius: 16px;
font-size: 3em;
font-weight: bold;
margin: 12px;
text-align: center;
min-width: 1.3em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.8); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
/* App Switcher */
.switcher-popup {
padding: 0;
spacing: 24px; }
.switcher-list {
padding: 10px;
border-radius: 24px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
background-color: transparent; }
.switcher-list .item-box:hover {
background-color: rgba(255, 255, 255, 0.1); }
.switcher-list .item-box:selected, .switcher-list .item-box:focus {
background-color: rgba(255, 255, 255, 0.13); }
.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover {
background-color: rgba(255, 255, 255, 0.16); }
.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active {
background-color: rgba(255, 255, 255, 0.13); }
.switcher-list .item-box:active {
background-color: rgba(255, 255, 255, 0.16); }
.switcher-list .item-box:outlined, .switcher-list .item-box:checked {
background-color: rgba(255, 255, 255, 0.19); }
.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active {
background-color: rgba(255, 255, 255, 0.22); }
.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(255, 255, 255, 0.25); }
.switcher-list .item-box:drop {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .separator {
width: 1px;
background: rgba(255, 255, 255, 0.1); }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 6px; }
.switcher-list .thumbnail {
width: 256px;
border-radius: 8px; }
.switcher-arrow {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }
.switcher-arrow:highlighted {
border-color: white;
color: white; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #3584e4; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.1816666667em;
margin: 0.9083333333em;
border-radius: 2.18em; }
.ws-switcher-indicator:active {
background-color: white;
padding: 0.3633333333em;
margin: 0.7266666667em; }
.icon-label-button-container {
spacing: 6px; }
.icon-label-button-container StIcon {
icon-size: 32px; }
.screenshot-ui-panel {
border-radius: 37px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px !important;
border-radius: 19px; }
.screenshot-ui-capture-button {
width: 36px;
height: 36px;
border-radius: 99px;
border: 4px white;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: white;
transition-duration: 200ms;
border-radius: 99px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #494949; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #d9d9d9; }
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray; }
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #c01c28; }
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #d61f2d; }
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #a11722; }
.screenshot-ui-shot-cast-container {
background-color: #303030;
border-radius: 16px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-container:ltr {
margin-left: 3px; }
.screenshot-ui-shot-cast-container:rtl {
margin-right: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 13px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: #3c3c3c; }
.screenshot-ui-shot-cast-button:active {
background-color: #5b5b5b; }
.screenshot-ui-shot-cast-button:checked {
background-color: white;
color: black; }
.screenshot-ui-shot-cast-button StIcon {
icon-size: 1.09em; }
.screenshot-ui-show-pointer-button {
border-radius: 99px;
padding: 12px !important; }
.screenshot-ui-show-pointer-button StIcon {
icon-size: 1.09em; }
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white; }
.screenshot-ui-area-selector-handle {
border-radius: 99px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #232323; }
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px; }
.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
margin-bottom: 200px; }
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 16px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 99px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #185fb4; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #3584e4;
background-color: rgba(53, 132, 228, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #fff;
background-color: #3584e4; }
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7); }
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white; }
.screenshot-ui-tooltip {
color: white;
background-color: #232323;
border-radius: 99px;
padding: 6px 12px;
text-align: center;
-y-offset: 24px; }
/* Top Bar */
#panel {
background-color: #000;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel.unlock-screen, #panel.login-screen, #panel:overview {
background-color: transparent; }
#panel .panel-button {
font-weight: bold;
color: #f2f2f2;
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 99px; }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 99px; }
#panel .panel-button.screen-recording-indicator {
box-shadow: inset 0 0 0 100px #c01c28; }
#panel .panel-button.screen-recording-indicator StBoxLayout {
spacing: 6px; }
#panel .panel-button.screen-recording-indicator StIcon {
icon-size: 1.09em; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
box-shadow: none; }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:overview, #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.85); }
#panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); }
#panel .panel-button.clock-display:hover {
box-shadow: none; }
#panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); }
#panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.9); }
#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:overview:hover, #panel .panel-button.clock-display:focus:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: none; }
#panel .panel-button.clock-display:active:hover .clock, #panel .panel-button.clock-display:overview:hover .clock, #panel .panel-button.clock-display:focus:hover .clock, #panel .panel-button.clock-display:checked:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:overview:hover, #panel .panel-button.screen-recording-indicator:focus:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.8); }
#panel .panel-button .system-status-icon {
icon-size: 1.09em;
padding: 5px;
margin: 0 4px; }
#panel .panel-button .panel-status-indicators-box .system-status-icon,
#panel .panel-button .panel-status-menu-box .system-status-icon {
margin: 0; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel #panelActivities.panel-button {
-natural-hpadding: 18px; }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:overview, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:overview, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:checked, #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:overview, #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.85); }
#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
#panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
#panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:hover, #panel:overview .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.9); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:overview:hover, #panel.unlock-screen .panel-button.clock-display:focus:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:overview:hover, #panel.login-screen .panel-button.clock-display:focus:hover, #panel.login-screen .panel-button.clock-display:checked:hover, #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:overview:hover, #panel:overview .panel-button.clock-display:focus:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:active:hover .clock, #panel.unlock-screen .panel-button.clock-display:overview:hover .clock, #panel.unlock-screen .panel-button.clock-display:focus:hover .clock, #panel.unlock-screen .panel-button.clock-display:checked:hover .clock, #panel.login-screen .panel-button.clock-display:active:hover .clock, #panel.login-screen .panel-button.clock-display:overview:hover .clock, #panel.login-screen .panel-button.clock-display:focus:hover .clock, #panel.login-screen .panel-button.clock-display:checked:hover .clock, #panel:overview .panel-button.clock-display:active:hover .clock, #panel:overview .panel-button.clock-display:overview:hover .clock, #panel:overview .panel-button.clock-display:focus:hover .clock, #panel:overview .panel-button.clock-display:checked:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
#panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:overview:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:overview:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover, #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:overview:hover, #panel:overview .panel-button.screen-recording-indicator:focus:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.8); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .screencast-indicator,
#panel .remote-access-indicator {
color: #cd9309; }
#appMenu {
spacing: 6px; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 6px;
spacing: 6px; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 12px;
padding-right: 12px; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(233, 242, 252, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0;
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #232323; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-caption {
color: white;
background-color: #303030;
border-radius: 99px;
padding: 6px 12px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(53, 53, 53, 0.98);
color: white;
border-radius: 99px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
padding: 3px;
height: 30px;
width: 30px;
transition-duration: 100ms; }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(71, 71, 71, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(86, 86, 86, 0.98); }
.workspace-background {
border-radius: 30px;
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
.search-entry {
border-radius: 18px;
margin-top: 12px;
margin-bottom: 6px;
padding: 7px 9px;
width: 320px;
background-color: #3c3c3c;
color: rgba(255, 255, 255, 0.7);
border: 2px solid #3c3c3c; }
.search-entry:hover {
background-color: #565656;
border-color: #565656;
color: rgba(255, 255, 255, 0.7); }
.search-entry:focus {
background-color: #3c4045;
border-color: #3584e4;
color: white; }
.search-entry:insensitive {
background-color: #383838;
border-color: #383838;
color: #979797; }
.search-entry .search-entry-icon {
color: inherit;
icon-size: 1.09em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1072px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #303030;
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.02);
color: white;
padding: 12px;
margin: 0 12px; }
.list-search-result, .search-provider-icon {
background-color: transparent;
border-radius: 11px; }
.list-search-result:hover, .search-provider-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus {
background-color: rgba(255, 255, 255, 0.13); }
.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: rgba(255, 255, 255, 0.16); }
.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active {
background-color: rgba(255, 255, 255, 0.13); }
.list-search-result:active, .search-provider-icon:active {
background-color: rgba(255, 255, 255, 0.16); }
.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(255, 255, 255, 0.19); }
.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: rgba(255, 255, 255, 0.22); }
.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: rgba(255, 255, 255, 0.25); }
.list-search-result:drop, .search-provider-icon:drop {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.grid-search-results {
spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: white; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px; }
.list-search-result .list-search-result-description {
color: #bdbdbd; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .app-well-app-running-dot {
margin-bottom: 14px; }
.dash-background {
background-color: #303030;
border-radius: 28px;
padding: 12px;
spacing: 6px;
margin-bottom: 12px; }
.dash-item-container > * {
margin: 0 2px; }
.dash-item-container:ltr:first-child {
margin-left: 0; }
.dash-item-container:rtl:first-child {
margin-right: 0; }
.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon {
padding: 6px; }
.dash-item-container .show-apps {
transition-duration: 400ms; }
.dash-item-container .show-apps .overview-icon {
background-color: transparent; }
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.dash-item-container .show-apps:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.dash-item-container .show-apps:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
padding-bottom: 12px; }
.dash-separator {
width: 1px;
margin: 0 4px;
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 12px; }
.dash-label {
color: white;
background-color: #232323;
border-radius: 99px;
padding: 6px 12px;
text-align: center;
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 42px;
max-column-spacing: 42px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.app-well-app, .grid-search-result {
transition-duration: 400ms; }
.app-well-app .overview-icon, .grid-search-result .overview-icon {
background-color: transparent; }
.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.app-well-app .overview-icon, .grid-search-result .overview-icon {
padding: 12px; }
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-well-app.app-folder, .app-folder.grid-search-result {
transition-duration: 400ms; }
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.app-folder-dialog {
border-radius: 32px;
background-color: #303030; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
/* FIXME: this is to keep the label in sync with the entry */ }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 300px; }
.app-folder-dialog .folder-name-container .folder-name-label {
padding: 5px 7px;
color: white; }
.app-folder-dialog .folder-name-container .edit-folder-button {
padding: 0;
width: 36px;
height: 36px;
border-radius: 99px; }
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 1.09em; }
.app-folder-dialog .icon-grid {
row-spacing: 12px;
column-spacing: 30px;
page-padding-top: 0;
page-padding-bottom: 0;
page-padding-left: 0;
page-padding-right: 0; }
.app-folder-dialog .page-indicators {
margin-bottom: 18px; }
.app-folder-dialog-container {
padding: 12px;
width: 640px;
height: 640px; }
.app-well-app-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
margin-bottom: 8px;
background-color: white; }
.rename-folder-popup .rename-folder-popup-item {
spacing: 6px; }
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 12px; }
.page-indicator {
padding: 6px 12px 0;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: white; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
icon-size: 48px; }
.page-navigation-hint {
width: 300px; }
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1); }
.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 24px 0px 0px 24px; }
.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 24px 24px 0px; }
.page-navigation-arrow {
margin: 6px;
width: 24px;
height: 24px; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px; }
.workspace-thumbnails .workspace-thumbnail {
border-radius: 3px; }
.workspace-thumbnails .placeholder {
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
background-size: contain;
width: 18px; }
.workspace-thumbnail-indicator {
border: 3px solid #3584e4;
border-radius: 3px;
padding: 0px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(188, 214, 246, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #3584e4;
-pie-background-color: rgba(233, 242, 252, 0.3); }
.magnifier-zoom-region {
border: 2px solid #3584e4; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
.select-area-rubberband {
background-color: rgba(53, 132, 228, 0.3);
border: 1px solid #3584e4; }
.user-icon {
background-size: contain;
color: white;
border-radius: 99px;
icon-size: 4.36em; }
.user-icon:hover {
color: white; }
.user-icon StIcon {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 99px;
padding: 12px;
width: 2.725em;
height: 2.725em; }
.user-icon.user-avatar {
border: 2px white; }
.user-widget.vertical .user-icon {
icon-size: 6.54em; }
.user-widget.vertical .user-icon StIcon {
padding: 20px;
padding-top: 18px;
padding-bottom: 22px;
width: 5.995em;
height: 5.995em; }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: rgba(0, 0, 0, 0); }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #cd9309; }
/* Workspace animation */
.workspace-animation {
background-color: #232323; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(53, 132, 228, 0.5);
border: 1px solid #3584e4; }
/* On-screen Keyboard */
#keyboard {
background-color: #232323;
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02); }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 16pt;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 12px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
color: white;
background-color: #545454; }
.keyboard-key:focus {
color: white;
background-color: #2c333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.keyboard-key:focus:hover {
background-color: #373f49;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-key:focus:active {
background-color: #3c444d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-key:hover {
color: white;
background-color: #5e5e5e; }
.keyboard-key:active {
color: white;
background-color: #666666; }
.keyboard-key:checked {
color: white;
background-color: #737373; }
.keyboard-key:grayed {
background-color: #282828;
color: white;
border-color: rgba(0, 0, 0, 0.7); }
.keyboard-key.default-key {
color: white;
background-color: #3b3b3b;
border-radius: 12px; }
.keyboard-key.default-key:hover {
color: white;
background-color: #454545; }
.keyboard-key.default-key:active {
color: white;
background-color: #4d4d4d; }
.keyboard-key.default-key:checked {
color: white;
background-color: #595959; }
.keyboard-key.enter-key {
color: #fff;
background-color: #428ce6;
border-radius: 12px;
color: white; }
.keyboard-key.enter-key:hover {
color: #fff;
background-color: #5497e8; }
.keyboard-key.enter-key:active {
color: #fff;
background-color: #629fea; }
.keyboard-key.enter-key:checked {
color: #fff;
background-color: #78aded; }
.keyboard-key.shift-key-uppercase {
background-color: gray;
color: #232323; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #8c8c8c;
color: #303030; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 16px;
-arrow-background-color: #232323;
-arrow-border-width: 1px;
-arrow-border-color: #3a3a3a;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
color: white;
background-color: #545454;
border-radius: 12px; }
.keyboard-subkeys .keyboard-key:focus {
color: white;
background-color: #2c333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #373f49;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-subkeys .keyboard-key:focus:active {
background-color: #3c444d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-subkeys .keyboard-key:hover {
color: white;
background-color: #5e5e5e; }
.keyboard-subkeys .keyboard-key:active {
color: white;
background-color: #666666; }
.keyboard-subkeys .keyboard-key:checked {
color: white;
background-color: #737373; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.word-suggestions {
font-size: 14pt;
spacing: 12px;
min-height: 20pt;
padding: 12px;
color: white; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 6px;
padding: 6px 18px;
background-color: transparent;
background-image: none; }
.word-suggestions StButton:focus {
color: white;
background-color: #2c333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.word-suggestions StButton:focus:hover {
background-color: #373f49;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.word-suggestions StButton:focus:active {
background-color: #3c444d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.word-suggestions StButton:hover {
color: white;
background-color: #5e5e5e; }
.word-suggestions StButton:active {
color: white;
background-color: #666666; }
.word-suggestions StButton:checked {
color: white;
background-color: #737373; }
/* Looking Glass */
#LookingGlassDialog {
background-color: #232323;
border-radius: 0 0 16px 16px;
border-top-width: 0;
border: 1px solid rgba(255, 255, 255, 0.02);
color: white;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
#LookingGlassDialog > #Toolbar {
border: none;
padding: 6px;
border-radius: 0;
background-color: transparent;
spacing: 6px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 6px 12px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 1.09em; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
font-weight: bold;
padding: 6px 12px;
color: #d9d9d9;
transition-duration: 100ms;
box-shadow: none;
border: none;
border-radius: 6px;
background-color: transparent; }
#LookingGlassDialog .notebook-tab:hover {
color: white;
background-color: rgba(255, 255, 255, 0.05); }
#LookingGlassDialog .notebook-tab:selected {
color: white;
background-color: rgba(255, 255, 255, 0.1); }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
background-color: rgba(48, 48, 48, 0.6);
color: white;
border-color: rgba(255, 255, 255, 0.2);
min-height: 22px;
selection-background-color: #3584e4;
selected-color: #fff; }
.lg-dialog .shell-link {
color: #8fbbf0; }
.lg-dialog .shell-link:hover {
color: #bcd6f6; }
.lg-dialog .shell-link:active {
color: #629fea; }
.lg-dialog .actor-link {
color: #979797; }
.lg-dialog .actor-link:hover {
color: #cacaca; }
.lg-dialog .actor-link:active {
color: #646464; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
border: 1px solid rgba(0, 0, 0, 0.7);
padding: 4px;
border-radius: 8px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension {
padding: 12px;
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
transition-duration: 100ms;
color: white;
background-color: #3f3f3f; }
.lg-extension:focus {
transition-duration: 100ms;
color: white;
background-color: #3e4650;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.lg-extension:focus:hover {
background-color: #454d56;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.lg-extension:focus:active {
background-color: #4c545d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.lg-extension:hover {
transition-duration: 100ms;
color: white;
background-color: #474747; }
.lg-extension:active {
transition-duration: 100ms;
color: white;
background-color: #4e4e4e; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #232323;
border: 1px solid rgba(0, 0, 0, 0.7);
border-radius: 8px;
padding: 6px; }
.lg-debug-flag-button {
color: white; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #cccccc; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
/* Login Dialog */
.login-dialog-banner-view {
padding-top: 24px;
max-width: 23em; }
.login-dialog,
.unlock-dialog {
border: none;
background-color: transparent; }
.login-dialog .modal-dialog-button-box,
.unlock-dialog .modal-dialog-button-box {
spacing: 3px; }
.login-dialog .modal-dialog-button,
.unlock-dialog .modal-dialog-button {
padding: 4px 18px;
background-color: #1b1b1b;
border-color: #1b1b1b;
color: white; }
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
.unlock-dialog .modal-dialog-button:hover,
.unlock-dialog .modal-dialog-button:focus {
background-color: #303030;
border-color: #303030; }
.login-dialog .modal-dialog-button:active,
.unlock-dialog .modal-dialog-button:active {
background-color: #161616;
border-color: #161616; }
.login-dialog .modal-dialog-button:insensitive,
.unlock-dialog .modal-dialog-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
border-color: #161616;
background-color: #161616;
color: rgba(255, 255, 255, 0.7); }
.login-dialog .modal-dialog-button:default,
.unlock-dialog .modal-dialog-button:default {
transition-duration: 100ms;
background-color: #3584e4;
color: #fff; }
.login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:hover,
.unlock-dialog .modal-dialog-button:default:focus {
background-color: #4b92e7;
color: white; }
.login-dialog .modal-dialog-button:default:active,
.unlock-dialog .modal-dialog-button:default:active {
background-color: #1d72d8;
color: #ededed; }
.login-dialog .modal-dialog-button:default:insensitive,
.unlock-dialog .modal-dialog-button:default:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: rgba(53, 132, 228, 0.5);
color: rgba(255, 255, 255, 0.5); }
.login-dialog .cancel-button,
.login-dialog .switch-user-button,
.login-dialog .login-dialog-session-list-button,
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
padding: 0;
border-radius: 99px;
width: 2.18em;
height: 2.18em;
border-color: #1b1b1b;
background-color: #1b1b1b; }
.login-dialog .cancel-button StIcon,
.login-dialog .switch-user-button StIcon,
.login-dialog .login-dialog-session-list-button StIcon,
.unlock-dialog .cancel-button StIcon,
.unlock-dialog .switch-user-button StIcon,
.unlock-dialog .login-dialog-session-list-button StIcon {
icon-size: 1.09em; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: white; }
.login-dialog-logo-bin {
padding: 24px 0px; }
.login-dialog-banner {
color: #e6e6e6; }
.login-dialog-button-box {
width: 23em;
spacing: 5px; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding: 100px 0px; }
.login-dialog-not-listed-label {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: white; }
.login-dialog-not-listed-label {
font-weight: bold;
color: #b3b3b3;
padding-top: 1em; }
.login-dialog-auth-list-view {
-st-vfade-offset: 1em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 6px;
color: #b3b3b3; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #3584e4;
color: #fff; }
.login-dialog-auth-list-label {
font-size: 13pt;
font-weight: bold;
padding-left: 15px; }
.login-dialog-auth-list-label:ltr {
padding-left: 14px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 14px;
text-align: right; }
.login-dialog-user-list-view {
-st-vfade-offset: 1em; }
.login-dialog-user-list {
spacing: 12px;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: #3584e4;
color: #fff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
border-right: 2px solid #3584e4; }
.login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
color: #b3b3b3; }
.login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em; }
.login-dialog-user-list-item:rtl .user-widget {
padding-left: 1em; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: white; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #fff; }
.user-widget-label {
color: white; }
.user-widget.horizontal .user-widget-label {
font-size: 13pt;
font-weight: bold;
padding-left: 15px; }
.user-widget.horizontal .user-widget-label:ltr {
padding-left: 14px;
text-align: left; }
.user-widget.horizontal .user-widget-label:rtl {
padding-right: 14px;
text-align: right; }
.user-widget.vertical .user-widget-label {
font-size: 16pt;
text-align: center;
font-weight: normal;
padding-top: 16px; }
.login-dialog-timed-login-indicator {
height: 2px;
background-color: #999999; }
.login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 12px;
width: 23em; }
.login-dialog-prompt-entry {
height: 1.5em; }
.login-dialog-prompt-label {
color: #cccccc;
font-size: 12pt;
padding-top: 1em; }
.login-dialog StEntry {
background-color: #1b1b1b;
color: white; }
.unlock-dialog StEntry {
border: none !important; }
.unlock-dialog StEntry:focus {
background-color: rgba(255, 255, 255, 0.1); }
.unlock-dialog StEntry:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
border-color: transparent;
background-color: rgba(255, 255, 255, 0.1); }
/* Screen Shield */
.unlock-dialog-clock {
color: white;
font-weight: 300;
text-align: center;
spacing: 24px;
padding-bottom: 2.5em; }
.unlock-dialog-clock-time {
font-size: 64pt;
padding-top: 42px; }
.unlock-dialog-clock-date {
font-size: 16pt;
font-weight: normal; }
.unlock-dialog-clock-hint {
font-weight: normal;
padding-top: 48px; }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 23em;
background-color: transparent; }
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px;
border: none;
background-color: rgba(255, 255, 255, 0.1);
color: white;
border-radius: 16px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(255, 255, 255, 0.2); }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: white;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 99px; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #232323; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(48, 48, 48, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(48, 48, 48, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(53, 132, 228, 0.5); }
(uuay)toggle-on.svg <svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect style="fill:#3584e4;stroke:none;stroke-width:1;marker:none" width="48" height="26" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="294.18" x="24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="24" height="22" width="22" style="fill:#fff;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g></svg> (uuay)gnome-shell-high-contrast.css Jp /* This stylesheet is generated, DO NOT EDIT */
/* Copyright 2009, 2015 Red Hat, Inc.
*
* Portions adapted from Mx's data/style/default.css
* Copyright 2009 Intel Corporation
*
* This program is free software; you can redistribute it and/or modify it
* under the terms and conditions of the GNU Lesser General Public License,
* version 2.1, as published by the Free Software Foundation.
*
* This program is distributed in the hope it will be useful, but WITHOUT ANY
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
* more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
*/
/* Global Values */
stage {
font-size: 11pt;
color: white; }
/* Common Stylings */
.screenshot-ui-panel, .workspace-switcher, .switcher-list, .resize-popup, .osd-monitor-label, .osd-window {
color: white;
background-color: #000;
border: 1px solid #000;
border-radius: 999px;
padding: 12px; }
.workspace-thumbnails .workspace-thumbnail {
color: white;
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon, .dash-item-container .show-apps .overview-icon, .list-search-result, .search-provider-icon, .switcher-list .item-box {
border-radius: 16px;
padding: 6px;
spacing: 6px;
border: 2px solid transparent;
transition-duration: 200ms;
text-align: center; }
.modal-dialog {
color: white;
background-color: #000;
border-radius: 11px;
border: 1px solid #2b2b2b; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button, .app-folder-dialog .folder-name-container .edit-folder-button, .button {
border-radius: 6px;
border-style: solid;
border-width: 1px;
font-weight: bold;
padding: 3px 24px;
transition-duration: 100ms;
color: white;
background-color: #0d0d0d; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .button:focus {
transition-duration: 100ms;
color: white;
background-color: #111923;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:hover, .app-folder-dialog .folder-name-container .edit-folder-button:focus:hover, .button:focus:hover {
background-color: #182029;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus:active, .app-folder-dialog .folder-name-container .edit-folder-button:focus:active, .button:focus:active {
background-color: #1f2730;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .button:hover {
transition-duration: 100ms;
color: white;
background-color: #151515; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .button:active {
transition-duration: 100ms;
color: white;
background-color: #1c1c1c; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:checked, .button:checked {
transition-duration: 100ms;
color: white;
background-color: #242424; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:hover, .app-folder-dialog .folder-name-container .edit-folder-button:checked:hover, .button:checked:hover {
background-color: #2c2c2c; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button:checked:active, .app-folder-dialog .folder-name-container .edit-folder-button:checked:active, .button:checked:active {
background-color: #333333; }
.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
padding: 12px;
font-weight: bold !important;
transition-duration: 100ms;
color: white;
background-color: #585858; }
.modal-dialog .modal-dialog-linked-button:ltr, .hotplug-notification-item:ltr, .notification-banner .notification-button:ltr {
margin-right: 1px; }
.modal-dialog .modal-dialog-linked-button:rtl, .hotplug-notification-item:rtl, .notification-banner .notification-button:rtl {
margin-left: 1px; }
.modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
.modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus {
transition-duration: 100ms;
color: white;
background-color: #555c66;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.modal-dialog .modal-dialog-linked-button:focus:hover, .hotplug-notification-item:focus:hover, .notification-banner .notification-button:focus:hover {
background-color: #5b636d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.modal-dialog .modal-dialog-linked-button:focus:active, .hotplug-notification-item:focus:active, .notification-banner .notification-button:focus:active {
background-color: #626a74;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover {
transition-duration: 100ms;
color: white;
background-color: #606060; }
.modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active {
transition-duration: 100ms;
color: white;
background-color: #676767; }
.modal-dialog .modal-dialog-linked-button:checked, .hotplug-notification-item:checked, .notification-banner .notification-button:checked {
transition-duration: 100ms;
color: white;
background-color: #6f6f6f; }
.modal-dialog .modal-dialog-linked-button:checked:hover, .hotplug-notification-item:checked:hover, .notification-banner .notification-button:checked:hover {
background-color: #777777; }
.modal-dialog .modal-dialog-linked-button:checked:active, .hotplug-notification-item:checked:active, .notification-banner .notification-button:checked:active {
background-color: #7e7e7e; }
.modal-dialog .modal-dialog-linked-button:first-child:ltr, .hotplug-notification-item:first-child:ltr, .notification-banner .notification-button:first-child:ltr {
border-radius: 0 0 0 10px; }
.modal-dialog .modal-dialog-linked-button:last-child:ltr, .hotplug-notification-item:last-child:ltr, .notification-banner .notification-button:last-child:ltr {
border-radius: 0 0 10px 0;
margin-right: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:rtl, .hotplug-notification-item:first-child:rtl, .notification-banner .notification-button:first-child:rtl {
border-radius: 0 0 10px 0; }
.modal-dialog .modal-dialog-linked-button:last-child:rtl, .hotplug-notification-item:last-child:rtl, .notification-banner .notification-button:last-child:rtl {
border-radius: 0 0 0 10px;
margin-left: 0 !important; }
.modal-dialog .modal-dialog-linked-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 10px 10px !important;
margin-left: 0 !important;
margin-right: 0 !important; }
.screenshot-ui-show-pointer-button, .screenshot-ui-type-button {
transition-duration: 100ms;
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive {
transition-duration: 100ms;
background-color: transparent;
background-color: none; }
.screenshot-ui-show-pointer-button:insensitive:insensitive, .screenshot-ui-type-button:insensitive:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus {
transition-duration: 100ms;
color: white;
background-color: #111923;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.screenshot-ui-show-pointer-button:focus:hover, .screenshot-ui-type-button:focus:hover {
background-color: #182029;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.screenshot-ui-show-pointer-button:focus:active, .screenshot-ui-type-button:focus:active {
background-color: #1f2730;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover {
transition-duration: 100ms;
color: white;
background-color: #151515; }
.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active {
transition-duration: 100ms;
color: white;
background-color: #1c1c1c; }
.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked {
transition-duration: 100ms;
color: white;
background-color: #242424; }
.screenshot-ui-show-pointer-button:outlined:hover, .screenshot-ui-type-button:outlined:hover, .screenshot-ui-show-pointer-button:checked:hover, .screenshot-ui-type-button:checked:hover {
background-color: #2c2c2c; }
.screenshot-ui-show-pointer-button:outlined:active, .screenshot-ui-type-button:outlined:active, .screenshot-ui-show-pointer-button:checked:active, .screenshot-ui-type-button:checked:active {
background-color: #333333; }
/* General Typography */
.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry, .search-statustext {
font-weight: 800;
font-size: 20pt; }
.lg-debug-flags-header, .message-dialog-content .message-dialog-title, .message-list .message-list-placeholder, .datemenu-today-button .date-label {
font-weight: 800;
font-size: 15pt; }
.nm-dialog-airplane-headline {
font-weight: 700;
font-size: 15pt; }
.message-dialog-content .message-dialog-title.lightweight, .headline {
font-weight: 700;
font-size: 13pt; }
.lg-extension-name, .osd-window, .nm-dialog-header, .dialog-list .dialog-list-title, .message-list-controls, .weather-button .weather-forecast-temp, .weather-button .weather-header, .world-clocks-button .world-clocks-time, .world-clocks-button .world-clocks-header, .events-button .events-title, .calendar .calendar-month-header .calendar-month-label, .datemenu-today-button .day-label, .popup-menu-ornament {
font-weight: 700;
font-size: 11pt; }
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-weight: 700;
font-size: 9pt; }
.login-dialog-not-listed-label, .lg-completions-text, .caps-lock-warning-label, #dash, .icon-label-button-container, .prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .events-button .event-time {
font-weight: 400;
font-size: 9pt; }
.calendar .calendar-day-base.calendar-day-heading, .calendar .calendar-day-base {
font-weight: 400;
font-size: 8pt; }
.unlock-dialog-clock-time, #panel, .weather-button .weather-forecast-time, .world-clocks-button .world-clocks-timezone, .world-clocks-button .world-clocks-time, .events-button .event-time, .calendar .calendar-day-base {
font-feature-settings: "tnum"; }
/* WIDGETS */
.shell-link {
color: #8fbbf0; }
.shell-link:hover {
color: #bcd6f6; }
.lowres-icon {
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
.icon-dropshadow {
icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); }
/* Entries */
StEntry {
border-radius: 8px;
padding: 8px;
color: white;
background-color: #0d0d0d;
color: rgba(255, 255, 255, 0.7);
border: 2px solid #0d0d0d;
selection-background-color: #3584e4;
selected-color: #ffffff; }
StEntry:hover {
background-color: #404040;
border-color: #404040;
color: rgba(255, 255, 255, 0.7); }
StEntry:focus {
background-color: #0f1318;
border-color: #3584e4;
color: white; }
StEntry:insensitive {
background-color: #0d0d0d;
border-color: #0d0d0d;
color: gray; }
StEntry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #cd9309;
padding: 0 4px; }
StEntry StIcon.peek-password {
icon-size: 1.09em;
padding: 0 4px; }
StEntry StLabel.hint-text {
margin-left: 2px;
color: rgba(255, 255, 255, 0.7); }
/* Buttons */
.button {
min-height: 22px; }
/* Check Boxes */
.check-box StBoxLayout {
spacing: .8em; }
.check-box StBin {
width: 24px;
height: 24px;
background-image: url("resource:///org/gnome/shell/theme/checkbox-off.svg"); }
.check-box:focus StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"); }
.check-box:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
.check-box:focus:checked StBin {
background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
/* Switches */
.toggle-switch {
color: white;
height: 26px;
width: 48px;
background-size: contain;
background-image: url("resource:///org/gnome/shell/theme/toggle-off.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on.svg"); }
/* Slider */
.slider {
-barlevel-height: 4px;
-barlevel-background-color: rgba(255, 255, 255, 0.2);
-barlevel-border-width: 2px;
-barlevel-border-color: transparent;
-barlevel-active-background-color: #3584e4;
-barlevel-active-border-color: transparent;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 1px;
-slider-handle-radius: 8px;
-slider-handle-border-width: 0;
-slider-handle-border-color: transparent; }
/* Scrollbars */
StScrollView.vfade {
-st-vfade-offset: 68px; }
StScrollView.hfade {
-st-hfade-offset: 68px; }
StScrollBar {
padding: 0; }
StScrollView StScrollBar {
min-width: 8px;
min-height: 8px; }
StScrollBar StBin#trough {
border-radius: 0;
background-color: transparent; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 8px;
background-color: #4d4d4d;
border: 3px solid transparent;
transition: 500ms all ease; }
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: gray; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #666666; }
/* Popovers/Menus */
.popup-menu-boxpointer, .candidate-popup-boxpointer {
-arrow-rise: 6px; }
.popup-menu {
min-width: 15em;
color: white; }
.popup-menu.panel-menu {
margin-bottom: 1.75em; }
.popup-menu-content, .candidate-popup-content {
padding: 6px;
border-radius: 14px;
border: 1px solid #2b2b2b;
box-shadow: 0 2px 4px 0 transparent;
background-color: #000; }
.popup-menu-item {
padding: 9px 12px;
border-radius: 8px;
spacing: 6px;
transition-duration: 100ms;
background-color: transparent; }
.popup-menu-item:ltr {
padding-left: 6px; }
.popup-menu-item:rtl {
padding-right: 6px; }
.popup-menu-item:focus, .popup-menu-item:hover {
background-color: #333333 !important; }
.popup-menu-item:focus:active, .popup-menu-item:hover:active {
background-color: #383838 !important; }
.popup-menu-item:checked {
background-color: #2e2e2e !important; }
.popup-menu-item:checked {
margin-bottom: 0;
box-shadow: inset 0 -1px 0 0 #212121;
border-radius: 8px 8px 0 0; }
.popup-menu-item:checked:focus, .popup-menu-item:checked:hover {
background-color: #363636 !important; }
.popup-menu-item:checked:active {
background-color: #3b3b3b !important; }
.popup-menu-item:active {
background-color: #454545;
color: white; }
.popup-menu-item:insensitive {
color: rgba(255, 255, 255, 0.5); }
.popup-menu-item .toggle-switch:ltr {
margin-left: 4px; }
.popup-menu-item .toggle-switch:rtl {
margin-right: 4px; }
.popup-inactive-menu-item {
color: white; }
.popup-inactive-menu-item:insensitive {
color: gray; }
.popup-menu-arrow,
.popup-menu-icon {
icon-size: 16px !important; }
.popup-sub-menu {
background-color: #2e2e2e;
border-radius: 0 0 8px 8px; }
.popup-sub-menu .popup-menu-ornament {
min-width: 1.09em !important; }
.popup-sub-menu .popup-menu-item {
border-radius: 0;
margin: 0; }
.popup-sub-menu .popup-menu-item:last-child {
border-radius: 0 0 8px 8px; }
.popup-sub-menu .popup-menu-item:focus, .popup-sub-menu .popup-menu-item:hover {
background-color: #333333 !important; }
.popup-sub-menu .popup-menu-item:checked {
background-color: #2e2e2e !important; }
.popup-sub-menu .popup-menu-item:checked:focus, .popup-sub-menu .popup-menu-item:checked:hover {
background-color: #424242 !important; }
.popup-sub-menu .popup-menu-item:active {
background-color: #383838 !important; }
.popup-sub-menu .popup-menu-section .popup-menu-item:last-child:hover, .popup-sub-menu .popup-menu-section .popup-menu-item:last-child:focus {
border-radius: 0; }
.popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child {
border-radius: 0 0 8px 8px; }
.popup-menu-ornament {
width: 1.2em;
text-align: center !important; }
.popup-menu-ornament:ltr {
text-align: right; }
.popup-menu-ornament:rtl {
text-align: left; }
.popup-separator-menu-item {
margin: 6px 0;
padding: 0 !important; }
.popup-separator-menu-item:ltr {
margin-right: 4px; }
.popup-separator-menu-item:rtl {
margin-left: 4px; }
.popup-separator-menu-item .popup-separator-menu-item-separator {
height: 1px;
background-color: #2b2b2b; }
.popup-separator-menu-item .popup-menu-ornament {
width: 0 !important; }
.popup-sub-menu .popup-separator-menu-item {
background-color: transparent; }
.popup-sub-menu .popup-separator-menu-item:ltr {
margin-right: 2.5em; }
.popup-sub-menu .popup-separator-menu-item:rtl {
margin-left: 2.5em; }
.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
background-color: #3d3d3d; }
.background-menu {
-boxpointer-gap: 0px;
-arrow-rise: 0px; }
.aggregate-menu {
min-width: 22em; }
.aggregate-menu .popup-menu-ornament {
width: 0 !important; }
.aggregate-menu .popup-menu-icon {
-st-icon-style: symbolic; }
.aggregate-menu .popup-menu-icon:ltr {
margin-right: 8px; }
.aggregate-menu .popup-menu-icon:rtl {
margin-left: 8px; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
margin-left: 1em; }
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
margin-right: 1em; }
.app-menu {
max-width: 27.25em; }
.app-menu .popup-menu-ornament {
width: 0 !important; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px; }
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px; }
/* Date/Time Menu */
#calendarArea {
padding: 4px; }
.datemenu-calendar-column {
spacing: 6px; }
.datemenu-calendar-column:ltr {
padding-left: 6px; }
.datemenu-calendar-column:rtl {
padding-right: 6px; }
.datemenu-calendar-column .datemenu-displays-box {
spacing: 6px; }
/* today button (the date) */
.datemenu-today-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 transparent;
transition-duration: 100ms;
background-color: transparent;
background-color: none;
box-shadow: none !important;
padding: 9px; }
.datemenu-today-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.datemenu-today-button:focus {
transition-duration: 100ms;
color: white;
background-color: #2b333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.datemenu-today-button:focus:hover {
background-color: #323a43;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.datemenu-today-button:focus:active {
background-color: #39414a;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.datemenu-today-button:hover {
transition-duration: 100ms;
color: white;
background-color: #323232; }
.datemenu-today-button:active {
transition-duration: 100ms;
color: white;
background-color: #393939; }
/* Calendar */
.calendar {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 transparent;
transition-duration: 100ms;
background-color: transparent;
background-color: none;
box-shadow: none !important;
margin-top: 0; }
.calendar:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: transparent;
color: rgba(255, 255, 255, 0.5); }
.calendar:focus {
transition-duration: 100ms;
color: white;
background-color: #2b333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.calendar:focus:hover {
background-color: #323a43;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.calendar:focus:active {
background-color: #39414a;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.calendar:hover {
transition-duration: 100ms;
color: white;
background-color: #323232; }
.calendar:active {
transition-duration: 100ms;
color: white;
background-color: #393939; }
.calendar .calendar-month-header .calendar-change-month-back StIcon,
.calendar .calendar-month-header .calendar-change-month-forward StIcon {
icon-size: 1.09em; }
.calendar .calendar-month-header .calendar-month-label {
color: white;
padding: 8px 0; }
.calendar .calendar-month-header .pager-button {
background-color: transparent;
height: 32px;
width: 32px;
margin: 2px;
border-radius: 6px; }
.calendar .calendar-month-header .pager-button:hover, .calendar .calendar-month-header .pager-button:focus {
background-color: #333333; }
.calendar .calendar-month-header .pager-button:active {
background-color: #383838; }
.calendar .calendar-day-base {
text-align: center;
margin: 2px;
padding: 0 !important;
height: 3em !important;
width: 3em !important;
border-radius: 99px;
transition-duration: 100ms; }
.calendar .calendar-day-base:hover {
background-color: #333333; }
.calendar .calendar-day-base:focus {
background-color: #0b1a2e;
color: #ffffff;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.calendar .calendar-day-base:active, .calendar .calendar-day-base:selected {
color: white;
background-color: #383838; }
.calendar .calendar-day-base:active:focus, .calendar .calendar-day-base:selected:focus {
background-color: #37475a; }
.calendar .calendar-day-base.calendar-day-heading {
color: gray;
padding-top: 6px;
height: 16px !important;
font-weight: bold; }
.calendar .calendar-nonwork-day {
color: gray; }
.calendar .calendar-other-month-day {
color: rgba(255, 255, 255, 0.5); }
.calendar .calendar-other-month-day.calendar-nonwork-day {
color: rgba(128, 128, 128, 0.5); }
.calendar .calendar-today {
background-color: #3584e4;
font-weight: 800;
color: #ffffff !important; }
.calendar .calendar-today:hover, .calendar .calendar-today:focus {
background-color: #428ce6;
color: inherit; }
.calendar .calendar-today:active, .calendar .calendar-today:selected {
background-color: #3584e4;
color: inherit; }
.calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
background-color: #428ce6;
color: inherit; }
.calendar .calendar-day-with-events {
background-image: url("resource:///org/gnome/shell/theme/calendar-today.svg");
background-size: contain; }
.calendar .calendar-week-number {
font-size: 7pt;
font-weight: bold;
font-feature-settings: "tnum";
margin: 6px;
padding: 0 6px;
border-radius: 3px;
background-color: black;
color: gray; }
/* Events */
.events-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 transparent;
transition-duration: 100ms;
color: white;
background-color: #2a2a2a;
padding: 12px; }
.events-button:focus {
transition-duration: 100ms;
color: white;
background-color: #2b333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.events-button:focus:hover {
background-color: #323a43;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.events-button:focus:active {
background-color: #39414a;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.events-button:hover {
transition-duration: 100ms;
color: white;
background-color: #323232; }
.events-button:active {
transition-duration: 100ms;
color: white;
background-color: #393939; }
.events-button .events-box {
spacing: 6px; }
.events-button .events-list {
spacing: 12px; }
.events-button .events-title {
color: gray;
margin-bottom: 4px; }
.events-button .event-time {
color: gray; }
/* World clocks */
.world-clocks-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 transparent;
transition-duration: 100ms;
color: white;
background-color: #2a2a2a;
padding: 12px; }
.world-clocks-button:focus {
transition-duration: 100ms;
color: white;
background-color: #2b333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.world-clocks-button:focus:hover {
background-color: #323a43;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.world-clocks-button:focus:active {
background-color: #39414a;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.world-clocks-button:hover {
transition-duration: 100ms;
color: white;
background-color: #323232; }
.world-clocks-button:active {
transition-duration: 100ms;
color: white;
background-color: #393939; }
.world-clocks-button .world-clocks-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.world-clocks-button .world-clocks-header {
color: gray; }
.world-clocks-button .world-clocks-city {
color: white; }
.world-clocks-button .world-clocks-time {
color: white; }
.world-clocks-button .world-clocks-time:ltr {
text-align: right; }
.world-clocks-button .world-clocks-time:rtl {
text-align: left; }
.world-clocks-button .world-clocks-timezone {
color: gray; }
/* Weather */
.weather-button {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 transparent;
transition-duration: 100ms;
color: white;
background-color: #2a2a2a;
padding: 12px; }
.weather-button:focus {
transition-duration: 100ms;
color: white;
background-color: #2b333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.weather-button:focus:hover {
background-color: #323a43;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.weather-button:focus:active {
background-color: #39414a;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.weather-button:hover {
transition-duration: 100ms;
color: white;
background-color: #323232; }
.weather-button:active {
transition-duration: 100ms;
color: white;
background-color: #393939; }
.weather-button .weather-box {
spacing: 10px; }
.weather-button .weather-header-box {
spacing: 6px; }
.weather-button .weather-header {
color: gray; }
.weather-button .weather-header.location {
font-weight: normal; }
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px; }
.weather-button .weather-forecast-time {
color: #b3b3b3;
padding-top: 0.2em;
padding-bottom: 0.4em; }
.weather-button .weather-forecast-icon {
icon-size: 2.18em; }
/* Message List */
.message-list {
width: 29em;
border: solid #2b2b2b; }
.message-list:ltr {
margin-left: 0;
margin-right: 4px;
padding-right: 6px;
border-right-width: 1px; }
.message-list:rtl {
margin-right: 0;
margin-left: 4px;
padding-left: 6px;
border-left-width: 1px; }
.message-list .message-list-placeholder {
color: rgba(128, 128, 128, 0.5); }
.message-list .message-list-placeholder > StIcon {
icon-size: 3.27em;
margin-bottom: 12px;
-st-icon-style: symbolic; }
.message-list-sections {
spacing: 6px;
margin: 0;
padding-bottom: 6px; }
.message-list-sections:ltr {
margin-right: 12px; }
.message-list-sections:rtl {
margin-left: 12px; }
.message-list-section,
.message-list-section-list {
spacing: 6px; }
.message-list-controls {
padding: 6px;
spacing: 6px; }
.message-list-controls .dnd-button {
border-width: 2px;
border-color: transparent;
border-radius: 32px;
border-style: solid; }
.message-list-controls .dnd-button:focus {
border-color: rgba(53, 132, 228, 0.6); }
.message {
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 transparent;
transition-duration: 100ms;
color: white;
background-color: #2a2a2a; }
.message:focus {
transition-duration: 100ms;
color: white;
background-color: #2b333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.message:focus:hover {
background-color: #323a43;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.message:focus:active {
background-color: #39414a;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.message:hover {
transition-duration: 100ms;
color: white;
background-color: #323232; }
.message:active {
transition-duration: 100ms;
color: white;
background-color: #393939; }
.message .message-icon-bin {
padding: 18px; }
.message .message-icon-bin:ltr {
padding-right: 6px; }
.message .message-icon-bin:rtl {
padding-left: 6px; }
.message .message-icon-bin > StIcon {
icon-size: 2.18em;
-st-icon-style: symbolic; }
.message .message-icon-bin > .fallback-app-icon {
width: 1.09em;
height: 1.09em; }
.message .message-content {
spacing: 4px;
padding: 9px;
margin-bottom: 8px; }
.message .message-title {
font-weight: bold;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-top: 0.57em; }
.message .message-secondary-bin {
padding: 0 8px; }
.message .message-secondary-bin > .event-time {
color: rgba(255, 255, 255, 0.5);
font-size: 9pt;
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
padding-bottom: 0.13em; }
.message .message-secondary-bin > .event-time:ltr {
text-align: right; }
.message .message-secondary-bin > .event-time:rtl {
text-align: left; }
.message .message-close-button {
color: white;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 99px;
padding: 5px;
margin: 1px; }
.message .message-close-button:hover {
background-color: rgba(255, 255, 255, 0.2); }
.message .message-close-button:active {
background-color: rgba(255, 255, 255, 0.1); }
.message .message-body {
color: #e6e6e6; }
.url-highlighter {
link-color: #8fbbf0; }
/* Media Controls */
.message-media-control {
padding: 0 18px;
margin: 12px 0;
border-radius: 8px;
color: white; }
.message-media-control:hover {
background-color: #404040;
color: white; }
.message-media-control:active {
background-color: #454545;
color: white; }
.message-media-control:insensitive {
color: #8d8d8d; }
.message-media-control:last-child:ltr {
margin-right: 12px; }
.message-media-control:last-child:rtl {
margin-left: 12px; }
.media-message-cover-icon {
icon-size: 3.27em !important;
border-radius: 8px; }
.media-message-cover-icon.fallback {
color: #d4d4d4;
background-color: #000;
border: 1px solid transparent;
border-radius: 8px;
icon-size: 2.18em !important;
padding: 14px; }
.candidate-popup-content {
padding: 6px;
spacing: 6px; }
.candidate-index {
padding: 0;
padding-right: 6px;
color: gray; }
.candidate-box {
padding: 6px 12px 6px 12px;
border-radius: 8px; }
.candidate-box:selected {
background-color: #3584e4;
color: #ffffff; }
.candidate-box:hover {
background-color: #333333;
color: white; }
.candidate-page-button-box {
height: 2em; }
.vertical .candidate-page-button-box {
padding-top: 12px; }
.horizontal .candidate-page-button-box {
padding-left: 12px; }
.candidate-page-button {
padding: 6px; }
.candidate-page-button-previous {
border-radius: 8px 0px 0px 8px;
border-right-width: 0;
box-shadow: none; }
.candidate-page-button-next {
border-radius: 0px 8px 8px 0px;
box-shadow: none; }
.candidate-page-button-icon {
icon-size: 1.09em; }
/* Notifications & Message Tray */
.notification-banner {
min-height: 64px;
width: 34em;
box-shadow: 0 2px 4px 2px transparent;
border-radius: 12px;
margin: 4px; }
.notification-banner .notification-actions {
spacing: 0; }
.summary-source-counter {
font-size: 10pt;
font-weight: bold;
height: 1.6em;
width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
background-color: #3584e4;
color: #ffffff;
border: 2px solid white;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
border-radius: 0.9em; }
.chat-body {
spacing: 5px; }
.chat-response {
margin: 5px; }
.chat-log-message {
color: #e6e6e6; }
.chat-new-group {
padding-top: 1em; }
.chat-received {
padding-left: 4px; }
.chat-received:rtl {
padding-left: 0px;
padding-right: 4px; }
.chat-sent {
padding-left: 18pt;
color: white; }
.chat-sent:rtl {
padding-left: 0;
padding-right: 18pt; }
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
color: white; }
.chat-meta-message:rtl {
padding-left: 0;
padding-right: 4px; }
.hotplug-notification-item-icon {
icon-size: 24px;
padding: 0 4px; }
/* Modal Dialogs */
.modal-dialog .modal-dialog-content-box {
margin: 32px 40px;
spacing: 32px;
max-width: 28em; }
/* End Session Dialog */
.end-session-dialog {
width: 30em; }
.end-session-dialog .end-session-dialog-battery-warning,
.end-session-dialog .dialog-list-title {
color: #cd9309; }
/* Message Dialog */
.message-dialog-content {
spacing: 18px; }
.message-dialog-content .message-dialog-title {
text-align: center; }
.message-dialog-content .message-dialog-description {
text-align: center; }
/* Dialog List */
.dialog-list {
spacing: 18px; }
.dialog-list .dialog-list-title {
text-align: center; }
.dialog-list .dialog-list-scrollview {
max-height: 200px; }
.dialog-list .dialog-list-box {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item {
spacing: 1em; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
font-weight: bold; }
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
color: #f2f2f2; }
/* Run Dialog */
.run-dialog .modal-dialog-content-box {
margin-top: 24px;
margin-bottom: 14px; }
.run-dialog .run-dialog-entry {
width: 20em; }
.run-dialog .run-dialog-description {
text-align: center;
color: #cccccc; }
/* Password or Authentication Dialog */
.prompt-dialog {
width: 28em; }
.prompt-dialog .modal-dialog-content-box {
margin-bottom: 24px; }
.prompt-dialog-password-grid {
spacing-rows: 8px;
spacing-columns: 4px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry {
width: auto; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
margin-left: 20px; }
.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
margin-right: 20px; }
.prompt-dialog-password-layout {
spacing: 8px; }
.prompt-dialog-password-entry {
width: 20em; }
.prompt-dialog-error-label,
.prompt-dialog-info-label,
.prompt-dialog-null-label {
text-align: center; }
.prompt-dialog-error-label {
color: #cd9309; }
/* Polkit Dialog */
.polkit-dialog-user-layout {
text-align: center;
spacing: 8px;
margin-bottom: 6px; }
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
color: #cd9309; }
/* Audio selection dialog */
.audio-device-selection-dialog .modal-dialog-content-box {
margin-bottom: 28px; }
.audio-device-selection-dialog .audio-selection-box {
spacing: 20px; }
.audio-selection-device {
border-radius: 16px; }
.audio-selection-device:hover, .audio-selection-device:focus {
background-color: #333333; }
.audio-selection-device:active {
background-color: #3584e4;
color: #ffffff; }
.audio-selection-device-box {
padding: 20px;
spacing: 20px; }
.audio-selection-device-icon {
icon-size: 4.36em; }
/* Welcome dialog */
.welcome-dialog-image {
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
background-size: contain;
/* Reasonable maximum dimensions */
height: 300px;
width: 300px; }
/* Access portal dialog */
.access-dialog {
text-align: center; }
/* Select Network dialogs */
.nm-dialog {
max-height: 34em;
min-height: 31em;
min-width: 32em; }
.nm-dialog-content {
spacing: 20px;
padding: 24px; }
.nm-dialog-subheader {
color: gray; }
.nm-dialog-header-icon {
icon-size: 2.18em; }
.nm-dialog-header-hbox {
spacing: 10px; }
.nm-dialog-network-selected {
margin: 0 8px; }
.nm-dialog-scroll-view {
padding: 6px;
border-radius: 8px;
background-color: #000; }
.nm-dialog-item {
padding: 12px; }
.nm-dialog-item:selected {
background-color: #3584e4;
border-radius: 5px;
color: #ffffff; }
.nm-dialog-item:hover {
background-color: #333333; }
.nm-dialog-icon {
icon-size: 1.09em; }
.nm-dialog-icons {
spacing: 12px; }
.no-networks-box {
spacing: 6px; }
.no-networks-label {
color: gray; }
.nm-dialog-airplane-box {
text-align: center;
spacing: 12px; }
.nm-dialog-airplane-text {
color: gray; }
/* OSD */
.osd-window {
text-align: center;
font-weight: bold;
spacing: 12px;
padding: 12px 18px;
margin-bottom: 4em; }
.osd-window > * {
spacing: 8px; }
.osd-window StIcon {
icon-size: 2.18em; }
.osd-window StLabel:ltr {
margin-right: 6px; }
.osd-window StLabel:rtl {
margin-left: 6px; }
.osd-window .level {
margin-bottom: 4px;
height: 6px;
min-width: 10.9em;
-barlevel-height: 6px;
-barlevel-background-color: rgba(255, 255, 255, 0.1);
-barlevel-active-background-color: white;
-barlevel-overdrive-color: #c01c28;
-barlevel-overdrive-separator-width: 3px; }
.osd-window .level:first-child {
margin-bottom: 0px; }
.osd-window .level:ltr {
margin-right: 6px; }
.osd-window .level:rtl {
margin-left: 6px; }
.osd-monitor-label {
border-radius: 16px;
font-size: 3em;
font-weight: bold;
margin: 12px;
text-align: center;
min-width: 1.3em; }
/* Pad OSD */
.pad-osd-window {
padding: 32px;
background-color: rgba(0, 0, 0, 0.8); }
.pad-osd-window .pad-osd-title-box {
spacing: 12px; }
.pad-osd-window .pad-osd-title-menu-box {
spacing: 6px; }
.combo-box-label {
width: 15em; }
/* App Switcher */
.switcher-popup {
padding: 0;
spacing: 24px; }
.switcher-list {
padding: 10px;
border-radius: 24px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1); }
.switcher-list .switcher-list-item-container {
spacing: 12px; }
.switcher-list .item-box {
background-color: transparent; }
.switcher-list .item-box:hover {
background-color: rgba(255, 255, 255, 0.1); }
.switcher-list .item-box:selected, .switcher-list .item-box:focus {
background-color: rgba(255, 255, 255, 0.13); }
.switcher-list .item-box:selected:hover, .switcher-list .item-box:focus:hover {
background-color: rgba(255, 255, 255, 0.16); }
.switcher-list .item-box:selected:active, .switcher-list .item-box:focus:active {
background-color: rgba(255, 255, 255, 0.13); }
.switcher-list .item-box:active {
background-color: rgba(255, 255, 255, 0.16); }
.switcher-list .item-box:outlined, .switcher-list .item-box:checked {
background-color: rgba(255, 255, 255, 0.19); }
.switcher-list .item-box:outlined:active, .switcher-list .item-box:checked:active {
background-color: rgba(255, 255, 255, 0.22); }
.switcher-list .item-box:outlined:hover, .switcher-list .item-box:checked:hover {
background-color: rgba(255, 255, 255, 0.25); }
.switcher-list .item-box:drop {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.switcher-list .item-box:hover {
background: none; }
.switcher-list .separator {
width: 1px;
background: #2b2b2b; }
.switcher-list .thumbnail-box {
padding: 2px;
spacing: 6px; }
.switcher-list .thumbnail {
width: 256px;
border-radius: 8px; }
.switcher-arrow {
border-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8); }
.switcher-arrow:highlighted {
border-color: white;
color: white; }
.input-source-switcher-symbol {
font-size: 34pt;
width: 96px;
height: 96px; }
.cycler-highlight {
border: 5px solid #3584e4; }
/* Workspace Switcher */
.workspace-switcher {
margin-bottom: 4em;
spacing: 12px;
padding: 12px 18px; }
.ws-switcher-indicator {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.1816666667em;
margin: 0.9083333333em;
border-radius: 2.18em; }
.ws-switcher-indicator:active {
background-color: white;
padding: 0.3633333333em;
margin: 0.7266666667em; }
.icon-label-button-container {
spacing: 6px; }
.icon-label-button-container StIcon {
icon-size: 32px; }
.screenshot-ui-panel {
border-radius: 37px;
padding: 18px;
padding-bottom: 12px;
margin-bottom: 4em;
spacing: 12px; }
.screenshot-ui-close-button {
padding: 6px !important;
margin-top: 12px;
box-shadow: 0 2px 4px 0 transparent; }
.screenshot-ui-close-button.left {
margin-left: 12px; }
.screenshot-ui-close-button.right {
margin-right: 12px; }
.screenshot-ui-type-button {
min-width: 48px;
padding: 12px 18px !important;
border-radius: 19px; }
.screenshot-ui-capture-button {
width: 36px;
height: 36px;
border-radius: 99px;
border: 4px white;
padding: 4px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
background-color: white;
transition-duration: 200ms;
border-radius: 99px; }
.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
background-color: #333333; }
.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
background-color: #d9d9d9; }
.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
background-color: gray; }
.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
background-color: #c01c28; }
.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
background-color: #d61f2d; }
.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
background-color: #a11722; }
.screenshot-ui-shot-cast-container {
background-color: #0d0d0d;
border-radius: 16px;
padding: 3px;
spacing: 3px; }
.screenshot-ui-shot-cast-container:ltr {
margin-left: 3px; }
.screenshot-ui-shot-cast-container:rtl {
margin-right: 3px; }
.screenshot-ui-shot-cast-button {
padding: 6px 12px;
background-color: transparent;
border-radius: 13px; }
.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus {
background-color: #1a1a1a; }
.screenshot-ui-shot-cast-button:active {
background-color: #454545; }
.screenshot-ui-shot-cast-button:checked {
background-color: white;
color: black; }
.screenshot-ui-shot-cast-button StIcon {
icon-size: 1.09em; }
.screenshot-ui-show-pointer-button {
border-radius: 99px;
padding: 12px !important; }
.screenshot-ui-show-pointer-button StIcon {
icon-size: 1.09em; }
.screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
border: 2px white; }
.screenshot-ui-area-selector-handle {
border-radius: 99px;
background-color: white;
box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
width: 24px;
height: 24px; }
.screenshot-ui-window-selector {
background-color: #2b2b2b; }
.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
margin: 100px; }
.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container {
margin-bottom: 200px; }
.screenshot-ui-window-selector-window-border {
transition-duration: 200ms;
border-radius: 16px;
border: 6px transparent; }
.screenshot-ui-window-selector-check {
transition-duration: 200ms;
color: transparent;
border-radius: 99px;
border-width: 12px;
icon-size: 24px; }
.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border {
border-color: #185fb4; }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border {
border-color: #3584e4;
background-color: rgba(53, 132, 228, 0.2); }
.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check {
color: #ffffff;
background-color: #3584e4; }
.screenshot-ui-screen-selector {
transition-duration: 200ms;
background-color: rgba(0, 0, 0, 0.5); }
.screenshot-ui-screen-selector:hover {
background-color: rgba(0, 0, 0, 0.3); }
.screenshot-ui-screen-selector:active {
background-color: rgba(0, 0, 0, 0.7); }
.screenshot-ui-screen-selector:checked {
background-color: transparent;
border: 2px white; }
.screenshot-ui-tooltip {
color: white;
background-color: #000;
border-radius: 99px;
padding: 6px 12px;
text-align: center;
-y-offset: 24px; }
/* Top Bar */
#panel {
background-color: #000;
font-weight: bold;
height: 2.2em;
transition-duration: 250ms; }
#panel.unlock-screen, #panel.login-screen, #panel:overview {
background-color: transparent; }
#panel .panel-button {
font-weight: bold;
color: #f2f2f2;
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 99px; }
#panel .panel-button.clock-display .clock {
transition-duration: 150ms;
border: 3px solid transparent;
border-radius: 99px; }
#panel .panel-button.screen-recording-indicator {
box-shadow: inset 0 0 0 100px #c01c28; }
#panel .panel-button.screen-recording-indicator StBoxLayout {
spacing: 6px; }
#panel .panel-button.screen-recording-indicator StIcon {
icon-size: 1.09em; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); }
#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
box-shadow: none; }
#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.2); }
#panel .panel-button.screen-recording-indicator:active, #panel .panel-button.screen-recording-indicator:overview, #panel .panel-button.screen-recording-indicator:focus, #panel .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.85); }
#panel .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); }
#panel .panel-button.clock-display:hover {
box-shadow: none; }
#panel .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.15); }
#panel .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.9); }
#panel .panel-button:active:hover, #panel .panel-button:overview:hover, #panel .panel-button:focus:hover, #panel .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); }
#panel .panel-button.clock-display:active:hover, #panel .panel-button.clock-display:overview:hover, #panel .panel-button.clock-display:focus:hover, #panel .panel-button.clock-display:checked:hover {
box-shadow: none; }
#panel .panel-button.clock-display:active:hover .clock, #panel .panel-button.clock-display:overview:hover .clock, #panel .panel-button.clock-display:focus:hover .clock, #panel .panel-button.clock-display:checked:hover .clock {
box-shadow: inset 0 0 0 100px rgba(242, 242, 242, 0.25); }
#panel .panel-button.screen-recording-indicator:active:hover, #panel .panel-button.screen-recording-indicator:overview:hover, #panel .panel-button.screen-recording-indicator:focus:hover, #panel .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.8); }
#panel .panel-button .system-status-icon {
icon-size: 1.09em;
padding: 5px;
margin: 0 4px; }
#panel .panel-button .panel-status-indicators-box .system-status-icon,
#panel .panel-button .panel-status-menu-box .system-status-icon {
margin: 0; }
#panel .panel-button .app-menu-icon {
-st-icon-style: symbolic; }
#panel #panelActivities.panel-button {
-natural-hpadding: 18px; }
#panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel.unlock-screen .panel-button.clock-display:active, #panel.unlock-screen .panel-button.clock-display:overview, #panel.unlock-screen .panel-button.clock-display:focus, #panel.unlock-screen .panel-button.clock-display:checked, #panel.login-screen .panel-button.clock-display:active, #panel.login-screen .panel-button.clock-display:overview, #panel.login-screen .panel-button.clock-display:focus, #panel.login-screen .panel-button.clock-display:checked, #panel:overview .panel-button.clock-display:active, #panel:overview .panel-button.clock-display:overview, #panel:overview .panel-button.clock-display:focus, #panel:overview .panel-button.clock-display:checked {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:active .clock, #panel.unlock-screen .panel-button.clock-display:overview .clock, #panel.unlock-screen .panel-button.clock-display:focus .clock, #panel.unlock-screen .panel-button.clock-display:checked .clock, #panel.login-screen .panel-button.clock-display:active .clock, #panel.login-screen .panel-button.clock-display:overview .clock, #panel.login-screen .panel-button.clock-display:focus .clock, #panel.login-screen .panel-button.clock-display:checked .clock, #panel:overview .panel-button.clock-display:active .clock, #panel:overview .panel-button.clock-display:overview .clock, #panel:overview .panel-button.clock-display:focus .clock, #panel:overview .panel-button.clock-display:checked .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.15); }
#panel.unlock-screen .panel-button.screen-recording-indicator:active, #panel.unlock-screen .panel-button.screen-recording-indicator:overview, #panel.unlock-screen .panel-button.screen-recording-indicator:focus, #panel.unlock-screen .panel-button.screen-recording-indicator:checked, #panel.login-screen .panel-button.screen-recording-indicator:active, #panel.login-screen .panel-button.screen-recording-indicator:overview, #panel.login-screen .panel-button.screen-recording-indicator:focus, #panel.login-screen .panel-button.screen-recording-indicator:checked, #panel:overview .panel-button.screen-recording-indicator:active, #panel:overview .panel-button.screen-recording-indicator:overview, #panel:overview .panel-button.screen-recording-indicator:focus, #panel:overview .panel-button.screen-recording-indicator:checked {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.85); }
#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
#panel.unlock-screen .panel-button.clock-display:hover, #panel.login-screen .panel-button.clock-display:hover, #panel:overview .panel-button.clock-display:hover {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:hover .clock, #panel.login-screen .panel-button.clock-display:hover .clock, #panel:overview .panel-button.clock-display:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1); }
#panel.unlock-screen .panel-button.screen-recording-indicator:hover, #panel.login-screen .panel-button.screen-recording-indicator:hover, #panel:overview .panel-button.screen-recording-indicator:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.9); }
#panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked:hover, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked:hover {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
#panel.unlock-screen .panel-button.clock-display:active:hover, #panel.unlock-screen .panel-button.clock-display:overview:hover, #panel.unlock-screen .panel-button.clock-display:focus:hover, #panel.unlock-screen .panel-button.clock-display:checked:hover, #panel.login-screen .panel-button.clock-display:active:hover, #panel.login-screen .panel-button.clock-display:overview:hover, #panel.login-screen .panel-button.clock-display:focus:hover, #panel.login-screen .panel-button.clock-display:checked:hover, #panel:overview .panel-button.clock-display:active:hover, #panel:overview .panel-button.clock-display:overview:hover, #panel:overview .panel-button.clock-display:focus:hover, #panel:overview .panel-button.clock-display:checked:hover {
box-shadow: none; }
#panel.unlock-screen .panel-button.clock-display:active:hover .clock, #panel.unlock-screen .panel-button.clock-display:overview:hover .clock, #panel.unlock-screen .panel-button.clock-display:focus:hover .clock, #panel.unlock-screen .panel-button.clock-display:checked:hover .clock, #panel.login-screen .panel-button.clock-display:active:hover .clock, #panel.login-screen .panel-button.clock-display:overview:hover .clock, #panel.login-screen .panel-button.clock-display:focus:hover .clock, #panel.login-screen .panel-button.clock-display:checked:hover .clock, #panel:overview .panel-button.clock-display:active:hover .clock, #panel:overview .panel-button.clock-display:overview:hover .clock, #panel:overview .panel-button.clock-display:focus:hover .clock, #panel:overview .panel-button.clock-display:checked:hover .clock {
box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.2); }
#panel.unlock-screen .panel-button.screen-recording-indicator:active:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:overview:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:focus:hover, #panel.unlock-screen .panel-button.screen-recording-indicator:checked:hover, #panel.login-screen .panel-button.screen-recording-indicator:active:hover, #panel.login-screen .panel-button.screen-recording-indicator:overview:hover, #panel.login-screen .panel-button.screen-recording-indicator:focus:hover, #panel.login-screen .panel-button.screen-recording-indicator:checked:hover, #panel:overview .panel-button.screen-recording-indicator:active:hover, #panel:overview .panel-button.screen-recording-indicator:overview:hover, #panel:overview .panel-button.screen-recording-indicator:focus:hover, #panel:overview .panel-button.screen-recording-indicator:checked:hover {
box-shadow: inset 0 0 0 100px rgba(192, 28, 40, 0.8); }
#panel .panel-status-indicators-box,
#panel .panel-status-menu-box {
spacing: 2px; }
#panel .power-status.panel-status-indicators-box {
spacing: 0; }
#panel .screencast-indicator,
#panel .remote-access-indicator {
color: #cd9309; }
#appMenu {
spacing: 6px; }
#appMenu .label-shadow {
color: transparent; }
#appMenu .panel-status-menu-box {
padding: 0 6px;
spacing: 6px; }
.clock-display-box {
spacing: 2px; }
.clock-display-box .clock {
padding-left: 12px;
padding-right: 12px; }
/* Activities Ripple */
.ripple-box {
background-color: rgba(233, 242, 252, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0;
width: 52px;
height: 52px;
border-radius: 0 0 52px 0; }
.ripple-box:rtl {
border-radius: 0 0 0 52px; }
/* OVERVIEW */
.controls-manager, .secondary-monitor-workspaces {
spacing: 12px; }
#overviewGroup {
background-color: #2b2b2b; }
.overview-controls {
padding-bottom: 32px; }
/* Window Picker */
.window-picker {
spacing: 6px; }
.window-caption {
color: white;
background-color: #0d0d0d;
border-radius: 99px;
padding: 6px 12px; }
.window-close, .screenshot-ui-close-button {
background-color: rgba(18, 18, 18, 0.98);
color: white;
border-radius: 99px;
box-shadow: 0 2px 4px 0 transparent;
padding: 3px;
height: 30px;
width: 30px;
transition-duration: 100ms; }
.window-close StIcon, .screenshot-ui-close-button StIcon {
icon-size: 24px; }
.window-close:hover, .screenshot-ui-close-button:hover {
background-color: rgba(36, 36, 36, 0.98); }
.window-close:active, .screenshot-ui-close-button:active {
background-color: rgba(51, 51, 51, 0.98); }
.workspace-background {
border-radius: 30px;
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); }
.search-entry {
border-radius: 18px;
margin-top: 12px;
margin-bottom: 6px;
padding: 7px 9px;
width: 320px;
background-color: #0d0d0d;
color: rgba(255, 255, 255, 0.7);
border: 2px solid #0d0d0d; }
.search-entry:hover {
background-color: #404040;
border-color: #404040;
color: rgba(255, 255, 255, 0.7); }
.search-entry:focus {
background-color: #0f1318;
border-color: #3584e4;
color: white; }
.search-entry:insensitive {
background-color: #0d0d0d;
border-color: #0d0d0d;
color: gray; }
.search-entry .search-entry-icon {
color: inherit;
icon-size: 1.09em;
margin-top: 2px;
padding: 0 4px; }
/* Search */
#searchResults {
margin: 0 4px; }
#searchResultsContent {
max-width: 1072px; }
.search-section {
spacing: 18px; }
.search-section .search-section-separator {
height: 8px;
background-color: transparent; }
.search-section-content {
background-color: #383838;
border-radius: 24px;
border: 1px solid #000;
color: white;
padding: 12px;
margin: 0 12px; }
.list-search-result, .search-provider-icon {
background-color: transparent;
border-radius: 11px; }
.list-search-result:hover, .search-provider-icon:hover {
background-color: rgba(255, 255, 255, 0.1); }
.list-search-result:selected, .search-provider-icon:selected, .list-search-result:focus, .search-provider-icon:focus {
background-color: rgba(255, 255, 255, 0.13); }
.list-search-result:selected:hover, .search-provider-icon:selected:hover, .list-search-result:focus:hover, .search-provider-icon:focus:hover {
background-color: rgba(255, 255, 255, 0.16); }
.list-search-result:selected:active, .search-provider-icon:selected:active, .list-search-result:focus:active, .search-provider-icon:focus:active {
background-color: rgba(255, 255, 255, 0.13); }
.list-search-result:active, .search-provider-icon:active {
background-color: rgba(255, 255, 255, 0.16); }
.list-search-result:outlined, .search-provider-icon:outlined, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(255, 255, 255, 0.19); }
.list-search-result:outlined:active, .search-provider-icon:outlined:active, .list-search-result:checked:active, .search-provider-icon:checked:active {
background-color: rgba(255, 255, 255, 0.22); }
.list-search-result:outlined:hover, .search-provider-icon:outlined:hover, .list-search-result:checked:hover, .search-provider-icon:checked:hover {
background-color: rgba(255, 255, 255, 0.25); }
.list-search-result:drop, .search-provider-icon:drop {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.grid-search-results {
spacing: 30px;
margin: 0 12px; }
.search-provider-icon:ltr {
margin-right: 4px; }
.search-provider-icon:rtl {
margin-left: 4px; }
.search-provider-icon .list-search-provider-content {
spacing: 12px; }
.search-provider-icon .list-search-provider-content .list-search-provider-details {
width: 120px;
color: white; }
.list-search-results {
spacing: 6px; }
.list-search-result .list-search-result-content {
spacing: 6px; }
.list-search-result .list-search-result-title {
spacing: 12px; }
.list-search-result .list-search-result-description {
color: #b3b3b3; }
/* Dash */
#dash {
margin-top: 12px; }
#dash .placeholder {
background-image: none;
background-size: contain;
height: 32px; }
#dash .empty-dash-drop-target {
width: 32px;
height: 32px; }
#dash .app-well-app-running-dot {
margin-bottom: 14px; }
.dash-background {
background-color: #383838;
border-radius: 28px;
padding: 12px;
spacing: 6px;
margin-bottom: 12px; }
.dash-item-container > * {
margin: 0 2px; }
.dash-item-container:ltr:first-child {
margin-left: 0; }
.dash-item-container:rtl:first-child {
margin-right: 0; }
.dash-item-container .app-well-app .overview-icon, .dash-item-container .grid-search-result .overview-icon {
padding: 6px; }
.dash-item-container .show-apps {
transition-duration: 400ms; }
.dash-item-container .show-apps .overview-icon {
background-color: transparent; }
.dash-item-container .show-apps:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.dash-item-container .show-apps:selected .overview-icon, .dash-item-container .show-apps:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.dash-item-container .show-apps:selected .overview-icon:hover .overview-icon, .dash-item-container .show-apps:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.dash-item-container .show-apps:selected .overview-icon:active .overview-icon, .dash-item-container .show-apps:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.dash-item-container .show-apps:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.dash-item-container .show-apps:outlined .overview-icon, .dash-item-container .show-apps:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.dash-item-container .show-apps:outlined .overview-icon:active .overview-icon, .dash-item-container .show-apps:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.dash-item-container .show-apps:outlined .overview-icon:hover .overview-icon, .dash-item-container .show-apps:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.dash-item-container .show-apps:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.dash-item-container .show-apps, .dash-item-container .app-well-app, .dash-item-container .grid-search-result {
padding-bottom: 12px; }
.dash-separator {
width: 1px;
margin: 0 4px;
background-color: #2b2b2b;
margin-bottom: 12px; }
.dash-label {
color: white;
background-color: #000;
border-radius: 99px;
padding: 6px 12px;
text-align: center;
-y-offset: 8px; }
/* App Grid */
.icon-grid {
row-spacing: 12px;
column-spacing: 12px;
max-row-spacing: 42px;
max-column-spacing: 42px;
page-padding-top: 24px;
page-padding-bottom: 24px;
page-padding-left: 18px;
page-padding-right: 18px; }
/* App Icons */
.app-well-app, .grid-search-result {
transition-duration: 400ms; }
.app-well-app .overview-icon, .grid-search-result .overview-icon {
background-color: transparent; }
.app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app:selected .overview-icon:hover .overview-icon, .grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app:focus .overview-icon:hover .overview-icon, .grid-search-result:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app:selected .overview-icon:active .overview-icon, .grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app:focus .overview-icon:active .overview-icon, .grid-search-result:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app:active .overview-icon, .grid-search-result:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app:outlined .overview-icon, .grid-search-result:outlined .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app:outlined .overview-icon:active .overview-icon, .grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app:checked .overview-icon:active .overview-icon, .grid-search-result:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.app-well-app:outlined .overview-icon:hover .overview-icon, .grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app:checked .overview-icon:hover .overview-icon, .grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.app-well-app .overview-icon, .grid-search-result .overview-icon {
padding: 12px; }
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout, .grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
spacing: 6px; }
.app-well-app.app-folder, .app-folder.grid-search-result {
transition-duration: 400ms; }
.app-well-app.app-folder .overview-icon, .app-folder.grid-search-result .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app.app-folder:hover .overview-icon, .app-folder.grid-search-result:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.1); }
.app-well-app.app-folder:selected .overview-icon, .app-folder.grid-search-result:selected .overview-icon, .app-well-app.app-folder:focus .overview-icon, .app-folder.grid-search-result:focus .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app.app-folder:selected .overview-icon:hover .overview-icon, .app-folder.grid-search-result:selected .overview-icon:hover .overview-icon, .app-well-app.app-folder:focus .overview-icon:hover .overview-icon, .app-folder.grid-search-result:focus .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app.app-folder:selected .overview-icon:active .overview-icon, .app-folder.grid-search-result:selected .overview-icon:active .overview-icon, .app-well-app.app-folder:focus .overview-icon:active .overview-icon, .app-folder.grid-search-result:focus .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.13); }
.app-well-app.app-folder:active .overview-icon, .app-folder.grid-search-result:active .overview-icon {
background-color: rgba(255, 255, 255, 0.16); }
.app-well-app.app-folder:outlined .overview-icon, .app-folder.grid-search-result:outlined .overview-icon, .app-well-app.app-folder:checked .overview-icon, .app-folder.grid-search-result:checked .overview-icon {
background-color: rgba(255, 255, 255, 0.19); }
.app-well-app.app-folder:outlined .overview-icon:active .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:active .overview-icon, .app-well-app.app-folder:checked .overview-icon:active .overview-icon, .app-folder.grid-search-result:checked .overview-icon:active .overview-icon {
background-color: rgba(255, 255, 255, 0.22); }
.app-well-app.app-folder:outlined .overview-icon:hover .overview-icon, .app-folder.grid-search-result:outlined .overview-icon:hover .overview-icon, .app-well-app.app-folder:checked .overview-icon:hover .overview-icon, .app-folder.grid-search-result:checked .overview-icon:hover .overview-icon {
background-color: rgba(255, 255, 255, 0.25); }
.app-well-app.app-folder:drop .overview-icon, .app-folder.grid-search-result:drop .overview-icon {
border: 2px solid rgba(53, 132, 228, 0.8);
background-color: rgba(53, 132, 228, 0.2); }
.app-folder-dialog {
border-radius: 32px;
background-color: #383838; }
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
/* FIXME: this is to keep the label in sync with the entry */ }
.app-folder-dialog .folder-name-container .folder-name-entry {
width: 300px; }
.app-folder-dialog .folder-name-container .folder-name-label {
padding: 5px 7px;
color: white; }
.app-folder-dialog .folder-name-container .edit-folder-button {
padding: 0;
width: 36px;
height: 36px;
border-radius: 99px; }
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
icon-size: 1.09em; }
.app-folder-dialog .icon-grid {
row-spacing: 12px;
column-spacing: 30px;
page-padding-top: 0;
page-padding-bottom: 0;
page-padding-left: 0;
page-padding-right: 0; }
.app-folder-dialog .page-indicators {
margin-bottom: 18px; }
.app-folder-dialog-container {
padding: 12px;
width: 640px;
height: 640px; }
.app-well-app-running-dot {
height: 5px;
width: 5px;
border-radius: 5px;
margin-bottom: 8px;
background-color: white; }
.rename-folder-popup .rename-folder-popup-item {
spacing: 6px; }
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
padding: 0 12px; }
.page-indicator {
padding: 6px 12px 0;
transition-duration: 400ms; }
.page-indicator .page-indicator-icon {
width: 10px;
height: 10px;
border-radius: 10px;
background-color: white; }
.apps-scroll-view {
padding: 0; }
.system-action-icon {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 99px;
icon-size: 48px; }
.page-navigation-hint {
width: 300px; }
.page-navigation-hint.dnd {
background: rgba(255, 255, 255, 0.1); }
.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
background-gradient-start: rgba(255, 255, 255, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 24px 0px 0px 24px; }
.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
background-gradient-start: transparent;
background-gradient-end: rgba(255, 255, 255, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 24px 24px 0px; }
.page-navigation-arrow {
margin: 6px;
width: 24px;
height: 24px; }
/* Workspace pager */
.workspace-thumbnails {
visible-width: 32px;
spacing: 6px;
padding: 6px; }
.workspace-thumbnails .workspace-thumbnail {
border-radius: 3px; }
.workspace-thumbnails .placeholder {
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
background-size: contain;
width: 18px; }
.workspace-thumbnail-indicator {
border: 3px solid #3584e4;
border-radius: 3px;
padding: 0px; }
.ripple-pointer-location {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: rgba(188, 214, 246, 0.3);
box-shadow: 0 0 2px 2px #8fbbf0; }
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
-pie-border-color: #3584e4;
-pie-background-color: rgba(233, 242, 252, 0.3); }
.magnifier-zoom-region {
border: 2px solid #3584e4; }
.magnifier-zoom-region.full-screen {
border-width: 0; }
.select-area-rubberband {
background-color: rgba(53, 132, 228, 0.3);
border: 1px solid #3584e4; }
.user-icon {
background-size: contain;
color: white;
border-radius: 99px;
icon-size: 4.36em; }
.user-icon:hover {
color: white; }
.user-icon StIcon {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 99px;
padding: 12px;
width: 2.725em;
height: 2.725em; }
.user-icon.user-avatar {
border: 2px white; }
.user-widget.vertical .user-icon {
icon-size: 6.54em; }
.user-widget.vertical .user-icon StIcon {
padding: 20px;
padding-top: 18px;
padding-bottom: 22px;
width: 5.995em;
height: 5.995em; }
.lightbox {
background-color: black; }
.flashspot {
background-color: white; }
.hidden {
color: rgba(0, 0, 0, 0); }
.caps-lock-warning-label {
text-align: center;
padding-bottom: 8px;
color: #cd9309; }
/* Workspace animation */
.workspace-animation {
background-color: #2b2b2b; }
/* Tiled window previews */
.tile-preview {
background-color: rgba(53, 132, 228, 0.5);
border: 1px solid #3584e4; }
/* On-screen Keyboard */
#keyboard {
background-color: #000;
box-shadow: inset 0 1px 0 0 #000; }
#keyboard .page-indicator {
padding: 6px; }
#keyboard .page-indicator .page-indicator-icon {
width: 8px;
height: 8px; }
.key-container {
padding: 4px;
spacing: 4px; }
.keyboard-key {
font-size: 16pt;
font-weight: bold;
min-height: 1.2em;
min-width: 1.2em;
border-width: 1px;
border-style: solid;
border-radius: 12px;
box-shadow: 0 1px 0 0 transparent;
color: white;
background-color: #545454; }
.keyboard-key:focus {
color: white;
background-color: #0c141e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.keyboard-key:focus:hover {
background-color: #182029;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-key:focus:active {
background-color: #1c242e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-key:hover {
color: white;
background-color: #5e5e5e; }
.keyboard-key:active {
color: white;
background-color: #666666; }
.keyboard-key:checked {
color: white;
background-color: #737373; }
.keyboard-key:grayed {
background-color: black;
color: white;
border-color: #000; }
.keyboard-key.default-key {
color: white;
background-color: #3b3b3b;
border-radius: 12px; }
.keyboard-key.default-key:hover {
color: white;
background-color: #454545; }
.keyboard-key.default-key:active {
color: white;
background-color: #4d4d4d; }
.keyboard-key.default-key:checked {
color: white;
background-color: #595959; }
.keyboard-key.enter-key {
color: #ffffff;
background-color: #428ce6;
border-radius: 12px;
color: white; }
.keyboard-key.enter-key:hover {
color: #ffffff;
background-color: #5497e8; }
.keyboard-key.enter-key:active {
color: #ffffff;
background-color: #629fea; }
.keyboard-key.enter-key:checked {
color: #ffffff;
background-color: #78aded; }
.keyboard-key.shift-key-uppercase {
background-color: gray;
color: #000; }
.keyboard-key.shift-key-uppercase:hover {
background-color: #8c8c8c;
color: #0d0d0d; }
.keyboard-key StIcon {
icon-size: 24px; }
.keyboard-subkeys {
-arrow-border-radius: 16px;
-arrow-background-color: #000;
-arrow-border-width: 1px;
-arrow-border-color: #171717;
-arrow-base: 20px;
-arrow-rise: 10px;
-boxpointer-gap: 6px;
padding: 6px; }
.keyboard-subkeys .keyboard-key {
color: white;
background-color: #545454;
border-radius: 12px; }
.keyboard-subkeys .keyboard-key:focus {
color: white;
background-color: #0c141e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.keyboard-subkeys .keyboard-key:focus:hover {
background-color: #182029;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-subkeys .keyboard-key:focus:active {
background-color: #1c242e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.keyboard-subkeys .keyboard-key:hover {
color: white;
background-color: #5e5e5e; }
.keyboard-subkeys .keyboard-key:active {
color: white;
background-color: #666666; }
.keyboard-subkeys .keyboard-key:checked {
color: white;
background-color: #737373; }
.emoji-page .keyboard-key {
background-color: transparent;
border: none;
color: initial; }
.emoji-panel .keyboard-key:latched {
border-color: #4b92e7;
background-color: #3584e4; }
.word-suggestions {
font-size: 14pt;
spacing: 12px;
min-height: 20pt;
padding: 12px;
color: white; }
.word-suggestions StButton {
margin: 0 3px;
min-width: 32px;
border-radius: 6px;
padding: 6px 18px;
background-color: transparent;
background-image: none; }
.word-suggestions StButton:focus {
color: white;
background-color: #0c141e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.word-suggestions StButton:focus:hover {
background-color: #182029;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.word-suggestions StButton:focus:active {
background-color: #1c242e;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.word-suggestions StButton:hover {
color: white;
background-color: #5e5e5e; }
.word-suggestions StButton:active {
color: white;
background-color: #666666; }
.word-suggestions StButton:checked {
color: white;
background-color: #737373; }
/* Looking Glass */
#LookingGlassDialog {
background-color: #000;
border-radius: 0 0 16px 16px;
border-top-width: 0;
border: 1px solid #000;
color: white;
padding: 6px;
spacing: 6px;
box-shadow: 0 2px 4px 0 transparent; }
#LookingGlassDialog > #Toolbar {
border: none;
padding: 6px;
border-radius: 0;
background-color: transparent;
spacing: 6px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button {
padding: 6px 12px; }
#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
icon-size: 1.09em; }
#LookingGlassDialog .labels {
spacing: 6px; }
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
-minimum-hpadding: 12px;
font-weight: bold;
padding: 6px 12px;
color: #d9d9d9;
transition-duration: 100ms;
box-shadow: none;
border: none;
border-radius: 6px;
background-color: transparent; }
#LookingGlassDialog .notebook-tab:hover {
color: white;
background-color: rgba(255, 255, 255, 0.05); }
#LookingGlassDialog .notebook-tab:selected {
color: white;
background-color: rgba(255, 255, 255, 0.1); }
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
spacing: 6px;
padding: 6px; }
#LookingGlassDialog StBoxLayout#ResultsArea {
spacing: 6px;
padding: 6px; }
.lg-dialog StEntry {
background-color: rgba(13, 13, 13, 0.6);
color: white;
border-color: rgba(255, 255, 255, 0.2);
min-height: 22px;
selection-background-color: #3584e4;
selected-color: #ffffff; }
.lg-dialog .shell-link {
color: #8fbbf0; }
.lg-dialog .shell-link:hover {
color: #bcd6f6; }
.lg-dialog .shell-link:active {
color: #629fea; }
.lg-dialog .actor-link {
color: gray; }
.lg-dialog .actor-link:hover {
color: #b3b3b3; }
.lg-dialog .actor-link:active {
color: #4d4d4d; }
.lg-completions-text {
font-style: italic; }
.lg-obj-inspector-title {
spacing: 6px; }
.lg-obj-inspector-button {
border: 1px solid #000;
padding: 4px;
border-radius: 8px; }
.lg-obj-inspector-button:hover {
border: 1px solid #ffffff; }
#lookingGlassExtensions {
padding: 6px; }
.lg-extensions-list {
padding: 6px;
spacing: 6px; }
.lg-extension {
padding: 12px;
border-radius: 8px;
margin: 4px;
box-shadow: 0 1px 1px 0 transparent;
transition-duration: 100ms;
color: white;
background-color: #2a2a2a; }
.lg-extension:focus {
transition-duration: 100ms;
color: white;
background-color: #2b333d;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.lg-extension:focus:hover {
background-color: #323a43;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.lg-extension:focus:active {
background-color: #39414a;
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.7); }
.lg-extension:hover {
transition-duration: 100ms;
color: white;
background-color: #323232; }
.lg-extension:active {
transition-duration: 100ms;
color: white;
background-color: #393939; }
.lg-extension-meta {
spacing: 6px; }
#LookingGlassPropertyInspector {
background: #000;
border: 1px solid #000;
border-radius: 8px;
padding: 6px; }
.lg-debug-flag-button {
color: white; }
.lg-debug-flag-button StLabel {
padding: 6px, 12px; }
.lg-debug-flag-button:hover {
color: white; }
.lg-debug-flag-button:active {
color: #cccccc; }
.lg-debug-flags-header {
padding-top: 12px;
padding: 6px; }
/* Login Dialog */
.login-dialog-banner-view {
padding-top: 24px;
max-width: 23em; }
.login-dialog,
.unlock-dialog {
border: none;
background-color: transparent; }
.login-dialog .modal-dialog-button-box,
.unlock-dialog .modal-dialog-button-box {
spacing: 3px; }
.login-dialog .modal-dialog-button,
.unlock-dialog .modal-dialog-button {
padding: 4px 18px;
background-color: #242424;
border-color: #242424;
color: white; }
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus,
.unlock-dialog .modal-dialog-button:hover,
.unlock-dialog .modal-dialog-button:focus {
background-color: #383838;
border-color: #383838; }
.login-dialog .modal-dialog-button:active,
.unlock-dialog .modal-dialog-button:active {
background-color: #1f1f1f;
border-color: #1f1f1f; }
.login-dialog .modal-dialog-button:insensitive,
.unlock-dialog .modal-dialog-button:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
border-color: #1f1f1f;
background-color: #1f1f1f;
color: rgba(255, 255, 255, 0.7); }
.login-dialog .modal-dialog-button:default,
.unlock-dialog .modal-dialog-button:default {
transition-duration: 100ms;
background-color: #3584e4;
color: #ffffff; }
.login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:focus {
box-shadow: inset 0 0 0 2px rgba(53, 132, 228, 0.6); }
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus,
.unlock-dialog .modal-dialog-button:default:hover,
.unlock-dialog .modal-dialog-button:default:focus {
background-color: #4b92e7;
color: white; }
.login-dialog .modal-dialog-button:default:active,
.unlock-dialog .modal-dialog-button:default:active {
background-color: #1d72d8;
color: #ededed; }
.login-dialog .modal-dialog-button:default:insensitive,
.unlock-dialog .modal-dialog-button:default:insensitive {
transition-duration: 100ms;
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05);
background-color: rgba(53, 132, 228, 0.5);
color: rgba(255, 255, 255, 0.5); }
.login-dialog .cancel-button,
.login-dialog .switch-user-button,
.login-dialog .login-dialog-session-list-button,
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
padding: 0;
border-radius: 99px;
width: 2.18em;
height: 2.18em;
border-color: #242424;
background-color: #242424; }
.login-dialog .cancel-button StIcon,
.login-dialog .switch-user-button StIcon,
.login-dialog .login-dialog-session-list-button StIcon,
.unlock-dialog .cancel-button StIcon,
.unlock-dialog .switch-user-button StIcon,
.unlock-dialog .login-dialog-session-list-button StIcon {
icon-size: 1.09em; }
.login-dialog .caps-lock-warning-label,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .caps-lock-warning-label,
.unlock-dialog .login-dialog-message-warning {
color: white; }
.login-dialog-logo-bin {
padding: 24px 0px; }
.login-dialog-banner {
color: #e6e6e6; }
.login-dialog-button-box {
width: 23em;
spacing: 5px; }
.login-dialog-message {
text-align: center; }
.login-dialog-user-selection-box {
padding: 100px 0px; }
.login-dialog-not-listed-label {
padding-left: 2px; }
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
color: white; }
.login-dialog-not-listed-label {
font-weight: bold;
color: #b3b3b3;
padding-top: 1em; }
.login-dialog-auth-list-view {
-st-vfade-offset: 1em; }
.login-dialog-auth-list {
spacing: 6px;
margin-left: 2em; }
.login-dialog-auth-list-title {
margin-left: 2em; }
.login-dialog-auth-list-item {
border-radius: 12px;
padding: 6px;
color: #b3b3b3; }
.login-dialog-auth-list-item:focus, .login-dialog-auth-list-item:selected {
background-color: #3584e4;
color: #ffffff; }
.login-dialog-auth-list-label {
font-size: 13pt;
font-weight: bold;
padding-left: 15px; }
.login-dialog-auth-list-label:ltr {
padding-left: 14px;
text-align: left; }
.login-dialog-auth-list-label:rtl {
padding-right: 14px;
text-align: right; }
.login-dialog-user-list-view {
-st-vfade-offset: 1em; }
.login-dialog-user-list {
spacing: 12px;
width: 23em; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
background-color: #3584e4;
color: #ffffff; }
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
border-right: 2px solid #3584e4; }
.login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
color: #b3b3b3; }
.login-dialog-user-list-item:ltr .user-widget {
padding-right: 1em; }
.login-dialog-user-list-item:rtl .user-widget {
padding-left: 1em; }
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin-top: 6px;
background-color: white; }
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
background-color: #ffffff; }
.user-widget-label {
color: white; }
.user-widget.horizontal .user-widget-label {
font-size: 13pt;
font-weight: bold;
padding-left: 15px; }
.user-widget.horizontal .user-widget-label:ltr {
padding-left: 14px;
text-align: left; }
.user-widget.horizontal .user-widget-label:rtl {
padding-right: 14px;
text-align: right; }
.user-widget.vertical .user-widget-label {
font-size: 16pt;
text-align: center;
font-weight: normal;
padding-top: 16px; }
.login-dialog-timed-login-indicator {
height: 2px;
background-color: #999999; }
.login-dialog-prompt-layout {
padding-top: 24px;
padding-bottom: 12px;
spacing: 12px;
width: 23em; }
.login-dialog-prompt-entry {
height: 1.5em; }
.login-dialog-prompt-label {
color: #cccccc;
font-size: 12pt;
padding-top: 1em; }
.login-dialog StEntry {
background-color: #242424;
color: white; }
.unlock-dialog StEntry {
border: none !important; }
.unlock-dialog StEntry:focus {
background-color: rgba(255, 255, 255, 0.1); }
.unlock-dialog StEntry:insensitive {
color: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.05); }
.unlock-dialog .cancel-button,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
border-color: transparent;
background-color: rgba(255, 255, 255, 0.1); }
/* Screen Shield */
.unlock-dialog-clock {
color: white;
font-weight: 300;
text-align: center;
spacing: 24px;
padding-bottom: 2.5em; }
.unlock-dialog-clock-time {
font-size: 64pt;
padding-top: 42px; }
.unlock-dialog-clock-date {
font-size: 16pt;
font-weight: normal; }
.unlock-dialog-clock-hint {
font-weight: normal;
padding-top: 48px; }
.unlock-dialog-notifications-container {
margin: 12px;
spacing: 6px;
width: 23em;
background-color: transparent; }
.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
padding-top: 0;
padding-bottom: 0; }
.unlock-dialog-notifications-container .notification,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 16px;
border: none;
background-color: rgba(255, 255, 255, 0.1);
color: white;
border-radius: 16px; }
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(255, 255, 255, 0.2); }
.unlock-dialog-notification-label {
padding-left: 12px;
padding-right: 0; }
.unlock-dialog-notification-label:rtl {
padding-right: 12px;
padding-left: 0; }
.unlock-dialog-notification-count-text {
font-weight: bold;
padding: 0 12px;
color: white;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 99px; }
.screen-shield-background {
background: black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }
#lockDialogGroup {
background-color: #2b2b2b; }
#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle {
background-color: rgba(0, 0, 0, 0.3); }
#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus {
background-color: rgba(0, 0, 0, 0.5); }
#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active {
background-color: rgba(53, 132, 228, 0.5); }
stage {
-st-icon-style: symbolic; }
.toggle-switch {
width: 48px; }
.toggle-switch {
background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg"); }
.toggle-switch:checked {
background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); }
#panel.login-screen, #panel.unlock-screen, #panel:overview {
background-color: #000; }
#panel .panel-button {
color: #fff !important; }
.window-picker .icon-dropshadow {
icon-shadow: none;
background-color: #000;
padding: 12px;
border-radius: 16px; }
(uuay)checkbox-focused.svg � <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:6;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.34999999;marker:none;enable-background:accumulate" ry="3"/><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:#3584e4;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" ry="3"/><path style="color:#000;fill:#fff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none" d="M361.998 527.733a1.5 1.5 0 0 0-2.117.127l-6.928 7.824-2.928-2.882a1.5 1.5 0 0 0-2.12.015 1.5 1.5 0 0 0 .015 2.121l4.055 3.993a1.5 1.5 0 0 0 2.175-.075l7.975-9.006a1.5 1.5 0 0 0-.127-2.117z"/></g></svg> (uuay)workspace-placeholder.svg k <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="27"
height="76"
id="svg11252"
version="1.1"
sodipodi:docname="dash-placeholder-horizontal.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
<metadata
id="metadata19">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview17"
showgrid="false"
inkscape:pagecheckerboard="true"
inkscape:zoom="12.473684"
inkscape:cx="38"
inkscape:cy="26.327004"
inkscape:current-layer="g99967"
inkscape:document-rotation="0" />
<defs
id="defs11254">
<radialGradient
xlink:href="#linearGradient39563-4-2"
id="radialGradient68155-2-3"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,0.3486842,24.5,341.84211)"
cx="49"
cy="488"
fx="49"
fy="488"
r="38" />
<linearGradient
id="linearGradient39563-4-2">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop39565-1-4" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop39567-7-9" />
</linearGradient>
<radialGradient
xlink:href="#linearGradient39573-6-1"
id="radialGradient68157-0-8"
gradientUnits="userSpaceOnUse"
cx="50.5"
cy="487.5"
fx="50.5"
fy="487.5"
r="10.5"
gradientTransform="matrix(1.2857143,0,0,1.2857143,8.571428,-114.78571)" />
<linearGradient
id="linearGradient39573-6-1">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop39575-5-6" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop39577-1-2" />
</linearGradient>
</defs>
<g
id="layer1"
transform="rotate(90,465.93109,104.43109)">
<g
id="g99967"
style="display:inline"
transform="translate(326,44.862171)">
<rect
style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.49375;fill:url(#radialGradient68155-2-3);fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
id="rect99969"
width="76"
height="2"
x="35.5"
y="511"
rx="0"
ry="0" />
<path
style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.43125;fill:url(#radialGradient68157-0-8);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.28571;marker:none;enable-background:accumulate"
id="path99971"
d="m 87,512.00001 c 0,7.45584 -6.044155,13.5 -13.5,13.5 -7.455844,0 -13.5,-6.04416 -13.5,-13.5 0,-7.45585 6.044156,-13.5 13.5,-13.5 7.455845,0 13.5,6.04415 13.5,13.5 z" />
<path
d="m 78.076923,512.00001 c 0,2.52776 -2.049159,4.57692 -4.576923,4.57692 -2.527766,0 -4.576923,-2.04916 -4.576923,-4.57692 0,-2.52777 2.049157,-4.57692 4.576923,-4.57692 2.527765,0 4.576923,2.04915 4.576923,4.57692 z"
id="path99973"
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.435897;marker:none;enable-background:accumulate" />
</g>
</g>
</svg>
(uuay)calendar-today.svg � <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="color:#000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000;solid-opacity:1;fill:#fff;fill-opacity:.858277;fill-rule:nonzero;stroke:none;stroke-width:.999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" cx="16" cy="28" r="2"/></svg> (uuay)