WordPress.org

Making WordPress.org

Ticket #974: 974.6.diff

File 974.6.diff, 22.8 KB (added by nvwd, 2 years ago)

this includes all changes not already in master

  • wordpress.tv/public_html/wp-content/themes/wptv2/anon-upload-template.php

    From a1e48b52bbb1870f49013d29702502e8d124ec52 Mon Sep 17 00:00:00 2001
    From: Nowell VanHoesen <nowell@mediavine.com>
    Date: Thu, 31 Oct 2019 06:32:07 -0400
    Subject: [PATCH] first pass from last WCUS
    
    ---
     .../themes/wptv2/anon-upload-template.php     |  28 +-
     .../wp-content/themes/wptv2/front-page.php    | 105 ++--
     .../wp-content/themes/wptv2/header.php        |   3 +-
     .../wp-content/themes/wptv2/sidebar.php       |   2 +-
     .../wp-content/themes/wptv2/style.css         | 503 +++++++++++++-----
     5 files changed, 452 insertions(+), 189 deletions(-)
    
    diff --git wordpress.tv/public_html/wp-content/themes/wptv2/anon-upload-template.php wordpress.tv/public_html/wp-content/themes/wptv2/anon-upload-template.php
    index e09c42c54..3c04cc2d6 100644
    function anon_upload_css() { 
    2727                        padding-top: 10px;
    2828                }
    2929
    30                 .page-template-anon-upload-template-php #footer {
     30                /*.page-template-anon-upload-template-php #footer {
    3131                        position: absolute;
    3232                        bottom: 0;
    3333                        right: 0;
    3434                        left: 0;
    35                 }
     35                }*/
    3636
    37                 .video-upload {
     37                /*.video-upload {
    3838                        padding-bottom: 70px;
    39                 }
     39                }*/
    4040
    4141                .noscript-show p {
    4242                        margin: 0 !important;
    function anon_upload_css() { 
    4848
    4949                .video-upload-left {
    5050                        max-width: 550px;
     51                        margin: 15px;
    5152                }
    5253
    5354                .video-upload-right {
    function anon_upload_css() { 
    5657                        margin: -25px 0 25px;
    5758                }
    5859
     60                @media screen and ( max-width: 920px ) {
     61                        .video-upload-right {
     62                                float: none;
     63                                width: auto;
     64                                margin: 0 10px;
     65                        }
     66                }
     67
    5968                .video-upload p {
    6069                        margin: 16px 0;
    6170                        overflow: hidden;
    function anon_upload_css() { 
    7483                        font-weight: bold;
    7584                }
    7685
     86                @media screen and ( max-width: 500px ) {
     87                        .video-upload-left p > label,
     88                        .video-upload-left div > label {
     89                                width: 100%;
     90                        }
     91                }
     92
    7793                .video-upload-left p > label.wptv-video-wordcamp-cb {
    7894                        display: inline;
    7995                        float: none;
    function anon_upload_css() { 
    93109                        color: #333;
    94110                        background-color: #fff;
    95111                        padding: 4px;
    96                         width: 329px;
     112                        width: 96%;
    97113                        max-width: 329px;
    98114                }
    99115
    100116                .video-upload-left ul.cats-checkboxes {
    101                         margin-left: 130px;
     117                        /*margin-left: 130px;*/
    102118                        height: 150px;
    103119                        overflow: auto;
    104120                }
  • wordpress.tv/public_html/wp-content/themes/wptv2/front-page.php

    diff --git wordpress.tv/public_html/wp-content/themes/wptv2/front-page.php wordpress.tv/public_html/wp-content/themes/wptv2/front-page.php
    index 55f89c9c2..03fe2c742 100644
    get_header(); ?> 
    2929                        </h3>
    3030                </div><!-- .main-video -->
    3131                <?php endwhile; // $featured->have_posts ?>
    32 
    3332                <div class="secondary-videos">
    3433                        <h3>
    3534                                <?php esc_html_e( 'WordCampTV', 'wptv' ); ?>
    get_header(); ?> 
    4948                                ?>
    5049
    5150                                <li class="group">
    52                                         <a href="<?php the_permalink(); ?>" rel="bookmark">
    53                                                 <span class="video-thumbnail">
     51                                        <span class="video-thumbnail">
     52                                                <a href="<?php the_permalink(); ?>" rel="bookmark">
    5453                                                        <?php $wptv->the_video_image( 50, null, false ); ?>
    55                                                 </span>
    56                                                 <span class="video-title"><?php the_title(); ?></span>
    57                                         </a>
     54                                                </a>
     55                                        </span>
     56                                        <span class="video-title">
     57                                                <a href="<?php the_permalink(); ?>" rel="bookmark">
     58                                                        <?php the_title(); ?>
     59                                                </a>
     60                                        </span>
    5861                                        <?php $wptv->the_event( '<strong class="video-event">', '</strong>' ); ?>
    5962                                </li>
    6063
    get_header(); ?> 
    7376
    7477                <!-- Latest Videos -->
    7578                <?php
    76                         if ( have_posts() ) :
    77                 ?>
    78                 <h3><?php esc_html_e( 'Latest Videos', 'wptv' ); ?></h3>
    79                 <ul class="video-list four-col">
    80 
    81                         <?php while ( have_posts() ) : the_post(); ?>
    82                         <li>
    83                                 <a href="<?php the_permalink(); ?>">
    84                                         <span class="video-thumbnail"><?php $wptv->the_video_image( 50, null, false ); ?></span>
    85                                         <span class="video-title"><?php the_title(); ?></span>
    86                                 </a>
    87                         </li>
    88                         <?php endwhile; ?>
    89 
    90                 </ul>
     79                if ( have_posts() ) :
     80                        ?>
     81                        <h3><?php esc_html_e( 'Latest Videos', 'wptv' ); ?></h3>
     82                        <ul class="video-list four-col">
     83
     84                                <?php while ( have_posts() ) : the_post(); ?>
     85                                        <li>
     86                                                <a href="<?php the_permalink(); ?>">
     87                                                        <span class="video-thumbnail"><?php $wptv->the_video_image( 50, null, false ); ?></span>
     88                                                        <span class="video-title"><?php the_title(); ?></span>
     89                                                </a>
     90                                        </li>
     91                                <?php endwhile; ?>
     92
     93                        </ul>
    9194                <?php
    92                         endif; // $latest->have_posts
    93 
    94                         // Popular Videos
    95                         $popular = new WP_Query( array(
    96                                 'posts_per_page' => 8,
    97                                 'meta_key'       => 'wptv_post_views',
    98                                 'orderby'        => 'meta_value_num',
    99                                 'order'          => 'DESC',
    100                                 'date_query'     => array(
    101                                         'after' => '-180 days',
    102                                 ),
    103                         ) );
    104 
    105                         if ( $popular->have_posts() ) :
    106                 ?>
    107                 <h3><?php esc_html_e( 'Popular Videos', 'wptv' ); ?></h3>
    108                 <ul class="video-list four-col">
    109 
    110                         <?php while ( $popular->have_posts() ) : $popular->the_post(); ?>
    111                         <li>
    112                                 <a href="<?php the_permalink(); ?>">
    113                                         <span class="video-thumbnail"><?php $wptv->the_video_image( 50, null, false ); ?></span>
    114                                         <span class="video-title"><?php the_title(); ?></span>
    115                                 </a>
    116                         </li>
    117                         <?php endwhile; ?>
    118 
    119                 </ul>
     95                endif; // $latest->have_posts
     96
     97                // Popular Videos
     98                $popular = new WP_Query( array(
     99                        'posts_per_page' => 8,
     100                        'meta_key'       => 'wptv_post_views',
     101                        'orderby'        => 'meta_value_num',
     102                        'order'          => 'DESC',
     103                        'date_query'     => array(
     104                                'after' => '-180 days',
     105                        ),
     106                ) );
     107
     108                if ( $popular->have_posts() ) :
     109                        ?>
     110                        <h3><?php esc_html_e( 'Popular Videos', 'wptv' ); ?></h3>
     111                        <ul class="video-list four-col">
     112
     113                                <?php while ( $popular->have_posts() ) : $popular->the_post(); ?>
     114                                        <li>
     115                                                <a href="<?php the_permalink(); ?>">
     116                                                        <span class="video-thumbnail"><?php $wptv->the_video_image( 50, null, false ); ?></span>
     117                                                        <span class="video-title"><?php the_title(); ?></span>
     118                                                </a>
     119                                        </li>
     120                                <?php endwhile; ?>
     121
     122                        </ul>
    120123                <?php
    121                         endif; // $popular->have_posts
    122                         unset( $popular );
     124                endif; // $popular->have_posts
     125                unset( $popular );
    123126                ?>
    124127
    125128        </div><!-- .primary-content -->
  • wordpress.tv/public_html/wp-content/themes/wptv2/header.php

    diff --git wordpress.tv/public_html/wp-content/themes/wptv2/header.php wordpress.tv/public_html/wp-content/themes/wptv2/header.php
    index ad2b0e2f4..84cbca9cc 100644
    global $wptv; 
    1414
    1515<head>
    1616        <meta charset="<?php bloginfo( 'charset' ); ?>">
    17 
     17        <meta name="viewport" content="width=device-width, initial-scale=1">
    1818        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    1919        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    2020        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    global $wptv; 
    4646                        </form>
    4747
    4848                        <div id="menu">
     49                                <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Menu', 'wptv' ); ?></button>
    4950                                <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    5051                        </div>
    5152
  • wordpress.tv/public_html/wp-content/themes/wptv2/sidebar.php

    diff --git wordpress.tv/public_html/wp-content/themes/wptv2/sidebar.php wordpress.tv/public_html/wp-content/themes/wptv2/sidebar.php
    index be61888cd..a6ff2b593 100644
     
    11<div class="secondary-content">
    22        <ul>
    3                 <li>
     3                <li class="widget">
    44                        <h3><?php esc_html_e( 'Resources', 'wptv' ); ?></h3>
    55
    66                        <ul>
  • wordpress.tv/public_html/wp-content/themes/wptv2/style.css

    diff --git wordpress.tv/public_html/wp-content/themes/wptv2/style.css wordpress.tv/public_html/wp-content/themes/wptv2/style.css
    index d300cc75f..3a326768d 100644
    a img { 
    8787}
    8888
    8989/* Contain floats */
    90 .group:before, .group:after {
     90/*.group:before, .group:after {
    9191        content: "";
    9292        display: table;
    93 }
     93}*/
    9494
    95 .group:after {
     95/*.group:after {
    9696        clear: both;
    97 }
     97}*/
    9898
    99 .group {
     99/*.group {
    100100        *zoom: 1;
    101 }
     101}*/
    102102
    103103/*************************************/
    104104
    body { 
    111111        color: #444;
    112112}
    113113
    114 .group:after {
     114/*.group:after {
    115115        content: ".";
    116116        display: block;
    117117        height: 0;
    118118        clear: both;
    119119        visibility: hidden;
    120 }
     120}*/
    121121
    122122.clear {
    123123        clear: both;
    div.success p { 
    246246
    247247#header {
    248248        margin-top: 10px;
    249         height: 57px;
     249        padding: 0 30px;
     250}
     251
     252#header:after {
     253        clear: both;
     254        content: '';
     255        display: table;
    250256}
    251257
    252258#header h1 {
    253259        padding-top: 8px;
    254         float: left;
    255260}
    256261
    257262#header .sleeve {
    258         width: 942px;
     263        max-width: 942px;
     264        margin: 0 auto;
     265}
     266
     267/* Menu */
     268.menu-toggle {
    259269        margin: 0 auto;
    260270}
    261271
     272#menu {
     273        clear: both;
     274        padding: 10px 0;
     275        text-align: center;
     276}
     277
    262278#menu ul {
    263         float: right;
    264         height: 57px;;
     279        margin-left: -30px;     /* offset margins on #header, to achieve 100% viewport width */
     280        margin-right: -30px;
     281        background-color: #2698CF;
     282        text-align: center;
    265283}
    266284
    267285#menu li {
    268         float: left;
    269         display: block;
    270         margin-left: 10px;
     286        font-size: 14px;
    271287        line-height: 57px;
     288        margin-left: 0;
     289        border-bottom: 1px solid white;
     290}
     291
     292#menu li:last-child {
     293        border-bottom: none;
    272294}
    273295
     296#menu li a {
     297        border: 0;
     298        display: block;
     299        padding: 0 5px;
     300}
     301
     302#menu #searchform {
     303        margin: 0 0 0 15px;
     304}
     305
     306
    274307#menu li a,
    275308#menu li a:link,
    276309#menu li a:visited {
    277         padding: 5px;
    278         color: #555;
     310        color: white;
    279311        text-decoration: none;
    280         border: 0;
    281312}
    282313
    283314#menu .current-menu-item > a,
    div.success p { 
    288319        color: #000 !important;
    289320}
    290321
    291 #searchform {
    292         float: right;
    293         margin-left: 15px;
     322.menu-primary-container {
     323        display: none;
     324        margin-top: 20px;
     325}
     326
     327#menu.toggled .menu-primary-container {
     328        display: block;
     329}
     330
     331#menu .current-menu-item > a,
     332#menu .current-menu-ancestor > a,
     333#menu .current_page_item > a,
     334#menu .current_page_ancestor > a {
     335        color: white !important;
    294336}
    295337
    296338#searchform #searchbox,
    div.success p { 
    303345        border-radius: 2px;
    304346        height: 15px;
    305347        padding: 5px 6px;
    306         width: 140px;
     348        width: 71%;
    307349        -webkit-appearance: textfield;
    308350}
    309351
    div.success p { 
    322364        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    323365}
    324366
     367/* Forms */
     368
    325369input[type=submit], button, .button {
    326370        text-decoration: none;
    327371        -moz-border-radius: 5px;
    input[type=submit]:active, button:active, .button:active { 
    396440        );
    397441}
    398442
     443/* Intro */
     444
    399445.intro {
    400446        font-size: 30px;
    401447        height: 64px;
    div.sharedaddy.sd-rating-enabled .sd-like .post-likes-widget, div.sharedaddy.sd- 
    14791525        display: none;
    14801526}
    14811527
    1482 #content {
     1528/*#content {
    14831529        width: 100%;
    14841530        float: left;
    1485 }
     1531}*/
    14861532
    14871533#content .post {
    14881534        margin-bottom: 20px;
    a { 
    17841830        outline: none
    17851831}
    17861832
    1787 .container {
    1788         width: 940px;
     1833/*body.home .wptv-hero .container,
     1834body.home #page > .container {*/
     1835body .wptv-hero .container,
     1836body #page > .container {
     1837        display: flex;
     1838        flex-direction: column;
     1839}
     1840
     1841.wptv-hero .container,
     1842#page > .container {
    17891843        margin: auto;
     1844        max-width: 940px;
     1845        padding: 0 10px;
    17901846}
    17911847
    17921848.primary-content {
    1793         float: left;
    1794         width: 700px;
     1849        flex: 1 1 auto;
    17951850        margin: 0;
    17961851}
    17971852
    17981853.secondary-content {
    1799         float: right;
    1800         width: 200px;
    1801         margin: 0 0 50px 0;
     1854        flex: 1 1 auto;
     1855        margin: 0 30px;
    18021856}
    18031857
    18041858.tag-count {
    a { 
    18691923/* Typography
    18701924============================================================= */
    18711925
    1872 /* Menu */
    1873 
    1874 #menu {
    1875         margin-right: 5px;
    1876 }
    1877 
    1878 #menu li {
    1879         font-size: 14px;
    1880 }
    1881 
    1882 #menu li a,
    1883 #menu li a:link,
    1884 #menu li a:visited {
    1885         color: #21759b;
    1886 }
    1887 
    1888 #menu li a.selected {
    1889         color: #545454;
    1890 }
    1891 
    1892 #menu li a:hover,
    1893 #menu li a:focus {
    1894         color: #d54e21;
    1895 }
    1896 
    1897 #menu #searchform {
    1898         margin: 0 0 0 15px;
    1899 }
    1900 
    19011926/* Titles and Body Text */
    19021927
    19031928body, td, p,
    body, td, p, 
    19181943}
    19191944
    19201945.page-title {
    1921         width: 940px;
     1946        max-width: 940px;
    19221947        margin: auto;
    19231948}
    19241949
    h5 { 
    20152040============================================================= */
    20162041
    20172042.wptv-hero {
    2018         clear: both;
    2019 
    2020         margin: 10px auto 30px auto;
    2021         padding: 30px 0 10px 0;
    2022 
     2043        margin: 10px auto 30px;
     2044        padding: 30px 0 10px;
    20232045        background: #F0F0F0;
    20242046}
    20252047
    20262048.wptv-hero .main-video {
    20272049        background: #2f2f2f;
    2028         clear: both;
    2029 
    2030         float: left;
    2031         width: 575px;
     2050        /* margin: auto; */
     2051        max-width: 575px;
     2052        position: relative;
    20322053}
    20332054
    20342055.wptv-hero .main-video .video-player {
    2035         width: 100% !important;
    2036         height: 323px !important;
     2056        /*width: 100% !important;*/
    20372057        margin: 0 !important;
    20382058}
    20392059
    h5 { 
    20502070}
    20512071
    20522072.wptv-hero .main-video .video-player .videopress-title,
    2053 .wptv-hero .main-video .video-player .videopress-watemark {
     2073.wptv-hero .main-video .video-player .videopress-watermark {
    20542074        display: none !important;
    20552075}
    20562076
    h5 { 
    20962116}
    20972117
    20982118.wptv-hero .secondary-videos {
    2099         float: right;
    2100         width: 345px;
     2119        margin: 20px auto 0;
     2120        max-width: 575px;
    21012121}
    21022122
    21032123.wptv-hero .secondary-videos h3 {
    h5 { 
    21112131
    21122132.wptv-hero .secondary-videos li {
    21132133        font-size: 13px;
    2114 
    2115         min-height: 75px;
    2116         position: relative;
    2117 
    2118         margin: 0 auto 23px 0;
    2119         padding: 0 0 0 142px;
     2134        margin: 0 auto 23px;
     2135        max-width: 130px;
    21202136}
    21212137
    21222138.wptv-hero .secondary-videos .video-thumbnail img {
    21232139        width: 130px;
    21242140        height: 75px;
    2125 
    2126         position: absolute;
    2127         left: 0;
    21282141}
    21292142
    21302143.wptv-hero .secondary-videos a:hover img {
    h5 { 
    21352148============================================================= */
    21362149
    21372150.video-list {
    2138         clear: both;
     2151        display: flex;
     2152        flex-wrap: wrap;
     2153        margin: 0 -5px;
     2154}
     2155
     2156.video-list:after {
     2157        content: '';
     2158        flex: auto;
    21392159}
    21402160
    21412161.video-list li {
    2142         float: left;
    2143         min-height: 220px;
     2162        flex: 0 0 160px;
    21442163        margin-bottom: 20px;
     2164        padding: 0 5px;
    21452165}
    21462166
    21472167.video-list li .video-thumbnail {
    21482168        display: block;
    21492169        width: 100%;
    2150         height: 100px;
    21512170
    21522171        margin: 0 0 8px 0;
    21532172
    h5 { 
    21602179        min-height: 100px;
    21612180}
    21622181
    2163 .video-list.four-col {
    2164         width: 860px;
    2165 }
    2166 
    2167 .video-list.four-col li {
    2168         width: 160px;
    2169         margin-right: 20px;
    2170 }
    2171 
    21722182.secondary-content .video-list .video-title {
    21732183        font-size: 13px;
    21742184        display: block;
    h5 { 
    22032213        position: relative;
    22042214}
    22052215
    2206 .archive.video-list .video-thumbnail {
     2216/*.archive.video-list .video-thumbnail {
    22072217        position: absolute;
    22082218        top: 0;
    22092219        left: 0;
    h5 { 
    22122222        height: 120px;
    22132223
    22142224        margin: 0 20px 0 0;
    2215 }
     2225}*/
    22162226
    22172227.archive.video-list .video-title {
    22182228        font-size: 16px;
    22192229        margin: 4px 0 8px;
    22202230}
    22212231
    2222 .archive.video-list .video-description {
     2232/*.archive.video-list .video-description {
    22232233        display: block;
    22242234        padding-left: 240px;
    2225 }
     2235}*/
    22262236
    22272237.archive.video-list .video-date {
    22282238        color: #aaa;
    body:not(.single) .video-info { 
    22812291
    22822292/* Video Player and Placeholder */
    22832293
    2284 .single .video-player {
     2294/*.single .video-player {
    22852295        float: left;
    22862296        width: 940px !important;
    22872297        height: 529px !important;
    22882298
    22892299        overflow: hidden;
    2290 }
     2300}*/
    22912301
    22922302.videopress-placeholder,
    22932303.video-player object {
    h3#comments { 
    24292439        margin: 3px 0 20px 0;
    24302440}
    24312441
    2432 .category-wordcamptv .secondary-content {
     2442/*.category-wordcamptv .secondary-content {
    24332443        float: left;
    24342444        width: 200px;
    2435 }
     2445}*/
    24362446
    2437 .category-wordcamptv .primary-content {
     2447/*.category-wordcamptv .primary-content {
    24382448        float: right;
    24392449        margin: 0;
    2440 }
     2450}*/
    24412451
    24422452/* WordCamp Individual Page
    24432453============================================================= */
    h3#comments { 
    24532463        margin: 0 0 40px 0;
    24542464}
    24552465
     2466.secondary-content li.widget {
     2467        border: 0;
     2468        text-align: center;
     2469}
     2470
    24562471.secondary-content li li {
    24572472        border-bottom: 1px #e5e5e5 solid;
    24582473        padding: 5px 0;
    h3#comments { 
    24682483        padding: 0 0 9px;
    24692484}
    24702485
    2471 .secondary-content li.widget {
    2472         border: 0;
    2473 }
    2474 
    24752486/* 404 page
    24762487============================================================= */
    24772488
    24782489.error404 .primary-content {
    2479         width: 940px;
     2490        max-width: 940px;
    24802491}
    24812492
    24822493.error404 h2 {
    h3#comments { 
    25122523
    25132524#footer {
    25142525        background: #f0f0f0;
    2515         clear: both;
    25162526        color: #888;
    2517         height: 3.5em;
    2518         margin: 10px 0 15px 0;
     2527        margin: 10px 0 0 0;
    25192528        padding: 10px 0;
    25202529}
    25212530
    25222531#footer .automattic {
    2523         width: 400px;
    2524         float: right;
    2525         text-align: right;
    25262532        font-size: 11px;
    25272533        letter-spacing: 0.2em;
    2528         line-height: 3em;
    2529         padding-top: 13px;
     2534        line-height: 28px;
    25302535        padding-right: 2px;
     2536        padding-top: 13px;
     2537        text-align: center;
    25312538        text-transform: uppercase;
    2532         line-height: 28px;
    25332539}
    25342540
    25352541#footer .automattic a {
    h3#comments { 
    25402546
    25412547.menu-footer-container,
    25422548#footer div.menu {
    2543         float: left;
    25442549        line-height: 4em;
    2545         margin-left: 2px;
    25462550        font-size: 13px;
    25472551        margin-bottom: 0;
    2548 }
    2549 
    2550 .menu-footer-container li,
    2551 #footer div.menu li {
    2552         display: inline-block;
    2553         margin: 0 10px;
     2552        text-align: center;
    25542553}
    25552554
    25562555.menu-footer-container li:last-of-type:after,
    h3#comments { 
    25872586#footer img.videopress {
    25882587        display: inline;
    25892588}
     2589
     2590/* Media Queries
     2591============================================================= */
     2592
     2593@media screen and ( min-width: 415px ) {
     2594        .wptv-hero .secondary-videos li {
     2595                max-width: initial;
     2596                min-height: 75px;
     2597                padding-left: 150px;
     2598                position: relative;
     2599        }
     2600
     2601        .wptv-hero .secondary-videos .video-thumbnail {
     2602                left: 0;
     2603                position: absolute;
     2604        }
     2605}
     2606
     2607@media screen and ( min-width: 500px ) {
     2608        #header {
     2609                padding: 0 20px;
     2610        }
     2611
     2612        #header h1 {
     2613                float: left;
     2614        }
     2615
     2616        .menu-primary-container {
     2617                display: initial;
     2618        }
     2619
     2620        .menu-toggle {
     2621                display: none;
     2622        }
     2623
     2624        #menu ul {
     2625                background-color: transparent;
     2626                margin-left: -10px;
     2627                margin-right: auto;
     2628        }
     2629
     2630        #menu li {
     2631                float: left;
     2632                margin-left: 10px;
     2633        }
     2634
     2635        #menu li a,
     2636        #menu li a:link,
     2637        #menu li a:visited {
     2638                color: #21759b;
     2639        }
     2640
     2641        #menu li a.selected {
     2642                color: #545454;
     2643        }
     2644
     2645        #menu li a:hover,
     2646        #menu li a:focus {
     2647                color: #d54e21;
     2648        }
     2649
     2650        #searchform {
     2651                float: right;
     2652        }
     2653
     2654        #searchform #searchbox,
     2655        #searchform input#s {
     2656                width: 140px;
     2657        }
     2658
     2659        .secondary-content li.widget {
     2660                width: 45%;
     2661                display: inline-block;
     2662                vertical-align: top;
     2663                margin-right: -6px;     /* http://css-tricks.com/fighting-the-space-between-inline-block-elements/ */
     2664                padding-right: 30px;
     2665        }
     2666
     2667        .secondary-content li.widget:nth-child( even ) {
     2668                margin-right: 0;
     2669                padding-right: 0;
     2670        }
     2671
     2672}
     2673
     2674@media screen and ( min-width: 600px ) {
     2675        .menu-toggle {
     2676                display: none;
     2677        }
     2678
     2679        #menu li a:link,
     2680        #menu li a:visited {
     2681                color: #555;
     2682        }
     2683
     2684        #footer {
     2685                height: 3.5em;
     2686        }
     2687
     2688        .menu-footer-container li,
     2689        #footer div.menu li {
     2690                display: inline-block;
     2691                margin: 0 10px;
     2692        }
     2693
     2694
     2695}
     2696
     2697@media screen and ( min-width: 940px ) {
     2698}
     2699
     2700@media screen and ( min-width: 940px ) {
     2701        #menu {
     2702                clear: initial;
     2703                padding: 0;
     2704        }
     2705
     2706        #menu ul {
     2707                float: right;
     2708                height: 57px;
     2709        }
     2710
     2711        #menu li {
     2712                padding: 0;
     2713        }
     2714
     2715        #menu li a {
     2716                display: initial;
     2717                padding: 5px;
     2718        }
     2719
     2720        #searchform {
     2721                margin-left: 15px;
     2722        }
     2723
     2724        body.home .wptv-hero .container,
     2725        body.home #page > .container {
     2726                flex-direction: row;
     2727        }
     2728
     2729        .wptv-hero .main-video {
     2730                flex: 0 0 575px;
     2731        }
     2732
     2733        .wptv-hero .secondary-videos {
     2734                flex: 1 1 auto;
     2735                margin-left: 23px;
     2736                margin-top: 0;
     2737        }
     2738
     2739        .secondary-content {
     2740                flex: 0 0 200px;
     2741                margin: -20px 0 50px 40px;
     2742        }
     2743
     2744        .secondary-content li.widget {
     2745                display: initial;
     2746                text-align: left;
     2747                width: auto;
     2748        }
     2749
     2750        .category-wordcamptv .secondary-content {
     2751                float: left;
     2752                width: 170px;
     2753        }
     2754
     2755        .category-wordcamptv .primary-content {
     2756                float: right;
     2757                margin: 0;
     2758        }
     2759
     2760        .single .video-player {
     2761                float: left;
     2762                width: 940px !important;
     2763                height: 529px !important;
     2764                overflow: hidden;
     2765        }
     2766
     2767        .menu-footer-container,
     2768        #footer div.menu {
     2769                float: left;
     2770        }
     2771
     2772        #footer .automattic {
     2773                float: right;
     2774                margin-right: 20px;
     2775                text-align: right;
     2776                width: 380px;
     2777        }
     2778}
     2779
     2780@media screen and ( max-width: 940px ) {
     2781
     2782        .category .page-title,
     2783        .desc {
     2784                float: none;
     2785        }
     2786
     2787        .wptv-hero .main-video .video-player {
     2788                /*height: auto !important;*/
     2789
     2790                /* todo when video starts playing, it dissappears */
     2791                /* todo watermark is creating empty space */
     2792        }
     2793
     2794}
     2795
     2796@media screen and ( min-width:920px ) {
     2797        #footer {
     2798                height: 3.5em;
     2799        }
     2800}
     2801
     2802@media screen and ( max-width:620px ) {
     2803        .dot {
     2804                display: none;
     2805        }
     2806}
     2807
     2808@media screen and ( min-width:621px ) {
     2809        .archive.video-list .video-thumbnail {
     2810                position: absolute;
     2811                top: 0;
     2812                left: 0;
     2813
     2814                width: 220px;
     2815                height: 120px;
     2816
     2817                margin: 0 20px 0 0;
     2818        }
     2819
     2820        .archive.video-list .video-description {
     2821                display: block;
     2822                padding-left: 240px;
     2823        }
     2824}
     2825
     2826@media screen and ( max-width:400px ) {
     2827
     2828        .entry .contact-form textarea {
     2829                width: 98%;
     2830        }
     2831}
     2832
  • wordpress.tv/public_html/wp-content/themes/wptv2/style.css

    -- 
    2.20.1
    
    From 9dd8120620d91c5a1fb6e23ed89b0a21c468d7f5 Mon Sep 17 00:00:00 2001
    From: Nowell VanHoesen <nowell@mediavine.com>
    Date: Tue, 5 Nov 2019 16:42:32 -0500
    Subject: [PATCH] responsive adjustments
    
    ---
     .../wp-content/themes/wptv2/style.css         | 46 +++++++------------
     1 file changed, 17 insertions(+), 29 deletions(-)
    
    diff --git wordpress.tv/public_html/wp-content/themes/wptv2/style.css wordpress.tv/public_html/wp-content/themes/wptv2/style.css
    index 3a326768d..740ca415b 100644
    body #page > .container { 
    18461846}
    18471847
    18481848.primary-content {
    1849         flex: 1 1 auto;
     1849        flex: 1 1 650px;
    18501850        margin: 0;
    18511851}
    18521852
    body, td, p, 
    19511951        font-size: 13px;
    19521952        font-weight: bold;
    19531953        -webkit-font-smoothing: antialiased;
     1954  text-align: left;
    19541955}
    19551956
    19561957h2 {
    h5 { 
    20472048
    20482049.wptv-hero .main-video {
    20492050        background: #2f2f2f;
    2050         /* margin: auto; */
     2051  margin: 0 auto;
    20512052        max-width: 575px;
    20522053        position: relative;
    20532054}
    h3#comments { 
    24282429}
    24292430
    24302431.category .page-title {
    2431         float: left;
    2432         width: auto;
    2433         margin: -8px 0 20px 0;
     2432        flex: 0 0 25%;
     2433        margin: -8px auto 20px;
    24342434}
    24352435
    24362436.desc {
    2437         float: right;
     2437  flex: 0 0 70%;
    24382438        color: #969696;
    24392439        margin: 3px 0 20px 0;
     2440  text-align: center;
    24402441}
    24412442
    2442 /*.category-wordcamptv .secondary-content {
    2443         float: left;
    2444         width: 200px;
    2445 }*/
    2446 
    2447 /*.category-wordcamptv .primary-content {
    2448         float: right;
    2449         margin: 0;
    2450 }*/
    2451 
    24522443/* WordCamp Individual Page
    24532444============================================================= */
    24542445
    h3#comments { 
    26942685
    26952686}
    26962687
    2697 @media screen and ( min-width: 940px ) {
    2698 }
    2699 
    27002688@media screen and ( min-width: 940px ) {
    27012689        #menu {
    27022690                clear: initial;
    h3#comments { 
    27212709                margin-left: 15px;
    27222710        }
    27232711
    2724         body.home .wptv-hero .container,
    2725         body.home #page > .container {
     2712  body .wptv-hero .container,
     2713        body #page > .container {
    27262714                flex-direction: row;
     2715    flex-wrap: wrap;
     2716    justify-content: space-between;
    27272717        }
    27282718
    27292719        .wptv-hero .main-video {
    27302720                flex: 0 0 575px;
     2721    margin-left: 0;
     2722    margin-right: 0;
    27312723        }
    27322724
    27332725        .wptv-hero .secondary-videos {
    2734                 flex: 1 1 auto;
     2726                flex: 1 0 320px;
    27352727                margin-left: 23px;
    27362728                margin-top: 0;
    27372729        }
    h3#comments { 
    27482740        }
    27492741
    27502742        .category-wordcamptv .secondary-content {
    2751                 float: left;
     2743    margin: 0 30px 0 0;
     2744    order: 0;
    27522745                width: 170px;
    27532746        }
    27542747
    27552748        .category-wordcamptv .primary-content {
    2756                 float: right;
    27572749                margin: 0;
     2750    order: 1;
    27582751        }
    27592752
    27602753        .single .video-player {
    h3#comments { 
    27792772
    27802773@media screen and ( max-width: 940px ) {
    27812774
    2782         .category .page-title,
    2783         .desc {
    2784                 float: none;
    2785         }
    2786 
    27872775        .wptv-hero .main-video .video-player {
    27882776                /*height: auto !important;*/
    27892777