Merge pull request #3793 from Spuds/themeTweak

Theme tweak

themes/default/Recent.template.php

@@ -211,7 +211,7 @@ function template_unread()
 						<h2 class="category_header">
 							', $txt['topic_alert_none'], '
 						</h2>
-						<div class="board_row centertext">
+						<div class="board_row infobox centertext">
 							', $context['showing_all_topics'] ? '<strong>' . $txt['find_no_results'] . '</strong>' : $txt['unread_topics_visit_none'], '
 						</div>
 					</div>';

themes/default/css/_gold/icons_svg_gold.css

@@ -26,12 +26,14 @@
 .i-menu-register.enabled::before,
 .i-menu-unread::before,
 .i-menu-unreadreplies::before,
-.i-menu-register::before,
+.i-menu-register::before {
+    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(164deg) brightness(101%) contrast(101%);
+    --hexcode: #ffffff;
+}
+
 .i-last_post::before {
-    filter: invert(74%) sepia(34%) saturate(4776%) hue-rotate(9deg) brightness(105%) contrast(104%);
-    filter: invert(64%) sepia(45%) saturate(6125%) hue-rotate(1deg) brightness(104%) contrast(105%);
     filter: invert(71%) sepia(8%) saturate(2834%) hue-rotate(0deg) brightness(87%) contrast(90%);
-    --hexcode: #c69843;
+    --hexcode: #BAA41F
 }
 
 /* Communication icons */

themes/default/css/_gold/index_gold.css

@@ -802,7 +802,7 @@ sup.bbc_footnotes, sup.bbc_footnotes a {
 
 .admin_menu .listlevel1.subsections .linklevel1::after {
 	border-color: var(--transparent);
-	border-top-color: var(--menu_dropdown_indicator);
+	border-top-color: var(--links);
 }
 
 .poster .linklevel2, .poster .linklevel2:focus,
@@ -2003,7 +2003,6 @@ ul.cf_icons {
 /* More boxes, although SVG they have embedded color so they are here */
 .warningbox, .successbox, .infobox, .errorbox {
 	border-color: var(--primary_border);
-	background-repeat: no-repeat;
 }
 
 .warningbox {
@@ -2024,7 +2023,7 @@ ul.cf_icons {
 	border-top-color: var(--infobox_border);
 	border-bottom-color: var(--infobox_border);
 	background-color: var(--infobox);
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%233A87AD' stroke-width='.07em' fill='%230080FF' viewBox='-1 0 33 33'%3E%3Cpath d='M17 0l-3 3 3 3-7 8H3l5.5 5.5L0 30.77V32h1.23l11.27-8.5L18 29v-7l8-7 3 3 3-3L17 0zm-3 17l-2-2 7-7 2 2-7 7z'/%3E%3C/svg%3E");
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 77 77'%3E%3Cpath fill-rule='evenodd' d='M38.4 0c21.208 0 38.4 17.192 38.4 38.4S59.608 76.8 38.4 76.8 0 59.608 0 38.4 17.192 0 38.4 0Zm8.952 28.286c-1.141-1.183-2.713-1.598-4.37-1.578-2.208.026-4.567.826-6.254 1.612-4.038 1.881-7.136 5.212-9.717 8.773-.464.64-.707 1.398.11 1.988.698.503 1.2.053 1.62-.396l.028-.03.095-.102a59.44 59.44 0 0 0 1.384-1.57l.114-.132.114-.133c1.369-1.587 2.762-3.152 4.605-4.213 1.096-.632 1.886.343 1.717 1.438-.102.657-.447 1.275-.688 1.91-.858 2.254-1.728 4.504-2.595 6.755a681.974 681.974 0 0 0-2.817 7.416l-.08.215-.08.215c-.812 2.186-1.612 4.355-2.142 6.636-.423 1.824-.992 4.037-.174 5.828.471 1.032 1.47 1.741 2.583 1.903 1.516.22 3.156.245 4.64-.092a17.387 17.387 0 0 0 2.263-.68c2.265-.853 4.329-2.167 6.187-3.71 1.89-1.576 3.557-3.44 5.076-5.373.488-.62 1.08-1.308 1.247-2.103.156-.747-.51-1.812-1.373-1.38-.456.23-.798.795-1.13 1.172a66.91 66.91 0 0 1-1.271 1.396c-.86.92-1.74 1.819-2.625 2.714a7.15 7.15 0 0 1-1.907 1.35c-.864.424-1.551-.046-1.458-1.003.086-.878.3-1.765.602-2.597 1.212-3.347 2.448-6.685 3.673-10.027a927.144 927.144 0 0 0 2.28-6.273c.702-1.957 1.3-3.898 1.554-5.972.174-1.428-.196-2.906-1.211-3.957zm2.549-16.06c-3.654-1.422-8.01 1.004-8.743 4.87-.53 2.792.533 5.25 2.72 6.286 4.23 2.007 9.291-1.198 9.291-5.883 0-2.6-1.144-4.447-3.268-5.273z' style='stroke-width:.04;stroke:none;stroke-opacity:1;fill:%230000bc;fill-opacity:1'/%3E%3C/svg%3E");
 }
 
 .errorbox {

themes/default/css/_light/index_light.css

@@ -1900,7 +1900,7 @@ ul.cf_icons {
 	border-top-color: var(--infobox_border);
 	border-bottom-color: var(--infobox_border);
 	background-color: var(--infobox);
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%233A87AD' stroke-width='.07em' fill='%230080FF' viewBox='-1 0 33 33'%3E%3Cpath d='M17 0l-3 3 3 3-7 8H3l5.5 5.5L0 30.77V32h1.23l11.27-8.5L18 29v-7l8-7 3 3 3-3L17 0zm-3 17l-2-2 7-7 2 2-7 7z'/%3E%3C/svg%3E");
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 77 77'%3E%3Cpath fill-rule='evenodd' d='M38.4 0c21.208 0 38.4 17.192 38.4 38.4S59.608 76.8 38.4 76.8 0 59.608 0 38.4 17.192 0 38.4 0Zm8.952 28.286c-1.141-1.183-2.713-1.598-4.37-1.578-2.208.026-4.567.826-6.254 1.612-4.038 1.881-7.136 5.212-9.717 8.773-.464.64-.707 1.398.11 1.988.698.503 1.2.053 1.62-.396l.028-.03.095-.102a59.44 59.44 0 0 0 1.384-1.57l.114-.132.114-.133c1.369-1.587 2.762-3.152 4.605-4.213 1.096-.632 1.886.343 1.717 1.438-.102.657-.447 1.275-.688 1.91-.858 2.254-1.728 4.504-2.595 6.755a681.974 681.974 0 0 0-2.817 7.416l-.08.215-.08.215c-.812 2.186-1.612 4.355-2.142 6.636-.423 1.824-.992 4.037-.174 5.828.471 1.032 1.47 1.741 2.583 1.903 1.516.22 3.156.245 4.64-.092a17.387 17.387 0 0 0 2.263-.68c2.265-.853 4.329-2.167 6.187-3.71 1.89-1.576 3.557-3.44 5.076-5.373.488-.62 1.08-1.308 1.247-2.103.156-.747-.51-1.812-1.373-1.38-.456.23-.798.795-1.13 1.172a66.91 66.91 0 0 1-1.271 1.396c-.86.92-1.74 1.819-2.625 2.714a7.15 7.15 0 0 1-1.907 1.35c-.864.424-1.551-.046-1.458-1.003.086-.878.3-1.765.602-2.597 1.212-3.347 2.448-6.685 3.673-10.027a927.144 927.144 0 0 0 2.28-6.273c.702-1.957 1.3-3.898 1.554-5.972.174-1.428-.196-2.906-1.211-3.957zm2.549-16.06c-3.654-1.422-8.01 1.004-8.743 4.87-.53 2.792.533 5.25 2.72 6.286 4.23 2.007 9.291-1.198 9.291-5.883 0-2.6-1.144-4.447-3.268-5.273z' style='stroke-width:.04;stroke:none;stroke-opacity:1;fill:%230000bc;fill-opacity:1'/%3E%3C/svg%3E");
 }
 
 .errorbox {

themes/default/css/index.css

@@ -2852,12 +2852,11 @@ button[type="submit"].quick_quote_button.hide {
 }
 
 /* The MAIN post container, holds one entire post including .poster
-   and all of the postarea data.  The postarea has a min of 0 to prevent
-   items like <pre> from blowing out the grid */
+   and all of the postarea data (which is another grid) */
 .post_wrapper {
 	display: grid;
 	padding-top: .6rem;
-	grid-template-columns: [poster] 22.5rem [postarea] minmax(0, auto);
+	grid-template-columns: [poster] 22.5rem [postarea] 1fr;
 	grid-template-rows: auto auto;
 	grid-template-areas:
 	"keyinfo_header keyinfo_header "
@@ -3074,12 +3073,12 @@ aside.poster, #quickreplybox .poster {
 }
 
 /* ------------------------------------------------------------------------
-   This holds all data related to the post
+   This holds all data related to the post.   The min of 0 prevents items like <pre> from blowing out the grid
    header.keyinfo -> messageContent -> footer > .attachments -> footer >quickbuttons -> footer >signature */
 .postarea {
 	display: grid;
 	padding: 0 1.6rem 0 1.4rem;
-	grid-template-columns: 1fr;
+	grid-template-columns: minmax(0, auto);
 	grid-template-rows: [keyinfo] auto [messageContent] auto [postfooter] auto;
 	grid-template-areas:
 	"keyinfo"
@@ -5539,9 +5538,9 @@ div.labels {
 /* Make room for the little icon */
 .warningbox, .successbox, .infobox, .errorbox {
 	padding-left: 4rem !important;
-	background-repeat: no-repeat;
-	background-position: .4rem 50%;
-	background-size: 2.4rem 2.4rem;
+	background-repeat: no-repeat !important;
+	background-position: .4rem 50% !important;
+	background-size: 2.4rem 2.4rem !important;
 }
 
 .border_error {

themes/default/scripts/theme.js

@@ -234,8 +234,7 @@ function stickyMenu ()
 
 	if (menu)
 	{
-		let offset = menu.offsetHeight;
-
+		let offset = menu.getBoundingClientRect().y;
 		window.onscroll = function() {
 			if (window.scrollY > offset - 5)
 			{