Fix shop filterbox styling on newer browsers

Signed-off-by: Kouya Heika <kouyaheika@canithesis.org>

core/branding/icon-clippy.svg

@@ -0,0 +1,181 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="170.38976mm"
+   height="147.89905mm"
+   viewBox="0 0 170.38975 147.89904"
+   version="1.1"
+   id="svg18368"
+   sodipodi:docname="icon-clippy.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xml:space="preserve"
+   inkscape:export-filename="icon-clippy.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   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"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.99234557"
+     inkscape:cx="303.82561"
+     inkscape:cy="270.06721"
+     inkscape:window-width="1901"
+     inkscape:window-height="1004"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg18368" /><defs
+     id="defs18365"><marker
+       markerWidth="0.52499998"
+       markerHeight="0.99999995"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       id="marker15"
+       viewBox="0 0 0.525 1"
+       inkscape:stockid="Triangle cap"
+       style="overflow:visible"
+       preserveAspectRatio="xMidYMid"
+       inkscape:isstock="true"
+       inkscape:collect="always"><path
+         style="fill:context-stroke;stroke-linecap:butt"
+         d="M 0,-1 1,0 0,1 -0.05,0 Z"
+         sodipodi:nodetypes="sssssscsss"
+         transform="scale(0.5)"
+         id="path15" /></marker><marker
+       markerWidth="0.52499997"
+       markerHeight="0.99999994"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       id="CapTriangle"
+       viewBox="0 0 0.525 1"
+       inkscape:stockid="Triangle cap"
+       style="overflow:visible"
+       preserveAspectRatio="xMidYMid"
+       inkscape:isstock="true"
+       inkscape:collect="always"><path
+         style="fill:context-stroke;stroke-linecap:butt"
+         d="M 0,-1 1,0 0,1 -0.05,0 Z"
+         sodipodi:nodetypes="sssssscsss"
+         transform="scale(0.5)"
+         id="path61" /></marker><linearGradient
+       id="linearGradient10"
+       inkscape:collect="always"><stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0.42029846"
+         id="stop10" /><stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0.49509546"
+         id="stop12" /><stop
+         style="stop-color:#fdfdfd;stop-opacity:1;"
+         offset="0.80641204"
+         id="stop14" /><stop
+         style="stop-color:#c4c4c4;stop-opacity:1;"
+         offset="0.93403041"
+         id="stop13" /></linearGradient><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath10"><g
+         inkscape:label="Clip"
+         id="use10" /></clipPath><radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10"
+       id="radialGradient11"
+       cx="137.06261"
+       cy="22.058218"
+       fx="137.06261"
+       fy="22.058218"
+       r="9.6118269"
+       gradientTransform="matrix(0.90827681,0,0,0.54686612,1.1964336,35.417538)"
+       gradientUnits="userSpaceOnUse" /><radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10"
+       id="radialGradient11-6"
+       cx="137.06261"
+       cy="22.058218"
+       fx="137.06261"
+       fy="22.058218"
+       r="9.6118269"
+       gradientTransform="matrix(0.87645508,0,0,0.54636444,-279.50538,15.874967)"
+       gradientUnits="userSpaceOnUse" /><marker
+       markerWidth="0.52499998"
+       markerHeight="0.99999994"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       id="marker15-1"
+       viewBox="0 0 0.525 1"
+       inkscape:stockid="Triangle cap"
+       style="overflow:visible"
+       preserveAspectRatio="xMidYMid"
+       inkscape:isstock="true"
+       inkscape:collect="always"><path
+         style="fill:context-stroke;stroke-linecap:butt"
+         d="M 0,-1 1,0 0,1 -0.05,0 Z"
+         sodipodi:nodetypes="sssssscsss"
+         transform="scale(0.5)"
+         id="path15-2" /></marker><marker
+       markerWidth="0.52499998"
+       markerHeight="0.99999994"
+       refX="0"
+       refY="0"
+       orient="auto-start-reverse"
+       id="CapTriangle-7"
+       viewBox="0 0 0.525 1"
+       inkscape:stockid="Triangle cap"
+       style="overflow:visible"
+       preserveAspectRatio="xMidYMid"
+       inkscape:isstock="true"
+       inkscape:collect="always"><path
+         style="fill:context-stroke;stroke-linecap:butt"
+         d="M 0,-1 1,0 0,1 -0.05,0 Z"
+         sodipodi:nodetypes="sssssscsss"
+         transform="scale(0.5)"
+         id="path61-0" /></marker></defs><path
+     style="fill:#fcf3e7;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1"
+     d="M 0.26662419,131.97898 106.64967,147.17655 c 30.66178,-18.66369 34.66115,-30.39515 32.52815,-40.52687 7.19886,-17.597202 30.39516,-37.860638 30.39516,-37.860638 L 58.124072,57.057576 c 0,0 -19.996813,17.597198 -27.995538,36.79414 2.666241,10.398344 0.266623,21.863184 -29.86190981,38.127264 z"
+     id="path16"
+     sodipodi:nodetypes="ccccccc" /><path
+     style="fill:none;stroke:#ffb0bd;stroke-width:10;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="m 41.47699,54.108619 c 0,0 -7.725334,-35.88282 -25.246556,-29.268512 -17.6186096,6.651073 -1.978712,54.084628 3.565402,66.409269 6.949003,15.447724 16.054467,38.719934 32.993059,38.649014 13.783345,-0.0577 23.683855,-21.67523 24.3206,-35.443973 C 77.787572,79.791893 74.317599,63.319214 59.76457,65.231992 45.002826,67.172202 40.793737,89.556325 44.116434,104.06953 c 4.324013,18.88685 20.521399,39.0756 39.780205,36.95223 23.892911,-2.63429 28.069541,-35.49706 29.033881,-57.879248 0.61322,-14.23268 6.35614,-32.20422 24.50914,-35.632505 13.47839,-2.545464 29.29129,-14.511646 23.18941,-26.960044 C 151.52819,1.9833318 124.41917,9.3930079 105.57779,17.910518 87.470351,26.096241 83.142512,55.428343 83.142512,55.428343"
+     id="path6"
+     sodipodi:nodetypes="csssssssssssc" /><path
+     style="fill:none;stroke:#99cdff;stroke-width:5;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
+     d="M 118.96354,62.592547 C 106.33191,60.141634 93.323228,52.600363 83.519575,40.722862 79.371876,55.42834 77.675091,81.634256 77.486559,91.249377 c 8.860994,7.918334 18.287579,14.516943 34.312771,19.230243 5.09036,-22.058217 5.46742,-37.517824 5.46742,-37.517824 -11.8775,-3.016509 -19.795824,-5.655954 -28.656818,-13.76282 -3.016508,11.68897 -0.188531,18.664645 -3.016508,27.148575"
+     id="path7"
+     sodipodi:nodetypes="ccccccc" /><ellipse
+     style="fill:url(#radialGradient11);stroke:none;stroke-width:7.08752;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:none"
+     id="path8"
+     cx="125.68723"
+     cy="47.480431"
+     rx="8.7301989"
+     ry="5.2563825"
+     transform="matrix(0.98090528,-0.19448609,0.2883079,0.95753776,0,0)" /><ellipse
+     style="fill:url(#radialGradient11-6);stroke:none;stroke-width:6.95906;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:none"
+     id="path8-9"
+     cx="-159.37614"
+     cy="27.926792"
+     rx="8.4243336"
+     ry="5.2515602"
+     transform="matrix(-0.99825386,0.05906975,-0.02952604,0.99956401,0,0)" /><path
+     style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker15);marker-end:url(#CapTriangle)"
+     d="m 140.51791,10.108248 c 0,0 -5.67963,0.425433 -9.80371,1.365623 -2.51009,0.572236 -7.2243,2.93241 -7.2243,2.93241"
+     id="path14"
+     sodipodi:nodetypes="csc" /><path
+     style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:bevel;stroke-dasharray:none;stroke-opacity:1;marker-start:url(#marker15-1);marker-end:url(#CapTriangle-7)"
+     d="m 150.80877,8.4570338 c 0,0 5.49557,-1.0251192 9.64602,-1.1543835 2.52615,-0.07868 7.59634,1.0260625 7.59634,1.0260625"
+     id="path14-6"
+     sodipodi:nodetypes="csc"
+     inkscape:transform-center-x="-26.259294"
+     inkscape:transform-center-y="-3.8206609" /></svg>

core/css/buttons.css

@@ -130,6 +130,15 @@ button.formbutton a {
 	margin-right: 4px;
 }
 
+.button.longbutton.textbutton {
+	text-align: center;
+}
+
+.button.longbutton.textbutton a {
+	font-size: 16px;
+	display: inline-block !important;
+}
+
 .button:hover, .button.selected, button.formbutton:hover {
 	background: var(--hover-button-background);
 	border: var(--hover-button-border);

core/css/tabbed-container.css

@@ -19,9 +19,10 @@
 
 .tabbed-page > .tablist.fulltabs > .tab,
 .tabbed-container > .tablist.fulltabs > .tab,
-.tabbed-container > .tablist.fulltabs > .faketab {
+.tabbed-container > .tablist.fulltabs > .faketab { flex-grow: 1; }
-	flex-grow: 1;
+.tabbed-page > .tablist.fulltabs > .tab > *,
-}
+.tabbed-container > .tablist.fulltabs > .tab > *,
+.tabbed-container > .tablist.fulltabs > .faketab > * { display: inline-block; width: 100%; }
 
 .tabbed-page > .tablist > .tab,
 .tabbed-container > .tablist > .tab,

core/css/usercard.css

@@ -33,3 +33,9 @@ div.usercard > table {
 	image-rendering: auto;
 	width: 64px; height: 64px;
 }
+.usercard.wide .userlink {
+	font-size: 20px;
+}
+.usercard.wide .userlink img {
+	vertical-align: sub;
+}

core/logos/full/xmpp.svg

@@ -1,136 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
-
-<svg
-   version="1.1"
-   xml:space="preserve"
-   viewBox="0 0 523.09626 127.21901"
-   width="523.09625"
-   height="127.21901"
-   x="0px"
-   y="0px"
-   enable-background="new 0 0 200 200"
-   id="svg15"
-   sodipodi:docname="xmpp-logo-text.svg"
-   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><defs
-   id="defs15" /><sodipodi:namedview
-   id="namedview15"
-   pagecolor="#ffffff"
-   bordercolor="#000000"
-   borderopacity="0.25"
-   inkscape:showpageshadow="2"
-   inkscape:pageopacity="0.0"
-   inkscape:pagecheckerboard="0"
-   inkscape:deskcolor="#d1d1d1"
-   inkscape:zoom="1.00125"
-   inkscape:cx="257.17853"
-   inkscape:cy="64.419476"
-   inkscape:window-width="1418"
-   inkscape:window-height="999"
-   inkscape:window-x="0"
-   inkscape:window-y="0"
-   inkscape:window-maximized="0"
-   inkscape:current-layer="svg15" />
-<style
-   id="style1">
-	path {
-		fill: black;
-	}
-	@media (prefers-color-scheme: dark) {
-		path {
-			fill: white;
-		}
-	}
-</style>
-
-<linearGradient
-   id="SVGID_right_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="translate(1183.188)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop1" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop2" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop3" />
-</linearGradient>
-
-<linearGradient
-   id="SVGID_left_"
-   y2="1.279e-13"
-   gradientUnits="userSpaceOnUse"
-   x2="-1073.2"
-   gradientTransform="matrix(-1,0,0,1,-1008.204,-0.001)"
-   y1="126.85"
-   x1="-1073.2">
-	<stop
-   stop-color="#1b3967"
-   offset=".011"
-   id="stop4" />
-	<stop
-   stop-color="#13b5ea"
-   offset=".467"
-   id="stop5" />
-	<stop
-   stop-color="#002b5c"
-   offset=".9945"
-   id="stop6" />
-</linearGradient>
-
-<path
-   d="m 138.38912,14.189001 c 0.077,1.313 -1.787,0.968 -1.787,2.293 0,38.551 -46.558,97.366009 -91.687985,108.730009 v 1.639 C 104.86713,121.33101 173.47412,59.051001 174.98412,0.001 l -36.599,14.189001 z"
-   style="fill:url(#SVGID_right_)"
-   id="path6" />
-<path
-   d="m 120.25712,18.932001 c 0.076,1.313 0.12,2.63 0.12,3.957 0,38.551 -30.69898,90.497009 -75.826985,101.860009 v 1.639 c 59.044005,-2.79 105.809995,-63.024009 105.809995,-109.200009 0,-2.375 -0.128,-4.729 -0.371,-7.056 l -29.73,8.798 z"
-   style="fill:#e96d1f"
-   id="path7" />
-<path
-   d="m 150.27512,9.583001 -7.61699,2.722 c 0.041,0.962 0.066,2.254 0.066,3.225 0,41.219 -37.271,98.204009 -87.271995,107.120009 -3.24501,1.088 -7.53801,2.077 -10.932,2.931 v 1.638 C 109.77413,121.65901 155.62013,55.353001 150.28012,9.579001 Z"
-   style="fill:#d9541e"
-   id="path8" />
-
-<path
-   d="m 36.595,14.188001 c -0.077,1.313 1.787,0.968 1.787,2.293 0,38.551 46.558007,97.366009 91.68799,108.730009 v 1.639 C 70.117,121.33001 1.51,59.050001 0,0 l 36.599,14.189001 z"
-   style="fill:url(#SVGID_left_)"
-   id="path9" />
-<path
-   d="m 54.727,18.931001 c -0.076,1.313 -0.12,2.63 -0.12,3.957 0,38.551 30.698995,90.497009 75.82699,101.860009 v 1.639 C 71.39,123.59701 24.624,63.363001 24.624,17.187001 c 0,-2.375 0.128,-4.729 0.371,-7.056 l 29.73,8.798 z"
-   style="fill:#a0ce67"
-   id="path10" />
-<path
-   d="m 24.709,9.582001 7.617,2.722 c -0.041,0.962 -0.066,2.254 -0.066,3.225 0,41.219 37.271,98.204009 87.27199,107.120009 3.245,1.088 7.538,2.077 10.932,2.931 v 1.638 C 65.21,121.65801 19.364,55.352001 24.704,9.578001 Z"
-   style="fill:#439639"
-   id="path11" />
-
-<path
-   d="M 216.13837,65.170014 190.75666,37.395739 h 22.07344 l 17.30347,19.46664 17.30726,-19.46664 h 22.07344 l -25.37981,27.766697 27.30221,27.922149 h -22.92089 l -18.3841,-20.22877 -18.37653,20.22877 h -22.92468 l 27.3079,-27.925941 z"
-   id="path12"
-   style="stroke-width:1.89586" />
-<path
-   d="m 277.79158,37.395739 h 26.23105 l 19.30549,35.841143 19.3055,-35.841143 h 26.22344 V 93.084585 H 352.24562 V 53.089627 h -0.15167 L 329.70957,93.084585 H 316.94478 L 294.56042,53.089627 h -0.15547 V 93.084585 H 277.78968 V 37.403322 Z"
-   id="path13"
-   style="stroke-width:1.89586" />
-<path
-   d="m 380.4597,37.395739 h 46.53566 c 16.22662,0 20.14914,8.155969 20.14914,19.07799 v 4.769973 c 0,8.305738 -3.61729,17.839996 -15.6882,17.839996 H 397.53187 V 93.084585 H 380.4597 V 37.384364 Z m 17.06269,27.850108 h 26.53628 c 3.99838,0 5.54351,-2.61059 5.54351,-5.920749 v -2.151799 c 0,-3.772751 -1.85036,-5.928339 -7.0033,-5.928339 h -25.07647 v 13.99141 z"
-   id="path14"
-   style="stroke-width:1.89586" />
-<path
-   d="m 456.40765,37.395739 h 46.53566 c 16.23042,0 20.15294,8.155969 20.15294,19.07799 v 4.769973 c 0,8.305738 -3.6154,17.839996 -15.6882,17.839996 H 473.48552 V 93.084585 H 456.40765 V 37.384364 Z m 17.08165,27.850108 h 26.53439 c 4.00026,0 5.53969,-2.61059 5.53969,-5.920749 v -2.151799 c 0,-3.772751 -1.84656,-5.928339 -7.00139,-5.928339 H 473.4893 v 13.99141 z"
-   id="path15"
-   style="stroke-width:1.89586" />
-</svg>

core/logos/icon/traveler.svg

@@ -1,164 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="22.630068mm"
-   height="18.573719mm"
-   viewBox="0 0 22.630068 18.573719"
-   version="1.1"
-   id="svg5"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs2">
-    <filter
-       style="color-interpolation-filters:sRGB"
-       id="filter3492"
-       x="-0.10587442"
-       y="-0.13293114"
-       width="1.2117703"
-       height="1.265871">
-      <feGaussianBlur
-         stdDeviation="0.33551463"
-         id="feGaussianBlur3494" />
-    </filter>
-    <filter
-       style="color-interpolation-filters:sRGB"
-       id="filter3496"
-       x="-0.41853796"
-       y="-0.15586896"
-       width="1.8378655"
-       height="1.3117379">
-      <feGaussianBlur
-         stdDeviation="0.33551463"
-         id="feGaussianBlur3498" />
-    </filter>
-    <filter
-       style="color-interpolation-filters:sRGB"
-       id="filter3500"
-       x="-0.11940963"
-       y="-0.25875136"
-       width="1.2388193"
-       height="1.5144395">
-      <feGaussianBlur
-         stdDeviation="0.33551463"
-         id="feGaussianBlur3502" />
-    </filter>
-    <filter
-       style="color-interpolation-filters:sRGB"
-       id="filter3504"
-       x="-0.11981541"
-       y="-0.25093115"
-       width="1.2396308"
-       height="1.4988804">
-      <feGaussianBlur
-         stdDeviation="0.33551463"
-         id="feGaussianBlur3506" />
-    </filter>
-    <filter
-       style="color-interpolation-filters:sRGB"
-       id="filter3508"
-       x="-0.39542906"
-       y="-0.15423083"
-       width="1.7896161"
-       height="1.3084617">
-      <feGaussianBlur
-         stdDeviation="0.33551463"
-         id="feGaussianBlur3510" />
-    </filter>
-    <filter
-       style="color-interpolation-filters:sRGB"
-       id="filter3512"
-       x="-0.11519802"
-       y="-0.25724326"
-       width="1.230396"
-       height="1.5161604">
-      <feGaussianBlur
-         stdDeviation="0.33551463"
-         id="feGaussianBlur3514" />
-    </filter>
-    <filter
-       style="color-interpolation-filters:sRGB"
-       id="filter3516"
-       x="-0.11933277"
-       y="-0.25419533"
-       width="1.2386655"
-       height="1.5099111">
-      <feGaussianBlur
-         stdDeviation="0.33551463"
-         id="feGaussianBlur3518" />
-    </filter>
-  </defs>
-  <g
-     id="layer1"
-     style="display:inline"
-     transform="translate(-105.97042,-53.432058)">
-    <path
-       style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:0.417614;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3516)"
-       d="m 116.97596,54.525562 -0.61904,2.091237 -4.3478,1.897987 -3.53076,-0.486535"
-       id="path869-3"
-       transform="matrix(0.90314447,0,0,1,10.340644,0)" />
-    <path
-       style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:0.417614;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3512)"
-       d="m 119.87087,54.4461 0.81324,2.117267 4.457,1.824691 3.53236,-0.56196"
-       id="path871-6"
-       transform="matrix(0.90314447,0,0,1,10.340644,0)" />
-    <path
-       style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:0.417614;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3508)"
-       d="m 129.92829,59.75717 -2.57249,1.541948 0.09,3.356705 1.88367,1.676181"
-       id="path873-7"
-       transform="matrix(0.90314447,0,0,1,10.340644,0)" />
-    <path
-       style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:0.417614;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3504)"
-       d="m 128.01156,67.77709 -3.31584,-0.875071 -4.45306,2.045663 -0.69447,2.044053"
-       id="path875-5"
-       transform="matrix(0.90314447,0,0,1,10.340644,0)" />
-    <path
-       style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:0.417614;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3500)"
-       d="m 117.09792,70.940949 -0.94147,-1.974097 -4.59642,-1.991836 -2.95424,0.820723"
-       id="path877-3"
-       transform="matrix(0.90314447,0,0,1,10.340644,0)" />
-    <path
-       style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:0.417614;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3496)"
-       d="m 106.95213,59.577042 2.31309,1.511236 0.057,3.549674 -2.42282,1.444825"
-       id="path879-5"
-       transform="matrix(0.90314447,0,0,1,10.340644,0)" />
-    <path
-       style="display:inline;opacity:1;fill:none;stroke:#000000;stroke-width:0.417614;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3492)"
-       d="m 113.53185,60.747723 0.0393,4.212372 4.54758,1.740033 4.96612,-2.166934 0.0371,-3.485538 -5.25451,-2.101337 z"
-       id="path881-6"
-       transform="matrix(0.90314447,0,0,1,10.340644,0)" />
-  </g>
-  <g
-     id="layer2"
-     transform="translate(-105.97042,-53.432058)">
-    <path
-       style="display:inline;fill:none;stroke:#fefefe;stroke-width:0.396875;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 115.86417,54.263066 -0.55908,2.091237 -3.92669,1.897987 -3.18879,-0.486535"
-       id="path869" />
-    <path
-       style="display:inline;fill:none;stroke:#fefefe;stroke-width:0.396875;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 118.47869,54.183604 0.73448,2.117267 4.02531,1.824691 3.19023,-0.56196"
-       id="path871" />
-    <path
-       style="display:inline;fill:none;stroke:#fefefe;stroke-width:0.396875;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 127.562,59.494674 -2.32333,1.541948 0.0813,3.356705 1.70122,1.676181"
-       id="path873" />
-    <path
-       style="display:inline;fill:none;stroke:#fefefe;stroke-width:0.396875;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 125.83091,67.514594 -2.99468,-0.875071 -4.02176,2.045663 -0.6272,2.044053"
-       id="path875" />
-    <path
-       style="display:inline;fill:none;stroke:#fefefe;stroke-width:0.396875;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 115.97432,70.678453 -0.85029,-1.974097 -4.15123,-1.991836 -2.6681,0.820723"
-       id="path877" />
-    <path
-       style="display:inline;fill:none;stroke:#fefefe;stroke-width:0.396875;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 106.8112,59.314546 2.08906,1.511236 0.0515,3.549674 -2.18816,1.444825"
-       id="path879" />
-    <path
-       style="display:inline;fill:none;stroke:#fefefe;stroke-width:0.396875;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       d="m 112.75364,60.485227 0.0355,4.212372 4.10713,1.740033 4.48512,-2.166934 0.0335,-3.485538 -4.74558,-2.101337 z"
-       id="path881" />
-  </g>
-</svg>

core/style.css

@@ -29,7 +29,7 @@ nav.top::-webkit-scrollbar {
 	display: none;
 }
 
-div.grower { flex-grow: 1; }
+.grower { flex-grow: 1; }
 
 p img,
 body > img {
@@ -57,10 +57,38 @@ textarea, input {
 	box-sizing: border-box;
 }
 
-table.alternating tr:nth-of-type(even) {
+table.alternating > tr:nth-of-type(even),
+table.alternating > tbody > tr:nth-of-type(even) {
 	background: var(--table-alternate);
 }
 
+table.section {
+	background: none;
+	border: none;
+	padding: 0px;
+	margin: 4px;
+}
+
+table.section > tbody > tr > th:first-child > div,
+table.section > tbody > tr > th:last-child > div,
+table.section > tbody > tr:first-child > td:first-child > div,
+table.section > tbody > tr:first-child > td:last-child > div {
+	background: var(--secondary-container-background);
+	border: var(--secondary-container-border);
+	border-bottom: none;
+	padding: 8px;
+	position:relative;
+	top: 4px;
+	height: 100%;
+	font-family: var(--primary-font);
+}
+
+table.section > tbody > tr:not(:first-child) > td > div {
+	background: var(--secondary-container-background);
+	border: var(--secondary-container-border);
+	padding: 4px;
+}
+
 @media only screen and (orientation: landscape) {
 	:target::before {
 		content: "";
@@ -151,26 +179,6 @@ body > div.overlay .dialog table:not(.titlebox) {
 	overflow: auto;
 }
 
-body > div.overlay div.dialog.historylist {
-	display: flex;
-	flex-direction: column;
-	max-width: 500px;
-	max-height: 90%;
-}
-
-body > div.overlay div.dialog.historylist .history-view {
-	background: var(--history-background);
-	padding: 4px;
-	margin: 4px;
-	border: 1px solid var(--history-border-color);
-	overflow: auto;
-	font-family: monospace;
-}
-
-body > div.overlay div.dialog.historylist select {
-	width: 100%;
-	margin: 2px 0px;
-}
 .history-view div {
 	border-bottom: 1px dashed var(--history-border-color);
 	white-space: break-spaces;
@@ -438,6 +446,16 @@ nav.top div.slideout.mail .dropdown .mail .message a {
 	text-decoration: underline;
 }
 
+nav.top div.slideout.alerts .dropdown .alerts .alert .header {
+	font-size: 12px;
+}
+
+nav.top div.slideout.alerts .dropdown .alerts .alert .header a:link,
+nav.top div.slideout.alerts .dropdown .alerts .alert .header a:visited {
+	color: var(--subtitle);
+	text-decoration: none;
+}
+
 nav.top div.slideout.alerts .dropdown .alerts .alert .info,
 nav.top div.slideout.mail .dropdown .mail .message .info {
 	display: flex;
@@ -524,17 +542,6 @@ nav.top.alert {
 	z-index: 5;
 }
 
-nav.top.alert .close {
-	background-image: url('//style.worlio.com/icons/close');
-	background-size: 100%;
-	width: 16px;
-	height: 16px;
-	padding: 4px;
-	cursor: pointer;
-	margin-right: 8px;
-	float: left;
-}
-
 nav.top.alert p {
 	text-align: unset;
 	white-space: pre-line;
@@ -682,14 +689,14 @@ nav.top .navbutton-bar .button.selected {
 
 /* == HEADING/HEADER */
 
-.header {
+body > .header {
 	display: flex;
 	margin-bottom: 8px;
 }
 
-.header > .gap { flex-grow: 1;}
+body > .header > .gap { flex-grow: 1;}
 
-.header > .title {
+body > .header > .title {
 	border: var(--primary-container-border);
 	border-top: none;
 	flex-shrink: 0; flex-grow: 0;
@@ -706,7 +713,7 @@ nav.top .navbutton-bar .button.selected {
 	padding-top: 8px;
 }
 
-.heading {
+body > .heading {
 	z-index: 10;
 	display: block;
 	background-repeat: repeat-x;
@@ -717,46 +724,29 @@ nav.top .navbutton-bar .button.selected {
 	font-family: var(--primary-font);
 }
 
-.heading > div.head-contents {
+body > .heading > div.head-contents {
 	max-width: 1200px;
 	margin-left: auto; margin-right: auto;
 
 }
 
-.heading.main {
+body > .heading.main {
 	position: sticky;
 	background-size: 64px;
 	height: 60px;
 	z-index: -1;
 }
 
-.heading {
+body > .heading {
 	background-color: var(--header-bg);
 	background-image: var(--navbar-top);
 }
 
-.heading.sub,
+body > .heading.main > div.head-contents > a {
-.heading.section {
-	height: 28px;
-}
-
-.heading.sub {
-	background-size: 64px;
-	background-position-y: -32px;
-}
-
-.heading.section {
-	background-size: 32px;
-	background-image: var(--nav-db);
-	background-color: var(--header-bg);
-	font-size: 1.5em;
-}
-
-.heading.main > div.head-contents > a {
 	font-size: 2em;
 }
 
-.heading > div.head-contents > a {
+body > .heading > div.head-contents > a {
 	margin: 0px 0px 0px 4px;
 	display: inline-block;
 	font-weight: bold;
@@ -768,17 +758,17 @@ nav.top .navbutton-bar .button.selected {
 	display: inline-block;
 }
 
-.heading.main img {
+body > .heading.main img {
 	height: 48px;
 }
 
-.heading.main i {
+body > .heading.main i {
 	margin-left: 16px;
 	font-weight: normal;
 	font-size: 1.5em !important;
 }
 
-.heading hr {
+body > .heading hr {
 	margin: 0px 8px;
 	border: none;
 	border-left: var(--header-line);
@@ -787,7 +777,7 @@ nav.top .navbutton-bar .button.selected {
 	height: 75%;
 }
 
-.header div.buttontab {
+body > .header div.buttontab {
 	background: var(--default-button-background);
 	border: var(--default-button-border);
 	margin: -12px 4px 8px 4px;
@@ -795,7 +785,7 @@ nav.top .navbutton-bar .button.selected {
 	font-size: 12px;
 }
 
-.header div.buttontab a {
+body > .header div.buttontab a {
 	color: var(--main-text);
 	display: inline-block;
 	text-decoration: none;
@@ -803,40 +793,28 @@ nav.top .navbutton-bar .button.selected {
 	height: 100%;
 }
 
-.header div.buttontab a img {
+body > .header div.buttontab a img {
 	vertical-align: middle;
 }
 
-.header div.buttontab:hover {
+body > .header div.buttontab:hover {
 	background: var(--hover-button-background);
 	border: var(--hover-button-border);
 }
 
-.header div.buttontab:active {
+body > .header div.buttontab:active {
 	background: var(--active-button-background);
 	border: var(--active-button-border);
 }
 
 @media only screen and (orientation: landscape) {
-	.heading {
+	body > .heading {
 		width: calc(100% + 8px);
 		padding: 2px 4px;
 		left: 64px;
 	}
 
-	.heading.main,
+	body > .heading.main { top: 0px; margin: -8px; margin-bottom: 8px; }
-	.heading.sub {
-		top: 0px;
-	}
-
-	.heading.main { margin: -8px; margin-bottom: 8px; }
-	.heading.sub { margin: -8px; margin-bottom: 8px; }
-	.heading.section { margin: 4px -8px; }
-	
-	body > .header-title {
-		top: -8px;
-		margin-bottom: -8px;
-	}
 
 	/* Center header */
 	body > .header {
@@ -870,6 +848,91 @@ nav.top .navbutton-bar .button.selected {
 	}
 }
 
+/* == ALERTS */
+
+body .page-container .alerts .alert {
+	padding: 4px;
+	margin: 4px;
+	background: var(--secondary-container-background);
+	border: var(--secondary-container-border);
+}
+
+body .page-container .alerts .alert.unread .content {
+	font-weight: bold;
+}
+
+body .page-container .alerts .alert .info {
+	display: flex;
+	color: var(--subtitle);
+	font-family: var(--primary-font);
+	font-size: 12px;
+}
+
+body .page-container .alerts .alert .info a[mark_read] {
+	text-decoration: none;
+	padding: 0px 4px;
+}
+
+body .page-container .alerts .alert .namespace {
+	flex-grow: 1;
+}
+
+body .page-container .alerts .alert .namespace a:link,
+body .page-container .alerts .alert .namespace a:visited {
+	color: var(--subtitle);
+	text-decoration: none;
+}
+
+/* == NAMESPACE DISPLAYS */
+
+.namespace-container {
+	padding: 8px;
+}
+
+.namespace-container.namespace-forum-post table.post-display,
+.namespace-container.namespace-forum-thread table.board-display {
+	background: var(--forum-header);
+	border: var(--forum-header-border);
+	font-family: var(--primary-font);
+	table-layout: fixed;
+}
+
+.namespace-container.namespace-forum-post table.post-display th,
+.namespace-container.namespace-forum-post table.post-display td,
+.namespace-container.namespace-forum-thread table.board-display th,
+.namespace-container.namespace-forum-thread table.board-display td {
+	padding: 4px;
+}
+
+.namespace-container.namespace-forum-post table.post-display tr:nth-of-type(1) {
+	background: var(--post-author);
+	border: var(--post-author-border);
+}
+
+.namespace-container.namespace-forum-post table.post-display tr:nth-of-type(2) {
+	background: var(--post);
+	border: var(--post-border);
+}
+
+.namespace-container.namespace-forum-thread table.board-display tr {
+	background: var(--forum-content);
+	border: var(--forum-content-border);
+}
+
+.namespace-container.namespace-forum-post table.post-display .thread-status,
+.namespace-container.namespace-forum-thread table.board-display .thread-status {
+	text-align: right;
+	position: relative;
+	height: 0px;
+	top: -16px;
+	left: 4px;
+}
+
+.namespace-container.namespace-forum-post table.post-display tr th:nth-of-type(2),
+.namespace-container.namespace-forum-thread table.board-display tr th:nth-of-type(2) {
+	text-align: left;
+}
+
 /* == ACCFORM PAGES */
 body.accform .page-container .formpart {
 	max-width: 400px;
@@ -1105,23 +1168,6 @@ body.dashboard .userlink img.plan-icon {
 	top: -2px;
 }
 
-body.dashboard .dash-container .primary .mainbox .alert {
-	padding: 4px;
-	margin: 4px;
-	background: var(--secondary-container-background);
-	border: var(--secondary-container-border);
-}
-
-body.dashboard .dash-container .primary .mainbox .alert.unread .content {
-	font-weight: bold;
-}
-
-body.dashboard .dash-container .primary .mainbox .alert .info {
-	text-align: right;
-	color: var(--subtitle);
-	font-family: var(--primary-font);
-}
-
 body.dashboard .dash-container .blogpost {
 	padding: 4px;
 }
@@ -1375,9 +1421,11 @@ table.board-display#poll input[type="text"] { width: 100%; }
 
 @media only screen and (orientation: landscape) {
 	body.forum.index .page-container .newest {
-		display: flex;
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
 		width: 100%;
 		margin: 4px;
+		gap: 8px;
 	}
 
 	body.forum.thread table.board-display {
@@ -1385,7 +1433,7 @@ table.board-display#poll input[type="text"] { width: 100%; }
 	}
 
 	body.forum.thread table.board-display colgroup col:nth-of-type(4),
-	body.forum.thread table.post-display tr.author-row {
+	body.forum.thread table.post-display tr.author-row:not(.force) {
 		display: none;
 	}
 }
@@ -1425,14 +1473,32 @@ table.board-display#poll input[type="text"] { width: 100%; }
 }
 
 /* == SHOP */
-body.shop:not(.item) .page-container {
+body.shop.items .page-container {
 	display: flex;
+	gap: 8px;
 }
 
+body.shop.items .page-container .sidebar {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 0;
+}
+
+body.shop.items .page-container .sidebar summary {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	cursor:pointer;
+	max-width: 220px;
+	padding: 4px 8px;
+}
+body.shop.items .page-container .sidebar[open] summary,
+body.shop.items .page-container .sidebar:open summary { border-bottom: none }
+
 body.shop .page-container .sidebar .sidelist {
-	background: var(--secondary-container-background);
+	background: var(--primary-container-background);
-	border: var(--secondary-container-border);
+	border: var(--primary-container-border);
-	max-width: 200px;
+	border-top: none;
+	max-width: 220px;
 	display: flex;
 	flex-direction: column;
 	padding: 8px;
@@ -1443,94 +1509,107 @@ body.shop .page-container .sidebar .sidelist h3 {
 	margin: 8px 0px;
 }
 
-body.shop .page-container .itembox {
+body.shop .itembox {
-	margin: 8px;
+	display: grid;
+	grid-template-columns: repeat(4, 200px);
+	grid-auto-rows: min-content;
+	gap: 8px;
+	margin: 4px auto;
+	width: min-content;
 }
+body.shop.item .itembox { grid-template-columns: repeat(3, 200px); }
 
-body.shop .page-container .itembox .item {
+body.shop .itembox .item {
-	display: inline-block;
-	width: 200px;
-	margin: 8px;
-	vertical-align: top;
-}
-
-body.shop .page-container .itembox .item .image-box img {
-	max-width: 100%;
-}
-
-body.shop.item .page-container {
-	max-width: 800px;
-}
-
-body.shop.item .page-container h1 {
-	margin: 4px;
-}
-
-body.shop.item .page-container .top {
-	display: flex;
-	margin: 8px;
-}
-
-body.shop.item .page-container .top .appearance {
-	min-width: 50%;
-}
-
-body.shop.item .page-container .top .appearance .item-image {
 	background: var(--secondary-container-background);
 	border: var(--secondary-container-border);
+	display: flex;
+	flex-direction: column;
 	padding: 4px;
 }
 
-body.shop.item .page-container .top .appearance .item-image img {
+body.shop .item .status, body.shop.item .main-item .status, body.shop.buy .page-container .currency { font-family: var(--primary-font); }
-	display: block;
+body.shop .item .status:not(.currency), body.shop .item .status.currency s,
-	margin-left: auto; margin-right: auto;
+body.shop.item .main-item .status:not(.currency), body.shop.item .main-item .status.currency s { color: var(--subtitle); }
-}
+body.shop .item .status.currency, body.shop.item .main-item .status.currency,
+body.shop.buy .page-container .currency { color: var(--currency); }
+body.shop.item .main-item .status.currency img, body.shop.buy .page-container .currency img { margin: 0px 2px; vertical-align: sub; }
+body.shop .itembox .item .status.currency img { margin: 0px 2px; vertical-align: middle; }
 
-body.shop.item .page-container .top .details {
+body.shop .itembox .item .imagebox {
 	flex-grow: 1;
-	padding: 2px;
+}
+body.shop .itembox .item .imagebox a, body.shop .itembox .item .imagebox a:link,
+body.shop .itembox .item .imagebox a:visited {
+	text-decoration: none;
 }
 
-body.shop.item .page-container .items details {
+body.shop.item .buy-container {
-	margin: 2px;
+	background: var(--secondary-container-background);
-	padding: 2px;
+	border: var(--secondary-container-border);
+	display: flex;
 }
 
-body.shop.item .page-container .items details summary {
+body.shop.item .page-container { max-width: 800px; }
+body.shop.item .page-container h1 { margin: 4px; }
+
+body.shop.item .page-container .main-item {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	gap: 8px;
+}
+
+body.shop.item .page-container .main-item .item-info b {
+	color: var(--subtitle);
+	font-family: var(--primary-font);
+}
+
+body.shop.item .page-container .preview {
 	background: var(--primary-container-background);
 	border: var(--primary-container-border);
-	display: flex;
+	max-width: 600px;
+	margin: 8px auto;
+}
+body.shop.item .page-container .preview summary { font-family: var(--primary-font); cursor: pointer; padding: 4px; }
+
+body.shop.item .page-container .items summary {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	font-family: var(--primary-font);
+	padding: 4px;
 	cursor: pointer;
-	margin: 4px auto;
 }
 
-body.shop.item .page-container .items details .usercard {
+@media (max-width: 1086px) {
-	margin: 0px auto;
+	body.shop.items .page-container .itembox { grid-template-columns: repeat(3, 200px); }
 }
-
+@media (max-width: 800px) {
-body.shop.item .page-container .usercard .userlink {
+	body.shop.items .page-container .itembox { grid-template-columns: repeat(2, 200px); }
-	font-size: 20px;
-	font-weight: bold;
 }
-
+@media (max-width: 650px) {
-body.shop.item .page-container .usercard .userlink .mycon {
+	body.shop.item .itembox { grid-template-columns: repeat(2, 200px); }
-	width: 32px;
-	height: 32px;
 }
-
+@media (max-width: 586px) or (only screen and (orientation: portrait)) {
-@media only screen and (orientation: landscape) {
+	body.shop.items .page-container { flex-direction: column; }
-}
+	body.shop.items .page-container .sidebar:not([open]) { width: 0px; }
-
+	body.shop.items .page-container .sidebar:not([open]) summary {
-@media only screen and (orientation: portrait) {
+		transform: rotate(90deg);
-	body.shop.item .page-container .top {
+		margin-top: 48px;
-		flex-direction: column;
+		margin-left: -48px;
+		width: 128px;
+		height: 24px;
+		position: absolute;
 	}
-	
+	body.shop.items .page-container .sidebar[open] summary { margin-left: auto; margin-right: auto; }
-	body.shop.item .page-container .top .details .button {
+	body.shop .page-container .sidebar .sidelist { margin-left: auto; margin-right: auto; }
-		display: block;
+	body.shop.items .page-container .itembox { grid-template-columns: repeat(1, 200px); }
-		margin-left: auto;
+	body.shop.item .page-container .main-item {
+		grid-template-columns: 1fr;
+		grid-template-rows: repeat(2, 1fr);
 	}
 }
+@media (max-width: 425px) {
+	body.shop.item .itembox { grid-template-columns: repeat(1, 200px); }
+}
 
 /* == USER PROFILE */
 body.profile .profile-box {
@@ -1692,7 +1771,7 @@ body.group div.groupcard img.gicon {
 	border-left: none;
 	padding: 4px;
 }
-
+/*
 body.group div.page-container div.group-section {
 	display: flex;
 	flex-direction: row;
@@ -1708,13 +1787,13 @@ body.group div.page-container div.group-section div.sidebar {
 	flex-grow: 0;
 }
 
-body.group div.page-container div.group-section div.sidebar > .section {
+body.group div.page-container div.sidebar > .section {
 	background-color: var(--tab-selected);
 	border: var(--tab-border);
 	margin: 4px auto;
 	padding: 4px;
 }
-
+*/
 body.group.create div.groupcard {
 	display: flex;
 	background: var(--primary-container-background);
@@ -1774,6 +1853,34 @@ body.group.create div.groupcard img.gicon {
 	}
 }
 
+@media only screen and (orientation: landscape) {
+	body.group:not(.group-edit) div.page-container {
+		display: grid;
+		grid-template-columns: repeat(4, 1fr);
+		gap: 8px;
+	}
+
+	body.group div.page-container > .groupcard {
+		grid-column: span 4 / span 4;
+	}
+
+	body.group div.page-container > .tabbed-page {
+		display: block;
+		grid-column: span 3 / span 3;
+		grid-row-start: 2;
+	}
+
+	body.group div.page-container > .tabbed-page .cardholder {
+		display: inline-block;
+		width: 292px;
+	}
+
+	body.group div.page-container > .sidebar {
+		grid-column-start: 4;
+		grid-row-start: 2;
+	}
+}
+
 /* == MISC */
 
 heading .button {
@@ -2284,18 +2391,18 @@ body.news.post div.subinfo i {
 	 font-family: initial;
 }
 
-body > ._weditdialog {
+body > ._wdialog {
 	background: var(--primary-container-background);
 	border: var(--primary-container-border);
 	position: absolute;
 	width: 300px;
 }
 
-body > ._weditdialog .button {
+body > ._wdialog .button {
 	cursor: pointer;
 }
 
-body > ._weditdialog .chevron {
+body > ._wdialog .chevron {
 	background: var(--primary-container-background);
 	border: var(--primary-container-border);
 	position: relative;
@@ -2308,26 +2415,66 @@ body > ._weditdialog .chevron {
 	border-right: none;
 }
 
-body > ._weditdialog .titlerow {
+body > ._wdialog .titlerow {
 	display: flex;
 }
 
-body > ._weditdialog .titlerow b.name {
+body > ._wdialog .titlerow b.name {
 	flex-grow: 1;
 }
 
-body > ._weditdialog table {
+body > ._wdialog table {
 	margin: 0px;
 }
 
-body > ._weditdialog .buttonrow {
+body > ._wdialog .buttonrow {
 	display: flex;
 }
 
-body > ._weditdialog table tr th {
+body > ._wdialog table tr th {
 	text-align: left;
 }
 
+body > div._wdialog[name="history"] {
+	width: 500px;
+}
+
+body > div._wdialog[name="history"] .history-view {
+	background: var(--history-background);
+	padding: 4px;
+	margin: 4px;
+	border: 1px solid var(--history-border-color);
+	overflow: auto;
+	font-family: monospace;
+	max-height: 400px;
+}
+
+body > div._wdialog[name="history"] > .chevron {
+	left: 226px;
+}
+
+body > div._wdialog[name="history"] div.wdropdown {
+	padding: 0px 2px;
+}
+body > div._wdialog[name="history"] div.wdropdown.active button { padding-bottom: 2px; }
+body > div._wdialog[name="history"] button {
+	width: 100%;
+}
+
+body > div._wdialog[name="tips"] {
+	width: 200px;
+}
+
+body > div._wdialog[name="tips"] > .chevron {
+	left: 56px;
+}
+
+body > div._wdialog[name="tips"] .tiplist {
+	padding: 2px;
+	overflow: auto;
+	max-height: 300px;
+}
+
 div.smiley-list {
 	max-height: 200px;
 	overflow-y: scroll;