WordPress.org
Get WordPress

Make WordPress Core

Changeset 31001


Ignore:
Timestamp:
12/30/2014 10:29:18 AM (10 years ago)
Author:
lancewillett
Message:

Twenty Fifteen: more styles for multi-site forms.

Props iamtakashi, closes #30776.

Location:
trunk/src/wp-content/themes/twentyfifteen
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyfifteen/css/ie.css

    r30806 r31001  
    9494input[type="reset"],
    9595input[type="submit"],
    96 .post-password-form input[type="submit"] {
     96.post-password-form input[type="submit"],
     97.widecolumn #submit,
     98.widecolumn .mu_register input[type="submit"] {
    9799    font-size: 16px;
    98100    padding: 0.8125em 1.625em;
    … …  
    181183.wp-caption-text,
    182184.gallery-caption,
    183 .entry-caption {
     185.entry-caption,
     186.widecolumn label,
     187.widecolumn .mu_register label {
    184188    font-size: 16px;
    185189}
    … …  
    455459}
    456460
    457 .entry-title {
     461.entry-title,
     462.widecolumn h2 {
    458463    font-size: 39px;
    459464    line-height: 1.2308;
    … …  
    768773}
    769774
     775.widecolumn {
     776    margin: 7.6923%;
     777}
     778
     779.widecolumn .mu_alert {
     780    margin-bottom: 1.6842em;
     781}
     782
     783.widecolumn p {
     784    margin: 1.6842em 0;
     785}
     786
     787.widecolumn p + h2 {
     788    margin-top: 1.641em;
     789}
     790
     791.widecolumn #key,
     792.widecolumn .mu_register #blog_title,
     793.widecolumn .mu_register #user_email,
     794.widecolumn .mu_register #blogname,
     795.widecolumn .mu_register #user_name {
     796    font-size: 19px;
     797}
     798
     799.widecolumn .mu_register #blog_title,
     800.widecolumn .mu_register #user_email,
     801.widecolumn .mu_register #user_name {
     802    margin: 0 0 0.421em;
     803}
     804
    770805
    771806/**

  • trunk/src/wp-content/themes/twentyfifteen/inc/customizer.php

    r30896 r31001  
    328328    .page-header,
    329329    .page-content,
    330     .comments-area {
     330    .comments-area,
     331    .widecolumn {
    331332        background-color: {$colors['box_background_color']};
    332333    }
    … …  
    459460    .wp-caption-text,
    460461    .gallery-caption,
    461     .comment-list .reply a {
     462    .comment-list .reply a,
     463    .widecolumn label,
     464    .widecolumn .mu_register label {
    462465        color: {$colors['textcolor']}; /* Fallback for IE7 and IE8 */
    463466        color: {$colors['secondary_textcolor']};

  • trunk/src/wp-content/themes/twentyfifteen/style.css

    r30997 r31001  
    25672567 */
    25682568
    2569 .site-content .mu_register {
     2569.widecolumn {
    25702570    background-color: #fff;
     2571    padding: 7.6923%;
     2572}
     2573
     2574.widecolumn .mu_register {
     2575    width: auto;
     2576}
     2577
     2578.widecolumn .mu_alert {
     2579    margin-bottom: 1.6em;
     2580}
     2581
     2582.widecolumn form,
     2583.widecolumn .mu_register form {
     2584    margin-top: 0;
     2585}
     2586
     2587.widecolumn h2 {
     2588    font-size: 26px;
     2589    font-size: 2.6rem;
     2590    line-height: 1.1538;
     2591    margin-bottom: 0.9231em;
     2592}
     2593
     2594.widecolumn p {
     2595    margin: 1.6em 0;
     2596}
     2597
     2598.widecolumn p + h2 {
     2599    margin-top: 1.8462em;
     2600}
     2601
     2602.widecolumn label,
     2603.widecolumn .mu_register label {
     2604    color: #707070;
     2605    color: rgba(51, 51, 51, 0.7);
     2606    font-family: "Noto Sans", sans-serif;
     2607    font-size: 12px;
     2608    font-size: 1.2rem;
     2609    font-weight: 700;
     2610    letter-spacing: 0.04em;
     2611    line-height: 1.5;
     2612    text-transform: uppercase;
     2613}
     2614
     2615.widecolumn .mu_register label {
     2616    margin: 2em 0 0;
     2617}
     2618
     2619.widecolumn #key,
     2620.widecolumn .mu_register #blog_title,
     2621.widecolumn .mu_register #user_email,
     2622.widecolumn .mu_register #blogname,
     2623.widecolumn .mu_register #user_name {
     2624    font-size: 16px;
     2625    font-size: 1.6rem;
     2626    width: 100%;
     2627}
     2628
     2629.widecolumn .mu_register #blogname {
    25712630    margin: 0;
    2572     padding: 7.6923%;
    2573     width: auto;
    2574 }
     2631}
     2632
     2633.widecolumn .mu_register #blog_title,
     2634.widecolumn .mu_register #user_email,
     2635.widecolumn .mu_register #user_name {
     2636    margin: 0 0 0.375em;
     2637}
     2638
     2639.widecolumn #submit,
     2640.widecolumn .mu_register input[type="submit"] {
     2641    font-size: 12px;
     2642    font-size: 1.2rem;
     2643    margin: 0;
     2644    width: 100%;
     2645}
     2646
     2647.widecolumn .mu_register .prefix_address,
     2648.widecolumn .mu_register .suffix_address {
     2649    font-size: inherit;
     2650}
     2651
     2652.widecolumn .mu_register > :last-child,
     2653.widecolumn form > :last-child {
     2654    margin-bottom: 0;
     2655}
     2656
    25752657
    25762658/**
    … …  
    27792861    }
    27802862
    2781     .site-content .mu_register {
     2863    .widecolumn {
    27822864        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    27832865        margin: 7.6923%;
    … …  
    28462928    input[type="reset"],
    28472929    input[type="submit"],
    2848     .post-password-form input[type="submit"] {
     2930    .post-password-form input[type="submit"],
     2931    .widecolumn #submit,
     2932    .widecolumn .mu_register input[type="submit"] {
    28492933        font-size: 14px;
    28502934        font-size: 1.4rem;
    … …  
    29253009    .wp-caption-text,
    29263010    .gallery-caption,
    2927     .entry-caption {
     3011    .entry-caption,
     3012    .widecolumn label,
     3013    .widecolumn .mu_register label {
    29283014        font-size: 14px;
    29293015        font-size: 1.4rem;
    … …  
    31523238    }
    31533239
    3154     .entry-title {
     3240    .entry-title,
     3241    .widecolumn h2 {
    31553242        font-size: 35px;
    31563243        font-size: 3.5rem;
    … …  
    33803467        margin-bottom: 1.6471em;
    33813468    }
     3469
     3470    .widecolumn .mu_alert {
     3471        margin-bottom: 1.6471em;
     3472    }
     3473
     3474    .widecolumn p {
     3475        margin: 1.6471em 0;
     3476    }
     3477
     3478    .widecolumn p + h2 {
     3479        margin-top: 1.6em;
     3480    }
     3481
     3482    .widecolumn #key,
     3483    .widecolumn .mu_register #blog_title,
     3484    .widecolumn .mu_register #user_email,
     3485    .widecolumn .mu_register #blogname,
     3486    .widecolumn .mu_register #user_name {
     3487        font-size: 17px;
     3488        font-size: 1.7rem;
     3489        line-height: normal;
     3490    }
     3491
     3492    .widecolumn .mu_register #blog_title,
     3493    .widecolumn .mu_register #user_email,
     3494    .widecolumn .mu_register #user_name {
     3495        margin: 0 0 0.4117em;
     3496    }
    33823497}
    33833498
    … …  
    34433558    input[type="reset"],
    34443559    input[type="submit"],
    3445     .post-password-form input[type="submit"] {
     3560    .post-password-form input[type="submit"],
     3561    .widecolumn #submit,
     3562    .widecolumn .mu_register input[type="submit"] {
    34463563        font-size: 16px;
    34473564        font-size: 1.6rem;
    … …  
    35183635    .wp-caption-text,
    35193636    .gallery-caption,
    3520     .entry-caption {
     3637    .entry-caption,
     3638    .widecolumn label,
     3639    .widecolumn .mu_register label {
    35213640        font-size: 16px;
    35223641        font-size: 1.6rem;
    … …  
    36883807    }
    36893808
    3690     .entry-title {
     3809    .entry-title,
     3810    .widecolumn h2 {
    36913811        font-size: 39px;
    36923812        font-size: 3.9rem;
    … …  
    39014021        margin-bottom: 1.6842em;
    39024022    }
     4023
     4024    .widecolumn .mu_alert {
     4025        margin-bottom: 1.6842em;
     4026    }
     4027
     4028    .widecolumn p {
     4029        margin: 1.6842em 0;
     4030    }
     4031
     4032    .widecolumn p + h2 {
     4033        margin-top: 1.641em;
     4034    }
     4035
     4036    .widecolumn #key,
     4037    .widecolumn .mu_register #blog_title,
     4038    .widecolumn .mu_register #user_email,
     4039    .widecolumn .mu_register #blogname,
     4040    .widecolumn .mu_register #user_name {
     4041        font-size: 19px;
     4042        font-size: 1.9rem;
     4043    }
     4044
     4045    .widecolumn .mu_register #blog_title,
     4046    .widecolumn .mu_register #user_email,
     4047    .widecolumn .mu_register #user_name {
     4048        margin: 0 0 0.421em;
     4049    }
    39034050}
    39044051
    … …  
    40114158    input[type="reset"],
    40124159    input[type="submit"],
    4013     .post-password-form input[type="submit"] {
     4160    .post-password-form input[type="submit"],
     4161    .widecolumn #submit,
     4162    .widecolumn .mu_register input[type="submit"] {
    40144163        font-size: 12px;
    40154164        font-size: 1.2rem;
    … …  
    40984247    .wp-caption-text,
    40994248    .gallery-caption,
    4100     .entry-caption {
     4249    .entry-caption,
     4250    .widecolumn label,
     4251    .widecolumn .mu_register label {
    41014252        font-size: 12px;
    41024253        font-size: 1.2rem;
    … …  
    43154466    }
    43164467
    4317     .entry-title {
     4468    .entry-title,
     4469    .widecolumn h2 {
    43184470        font-size: 31px;
    43194471        font-size: 3.1rem;
    … …  
    45734725    }
    45744726
    4575     .site-content .mu_register {
     4727    .widecolumn {
    45764728        margin: 8.3333%;
    45774729        padding: 8.3333%;
     4730    }
     4731
     4732    .widecolumn .mu_alert {
     4733        margin-bottom: 1.6em;
     4734    }
     4735
     4736    .widecolumn p {
     4737        margin: 1.6em 0;
     4738    }
     4739
     4740    .widecolumn p + h2 {
     4741        margin-top: 1.5484em;
     4742    }
     4743
     4744    .widecolumn #key,
     4745    .widecolumn .mu_register #blog_title,
     4746    .widecolumn .mu_register #user_email,
     4747    .widecolumn .mu_register #blogname,
     4748    .widecolumn .mu_register #user_name {
     4749        font-size: 16px;
     4750        font-size: 1.6rem;
     4751    }
     4752
     4753    .widecolumn .mu_register #blog_title,
     4754    .widecolumn .mu_register #user_email,
     4755    .widecolumn .mu_register #user_name {
     4756        margin: 0 0 0.375em;
    45784757    }
    45794758}
    … …  
    46404819    input[type="reset"],
    46414820    input[type="submit"],
    4642     .post-password-form input[type="submit"] {
     4821    .post-password-form input[type="submit"],
     4822    .widecolumn #submit,
     4823    .widecolumn .mu_register input[type="submit"] {
    46434824        font-size: 14px;
    46444825        font-size: 1.4rem;
    … …  
    47164897    .wp-caption-text,
    47174898    .gallery-caption,
    4718     .entry-caption {
     4899    .entry-caption,
     4900    .widecolumn label,
     4901    .widecolumn .mu_register label {
    47194902        font-size: 14px;
    47204903        font-size: 1.4rem;
    … …  
    48665049    }
    48675050
    4868     .entry-title {
     5051    .entry-title,
     5052    .widecolumn h2 {
    48695053        font-size: 35px;
    48705054        font-size: 3.5rem;
    … …  
    50845268        margin-bottom: 1.6471em;
    50855269    }
     5270
     5271    .widecolumn .mu_alert {
     5272        margin-bottom: 1.6471em;
     5273    }
     5274
     5275    .widecolumn p {
     5276        margin: 1.6471em 0;
     5277    }
     5278
     5279    .widecolumn p + h2 {
     5280        margin-top: 1.6em;
     5281    }
     5282
     5283    .widecolumn #key,
     5284    .widecolumn .mu_register #blog_title,
     5285    .widecolumn .mu_register #user_email,
     5286    .widecolumn .mu_register #blogname,
     5287    .widecolumn .mu_register #user_name {
     5288        font-size: 17px;
     5289        font-size: 1.7rem;
     5290    }
     5291
     5292    .widecolumn .mu_register #blog_title,
     5293    .widecolumn .mu_register #user_email,
     5294    .widecolumn .mu_register #user_name {
     5295        margin: 0 0 0.4117em;
     5296    }
    50865297}
    50875298
    … …  
    51475358    input[type="reset"],
    51485359    input[type="submit"],
    5149     .post-password-form input[type="submit"] {
     5360    .post-password-form input[type="submit"],
     5361    .widecolumn #submit,
     5362    .widecolumn .mu_register input[type="submit"] {
    51505363        font-size: 16px;
    51515364        font-size: 1.6rem;
    … …  
    52225435    .wp-caption-text,
    52235436    .gallery-caption,
    5224     .entry-caption {
     5437    .entry-caption,
     5438    .widecolumn label,
     5439    .widecolumn .mu_register label {
    52255440        font-size: 16px;
    52265441        font-size: 1.6rem;
    … …  
    53845599    }
    53855600
    5386     .entry-title {
     5601    .entry-title,
     5602    .widecolumn h2 {
    53875603        font-size: 39px;
    53885604        font-size: 3.9rem;
    … …  
    55935809        margin-bottom: 1.6842em;
    55945810    }
     5811
     5812    .widecolumn .mu_alert {
     5813        margin-bottom: 1.6842em;
     5814    }
     5815
     5816    .widecolumn p {
     5817        margin: 1.6842em 0;
     5818    }
     5819
     5820    .widecolumn p + h2 {
     5821        margin-top: 1.641em;
     5822    }
     5823
     5824    .widecolumn #key,
     5825    .widecolumn .mu_register #blog_title,
     5826    .widecolumn .mu_register #user_email,
     5827    .widecolumn .mu_register #blogname,
     5828    .widecolumn .mu_register #user_name {
     5829        font-size: 19px;
     5830        font-size: 1.9rem;
     5831    }
     5832
     5833    .widecolumn .mu_register #blog_title,
     5834    .widecolumn .mu_register #user_email,
     5835    .widecolumn .mu_register #user_name {
     5836        margin: 0 0 0.421em;
     5837    }
    55955838}
    55965839
    … …  
    56295872    input,
    56305873    textarea,
    5631     select {
     5874    select,
     5875    .widecolumn form,
     5876    .widecolumn .mu_register form {
    56325877        display: none;
    56335878    }
    … …  
    56405885    .page-content,
    56415886    .comments-area,
    5642     .site-content .mu_register {
     5887    .widecolumn {
    56435888        background: none !important; /* Make sure color schemes dont't affect to print */
    56445889    }
    … …  
    56945939    }
    56955940
     5941    .sidebar {
     5942        position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
     5943    }
     5944
    56965945    .site-branding {
    56975946        padding: 0;
    … …  
    57556004    }
    57566005
    5757     .site-content .mu_register {
    5758         padding: 7.6923%;
    5759     }
    5760 }
     6006    .widecolumn {
     6007        margin: 7.6923% 0 0;
     6008        padding: 0;
     6009    }
     6010}
Note: See TracChangeset for help on using the changeset viewer.