All: remove bullet.png in favour of progressive ::marker color

jquery · Jan 7, 2024 · a4e2aaa · a4e2aaa
1 parent 8149252
commit a4e2aaa
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 9 deletions.
diff --git a/themes/jquery/css/base.css b/themes/jquery/css/base.css
@@ -1810,12 +1810,14 @@ pre b {
 }
 
 #content ul li {
-	padding-bottom: 5px;
-	padding-top: 5px;
-	padding-left: 20px;
+	padding: 5px 0 5px 12px;
+	margin-left: 8px;
 	line-height: 20px;
-	list-style-type: none;
-	background: url(../images/bullet.png) no-repeat 0 10px;
+}
+
+#content ul li::marker {
+	content: "●";
+	color: #ccc;
 }
 
 #content ul.block-grid li {
@@ -2196,12 +2198,18 @@ input[type="submit"].dark:hover {
 }
 
 #sidebar li {
-	padding: 5px 0 5px 20px;
-	list-style-type: none;
-	background: url(../images/bullet.png) no-repeat 0 12px;
+	padding: 5px 0 5px 12px;
+	margin-left: 8px;
+	/* set explicitly to avoid default of "circle" on sub list */
+	list-style-type: disc;
 	text-shadow: 0 1px 0 #ffffff;
 }
 
+#sidebar li::marker {
+	color: #ccc;
+	content: "●";
+}
+
 #sidebar li a {
 	color: #4d4d4d;
 	text-decoration: none;
@@ -2965,7 +2973,8 @@ footer .books li a cite {
 		margin: 15px auto;
 	}
 
-	nav#main ul li, nav#main ul li a {
+	nav#main ul li,
+	nav#main ul li a {
 		float: none;
 		padding: 6px 0 6px 8px;
 	}

diff --git a/themes/jquery/images/bullet.png b/themes/jquery/images/bullet.png