Browse Source

Styling: art page dark theme, search card, pagination; drop legacy CSS

- Art page: left-nav + Art Projects heading in #dadada, cards #dadada w/ small
  radius, removed the .art-gallery / #gallery-wrap dark backgrounds and the
  carousel arrow circles
- Search: give the block results the same #dadada card as the archives
- Pagination: centered, de-Bootstrapped pill links for classic + block archives
- Remove the conflicting legacy .pagination block (red 27px misaligned arrows)
windhamdavid 5 days ago
parent
commit
a4ca9b59a4
3 changed files with 59 additions and 45 deletions
  1. 1 2
      css/styles.css
  2. 58 43
      style.css
  3. 0 0
      v4-style.min.css

+ 1 - 2
css/styles.css

@@ -454,8 +454,7 @@ body { color: #232323; }
   width: 3rem;
   width: 3rem;
   height: 3rem;
   height: 3rem;
   border: 0;
   border: 0;
-  border-radius: 50%;
-  background: rgba(0, 0, 0, 0.5);
+  background: transparent;
   color: #fff;
   color: #fff;
   font-size: 1.75rem;
   font-size: 1.75rem;
   line-height: 1;
   line-height: 1;

+ 58 - 43
style.css

@@ -1020,12 +1020,20 @@ body.projects h1 {
 /*============================================
 /*============================================
 		Art
 		Art
 ==============================================*/
 ==============================================*/
-.art-gallery {
-	background: #313131;
-}
 body.art .site-title a {
 body.art .site-title a {
 	color: #FFFFFF;
 	color: #FFFFFF;
 }
 }
+/* Art page — dark-theme card treatment to match the rest of the site. */
+body.art h3 {
+	color: #dadada;        /* "Art Projects" heading, same as the left-nav copy */
+}
+body.art .col-lg-3 a {
+	color: #dadada;        /* left-nav copy, same tone as the footer copy */
+}
+body.art article.studio {
+	background: #dadada;   /* card bg, like the #dadada cards on the other pages */
+	border-radius: 6px;    /* small radius */
+}
 .art a {
 .art a {
 	color: #2F3446;
 	color: #2F3446;
 }
 }
@@ -1272,6 +1280,51 @@ body.sitemap #content {
 	margin-top: 1.25rem;
 	margin-top: 1.25rem;
 	margin-bottom: 3rem;
 	margin-bottom: 3rem;
 }
 }
+/* Search results — give the block search template the same #dadada card as the
+   classic archives, so its content isn't dark-on-dark. */
+body.search main > .wp-block-group {
+	max-width: 1280px;
+	margin: 1.25rem auto 3rem;
+	padding-left: 96px;
+	padding-right: 96px;
+	background: #dadada;
+	border-radius: 6px;
+}
+/* Pagination — classic archives (.page-numbers from dw_paging_nav) + the block
+   query pagination (search/archive). Centered, de-Bootstrapped pill links. */
+.pagination,
+.wp-block-query-pagination {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+	gap: .4rem;
+	margin: 2.5rem 0 0;
+	padding: 0;
+	list-style: none;
+}
+.pagination .page-numbers,
+.wp-block-query-pagination a {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-width: 2.1rem;
+	height: 2.1rem;
+	padding: 0 .55rem;
+	border-radius: 4px;
+	color: #484c57;
+	text-decoration: none;
+	line-height: 1;
+}
+.pagination .page-numbers.current,
+.wp-block-query-pagination .page-numbers.current {
+	background: #484c57;
+	color: #fff;
+}
+.pagination a.page-numbers:hover,
+.wp-block-query-pagination a:hover {
+	background: rgba(72, 76, 87, .12);
+}
 /* "Daveo Radio" CTA — playback now lives on /radio, so the Music page links there. */
 /* "Daveo Radio" CTA — playback now lives on /radio, so the Music page links there. */
 .daveo-radio-btn {
 .daveo-radio-btn {
 	display: inline-block;
 	display: inline-block;
@@ -2090,46 +2143,8 @@ img.me {
 	padding: 20px 10px 0;
 	padding: 20px 10px 0;
 	border-top: 1px solid #cecece;
 	border-top: 1px solid #cecece;
 }
 }
-.pagination {
-	margin-top: 40px;
-	padding: 20px 0 0;
-}
-.pagination a {
-	padding: 4px 5px;
-	color: #fff;
-	font-weight: bold;
-	font-size: 16px;
-}
-.pagination a:active {
-	padding: 4px 5px;
-	background: #707071;
-	color:#fff;
-}
-.pagination a:hover {
-	padding: 4px 5px;
-	background: #fff;
-	color: #ec0000;
-}
-.pagination a.next,
-.pagination a.prev {
-	padding: 4px 7px 25px;
-  margin-top:-7px;
-	color: #ec0000;
-	font-weight: bold;
-	font-size: 27px;
-}
-.pagination .current {
-	padding: 4px 5px;
-	background: #fff;
-	color: #ec0000;
-	font-weight: bold;
-	font-size: 16px;
-}
-.page-numbers {
-	padding: 4px 5px;
-	font-weight: bold;
-	font-size: 16px;
-}
+/* (legacy pagination block removed 2026-07 — superseded by the flex
+   .pagination rules above; that block made prev/next red, 27px, and misaligned) */
 
 
 /*============================================
 /*============================================
 		404
 		404

File diff suppressed because it is too large
+ 0 - 0
v4-style.min.css


Some files were not shown because too many files changed in this diff