Changeset 5847

Timestamp:

08/30/2017 11:20:03 PM (6 years ago)

Author:

coffee2code

Message:

wp4.css: Adjust styles for about/books page listings to accommodate multiple lists of books.

Location:

sites/trunk/wordpress.org/public_html/style

Files:

• wp4-rtl.css (modified) (2 diffs)
• wp4.css (modified) (12 diffs)

sites/trunk/wordpress.org/public_html/style/wp4-rtl.css

@@ -219 +219 @@
 }
 
-#books .image {
+#pagebody .books .image {
     float: right;
     border-left: 1px solid #dadada;
 }
 
-#books img {
+#pagebody .books img {
     border: 1px solid #dadada;
 }
 
-#books li {
+#pagebody .books li {
     border-left-color: #eee;
     border-right-color: #dadada;
@@ -234 +234 @@
 }
 
-#books h3 {
+#pagebody .books h3 {
     font-family:sans-serif;
 }
 
-#books p {
+#pagebody .books p {
     padding-left: 22px;
     padding-right: 0;
 }
 
-#books .author {
+#pagebody .books .author {
     font: normal 15px sans-serif;
 }

sites/trunk/wordpress.org/public_html/style/wp4.css

@@ -1456 +1456 @@
 }
 
-ul#books, ul#otherbooks {
+.wporg-page-about-books #pagebody h2 {
+    margin-bottom: 1em;
+}
+
+#pagebody ul.books, ul#otherbooks {
     list-style: none;
     margin: 0;
 }
 
-#books .image, #otherbooks .image {
+#pagebody .books .image, #otherbooks .image {
     width: 200px;
     display: block;
@@ -1470 +1474 @@
 }
 
-#books img, #otherbooks img {
+#pagebody .books img, #otherbooks img {
     border: 1px solid #dadada;
 }
 
-#books.mobile img {
+#pagebody .books.mobile img {
     border:none;
 }
 
-#books li, #otherbooks li {
+#pagebody .books li, #otherbooks li {
     background: #f5f5f5;
     border: 1px solid #dadada;
@@ -1489 +1493 @@
 }
 
-#books h3, #otherbooks h3 {
+#pagebody .books h3, #otherbooks h3 {
     margin: 18px 0 5px 0;
     font: 21px Georgia, Times, "Times New Roman", serif;
@@ -1502 +1506 @@
 }
 
-#books p, #otherbooks p {
+#pagebody .books p, #otherbooks p {
     padding-right: 22px;
     padding-left: 22px;
@@ -1509 +1513 @@
 }
 
-#books .author, #otherbooks .author {
+#pagebody .books .author, #otherbooks .author {
     font: italic 15px Georgia, Times, "Times New Roman", serif;
     margin-bottom: 11px;
@@ -1515 +1519 @@
 }
 
-#books .published, #otherbooks .published {
+#pagebody .books .published, #otherbooks .published {
     font-size: 11px;
     text-transform: uppercase;
@@ -1522 +1526 @@
 }
 
-#books h3 a, #otherbooks h3 a {
+#pagebody .books h3 a, #otherbooks h3 a {
     font-weight: normal;
 }
@@ -2007 +2011 @@
     background-color: #f1f1f1;
 }
-.wporg-page-mobile ul#books {
+.wporg-page-mobile #pagebody ul.books {
     display: -moz-box;
     display: -ms-flexbox;
@@ -2013 +2017 @@
     flex-wrap: wrap;
 }
-.wporg-page-mobile #books li {
+.wporg-page-mobile #pagebody .books li {
     width: 49%;
     margin-left: 1%;
     clear: none;
 }
-.wporg-page-mobile #books li:first-child {
+.wporg-page-mobile #pagebody .books li:first-child {
     margin-left: 0;
     margin-right: 1%;
 }
-.wporg-responsive.wporg-page-mobile #books p {
+.wporg-responsive.wporg-page-mobile #pagebody .books p {
     margin-bottom: 14px;
 }
-.wporg-responsive.wporg-page-mobile #books li {
+.wporg-responsive.wporg-page-mobile #pagebody .books li {
     padding: 0 14px 15px;
     box-sizing: border-box;
@@ -2031 +2035 @@
     border: 1px solid #dedede;
 }
-.wporg-responsive.wporg-page-mobile #books h3 {
+.wporg-responsive.wporg-page-mobile #pagebody .books h3 {
     margin-bottom: 15px;
 }
-.wporg-responsive.wporg-page-mobile #books .image {
+.wporg-responsive.wporg-page-mobile #pagebody .books .image {
     float: right;
     border-right: 0;
@@ -2120 +2124 @@
     }
 
-    .wporg-responsive.wporg-page-mobile #books li {
+    .wporg-responsive.wporg-page-mobile #pagebody .books li {
         width: 100%;
         margin-left: 0;
@@ -2207 +2211 @@
     }
 
-    .wporg-page-about-books #books li {
+    .wporg-page-about-books #pagebody .books li {
         padding: 0 18px 18px;
         box-sizing: border-box;
     }
-    .wporg-page-about-books #books .image {
+    .wporg-page-about-books #pagebody .books .image {
         border-right: 0;
         float: none;
         width: inherit;
     }
-    .wporg-page-about-books #books p {
+    .wporg-page-about-books #pagebody .books p {
         padding-right: 0;
         padding-left: 0;