Changeset 6820

Timestamp:

03/02/2018 07:22:34 AM (7 years ago)

Author:

dd32

Message:

Mobile: New styles for mobile page.

Props mattmiklic.

File:

• sites/trunk/wordpress.org/public_html/style/wp4.css (modified) (2 diffs)

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

@@ -2147 +2147 @@
     text-align: center;
 }
-.wporg-page-mobile {
-    background-color: #f1f1f1;
-}
-.wporg-page-mobile #pagebody ul.books {
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-}
-.wporg-page-mobile #pagebody .books li {
-    width: 49%;
-    margin-left: 1%;
-    clear: none;
-}
-.wporg-page-mobile #pagebody .books li:first-child {
-    margin-left: 0;
-    margin-right: 1%;
-}
-.wporg-responsive.wporg-page-mobile #pagebody .books p {
-    margin-bottom: 14px;
-}
-.wporg-responsive.wporg-page-mobile #pagebody .books li {
-    padding: 0 14px 15px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    background-color: #fff;
-    border: 1px solid #dedede;
-}
-.wporg-responsive.wporg-page-mobile #pagebody .books h3 {
-    margin-bottom: 15px;
-}
-.wporg-responsive.wporg-page-mobile #pagebody .books .image {
-    float: right;
-    border-right: 0;
-    border-left: 1px solid #dadada;
-    margin-left: 14px;
-    margin-right: 0;
-    margin-top: 0;
-}
-
+.wporg-page-mobile .intro img {
+    display: inline-block;
+    float:right;
+    margin:0 0 3em 3em;
+}
+@media screen and (max-width:768px) {
+    .wporg-responsive.wporg-page-mobile .intro img {
+        float: none;
+        display: block;
+        align: center;
+        margin: 0 auto 2em;
+    }
+}
 .wporg-responsive .col-7,
 body.wporg-responsive .col-8,
@@ -2275 +2243 @@
     }
 
-    .wporg-responsive.wporg-page-mobile #pagebody .books li {
-        width: 100%;
-        margin-left: 0;
-        margin-right: 0;
-    }
-
     /*
      * /download