Fix shop filterbox styling on newer browsers

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

core/css/usercard.css

@@ -7,13 +7,13 @@
 	padding: 8px;
 	background-position: 50% 50%;
 	font-family: var(--primary-font);
-	text-shadow: 
-		-1px -1px 0 var(--usercard-outline), 
-		0px -1px 0 var(--usercard-outline), 
-		1px -1px 0 var(--usercard-outline), 
-		-1px 0px 0 var(--usercard-outline), 
-		-1px 1px 0 var(--usercard-outline), 
-		0px 1px 0 var(--usercard-outline), 
+	text-shadow:
+		-1px -1px 0 var(--usercard-outline),
+		0px -1px 0 var(--usercard-outline),
+		1px -1px 0 var(--usercard-outline),
+		-1px 0px 0 var(--usercard-outline),
+		-1px 1px 0 var(--usercard-outline),
+		0px 1px 0 var(--usercard-outline),
 		1px 1px 0 var(--usercard-outline),
 		1px 0px 0 var(--usercard-outline);
 }
@@ -32,4 +32,10 @@ div.usercard > table {
 .usercard .aframe.small {
 	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

@@ -62,6 +62,33 @@ 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: "";
@@ -152,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;
@@ -439,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;
@@ -525,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;
@@ -683,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;
@@ -707,7 +713,7 @@ nav.top .navbutton-bar .button.selected {
 	padding-top: 8px;
 }
 
-.heading {
+body > .heading {
 	z-index: 10;
 	display: block;
 	background-repeat: repeat-x;
@@ -718,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,
-.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 {
+body > .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;
@@ -769,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);
@@ -788,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;
@@ -796,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;
@@ -804,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,
-	.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;
-	}
+	body > .heading.main { top: 0px; margin: -8px; margin-bottom: 8px; }
 
 	/* Center header */
 	body > .header {
@@ -871,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;
@@ -1106,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;
 }
@@ -1376,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 {
@@ -1386,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;
 	}
 }
@@ -1433,6 +1480,7 @@ body.shop.items .page-container {
 
 body.shop.items .page-container .sidebar {
 	display: flex;
+	flex-direction: column;
 	flex-shrink: 0;
 }
 
@@ -1442,12 +1490,14 @@ body.shop.items .page-container .sidebar summary {
 	cursor:pointer;
 	max-width: 220px;
 	padding: 4px 8px;
-	margin: 2px 0px;
 }
+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(--primary-container-background);
 	border: var(--primary-container-border);
+	border-top: none;
 	max-width: 220px;
 	display: flex;
 	flex-direction: column;
@@ -1721,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;
@@ -1737,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);
@@ -1803,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 {
@@ -2313,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;
@@ -2337,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;