Ticket #974: 974.4.diff

wordpress.tv/public_html/wp-content/themes/wptv2/style.css

@@ -1846 +1846 @@
 }
 
 .primary-content {
-        flex: 1 1 auto;
+        flex: 1 1 650px;
         margin: 0;
 }
 
@@ -1951 +1951 @@
         font-size: 13px;
         font-weight: bold;
         -webkit-font-smoothing: antialiased;
+  text-align: left;
 }
 
 h2 {
@@ -2047 +2048 @@
 
 .wptv-hero .main-video {
         background: #2f2f2f;
-        /* margin: auto; */
+  margin: 0 auto;
         max-width: 575px;
         position: relative;
 }
@@ -2428 +2429 @@
 }
 
 .category .page-title {
-        float: left;
-        width: auto;
-        margin: -8px 0 20px 0;
+        flex: 0 0 25%;
+        margin: -8px auto 20px;
 }
 
 .desc {
-        float: right;
+  flex: 0 0 70%;
         color: #969696;
         margin: 3px 0 20px 0;
+  text-align: center;
 }
 
-/*.category-wordcamptv .secondary-content {
-        float: left;
-        width: 200px;
-}*/
-
-/*.category-wordcamptv .primary-content {
-        float: right;
-        margin: 0;
-}*/
-
 /* WordCamp Individual Page
 ============================================================= */
 
@@ -2694 +2685 @@
 
 }
 
-@media screen and ( min-width: 940px ) {
-}
-
 @media screen and ( min-width: 940px ) {
         #menu {
                 clear: initial;
@@ -2721 +2709 @@
                 margin-left: 15px;
         }
 
-        body.home .wptv-hero .container,
-        body.home #page > .container {
+  body .wptv-hero .container,
+        body #page > .container {
                 flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
         }
 
         .wptv-hero .main-video {
                 flex: 0 0 575px;
+    margin-left: 0;
+    margin-right: 0;
         }
 
         .wptv-hero .secondary-videos {
-                flex: 1 1 auto;
+                flex: 1 0 320px;
                 margin-left: 23px;
                 margin-top: 0;
         }
@@ -2748 +2740 @@
         }
 
         .category-wordcamptv .secondary-content {
-                float: left;
+    margin: 0 30px 0 0;
+    order: 0;
                 width: 170px;
         }
 
         .category-wordcamptv .primary-content {
-                float: right;
                 margin: 0;
+    order: 1;
         }
 
         .single .video-player {
@@ -2779 +2772 @@
 
 @media screen and ( max-width: 940px ) {
 
-        .category .page-title,
-        .desc {
-                float: none;
-        }
-
         .wptv-hero .main-video .video-player {
                 /*height: auto !important;*/