Changeset 7836 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/style-rtl.css

Timestamp:

11/09/2018 05:30:18 PM (5 years ago)

Author:

coffee2code

Message:

Support Theme: Limit HelpHub-specific styles to HelpHub sections.

Props SergeyBiryukov, coffee2code.
See #3485.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/style-rtl.css (modified) (7 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support/style-rtl.css

@@ -3183 +3183 @@
 
 /*--------------------------------------------------------------
-# .single
+# .helphub-page
 # .page
 --------------------------------------------------------------*/
-.single .entry-header,
+.helphub-page .entry-header,
 .page .entry-header {
     margin-top: 2rem;
 }
 
-.single .entry-header .entry-title,
+.helphub-page .entry-header .entry-title,
 .page .entry-header .entry-title {
     font-size: 1.5625rem;
@@ -3200 +3200 @@
 
 @media screen and (min-width: 48em) {
-    .single .entry-header .entry-title,
+    .helphub-page .entry-header .entry-title,
     .page .entry-header .entry-title {
         padding: 0 2rem;
-        margin: 0;
-        width: 65%;
-    }
-}
-
-.single .entry-content h2,
+    }
+}
+
+.helphub-page .entry-content h2,
 .page .entry-content h2 {
     font-size: 1.5625rem;
@@ -3214 +3212 @@
 }
 
-.single .entry-content h3,
+.helphub-page .entry-content h3,
 .page .entry-content h3 {
     font-size: 1rem;
@@ -3222 +3220 @@
 }
 
-.single .entry-content a,
+.helphub-page .entry-content a,
 .page .entry-content a {
     text-decoration: underline;
 }
 
-.single .entry-content section,
+.helphub-page .entry-content section,
 .page .entry-content section {
     padding: 2rem 0;
 }
 
-.single .entry-content section .container,
+.helphub-page .entry-content section .container,
 .page .entry-content section .container {
     margin: 0 auto;
@@ -3239 +3237 @@
 
 @media screen and (min-width: 48em) {
-    .single .entry-content section .container,
+    .helphub-page .entry-content section .container,
     .page .entry-content section .container {
         padding: 0 2rem;
-        margin: 0;
-        width: 65%;
-    }
-}
-
-.single .entry-content section:first-of-type,
+    }
+}
+
+.helphub-page .entry-content section:first-of-type,
 .page .entry-content section:first-of-type {
     padding-top: 0;
 }
 
-.single .entry-content section + section,
+.helphub-page .entry-content section + section,
 .page .entry-content section + section {
     border-top: 2px solid #eee;
 }
 
-.single .submenu,
+.helphub-page .submenu,
 .page .submenu {
     margin-right: 0;
 }
 
-.single .submenu li,
+.helphub-page .submenu li,
 .page .submenu li {
     border-bottom: 1px solid #dedede;
@@ -3270 +3266 @@
 }
 
-.single .submenu li.current,
+.helphub-page .submenu li.current,
 .page .submenu li.current {
     font-weight: 700;
 }
 
-.single .submenu li:last-child,
+.helphub-page .submenu li:last-child,
 .page .submenu li:last-child {
     border-bottom: 0;
 }
 
-.single .submenu li ul,
+.helphub-page .submenu li ul,
 .page .submenu li ul {
     margin-right: 16px;
 }
 
-.single .submenu li ul li,
+.helphub-page .submenu li ul li,
 .page .submenu li ul li {
     border: none;
@@ -4448 +4444 @@
 }
 
+@media screen and (min-width: 48em) {
+    .helphub-page .entry-header .entry-title {
+        margin: 0;
+        width: 65%;
+    }
+}
+
+@media screen and (min-width: 48em) {
+    .helphub-page .entry-content section .container {
+        margin: 0;
+        width: 65%;
+    }
+}
+
 /*--------------------------------------------------------------
 # Infinite scroll