WordPress.org
Get WordPress

Making WordPress.org

Ticket #974: 974.7.diff

File 974.7.diff, 14.3 KB (added by iandunn, 6 years ago)

  • anon-upload-template.php

     
    2727                        padding-top: 10px;
    2828                }
    2929
    30                 .page-template-anon-upload-template-php #footer {
    31                         position: absolute;
    32                         bottom: 0;
    33                         right: 0;
    34                         left: 0;
    35                 }
    36 
    3730                .video-upload {
    38                         padding-bottom: 70px;
     31                        width: 100%;
    3932                }
    4033
    4134                .noscript-show p {
    … …  
    4841
    4942                .video-upload-left {
    5043                        max-width: 550px;
     44                        margin: 15px;
    5145                }
    5246
    5347                .video-upload-right {
    … …  
    5650                        margin: -25px 0 25px;
    5751                }
    5852
     53                @media screen and ( max-width: 920px ) {
     54                        .video-upload-right {
     55                                float: none;
     56                                width: auto;
     57                                margin: 0 10px;
     58                        }
     59                }
     60
    5961                .video-upload p {
    6062                        margin: 16px 0;
    6163                        overflow: hidden;
    … …  
    7476                        font-weight: bold;
    7577                }
    7678
     79                @media screen and ( max-width: 500px ) {
     80                        .video-upload-left p > label,
     81                        .video-upload-left div > label {
     82                                width: 100%;
     83                        }
     84                }
     85
    7786                .video-upload-left p > label.wptv-video-wordcamp-cb {
    7887                        display: inline;
    7988                        float: none;
    … …  
    93102                        color: #333;
    94103                        background-color: #fff;
    95104                        padding: 4px;
    96                         width: 329px;
     105                        width: 96%;
    97106                        max-width: 329px;
    98107                }
    99108
    100109                .video-upload-left ul.cats-checkboxes {
    101                         margin-left: 130px;
    102110                        height: 150px;
    103111                        overflow: auto;
    104112                }

  • front-page.php

     
    4949                                ?>
    5050
    5151                                <li class="group">
    52                                         <a href="<?php the_permalink(); ?>" rel="bookmark">
    5352                                                <span class="video-thumbnail">
     53                                                        <a href="<?php the_permalink(); ?>" rel="bookmark">
    5454                                                        <?php $wptv->the_video_image( 50, null, false ); ?>
     55                                                        </a>
    5556                                                </span>
    56                                                 <span class="video-title"><?php the_title(); ?></span>
    57                                         </a>
     57                                                <span class="video-title">
     58                                                        <a href="<?php the_permalink(); ?>" rel="bookmark">
     59                                                                <?php the_title(); ?>
     60                                                        </a>
     61                                                </span>
    5862                                        <?php $wptv->the_event( '<strong class="video-event">', '</strong>' ); ?>
    5963                                </li>
    6064

  • header.php

     
    1515<head>
    1616        <meta charset="<?php bloginfo( 'charset' ); ?>">
    1717
     18        <meta name="viewport" content="width=device-width, initial-scale=1">
    1819        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    1920        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    2021        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

  • sidebar.php

     
    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>

  • style.css

     
    8686        border: none;
    8787}
    8888
    89 /* Contain floats */
    90 .group:before, .group:after {
    91         content: "";
    92         display: table;
     89iframe {
     90        max-width: 100%;
    9391}
    9492
    95 .group:after {
    96         clear: both;
    97 }
    98 
    99 .group {
    100         *zoom: 1;
    101 }
    102 
    10393/*************************************/
    10494
    10595/* Defaults */
    … …  
    111101        color: #444;
    112102}
    113103
    114 .group:after {
    115         content: ".";
    116         display: block;
    117         height: 0;
    118         clear: both;
    119         visibility: hidden;
    120 }
    121 
    122104.clear {
    123105        clear: both;
    124106}
    … …  
    246228
    247229#header {
    248230        margin-top: 10px;
    249         height: 57px;
     231        padding: 0 30px;
    250232}
    251233
     234#header:after {
     235        clear: both;
     236        content: '';
     237        display: table;
     238}
     239
    252240#header h1 {
    253241        padding-top: 8px;
    254         float: left;
    255242}
    256243
    257244#header .sleeve {
    258         width: 942px;
     245        max-width: 942px;
    259246        margin: 0 auto;
    260247}
    261248
    262 #menu ul {
    263         float: right;
    264         height: 57px;;
     249/* Menu */
     250
     251#menu {
     252        clear: both;
     253        padding: 10px 0;
    265254}
    266255
    267256#menu li {
    268         float: left;
    269         display: block;
    270         margin-left: 10px;
    271         line-height: 57px;
     257        display: inline-block;
     258        font-size: 14px;
     259        margin-left: 0;
     260        border-bottom: 1px solid white;
    272261}
    273262
     263#menu li:last-child {
     264        border-bottom: none;
     265}
     266
     267#menu li a {
     268        border: 0;
     269        padding: 0 5px;
     270}
     271
     272#menu #searchform {
     273        margin: 0 0 0 15px;
     274}
     275
     276
    274277#menu li a,
    275278#menu li a:link,
    276279#menu li a:visited {
    277         padding: 5px;
    278         color: #555;
    279280        text-decoration: none;
    280         border: 0;
    281281}
    282282
    283283#menu .current-menu-item > a,
    … …  
    288288        color: #000 !important;
    289289}
    290290
    291 #searchform {
    292         float: right;
    293         margin-left: 15px;
     291#menu.toggled .menu-primary-container {
     292        display: block;
    294293}
    295294
     295#menu .current-menu-item > a,
     296#menu .current-menu-ancestor > a,
     297#menu .current_page_item > a,
     298#menu .current_page_ancestor > a {
     299        color: white !important;
     300}
     301
    296302#searchform #searchbox,
    297303#searchform input#s {
    298304        box-sizing: content-box;
    … …  
    303309        border-radius: 2px;
    304310        height: 15px;
    305311        padding: 5px 6px;
    306         width: 140px;
     312        width: 71%;
    307313        -webkit-appearance: textfield;
    308314}
    309315
    … …  
    322328        box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
    323329}
    324330
     331/* Forms */
     332
    325333input[type=submit], button, .button {
    326334        text-decoration: none;
    327335        -moz-border-radius: 5px;
    … …  
    396404        );
    397405}
    398406
     407/* Intro */
     408
    399409.intro {
    400410        font-size: 30px;
    401411        height: 64px;
    … …  
    14791489        display: none;
    14801490}
    14811491
    1482 #content {
    1483         width: 100%;
    1484         float: left;
    1485 }
    1486 
    14871492#content .post {
    14881493        margin-bottom: 20px;
    14891494        clear: both;
    … …  
    17841789        outline: none
    17851790}
    17861791
    1787 .container {
    1788         width: 940px;
     1792.wptv-hero .container,
     1793#page > .container {
    17891794        margin: auto;
     1795        max-width: 940px;
     1796        padding: 0 10px;
    17901797}
    17911798
    17921799.primary-content {
    1793         float: left;
    1794         width: 700px;
     1800        flex: 1 1 650px;
    17951801        margin: 0;
    17961802}
    17971803
    17981804.secondary-content {
    1799         float: right;
    1800         width: 200px;
    1801         margin: 0 0 50px 0;
     1805        flex: 1 1 auto;
     1806        margin: 0 30px;
    18021807}
    18031808
    18041809.tag-count {
    … …  
    18691874/* Typography
    18701875============================================================= */
    18711876
    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 
    19011877/* Titles and Body Text */
    19021878
    19031879body, td, p,
    … …  
    19181894}
    19191895
    19201896.page-title {
    1921         width: 940px;
     1897        max-width: 940px;
    19221898        margin: auto;
    19231899}
    19241900
    … …  
    19261902        font-size: 13px;
    19271903        font-weight: bold;
    19281904        -webkit-font-smoothing: antialiased;
     1905        text-align: left;
    19291906}
    19301907
    19311908h2 {
    … …  
    20151992============================================================= */
    20161993
    20171994.wptv-hero {
    2018         clear: both;
    2019 
    2020         margin: 10px auto 30px auto;
    2021         padding: 30px 0 10px 0;
    2022 
     1995        margin: 10px auto 30px;
     1996        padding: 30px 0 10px;
    20231997        background: #F0F0F0;
    20241998}
    20251999
    20262000.wptv-hero .main-video {
    20272001        background: #2f2f2f;
    2028         clear: both;
    2029 
    2030         float: left;
    2031         width: 575px;
     2002        margin: 0 auto;
     2003        max-width: 575px;
     2004        position: relative;
    20322005}
    20332006
    20342007.wptv-hero .main-video .video-player {
    2035         width: 100% !important;
    2036         height: 323px !important;
    20372008        margin: 0 !important;
    20382009}
    20392010
    … …  
    20502021}
    20512022
    20522023.wptv-hero .main-video .video-player .videopress-title,
    2053 .wptv-hero .main-video .video-player .videopress-watemark {
     2024.wptv-hero .main-video .video-player .videopress-watermark {
    20542025        display: none !important;
    20552026}
    20562027
    … …  
    20962067}
    20972068
    20982069.wptv-hero .secondary-videos {
    2099         float: right;
    2100         width: 345px;
     2070        margin: 20px auto 0;
     2071        max-width: 575px;
    21012072}
    21022073
    21032074.wptv-hero .secondary-videos h3 {
    … …  
    21112082
    21122083.wptv-hero .secondary-videos li {
    21132084        font-size: 13px;
    2114 
    2115         min-height: 75px;
    2116         position: relative;
    2117 
    2118         margin: 0 auto 23px 0;
    2119         padding: 0 0 0 142px;
     2085        margin: 0 auto 23px;
     2086        max-width: 130px;
    21202087}
    21212088
    21222089.wptv-hero .secondary-videos .video-thumbnail img {
    21232090        width: 130px;
    21242091        height: 75px;
    2125 
    2126         position: absolute;
    2127         left: 0;
    21282092}
    21292093
    21302094.wptv-hero .secondary-videos a:hover img {
    … …  
    21352099============================================================= */
    21362100
    21372101.video-list {
    2138         clear: both;
     2102        display: flex;
     2103        flex-wrap: wrap;
     2104        margin: 0 -5px;
    21392105}
    21402106
     2107.video-list:after {
     2108        content: '';
     2109        flex: auto;
     2110}
     2111
    21412112.video-list li {
    2142         float: left;
    2143         min-height: 220px;
     2113        flex: 0 0 160px;
    21442114        margin-bottom: 20px;
     2115        padding: 0 5px;
    21452116}
    21462117
    21472118.video-list li .video-thumbnail {
    21482119        display: block;
    21492120        width: 100%;
    2150         height: 100px;
    21512121
    21522122        margin: 0 0 8px 0;
    21532123
    … …  
    21602130        min-height: 100px;
    21612131}
    21622132
    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 
    21722133.secondary-content .video-list .video-title {
    21732134        font-size: 13px;
    21742135        display: block;
    … …  
    22032164        position: relative;
    22042165}
    22052166
    2206 .archive.video-list .video-thumbnail {
    2207         position: absolute;
    2208         top: 0;
    2209         left: 0;
    2210 
    2211         width: 220px;
    2212         height: 120px;
    2213 
    2214         margin: 0 20px 0 0;
    2215 }
    2216 
    22172167.archive.video-list .video-title {
    22182168        font-size: 16px;
    22192169        margin: 4px 0 8px;
    22202170}
    22212171
    2222 .archive.video-list .video-description {
    2223         display: block;
    2224         padding-left: 240px;
    2225 }
    2226 
    22272172.archive.video-list .video-date {
    22282173        color: #aaa;
    22292174        display: block;
    … …  
    22812226
    22822227/* Video Player and Placeholder */
    22832228
    2284 .single .video-player {
    2285         float: left;
    2286         width: 940px !important;
    2287         height: 529px !important;
    2288 
    2289         overflow: hidden;
    2290 }
    2291 
    22922229.videopress-placeholder,
    22932230.video-player object {
    22942231        width: 100% !important;
    … …  
    24182355}
    24192356
    24202357.category .page-title {
    2421         float: left;
    2422         width: auto;
    2423         margin: -8px 0 20px 0;
     2358        flex: 0 0 25%;
     2359        margin: -8px auto 20px;
    24242360}
    24252361
    24262362.desc {
    2427         float: right;
     2363        flex: 0 0 70%;
    24282364        color: #969696;
    24292365        margin: 3px 0 20px 0;
     2366        text-align: center;
    24302367}
    24312368
    2432 .category-wordcamptv .secondary-content {
    2433         float: left;
    2434         width: 200px;
    2435 }
    2436 
    2437 .category-wordcamptv .primary-content {
    2438         float: right;
    2439         margin: 0;
    2440 }
    2441 
    24422369/* WordCamp Individual Page
    24432370============================================================= */
    24442371
    … …  
    24532380        margin: 0 0 40px 0;
    24542381}
    24552382
     2383.secondary-content li.widget {
     2384        border: 0;
     2385        text-align: center;
     2386}
     2387
    24562388.secondary-content li li {
    24572389        border-bottom: 1px #e5e5e5 solid;
    24582390        padding: 5px 0;
    … …  
    24682400        padding: 0 0 9px;
    24692401}
    24702402
    2471 .secondary-content li.widget {
    2472         border: 0;
    2473 }
    2474 
    24752403/* 404 page
    24762404============================================================= */
    24772405
    24782406.error404 .primary-content {
    2479         width: 940px;
     2407        max-width: 940px;
    24802408}
    24812409
    24822410.error404 h2 {
    … …  
    25122440
    25132441#footer {
    25142442        background: #f0f0f0;
    2515         clear: both;
    25162443        color: #888;
    2517         height: 3.5em;
    2518         margin: 10px 0 15px 0;
     2444        margin: 10px 0 0 0;
    25192445        padding: 10px 0;
    25202446}
    25212447
    25222448#footer .automattic {
    2523         width: 400px;
    2524         float: right;
    2525         text-align: right;
    25262449        font-size: 11px;
    25272450        letter-spacing: 0.2em;
    2528         line-height: 3em;
     2451        line-height: 28px;
     2452        padding-right: 2px;
    25292453        padding-top: 13px;
    2530         padding-right: 2px;
     2454        text-align: center;
    25312455        text-transform: uppercase;
    2532         line-height: 28px;
    25332456}
    25342457
    25352458#footer .automattic a {
    … …  
    25402463
    25412464.menu-footer-container,
    25422465#footer div.menu {
    2543         float: left;
    25442466        line-height: 4em;
    2545         margin-left: 2px;
    25462467        font-size: 13px;
    25472468        margin-bottom: 0;
     2469        text-align: center;
    25482470}
    25492471
    2550 .menu-footer-container li,
    2551 #footer div.menu li {
    2552         display: inline-block;
    2553         margin: 0 10px;
    2554 }
    2555 
    25562472.menu-footer-container li:last-of-type:after,
    25572473#footer div.menu li:last-of-type:after {
    25582474        content: none;
    … …  
    25872503#footer img.videopress {
    25882504        display: inline;
    25892505}
     2506
     2507/* Media Queries
     2508============================================================= */
     2509
     2510@media screen and ( min-width: 415px ) {
     2511        .wptv-hero .secondary-videos li {
     2512                max-width: initial;
     2513                min-height: 75px;
     2514                padding-left: 150px;
     2515                position: relative;
     2516        }
     2517
     2518        .wptv-hero .secondary-videos .video-thumbnail {
     2519                left: 0;
     2520                position: absolute;
     2521        }
     2522}
     2523
     2524@media screen and ( min-width: 500px ) {
     2525        #header {
     2526                padding: 0 20px;
     2527        }
     2528
     2529        #header h1 {
     2530                float: left;
     2531        }
     2532
     2533        .menu-primary-container {
     2534                display: initial;
     2535        }
     2536
     2537        #menu ul {
     2538                background-color: transparent;
     2539                margin-left: -10px;
     2540                margin-right: auto;
     2541        }
     2542
     2543        #menu li {
     2544                float: left;
     2545                margin-left: 10px;
     2546        }
     2547
     2548        #menu li a,
     2549        #menu li a:link,
     2550        #menu li a:visited {
     2551                color: #21759b;
     2552        }
     2553
     2554        #menu li a.selected {
     2555                color: #545454;
     2556        }
     2557
     2558        #menu li a:hover,
     2559        #menu li a:focus {
     2560                color: #d54e21;
     2561        }
     2562
     2563        #searchform {
     2564                float: right;
     2565        }
     2566
     2567        #searchform #searchbox,
     2568        #searchform input#s {
     2569                width: 140px;
     2570        }
     2571
     2572        .secondary-content li.widget {
     2573                width: 45%;
     2574                display: inline-block;
     2575                vertical-align: top;
     2576                margin-right: -6px;     /* http://css-tricks.com/fighting-the-space-between-inline-block-elements/ */
     2577                padding-right: 30px;
     2578        }
     2579
     2580        .secondary-content li.widget:nth-child( even ) {
     2581                margin-right: 0;
     2582                padding-right: 0;
     2583        }
     2584
     2585}
     2586
     2587@media screen and ( min-width: 600px ) {
     2588        #menu li a:link,
     2589        #menu li a:visited {
     2590                color: #555;
     2591        }
     2592
     2593        #footer {
     2594                height: 3.5em;
     2595        }
     2596
     2597        .menu-footer-container li,
     2598        #footer div.menu li {
     2599                display: inline-block;
     2600                margin: 0 10px;
     2601        }
     2602}
     2603
     2604@media screen and ( min-width: 940px ) {
     2605        #menu {
     2606                clear: initial;
     2607                padding: 0;
     2608        }
     2609
     2610        #menu ul {
     2611                float: right;
     2612                margin-top: 18px;
     2613        }
     2614
     2615        #menu li {
     2616                padding: 0;
     2617        }
     2618
     2619        #menu li a {
     2620                display: initial;
     2621                padding: 5px;
     2622        }
     2623
     2624        #searchform {
     2625                margin-left: 15px;
     2626        }
     2627
     2628        body .wptv-hero .container,
     2629        body #page > .container {
     2630                display: flex;
     2631                flex-direction: row;
     2632                flex-wrap: wrap;
     2633                justify-content: space-between;
     2634        }
     2635
     2636        .wptv-hero .main-video {
     2637                flex: 0 0 575px;
     2638                margin-left: 0;
     2639                margin-right: 0;
     2640        }
     2641
     2642        .wptv-hero .secondary-videos {
     2643                flex: 1 0 320px;
     2644                margin-left: 23px;
     2645                margin-top: 0;
     2646        }
     2647
     2648        .secondary-content {
     2649                flex: 0 0 200px;
     2650                margin: -20px 0 50px 40px;
     2651        }
     2652
     2653        .secondary-content li.widget {
     2654                display: initial;
     2655                text-align: left;
     2656                width: auto;
     2657        }
     2658
     2659        .category-wordcamptv .secondary-content {
     2660                margin: 0 30px 0 0;
     2661                order: 0;
     2662                width: 170px;
     2663        }
     2664
     2665        .category-wordcamptv .primary-content {
     2666                margin: 0;
     2667                order: 1;
     2668        }
     2669
     2670        .single .video-player {
     2671                float: left;
     2672                width: 940px !important;
     2673                height: 529px !important;
     2674                overflow: hidden;
     2675        }
     2676
     2677        .menu-footer-container,
     2678        #footer div.menu {
     2679                float: left;
     2680        }
     2681
     2682        #footer .automattic {
     2683                float: right;
     2684                margin-right: 20px;
     2685                text-align: right;
     2686                width: 380px;
     2687        }
     2688}
     2689
     2690@media screen and ( min-width:920px ) {
     2691        #footer {
     2692                height: 3.5em;
     2693        }
     2694}
     2695
     2696@media screen and ( max-width:620px ) {
     2697        .dot {
     2698                display: none;
     2699        }
     2700}
     2701
     2702@media screen and ( min-width:621px ) {
     2703        .archive.video-list .video-thumbnail {
     2704                top: 0;
     2705                left: 0;
     2706
     2707                width: 220px;
     2708                height: 120px;
     2709
     2710                margin: 0 20px 0 0;
     2711        }
     2712
     2713        .archive.video-list .video-description {
     2714                display: block;
     2715        }
     2716}
     2717
     2718@media screen and ( max-width:400px ) {
     2719        .entry .contact-form textarea {
     2720                width: 98%;
     2721        }
     2722}