WordPress.org

Making WordPress.org

Changeset 6519


Ignore:
Timestamp:
02/01/2018 11:41:09 PM (2 years ago)
Author:
obenland
Message:

Style: Create RTL styles via grunt task.

At some point we could start writing wp4 in Sass and/or ship a minified version. For now it provides rem unit fallbacks, updates property prefixes, and creates RTL styles.

Props netweb.
Fixes #1178.

Location:
sites/trunk/wordpress.org/public_html/style
Files:
6 added
3 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/style

    • Property svn:ignore set to
      node_modules
  • sites/trunk/wordpress.org/public_html/style/wp4-rtl.css

    r5847 r6519  
    11/* The Reset ---------------------------------- */
     2body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
     3h6,pre,form,fieldset,input,p,blockquote,table,
     4th,td { margin: 0; padding: 0; }
     5fieldset,img,abbr { border: 0; }
     6address,caption,cite,code,dfn,h1,h2,h3,
     7h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
    28caption,th { text-align: right; }
     9q:before,q:after { content: ''; }
     10a { text-decoration: none; }
     11
     12html {
     13    overflow-y: scroll;
     14}
     15
    316body {
     17    font-size: 62.5%;
     18    background: #fff;
    419    font-family: sans-serif;
    5     direction: rtl;
    6     unicode-bidi: embed;
     20    line-height: 22px;
     21    color: #444;
    722}
    823/* -------------------------------------------- */
    924
    10 h1, h2, h3, h4, h5, h6 {
    11     font-family: sans-serif;
     25code, pre { font-family: Consolas, Monaco, "Courier New", Courier, monospace; color: #000; }
     26
     27a code,
     28a pre {
     29    color: inherit;
     30}
     31
     32pre {
     33    background: #f3f3f7;
     34    border: 1px solid #dedee3;
     35    padding: 11px;
     36    font-size: 12px;
     37    line-height: 1.3em;
     38    margin-bottom: 22px;
     39    overflow: auto;
     40}
     41
     42pre a { font-weight: normal; }
     43
     44a,
     45#wporg-footer ul li a {
     46    color: #21759b;
     47    text-decoration: none;
     48    font-weight: normal;
     49}
     50
     51strong a {
     52    font-weight: bold;
     53}
     54
     55a:visited,
     56#wporg-footer ul li a:visited {
     57    color: #4ca6cf;
     58}
     59
     60p a { border-bottom: 1px solid #dfdfdf; }
     61
     62h3 a { font-weight: bold; }
     63
     64.button a, .button a:hover, #headline a:not(.button), #headline a:not(.button):hover, #sidebar a:not(.button), #sidebar a:not(.button):hover, .frontpageheatmap a, .frontpageheatmap a:hover, .col-3 a, .col-3 a:hover { border: none !important; }
     65
     66#headline a.button { display: inline-block; }
     67
     68p a:hover { border-bottom: 1px solid #d54e21; }
     69
     70a:hover { color: #d54e21; }
     71
     72h2 {
     73    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
     74    font-weight: 300;
     75    font-size: 22px;
     76}
     77
     78h2 a {
     79    font-weight: 300;
     80}
     81
     82strong {
     83    font-weight: bold;
    1284}
    1385
    1486em, cite {
     87    font-style: italic;
     88}
     89
     90sup {
     91    line-height: 1em;
     92    font-size: 80%;
     93}
     94
     95/* Hide visually but not from screen readers */
     96.screen-reader-text {
     97    position: absolute;
     98    margin: -1px;
     99    padding: 0;
     100    height: 1px;
     101    width: 1px;
     102    overflow: hidden;
     103    clip: rect(0 0 0 0);
     104    border: 0;
     105    word-wrap: normal !important;
     106}
     107
     108/* =WordPress Core
     109-------------------------------------------------------------- */
     110.alignnone {
     111    margin: 5px 0 20px 20px;
     112}
     113
     114.aligncenter,
     115div.aligncenter {
     116    display: block;
     117    margin: 5px auto 5px auto;
     118}
     119
     120.alignright {
     121    float:left;
     122    margin: 5px 20px 20px 0;
     123}
     124
     125.alignleft {
     126    float: right;
     127    margin: 5px 0 20px 20px;
     128}
     129
     130.aligncenter {
     131    display: block;
     132    margin: 5px auto 5px auto;
     133}
     134
     135a img.alignright {
     136    float: left;
     137    margin: 5px 20px 20px 0;
     138}
     139
     140a img.alignnone {
     141    margin: 5px 0 20px 20px;
     142}
     143
     144a img.alignleft {
     145    float: right;
     146    margin: 5px 0 20px 20px;
     147}
     148
     149a img.aligncenter {
     150    display: block;
     151    margin-right: auto;
     152    margin-left: auto
     153}
     154
     155.wp-caption {
     156    background: #fff;
     157    border: 1px solid #f0f0f0;
     158    max-width: 96%; /* Image does not overflow the content area */
     159    padding: 5px 3px 10px;
     160    text-align: center;
     161}
     162
     163.wp-caption.alignnone {
     164    margin: 5px 0 20px 20px;
     165}
     166
     167.wp-caption.alignleft {
     168    margin: 5px 0 20px 20px;
     169}
     170
     171.wp-caption.alignright {
     172    margin: 5px 20px 20px 0;
     173}
     174
     175.wp-caption img {
     176    border: 0 none;
     177    height: auto;
     178    margin: 0;
     179    max-width: 98.5%;
     180    padding: 0;
     181    width: auto;
     182}
     183
     184.wp-caption p.wp-caption-text {
     185    font-size: 11px;
     186    line-height: 17px;
     187    margin: 0;
     188    padding: 0 4px 5px;
     189}
     190
     191/* */
     192
     193.wrapper {
     194    max-width: 960px;
     195    margin: 0 auto;
     196    clear: both;
     197}
     198
     199.wrapper img{
     200    max-width: 100%;
     201    height: auto;
     202}
     203
     204#wporg-header {
     205    position: relative;
     206    height: 140px;
     207    width: 100%;
     208    background: #23282d;
     209    text-align: center;
     210}
     211
     212#wporg-header h1 {
     213    display: inline-block;
     214    width: 303px;
     215}
     216
     217#wporg-header h1 a {
     218    display: block;
     219    background: url(//s.w.org/style/images/wporg-logo.svg?3) center left no-repeat;
     220    -webkit-background-size: 290px 46px;
     221    background-size: 290px 46px;
     222    height: 88px;
     223    text-indent: -9999px;
     224}
     225
     226#wporg-header h2.rosetta {
     227    font-size: 30px;
     228    color: #dfdfdf;
     229    font-family: Georgia, "Times New Roman", serif;
     230    margin: 0;
     231}
     232
     233#wporg-header h2.rosetta a {
     234    padding: 0;
     235    display: block;
     236    height: 52px; /* 88 header height - 36 top padding */
     237    color: #dfdfdf;
     238    line-height: 22px;
     239    border-bottom: none;
     240}
     241
     242#head-search {
     243    height: 48px;
     244}
     245
     246#head-search form {
     247    width: 288px;
     248    display: inline-block;
     249    margin-right: 60px;
     250    border-bottom: 1px solid #3f3f3f;
     251}
     252
     253#head-search input.text {
     254    background: #191e23;
     255    border: 0;
     256    margin-left: 0;
     257    margin-bottom: 0;
     258    width: 256px;
     259    height: 24px;
     260    color: #b4b9be;
     261    float: right;
     262    font-size: 12px;
     263    outline: none;
     264    font-family: "Open Sans", sans-serif;
     265    -webkit-border-radius: 0px;
     266    border-radius: 0px;
     267}
     268
     269#head-search input.text::-moz-placeholder {
     270    color: #eee;
     271}
     272
     273#head-search .button {
     274    float: right;
     275    text-shadow: none !important;
     276    border: none;
     277    -webkit-box-shadow: none;
     278    box-shadow: none;
     279    height: 30px;
     280    width: 26px;
     281    background: #191e23;
     282    background-image: url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831);
     283    background-position: 3px 5px;
     284    background-repeat: no-repeat;
     285    -webkit-border-radius: 0;
     286    border-radius: 0;
     287    margin: 0;
     288    padding: 0;
     289}
     290
     291#wporg-header ul#wporg-header-menu {
     292    position: absolute;
     293    right: -75%;
     294    margin: 0;
     295    min-width: 200px;
     296    max-width: 75%;
     297    background: #23282d;
     298    list-style: none;
     299    text-align: right;
     300    top: 100%;
     301    -webkit-transition: right 0.3s;
     302    transition: right 0.3s;
     303    z-index: 100000;
     304}
     305
     306#wporg-header ul#wporg-header-menu.toggled {
     307    right: 0;
     308}
     309
     310#wporg-header ul li {
     311    position:relative;
     312    list-style-type:none;
     313}
     314
     315#wporg-header ul li a {
     316    font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif;
     317    font-weight: 600;
     318    display: block;
     319    line-height: 34px;
     320    padding: 10px 30px;
     321    margin: 0 4px;
     322    font-size: 13px;
     323    color: #eee;
     324    height: 34px;
     325}
     326
     327#wporg-header ul li a:hover,
     328#wporg-header ul li a.current,
     329#wporg-header ul li.current-menu-item a,
     330#wporg-header ul li.current_page_parent a {
     331    color: #00a0d2;
     332}
     333
     334#wporg-header ul li a.subcurrent {
     335    font-weight: bold;
     336}
     337
     338#wporg-header .nav-submenu {
     339    clip: rect(1px, 1px, 1px, 1px);
     340    height: 1px;
     341    right: -2px;
     342    margin: 0;
     343    overflow: hidden;
     344    padding: 0;
     345    position: absolute;
     346    width: 1px;
     347    z-index: 99999;
     348}
     349
     350#wporg-header ul.nav-submenu li a {
     351    height: 24px;
     352    line-height: 24px;
     353    margin: 0;
     354}
     355
     356#wporg-header ul li#download {
     357    height: 34px;
     358    padding: 0 0 34px;
     359    float: left;
     360    margin-left: 14px;
     361    overflow: hidden;
     362}
     363
     364.wporg-page-download #wporg-header #download {
     365    display: none;
     366}
     367
     368#wporg-header ul li#download a {
     369    margin: 0;
     370    padding: 0 16px;
     371}
     372
     373#wporg-header ul li#download a.current {
     374    color: #eee;
     375}
     376
     377#wporg-header ul li#download a:hover {
     378    color: #eee;
     379}
     380
     381@media screen and (max-width:820px) {
     382    #wporg-header ul li#download {
     383        display: none;
     384    }
     385}
     386
     387@media screen and (max-width:768px) {
     388    #wporg-header ul li#download {
     389        display: block;
     390        float: none;
     391        margin: 10px 20px 20px;
     392        padding-bottom: 0;
     393        height: auto;
     394    }
     395    #wporg-header ul li#download a {
     396        padding: 4px 10px;
     397    }
     398}
     399
     400#mobile-menu-button {
     401    background: none;
     402    border: none;
     403    -webkit-box-shadow: none;
     404    box-shadow: none;
     405    position: absolute;
     406    top: 75px;
     407    right: 10px;
     408    display: block;
     409    float: right;
     410    vertical-align: top;
     411    text-align: center;
     412    text-decoration: inherit;
     413    font-weight: normal;
    15414    font-style: normal;
    16     font-weight: bold;
    17 }
    18 
    19 code {
    20     direction: ltr;
    21     unicode-bidi: embed;
    22 }
    23 
    24 #wporg-header h1 a {
    25     background-position: center right;
    26 }
    27 
    28 #wporg-header ul#wporg-header-menu {
    29     left: auto;
    30     right: -75%;
    31     text-align: right;
    32     -webkit-transition: right 0.3s;
    33     -moz-transition: right 0.3s;
    34     -ms-transition: right 0.3s;
    35     -o-transition: right 0.3s;
    36     transition: right 0.3s;
    37 }
    38 
    39 #wporg-header ul#wporg-header-menu.active {
    40     left: auto;
    41     right: 0;
    42 }
    43 
    44 #wporg-header ul li a {
    45     font-family: sans-serif;
    46 }
    47 
    48 #wporg-header ul li#download {
    49     float: left;
    50     margin-right: 0;
    51     margin-left: 14px;
    52 }
    53 
    54 #mobile-menu-button {
    55     left: auto;
    56     right: 10px;
     415    font-size: 16px;
     416    font-family: 'dashicons';
     417    line-height: 1;
     418    padding: 1px;
     419    text-shadow: none;
     420    -webkit-transition: color .1s ease-in 0;
     421    transition: color .1s ease-in 0;
     422    -webkit-appearance: none;
     423    -webkit-font-smoothing: antialiased;
     424}
     425
     426#mobile-menu-button:before {
     427    display: inline-block;
    57428    float: right;
     429    -moz-box-sizing: border-box;
     430    -webkit-box-sizing: border-box;
     431    box-sizing: border-box;
     432    margin: 0;
     433    padding: 3px;
     434    outline: none;
     435    border: none;
     436    color: #888;
     437    content: '\f228';
     438    vertical-align: middle;
     439    text-decoration: none;
     440    font: normal 50px/1 'Dashicons';
     441    -webkit-font-smoothing: antialiased;
     442}
     443
     444#download-mobile {
     445    background: #f7f7f7;
     446    border-bottom: 1px solid #dddddd;
     447}
     448
     449#download-mobile .wrapper {
     450    padding: 20px 0;
     451    text-align: center;
     452}
     453
     454#download-mobile span.download-ready {
     455    font-size: 1.6em;
     456    margin: 0 0.25em;
     457}
     458
     459#download-mobile a.download-button {
     460    height: inherit;
     461    padding: 10px 15px;
     462    font-size: 1.6em;
     463    margin: 10px 0.25em;
     464}
     465
     466.wporg-page-nightly .wrapper {
     467    min-height: 250px;
     468}
     469
     470@media screen and (min-width:480px) {
     471    #head-search form {
     472        margin-right: 0;
     473    }
     474}
     475
     476@media screen and (max-width:480px) {
     477    #head-search form {
     478        width: 248px;
     479    }
     480    #head-search input.text {
     481        width: 216px;
     482  }
    58483}
    59484
    60485@media screen and (min-width:769px) {
     486
     487    #wporg-header {
     488        height: 120px;
     489        text-align: inherit;
     490    }
     491
    61492    #wporg-header h1 {
    62493        float: right;
    63         padding-left: 0;
    64494        padding-right: 10px;
    65495    }
    66496
     497    #head-search {
     498        float: left;
     499        margin-left: 14px;
     500        height: 48px;
     501        padding-top: 30px;
     502    }
     503
     504    #head-search form {
     505        margin-right: 0;
     506    }
     507
    67508    #wporg-header ul#wporg-header-menu {
    68         float: right;
     509        position: static;
     510        float:right;
     511        margin: -15px 0 0;
     512        padding: 0;
     513        min-width: 0;
     514        max-width: inherit;
     515        width: 100%;
     516        list-style: none;
    69517    }
    70518
    71519    #wporg-header ul li {
    72520        float: right;
     521        position:relative;
     522    }
     523
     524    #wporg-header ul li a {
     525        padding: 0 6px;
     526        height: 46px;
     527    }
     528
     529    #wporg-header ul li#download .uparrow {
     530        display:none;
     531    }
     532
     533    #wporg-header ul li a.current ~ .uparrow {
     534        width: 0;
     535        height: 0;
     536        border-right: 9px solid transparent;
     537        border-left: 9px solid transparent;
     538        border-bottom: 9px solid #f7f7f7;
     539        margin: -8px auto 0 auto;
     540    }
     541
     542    #wporg-header ul li.current-menu-item:after,
     543    #wporg-header ul li.current_page_parent:after {
     544        content: '';
     545        position: absolute;
     546        right: 50%;
     547        width: 0;
     548        height: 0;
     549        border-right: 9px solid transparent;
     550        border-left: 9px solid transparent;
     551        border-bottom: 9px solid #f7f7f7;
     552        margin: -8px -9px 0 0;
     553    }
     554
     555    #wporg-header ul li:hover .nav-submenu ~ .uparrow,
     556    #wporg-header ul li .nav-submenu:hover ~ .uparrow {
     557        width: 0;
     558        height: 0;
     559        border-right: 9px solid transparent;
     560        border-left: 9px solid transparent;
     561        border-bottom: 9px solid #32373c;
     562        margin: -10px auto 0 auto;
     563    }
     564
     565    #wporg-header .nav-submenu {
     566        background: #32373c;
     567        border: #32373c solid 1px;
     568        border-top: 0;
     569        margin-top: -1px;
     570        min-width: 0;
     571    }
     572
     573    #wporg-header ul li:hover .nav-submenu,
     574    #wporg-header ul li .nav-submenu:hover  {
     575        display:block!important;/* Prevents #wporg-header ul overwriting this */
     576        position:absolute;
     577        top:46px;
     578        right:0;
     579        z-index:101;
     580        margin-right:0;
     581        width:auto;
     582    }
     583
     584    #wporg-header ul li .nav-submenu li {
     585        float: none;
     586    }
     587
     588    #wporg-header ul.nav-submenu li a {
     589        height: 34px;
     590        line-height: 34px;
     591    }
     592
     593    #wporg-header ul.nav-menu li:hover > ul,
     594    #wporg-header .nav-menu ul li:hover > ul,
     595    #wporg-header ul.nav-menu .focus > ul,
     596    #wporg-header .nav-menu .focus > ul {
     597        clip: inherit;
     598        height: inherit;
     599        overflow: inherit;
     600        width: inherit;
     601    }
     602
     603    #headline h2 {
     604        text-rendering: optimizeLegibility;
     605    }
     606
     607    #mobile-menu-button {
     608        display: none;
    73609    }
    74610
    75611    #wporg-header h2.rosetta {
     612        padding: 36px 27px 0;
    76613        float: right;
    77614    }
    78615}
    79616
     617@media screen and (max-width:960px) {
     618    #home-welcome {
     619        min-width: 0 !important;
     620    }
     621
     622    #home-welcome .wrapper {
     623        max-width: 100%;
     624        margin: 0;
     625    }
     626
     627    #home-text {
     628        width: 100%;
     629        float: left;
     630        margin: -10px;
     631    }
     632
     633
     634    #home-below .wrapper .col-2, #home-below .wrapper .col-4 {
     635        max-width: 100%;
     636    }
     637
     638    #home-below {
     639        max-width: 100%;
     640        width: auto;
     641    }
     642}
     643
     644@media screen and (min-width:821px) {
     645    #download-mobile {
     646        display: none;
     647    }
     648}
     649
     650#home-welcome {
     651    background: #f7f7f7;
     652    min-width: 960px;
     653    min-height: 340px;
     654    border-bottom: 1px solid #dfdfdf;
     655}
     656
    80657#home-welcome img.screenshot {
     658    margin-top: 22px;
    81659    margin-left: 28px;
    82     margin-right: 0;
    83660    float: right;
    84661}
    85662
    86663#home-welcome p {
     664    font-size: 13px;
     665    padding: 11px 0;
    87666    margin-left: 14px;
    88     margin-right: 0;
    89667}
    90668
    91669#home-welcome p.intro {
     670    font-family: Georgia, Times, "Times New Roman", serif;
     671    padding-top: 34px;
     672    font-size: 17px;
     673    line-height: 1.5em;
     674}
     675
     676#home-welcome p.intro strong {
     677    font-weight: normal;
     678}
     679
     680p.intro a {
     681    font-weight: normal;
     682}
     683
     684/* WordPress-style Buttons
     685=======================
     686Create a button by adding the `.button` class to an element. For backwards
     687compatibility, we support several other classes (such as `.button-secondary`),
     688but these will *not* work with the stackable classes described below.
     689
     690Button Styles
     691-------------
     692To display a primary button style, add the `.button-primary` class to a button.
     693
     694Button Sizes
     695------------
     696Adjust a button's size by adding the `.button-large` or `.button-small` class.
     697
     698Button States
     699-------------
     700Lock the state of a button by adding the name of the pseudoclass as
     701an actual class (e.g. `.hover` for `:hover`).
     702
     703
     704TABLE OF CONTENTS:
     705------------------
     706 1.0 - Button Layouts
     707 2.0 - Default Button Style
     708 3.0 - Primary Button Style
     709 4.0 - Button Groups
     710 5.0 - Responsive Button Styles
     711
     712---------------------------------------------------------------------------- */
     713/* ----------------------------------------------------------------------------
     714  1.0 - Button Layouts
     715---------------------------------------------------------------------------- */
     716.submit input,
     717input[type=button],
     718input[type=submit],
     719.button,
     720.button-primary,
     721.download-button,
     722.button-secondary {
     723    border: 1px solid;
     724    -webkit-border-radius: 3px;
     725    border-radius: 3px;
     726    -webkit-box-sizing: border-box;
     727    -moz-box-sizing:    border-box;
     728    box-sizing:         border-box;
     729    cursor: pointer;
     730    display: inline-block;
     731    font-size: 12.8px;
     732    font-size: 0.8rem;
     733    height: 25px;
     734    height: 1.5625rem;
     735    line-height: 1;
     736    margin: 0;
     737    padding: 0 12.8px;
     738    padding: 0 .8rem;
     739    text-decoration: none;
     740    white-space: nowrap;
     741    -webkit-appearance: none;
     742}
     743
     744/* Remove the dotted border on :focus and the extra padding in Firefox */
     745button::-moz-focus-inner,
     746input[type="reset"]::-moz-focus-inner,
     747input[type="button"]::-moz-focus-inner,
     748input[type="submit"]::-moz-focus-inner {
     749    border: 0 none;
     750    padding: 0;
     751}
     752
     753.button.button-xl,
     754.button-group.button-xl .button {
     755    font-size: 16px;
     756    font-size: 1rem;
     757    height: 39.062px;
     758    height: 2.44141rem;
     759    line-height: 1;
     760    padding: 0 24px;
     761    padding: 0 1.5rem;
     762}
     763
     764.button.button-large,
     765.button-group.button-large .button,
     766.col-2 p.button,
     767.col-13 p.button {
     768    height: 31.25px;
     769    height: 1.95313rem;
     770    line-height: 1;
     771    padding: 0 16px;
     772    padding: 0 1rem;
     773}
     774
     775.button.button-small,
     776.block-content span.button,
     777.button-group.button-small .button {
     778    font-size: 10.24px;
     779    font-size: 0.64rem;
     780    height: 20px;
     781    height: 1.25rem;
     782    line-height: 1;
     783    padding: 0 8px;
     784    padding: 0 .5rem;
     785}
     786
     787.button.button-hero,
     788.button-group.button-hero .button,
     789#plugin-description p.button, .col-3 p.button,
     790body.trac #plugin-description .description-right p {
     791    font-size: 14px;
     792    height: 46px;
     793    line-height: 44px;
     794    padding: 0 36px;
     795}
     796
     797a.button,
     798a.button-primary,
     799a.button-secondary {
     800    line-height: 25px;
     801    line-height:  1.5625rem;
     802}
     803
     804a.button.button-large,
     805.button-group.button-large a.button {
     806    line-height: 31.25px;
     807    line-height: 1.95313rem;
     808}
     809
     810a.button.button-xl,
     811.button-group.button-xl a.button {
     812    line-height: 39.062px;
     813    line-height: 2.44141rem;
     814}
     815
     816a.button.button-small,
     817.button-group.button-small a.button {
     818    line-height: 20px;
     819    line-height: 1.25rem;
     820}
     821
     822.button:active,
     823.button:focus {
     824    outline: none;
     825}
     826
     827.button.hidden {
     828    display: none;
     829}
     830
     831/* Style Reset buttons as simple text links */
     832input[type="reset"],
     833input[type="reset"]:hover,
     834input[type="reset"]:active,
     835input[type="reset"]:focus {
     836    background: none;
     837    border: none;
     838    -webkit-box-shadow: none;
     839    box-shadow:         none;
     840    padding: 0 2px 1px;
     841    width: auto;
     842}
     843
     844/* ----------------------------------------------------------------------------
     845  2.0 - Default Button Style
     846---------------------------------------------------------------------------- */
     847.submit input,
     848input[type=button],
     849input[type=submit],
     850.button,
     851.button:visited,
     852.button-secondary {
     853    background: #f7f7f7;
     854    border-color: #cccccc;
     855    -webkit-box-shadow: 0 1px 0 #cccccc;
     856    box-shadow:         0 1px 0 #cccccc;
     857    color: #555;
     858    vertical-align: top;
     859}
     860
     861p .button {
     862    vertical-align: baseline;
     863}
     864
     865.submit input:hover,
     866input[type=button]:hover,
     867input[type=submit]:hover,
     868.submit input:focus,
     869input[type=button]:focus,
     870input[type=submit]:focus,
     871.button.hover,
     872.button:hover,
     873.button-secondary:hover,
     874.button.focus,
     875.button:focus,
     876.button-secondary:focus {
     877    background: #fafafa;
     878    border-color: #999;
     879    color: #23282d;
     880}
     881
     882.submit input:focus,
     883input[type=button]:focus,
     884input[type=submit]:focus,
     885.button.focus,
     886.button:focus,
     887.button-secondary:focus,
     888.button-link:focus {
     889    border-color: #5b9dd9;
     890    -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
     891    box-shadow:         0 0 3px rgba(0, 115, 170, 0.8);
     892}
     893
     894.submit input:active,
     895input[type=button]:active,
     896input[type=submit]:active,
     897.button.active,
     898.button.active:hover,
     899.button.active:focus,
     900.button:active,
     901.button-secondary:active {
     902    background: #eee;
     903    border-color: #999;
     904    -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     905    box-shadow:         inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     906    -webkit-transform: translateY(1px);
     907    -ms-transform:     translateY(1px);
     908    transform:         translateY(1px);
     909}
     910
     911.button.active:focus {
     912    border-color: #5b9dd9;
     913    -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
     914    box-shadow:         inset 0 2px 5px -3px rgba(0, 0, 0, 0.5), 0 0 3px rgba(0, 115, 170, 0.8);
     915}
     916
     917.submit input:disabled,
     918input[type=button]:disabled,
     919input[type=submit]:disabled,
     920.button[disabled],
     921.button:disabled,
     922.button.disabled,
     923.button-secondary[disabled],
     924.button-secondary:disabled,
     925.button-secondary.disabled,
     926.button-disabled {
     927    background: #f7f7f7 !important;
     928    border-color: #ddd !important;
     929    -webkit-box-shadow: none !important;
     930    box-shadow:         none !important;
     931    color: #a0a5aa !important;
     932    cursor: default;
     933    text-shadow: 0 1px 0 #fff !important;
     934    -webkit-transform: none !important;
     935    -ms-transform:     none !important;
     936    transform:         none !important;
     937}
     938
     939/* Buttons that look like links, for a cross of good semantics with the visual */
     940.button-link {
     941    background: none;
     942    border: 0;
     943    -webkit-border-radius: 0;
     944    border-radius:         0;
     945    -webkit-box-shadow: none;
     946    box-shadow:         none;
     947    cursor: pointer;
     948    margin: 0;
     949    outline: none;
     950    padding: 0;
     951}
     952
     953.button-link:focus {
     954    outline: #5b9dd9 solid 1px;
     955}
     956
     957/* ----------------------------------------------------------------------------
     958  3.0 - Primary Button Style
     959---------------------------------------------------------------------------- */
     960.button-primary,
     961.download-button,
     962.button-primary:visited,
     963.download-button:visited {
     964    background: #0085ba;
     965    border-color: #0073aa #006799 #006799;
     966    -webkit-box-shadow: 0 1px 0 #006799;
     967    box-shadow:         0 1px 0 #006799;
     968    color: #fff;
     969    text-decoration: none;
     970    text-shadow: 0 -1px 1px #006799, -1px 0 1px #006799, 0 1px 1px #006799, 1px 0 1px #006799;
     971}
     972
     973.button-primary.hover,
     974.button-primary:hover,
     975.button-primary.focus,
     976.button-primary:focus,
     977.download-button.hover,
     978.download-button:hover,
     979.download-button.focus,
     980.download-button:focus {
     981    background: #008ec2;
     982    border-color: #006799;
     983    color: #fff;
     984}
     985
     986.button-primary.focus,
     987.button-primary:focus,
     988.download-button.focus,
     989.download-button:focus {
     990    -webkit-box-shadow: 0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
     991    box-shadow:         0 1px 0 #0073aa, 0 0 2px 1px #33b3db;
     992}
     993
     994.button-primary.active,
     995.button-primary.active:hover,
     996.button-primary.active:focus,
     997.button-primary:active,
     998.download-button.active,
     999.download-button.active:hover,
     1000.download-button.active:focus,
     1001.download-button:active {
     1002    background: #0073aa;
     1003    border-color: #006799;
     1004    -webkit-box-shadow: inset 0 2px 0 #006799;
     1005    box-shadow:         inset 0 2px 0 #006799;
     1006    vertical-align: top;
     1007}
     1008
     1009.button-primary[disabled],
     1010.button-primary:disabled,
     1011.button-primary-disabled,
     1012.download-button[disabled],
     1013.download-button:disabled,
     1014.download-button-disabled {
     1015    background: #008ec2 !important;
     1016    border-color: #007cb2 !important;
     1017    -webkit-box-shadow: none !important;
     1018    box-shadow:         none !important;
     1019    color: #66c6e4 !important;
     1020    cursor: default;
     1021    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
     1022}
     1023
     1024/* ----------------------------------------------------------------------------
     1025  4.0 - Button Groups
     1026---------------------------------------------------------------------------- */
     1027.button-group {
     1028    display: inline-block;
     1029    font-size: 0;
     1030    position: relative;
     1031    vertical-align: middle;
     1032    white-space: nowrap;
     1033}
     1034
     1035.button-group > .button {
     1036    -webkit-border-radius: 0;
     1037    border-radius: 0;
     1038    display: inline-block;
     1039    margin-left: -1px;
     1040    z-index: 10;
     1041}
     1042
     1043.button-group > .button-primary {
     1044    z-index: 100;
     1045}
     1046
     1047.button-group > .button:hover {
     1048    z-index: 20;
     1049}
     1050
     1051.button-group > .button:first-child {
     1052    -webkit-border-radius: 0 3px 3px 0;
     1053    border-radius:         0 3px 3px 0;
     1054}
     1055
     1056.button-group > .button:last-child {
     1057    -webkit-border-radius: 3px 0 0 3px;
     1058    border-radius:         3px 0 0 3px;
     1059}
     1060
     1061.button-group > .button:focus {
     1062    position: relative;
     1063    z-index: 1;
     1064}
     1065
     1066/* ----------------------------------------------------------------------------
     1067  5.0 - Responsive Button Styles
     1068---------------------------------------------------------------------------- */
     1069@media screen and (max-width: 782px) {
     1070    .button,
     1071    .button.button-xl,
     1072    .button.button-large,
     1073    .button.button-small {
     1074        font-size: 14px;
     1075        height: auto;
     1076        line-height: normal;
     1077        margin-bottom: 4px;
     1078        padding: 6px 14px;
     1079        vertical-align: middle;
     1080    }
     1081}
     1082
     1083
     1084/* */
     1085
     1086body #ed_toolbar input {
     1087    padding: 0 10px 1px;
     1088}
     1089
     1090body #ed_toolbar #ed_pre {
    921091    font-family: sans-serif;
     1092}
     1093
     1094.col-3 a.download-button {
     1095    display: block;
     1096    text-align: center;
     1097}
     1098
     1099.download-meta {
     1100    text-align: center !important;
     1101    font-size: 12px;
     1102    margin-bottom: 0 !important;
    931103}
    941104
     
    981108#home-welcome .download-button {
    991109    margin-right: 6px;
    100     margin-left: 0;
    1011110}
    1021111
    1031112.col-3 ul {
    1041113    margin-right: 16px;
    105     margin-left: 0;
     1114    list-style: square;
     1115    margin-bottom: 22px;
     1116}
     1117
     1118.col-3 p {
     1119    margin-bottom: 22px;
     1120}
     1121
     1122.download-tar {
     1123    font-size: 12px;
     1124    text-align: center;
     1125    margin-bottom: 14px !important;
     1126}
     1127
     1128#home-below {
     1129    font-size: 13px;
     1130    width: 960px;
     1131    margin: 0 auto;
     1132}
     1133
     1134#home-below .image img {
     1135    border: 1px solid #dadada;
     1136}
     1137
     1138#home-below .wrapper {
     1139    float: right;
     1140    margin-bottom: 14px;
    1061141}
    1071142
    1081143.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    109     float:right;
     1144    float: right;
     1145    margin: 0 14px;
     1146}
     1147
     1148.col-1 { width: 52px; }
     1149.col-2 { width: 132px; }
     1150.col-3 { width: 212px; }
     1151.col-4 { width: 292px; }
     1152.col-5 { width: 372px; }
     1153.col-6 { width: 452px; }
     1154.col-7 { width: 532px; }
     1155.col-8 { width: 612px; }
     1156.col-9 { width: 692px; }
     1157.col-10 { width: 772px; }
     1158.col-11 { width: 852px; }
     1159.col-12 { width: 932px; }
     1160
     1161.col-9 h2 {
     1162    margin: 6px 0;
     1163    font-family: Georgia, Times, "Times New Roman", serif;
     1164}
     1165
     1166.col-9 .entry {
     1167    border-bottom: 1px solid #dfdfdf;
     1168    margin-bottom: 30px;
     1169}
     1170
     1171h3 {
     1172    font-size: 14px;
     1173    color: #23282d;
     1174    font-weight:bold;
     1175    margin: -1px 0 1px 0;
     1176}
     1177
     1178h4, h3.head {
     1179    font-weight: bold;
     1180    font-size: 14px;
     1181    border-bottom: 1px solid #dedede;
     1182    padding-bottom: 4px;
     1183    color: #23282d;
     1184    margin-bottom: 18px;
     1185}
     1186
     1187h5 {
     1188    font-weight: bold;
     1189    font-size: 1em;
     1190    margin-bottom: 12px;
     1191}
     1192
     1193#home-below h4 {
     1194    margin-top: 28px;
     1195    margin-bottom: 16px;
     1196}
     1197
     1198#home-below h4 a {
     1199    font-weight: bold;
     1200}
     1201
     1202#home-below h5 {
     1203    margin-bottom: 0;
     1204}
     1205
     1206#home-below img.book {
     1207    margin-top: -17px;
     1208    margin-bottom: 6px;
     1209}
     1210
     1211#home-below a {
     1212    font-size: 14px;
     1213}
     1214
     1215#home-below ol.steps {
     1216    margin-top: -4px;
    1101217}
    1111218
    1121219#home-below ol.steps li {
    1131220    padding-right: 44px;
    114     padding-left: 0;
    115 }
    116 
    117 #home-below ol.steps li.one {
    118     background-position: right top;
    119 }
    120 
    121 #home-below ol.steps li.two {
    122     background-position: right top;
    123 }
    124 
    125 #home-below ol.steps li.three {
    126     background-position: right top;
    127 }
    128 
     1221    padding-top: 4px;
     1222    margin-bottom: 17px;
     1223    position: relative;
     1224}
     1225
     1226#home-below ol.steps li span {
     1227    content: '';
     1228    width: 31px;
     1229    height: 31px;
     1230    position: absolute;
     1231    right: 0;
     1232    top: 0;
     1233    background-image: url(//s.w.org/style/images/steps.png);
     1234    -webkit-background-size: 93px 31px;
     1235    background-size: 93px 31px;
     1236    background-repeat: no-repeat;
     1237}
     1238@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     1239       only screen and (min-resolution: 1.5dppx),
     1240       only screen and (min-resolution: 144dpi) {
     1241    #home-below ol.steps li span {
     1242        background-image: url(//s.w.org/style/images/steps-2x.png);
     1243    }
     1244}
     1245
     1246#home-below ol.steps li.one span {
     1247    background-position: 100% 0;
     1248}
     1249
     1250#home-below ol.steps li.two span {
     1251    background-position: -31px 0;
     1252}
     1253
     1254#home-below ol.steps li.three span {
     1255    background-position: -62px 0;
     1256}
     1257
     1258ul#notable-users {
     1259    list-style: none;
     1260}
     1261
     1262p#showcase-link a {
     1263    font-size: 0.9em;
     1264    border: none;
     1265}
     1266
     1267ol.steps {
     1268    list-style: none;
     1269}
    1291270
    1301271ul#notable-users li a {
     1272    display: block;
     1273    width: 130px;
     1274    height: 59px;
     1275    margin-bottom: 8px;
     1276    border-top: 1px solid #f5f5f5;
    1311277    border-right: 1px solid #f5f5f5;
    1321278    border-left: 1px solid #dedede;
     1279    border-bottom: 1px solid #dedede;
    1331280}
    1341281
    1351282ul#notable-users li a:active {
     1283    border-top: 1px solid #dedede;
    1361284    border-right: 1px solid #dedede;
    1371285    border-left: 1px solid #f5f5f5;
     1286    border-bottom: 1px solid #f5f5f5;
    1381287}
    1391288
    1401289input.text {
    1411290    margin-left: 2px;
    142     margin-right: 0;
    143 }
    144 
     1291    font-size: 12px;
     1292    padding: 3px;
     1293    background: #f5f5f5;
     1294    border: 1px solid #ccc;
     1295    height: 16px;
     1296    vertical-align: top;
     1297    color: #666;
     1298    font-family: sans-serif;
     1299}
     1300
     1301#headline {
     1302    height: 62px;
     1303    background: #f7f7f7;
     1304    border-bottom: 1px solid #dfdfdf;
     1305}
    1451306
    1461307#headline h2 {
    147     padding-right: 12px;
    148     padding-left: 0;
     1308    color: #555;
     1309    font-size: 28px;
     1310    line-height: 1em;
     1311    text-shadow: #fff 0px 1px 0px;
     1312    padding-top: 18px;
     1313    padding-right: 9px;
    1491314    float: right;
    1501315}
    1511316
     1317.wporg-make .site-title a:before,
     1318body.wporg-make #headline h2 a:before {
     1319    -webkit-font-smoothing: antialiased;
     1320    display: inline-block;
     1321    font: normal 28px/1 'dashicons';
     1322    vertical-align: top;
     1323    width: 36px;
     1324}
     1325body.make-core #headline h2 a:before { content: '\f475'; }
     1326body.make-design #headline h2 a:before { content: '\f309'; }
     1327body.make-mobile #headline h2 a:before { content: '\f470'; }
     1328body.make-accessibility #headline h2 a:before { content: '\f483'; }
     1329body.make-polyglots #headline h2 a:before { content: '\f326'; }
     1330body.make-support #headline h2 a:before { content: '\f125'; }
     1331body.make-themes #headline h2 a:before { content: '\f100'; }
     1332body.make-plugins #headline h2 a:before { content: '\f106'; }
     1333body.make-docs #headline h2 a:before { content: '\f105'; }
     1334body.make-community #headline h2 a:before { content: '\f307'; }
     1335body.make-meta #headline h2 a:before { content: '\f325'; }
     1336body.make-training #headline h2 a:before { content: '\f118'; }
     1337body.make-flow #headline h2 a:before { content: '\f115'; }
     1338body.make-tv #headline h2 a:before { content: '\f235'; }
     1339body.make-marketing #headline h2 a:before { content: '\f130'; }
     1340body.make-cli #headline h2 a:before { content: '\f345'; }
     1341body.make-hosting #headline h2 a:before { content: '\f176'; }
     1342
     1343.make-core .site-title a:before { content: '\f475'; }
     1344.make-design .site-title a:before { content: '\f309'; }
     1345.make-mobile .site-title a:before { content: '\f470'; }
     1346.make-accessibility .site-title a:before { content: '\f483'; }
     1347.make-polyglots .site-title a:before { content: '\f326'; }
     1348.make-support .site-title a:before { content: '\f125'; }
     1349.make-themes .site-title a:before { content: '\f100'; }
     1350.make-plugins .site-title a:before { content: '\f106'; }
     1351.make-docs .site-title a:before { content: '\f105'; }
     1352.make-community .site-title a:before { content: '\f307'; }
     1353.make-meta .site-title a:before { content: '\f325'; }
     1354.make-training .site-title a:before { content: '\f118'; }
     1355.make-systems .site-title a:before { content: '\f107'; }
     1356.make-flow .site-title a:before { content: '\f115'; }
     1357.make-tv .site-title a:before { content: '\f235'; }
     1358.make-marketing .site-title a:before { content: '\f130'; }
     1359.make-cli .site-title a:before { content: '\f345'; }
     1360.make-hosting .site-title a:before { content: '\f176'; }
     1361
    1521362#headline .login {
     1363    font-size: 12px;
     1364    position: relative;
    1531365    float: left;
     1366    padding-top: 22px;
    1541367    margin-left: 15px;
    155     margin-right: 0;
     1368}
     1369
     1370#headline .login a {
     1371    color: #21759b;
     1372}
     1373
     1374#headline .login a:visited {
     1375    color: #4ca6cf;
     1376}
     1377
     1378#headline input.text {
     1379    background: #fff;
     1380    border: 1px solid #c6d9e9;
    1561381}
    1571382
     
    1601385#pagebody .submenu, #pagebody #submenu {
    1611386    margin-right: 0;
     1387    margin-top: -2px;
     1388    font-size: 10px;
     1389    list-style: none;
     1390}
     1391
     1392#pagebody .submenu a#subcurrent, #pagebody #submenu a#subcurrent {
     1393    color: #23282d;
     1394    cursor: default;
     1395}
     1396
     1397p.person {
     1398    padding-bottom: 10px;
     1399    border-bottom: 1px solid #dadada;
     1400    margin-bottom: 11px;
     1401}
     1402
     1403#pagebody .submenu li {
     1404    border-bottom: 1px solid #dedede;
     1405    font-size: 12px;
     1406    line-height: 18px;
     1407    padding: 5px 0;
     1408}
     1409
     1410#pagebody .submenu li a {
     1411    width: 100%;
     1412    display: block;
    1621413}
    1631414
    1641415#pagebody .submenu li.current {
    165     background-position: center right;
     1416    background: url(//s.w.org/style/images/arrow.png) center left no-repeat;
     1417    font-weight: bold;
     1418}
     1419
     1420#pagebody .submenu li:last-child {
     1421    border-bottom: 0;
    1661422}
    1671423
    1681424#pagebody .submenu li ul {
     1425    margin-top: 0 !important;
    1691426    margin-right: 16px !important;
    170     margin-left: 0 !important;
     1427}
     1428
     1429#pagebody .submenu li ul li {
     1430    border: none;
     1431    line-height: 1.4em;
     1432    padding-bottom: 2px;
     1433}
     1434
     1435#pagebody {
     1436    font-size: 13px;
     1437    margin-top: 29px;
     1438    margin-bottom: 22px;
     1439}
     1440
     1441#pagebody p, #pagebody ol, #pagebody ul {
     1442    margin: 0 0 22px 0;
    1711443}
    1721444
    1731445#pagebody ul {
    174     margin-left: 0;
    1751446    margin-right: 16px;
     1447    list-style: square;
     1448}
     1449
     1450#pagebody .submenu ul {
     1451    margin-bottom: 0;
    1761452}
    1771453
    1781454a.rsslink {
    179     background-position: top right;
    180     padding-left: 0;
     1455    background:url(//s.w.org/style/images/feedicon10.png) top left no-repeat;
    1811456    padding-right: 14px;
    1821457}
     
    1841459#pagebody ol {
    1851460    margin-right: 22px;
    186     margin-left: 0;
     1461}
     1462
     1463#pagebody ol.screenshots {
     1464    list-style: none;
    1871465}
    1881466
    1891467#pagebody p.intro {
    190     font-family: sans-serif;
     1468    font-family: Georgia, Times, "Times New Roman", serif;
     1469    color: #555;
     1470    font-size: 15px;
     1471    line-height: 1.6em;
     1472    margin-top: -1px;
     1473    margin-bottom: 23px;
     1474}
     1475
     1476#pagebody p.intro a {
     1477    font-weight: normal;
    1911478}
    1921479
    1931480.feed {
    194     background-position: center right;
    195     padding-left: 0;
     1481    background: url(//s.w.org/style/images/feedicon.png) center left no-repeat;
    1961482    padding-right: 19px;
    1971483}
    1981484
    199 
    200 #wporg-footer p {
    201     font-family:sans-serif;
     1485#wporg-footer {
     1486    clear: both;
     1487    overflow: auto;
     1488    margin: 0 auto;
     1489    padding: 22px 14px 65px 14px;
     1490    border-top: 1px solid #dfdfdf;
     1491    background-color: #f7f7f7;
     1492}
     1493
     1494#wporg-footer .wrapper {
     1495    overflow: auto;
     1496    max-width: 932px;
     1497}
     1498
     1499#wporg-footer ul {
    2021500    float: right;
    203 }
    204 
    205 #head-search {
    206     float: left;
    207     margin-left: 14px;
    208     margin-right: 0;
    209 }
    210 
    211 #head-search input.text {
    212     margin-left: 6px;
    213     margin-right: 0;
     1501    overflow: auto;
     1502    width: 135px;
     1503    margin-right: 24px;
     1504    margin-bottom: 20px; /* for narrow screens */
     1505    padding-right: 0; /* override other generic styles */
     1506}
     1507
     1508@media screen and (min-width:960px) {
     1509    #wporg-footer ul:first-child {
     1510        margin-right: 0;
     1511    }
     1512}
     1513
     1514@media screen and (min-width:561px) and (max-width:959px) {
     1515    #wporg-footer .wrapper {
     1516        max-width: 600px;
     1517    }
     1518
     1519    #wporg-footer ul:nth-child(3n+1) {
     1520        margin-right: 0;
     1521    }
     1522
     1523    #wporg-footer ul:nth-child(4n) {
     1524        clear: both;
     1525    }
     1526
     1527    #wporg-footer ul {
     1528        margin-right: 2%;
     1529        width: 32%;
     1530    }
     1531}
     1532
     1533@media screen and (max-width:560px) {
     1534    #wporg-footer .wrapper {
     1535        max-width: 360px;
     1536    }
     1537
     1538    #wporg-footer ul:nth-child(2n+1) {
     1539        margin-right: 0;
     1540    }
     1541
     1542    #wporg-footer ul:nth-child(odd) {
     1543        clear: both;
     1544    }
     1545
     1546    #wporg-footer ul {
     1547        margin-right: 4%;
     1548        width: 48%;
     1549    }
     1550}
     1551
     1552#wporg-footer ul li {
     1553    font-size: 14px;
     1554    margin-bottom: 1px;
     1555    color: #bbb;
     1556    list-style-type: none;
     1557}
     1558
     1559#wporg-footer ul li a {
     1560    border: none;
     1561}
     1562
     1563#wporg-footer .cip {
     1564    clear: both;
     1565    float: none;
     1566    text-align: center;
     1567    margin: 35px auto 0 auto;
     1568    font-size: 16px;
     1569    letter-spacing: 0.3em;
     1570    text-transform: uppercase;
     1571    color: #cccccc;
     1572}
     1573
     1574#wporg-footer .cip-image {
     1575    background: url(//s.w.org/style/images/codeispoetry.png?1) center center no-repeat;
     1576    -webkit-background-size: 190px 15px;
     1577    background-size: 190px 15px;
     1578    width: 190px;
     1579    height: 15px;
     1580    text-indent: -9999px;
     1581}
     1582
     1583@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     1584       only screen and (min-resolution: 1.5dppx),
     1585       only screen and (min-resolution: 144dpi) {
     1586    #wporg-footer .cip-image {
     1587        background-image: url(//s.w.org/style/images/codeispoetry-2x.png?1);
     1588    }
     1589}
     1590
     1591blockquote {
     1592    background: #f5f5f5;
     1593    border: 1px solid #dadada;
     1594    padding: 22px 22px 0;
     1595    margin-bottom: 22px;
     1596}
     1597
     1598.wporg-page-about-books #pagebody h2 {
     1599    margin-bottom: 1em;
     1600}
     1601
     1602#pagebody ul.books, ul#otherbooks {
     1603    list-style: none;
     1604    margin: 0;
     1605}
     1606
     1607#pagebody .books .image, #otherbooks .image {
     1608    width: 200px;
     1609    display: block;
    2141610    float: right;
    215 }
    216 
    217 #head-search .button {
     1611    text-align: center;
     1612    margin: 18px;
     1613    border-left: 1px solid #dadada;
     1614}
     1615
     1616#pagebody .books img, #otherbooks img {
     1617    border: 1px solid #dadada;
     1618}
     1619
     1620#pagebody .books.mobile img {
     1621    border:none;
     1622}
     1623
     1624#pagebody .books li, #otherbooks li {
     1625    background: #f5f5f5;
     1626    border: 1px solid #dadada;
     1627    border-left-color: #eee;
     1628    border-bottom-color: #e0e0e0;
     1629    margin-bottom: 22px;
     1630    clear: both;
    2181631    float: right;
    219 }
    220 
    221 #pagebody .books .image {
    222     float: right;
    223     border-left: 1px solid #dadada;
    224 }
    225 
    226 #pagebody .books img {
    227     border: 1px solid #dadada;
    228 }
    229 
    230 #pagebody .books li {
    231     border-left-color: #eee;
    232     border-right-color: #dadada;
    233     float: right;
    234 }
    235 
    236 #pagebody .books h3 {
    237     font-family:sans-serif;
    238 }
    239 
    240 #pagebody .books p {
     1632    width: 100%;
     1633}
     1634
     1635#pagebody .books h3, #otherbooks h3 {
     1636    margin: 18px 0 5px 0;
     1637    font: 21px Georgia, Times, "Times New Roman", serif;
     1638}
     1639
     1640#otherbooks h3, #otherbooks p {
     1641    margin-right:20px;
     1642}
     1643
     1644#otherbooks h3 {
     1645    font-size:18px;
     1646}
     1647
     1648#pagebody .books p, #otherbooks p {
    2411649    padding-left: 22px;
    242     padding-right: 0;
    243 }
    244 
    245 #pagebody .books .author {
    246     font: normal 15px sans-serif;
     1650    padding-right: 22px;
     1651    margin-bottom: 7px;
     1652    line-height: 1.4em;
     1653}
     1654
     1655#pagebody .books .author, #otherbooks .author {
     1656    font: italic 15px Georgia, Times, "Times New Roman", serif;
     1657    margin-bottom: 11px;
     1658    color: #888;
     1659}
     1660
     1661#pagebody .books .published, #otherbooks .published {
     1662    font-size: 11px;
     1663    text-transform: uppercase;
     1664    letter-spacing: 0.2em;
     1665    color: #888;
     1666}
     1667
     1668#pagebody .books h3 a, #otherbooks h3 a {
     1669    font-weight: normal;
     1670}
     1671
     1672.features .col-5 li {
     1673    margin-bottom:15px;
     1674}
     1675
     1676.alt { background: #f2f2f2; }
     1677
     1678.featured {
     1679    background: #fffbcc;
     1680    border: 1px solid #e6db55;
     1681    padding: 11px 11px 16px;
     1682    margin: 32px 0;
     1683    overflow: auto;
     1684    /*width: 670px;*/
     1685}
     1686
     1687.wporg-page-hosting #pagebody .partner .forum {
     1688    margin: 0;
     1689}
     1690
     1691.partner {
     1692    clear: both;
     1693    min-height: 100px;
     1694    margin: 40px 0 40px 10px;
     1695    padding-right: 120px;
     1696    position: relative;
     1697}
     1698
     1699.partner p {
     1700    margin-bottom: 10px;
    2471701}
    2481702
    2491703.partner img {
    250     float: left;
    251     margin-left: 4px;
    252     margin-right: 12px;
    253 }
     1704    margin-right: 10px;
     1705    position: absolute;
     1706    top: 0;
     1707    right: -10px;
     1708}
     1709@media (max-width: 359px) {
     1710    .partner {
     1711        margin-left: 15px;
     1712        padding-right: 15px;
     1713    }
     1714    .partner img {
     1715        float: left;
     1716        position: relative;
     1717    }
     1718}
     1719
     1720.submit {
     1721    border-top: 1px solid #ccc;
     1722    padding: 1.5em 0 0 0;
     1723    margin: 10px 0 0 0;
     1724    -webkit-border-bottom-right-radius: 3px;
     1725    border-bottom-right-radius: 3px;
     1726    -webkit-border-bottom-left-radius: 3px;
     1727    border-bottom-left-radius: 3px;
     1728}
     1729
     1730#pagebody table.widefat {
     1731    border-collapse: collapse;
     1732    width: 100%;
     1733    clear: both;
     1734    margin-bottom: 11px;
     1735}
     1736
     1737#pagebody table.widefat a {
     1738    text-decoration: none;
     1739}
     1740
     1741#pagebody table.widefat tr.alt {
     1742    background-color: #f2f2f2;
     1743}
     1744
     1745#pagebody table.widefat tbody.hover {
     1746    cursor: pointer;
     1747}
     1748
     1749#pagebody table.widefat tbody tr.hover,
     1750#pagebody table.widefat tbody tr:hover {
     1751    background-color: #ddd;
     1752}
     1753#pagebody table.widefat tbody tr.hover a,
     1754#pagebody table.widefat tbody a:hover {
     1755    color: #d54e21;
     1756}
     1757
     1758#pagebody table.widefat td, #pagebody table.widefat th {
     1759    font-size: 13px;
     1760    padding: 6px;
     1761    vertical-align: text-top;
     1762}
     1763
     1764#pagebody table.widefat thead {
     1765    background-color: #cfcfcf;
     1766    color: #000;
     1767    font-weight: bold;
     1768}
     1769
    2541770#pagebody table.widefat th {
     1771    padding-bottom: 4px;
     1772    padding-top: 8px;
    2551773    text-align: right;
     1774}
     1775
     1776#pagebody table.widefat .check-column {
     1777    text-align: center;
     1778    vertical-align: text-top;
     1779    width: 3%;
     1780}
     1781
     1782.wrap, .updated, .error {
     1783    margin: 0;
     1784    margin-right: 15px;
     1785    margin-left: 15px;
     1786    padding: 0;
     1787    max-width: 980px;
     1788}
     1789
     1790.form-table, form#profile-form table {
     1791    border-collapse: collapse;
     1792    margin-top: 1em;
     1793    width: 100%;
     1794    color: #333;
     1795}
     1796
     1797.form-table td, form#profile-form table td {
     1798    margin-bottom: 9px;
     1799    padding: 10px;
     1800    line-height: 20px;
     1801    border-bottom-width: 8px;
     1802    border-bottom-style: solid;
     1803
    2561804}
    2571805
    2581806.form-table th, form#profile-form table th {
    2591807    text-align: right;
    260 }
    261 
    262 .form-table input, .form-table textarea,
    263 form#profile-form table input, form#profile-form textarea {
     1808    padding: 10px;
     1809    width: 150px;
     1810    font-weight: bold;
     1811    border-bottom-width: 8px;
     1812    border-bottom-style: solid;
     1813}
     1814
     1815.form-table input[type='text'], .form-table textarea,
     1816form#profile-form table input[type='text'], form#profile-form textarea {
     1817    border: 1px solid #d1e5f6;
     1818    border-top-color: #b0c1cf;
    2641819    border-right-color: #b0c1cf;
    2651820}
    2661821
    267 #sitesearch label { margin-left: 6px; margin-right: 0;}
     1822.form-table input[type='text'] {
     1823    padding: 3px;
     1824}
     1825
     1826.form-table textarea, form#profile-form table textarea {
     1827    width: 520px !important;
     1828    font-size: 13px;
     1829    line-height: 1.5em;
     1830}
     1831
     1832.error {
     1833    background-color: #ffebe8;
     1834    border-color: #c00;
     1835}
     1836
     1837.error a {
     1838    color: #c00;
     1839}
     1840
     1841.form-invalid {
     1842    background-color: #ffebe8 !important;
     1843}
     1844
     1845.form-invalid input {
     1846    border-color: #c00 !important;
     1847}
     1848
     1849.form-table td, .form-table th,
     1850form#profile-form table td, form#profile-form table th {
     1851    border-bottom-color: #fff;
     1852}
     1853
     1854.form-input-tip {
     1855    color: #999;
     1856}
     1857
     1858#sitesearch {
     1859    margin-top: 10px;
     1860    margin-bottom: 22px;
     1861    font-size: 10px;
     1862}
     1863
     1864#sitesearch #sitesearchbox {
     1865    width: 45%;
     1866    padding: 3px;
     1867    font-size: 18px;
     1868}
     1869
     1870#sitesearch p { margin-top: 4px; }
     1871
     1872#sitesearch label { margin-left: 6px;}
     1873
     1874#sitesearch .text {
     1875    height: 24px;
     1876}
    2681877
    2691878#sitesearch .button {
     1879    font-size: 16px;
    2701880    margin-right: 4px;
    271     margin-left: 0;
     1881    height: 32px;
     1882    padding: 0 6px;
    2721883}
    2731884
    2741885ol.searchresults {
     1886    margin-top: 22px !important;
    2751887    padding-right: 4px;
    276     padding-left: 0;
    277 }
    278 
     1888}
     1889
     1890div.special { margin-top: 22px; }
     1891
     1892.searchresults h4, .special h4 {
     1893    margin-bottom: 4px;
     1894}
    2791895.searchresults .source, .special .source {
    2801896    float: left;
     1897    font-size: 10px;
     1898    font-style: italic;
     1899    font-family: "Lucida Sans";
     1900    color: #888;
     1901    font-weight: normal;
    2811902}
    2821903
    2831904.heatmap {
    284     font-family:sans-serif;
     1905    font-family: Georgia, Times, "Times New Roman", serif;
     1906    line-height: 3em;
     1907}
     1908
     1909.heatmap a {
     1910    font-weight: normal;
    2851911}
    2861912
    2871913.col-10 .col-5 {
    288     padding-left: 20px;
    289     padding-right: 0;
     1914    margin: 0;
     1915    width: 352px;
     1916}
     1917
     1918.col-10 .col-10 {
     1919    margin: 24px 0 0;
     1920    clear: both;
     1921}
     1922
     1923.col-10 .col-8, .col-10 .col-7 {
     1924    margin: 0;
     1925}
     1926
     1927.col-10 .col-5 table td {
     1928    line-height: 1.5em;
     1929    padding: 10px 0;
     1930    border-bottom: 1px solid #dadada;
     1931}
     1932
     1933.more {
     1934    font-size: 90%;
     1935}
     1936
     1937.column-list {
     1938    font-size: 12px;
     1939    line-height: 1.5em;
     1940}
     1941
     1942.column-list li {
     1943    padding-bottom: 4px;
     1944}
     1945
     1946#theuser .block {
     1947    margin: 24px;
    2901948}
    2911949
    2921950#theuser #userinfo {
    2931951    margin-right: 22px;
    294     margin-left: 0;
     1952    margin-bottom: 0;
    2951953}
    2961954
    2971955#lang-guess {
    298     font-family:sans-serif;
     1956    width: 93%;
     1957    max-width: 932px;
     1958    margin: 22px auto 0;
     1959    background: #fffbcc;
     1960    border: 1px solid #e6db55;
     1961    text-align: center;
     1962    font: 1.3em Georgia, Times, "Times New Roman", serif;
     1963    padding: 10px 0;
     1964    -webkit-border-radius: 3px;
     1965    border-radius: 3px;
     1966}
     1967
     1968h3.graphics {
     1969    clear: both;
     1970    padding-top: 20px;
     1971    font-size:22px;
     1972    font-weight: normal;
     1973    color: #999;
     1974    padding-bottom: 6px;
    2991975}
    3001976
    3011977ul.logo {
    3021978    margin: 0 0 14px 14px !important;
     1979    width: 176px;
     1980    border: 1px solid #dfdfdf;
     1981    border-top: none;
    3031982    float: right;
     1983}
     1984
     1985ul.logo li {
     1986    list-style: none;
     1987    border-bottom: 1px solid #dfdfdf;
     1988    background: #f5f5f5;
     1989    line-height:13px;
     1990}
     1991
     1992ul.logo li.img {
     1993    background: #fff;
     1994}
     1995
     1996ul.logo li a span {
     1997    color: #999;
     1998    font-weight: normal;
     1999}
     2000
     2001ul.logo li a {
     2002    display: block;
     2003    padding: 6px 8px;
     2004    font-size:10px;
     2005}
     2006
     2007ul.logo li:first-child {
     2008    border-top: 1px solid #dfdfdf;
     2009}
     2010
     2011ul.logo li:last-child {
     2012    border-bottom: none;
     2013}
     2014
     2015p.community {
     2016    clear: both;
     2017    font-size:14px;
     2018    padding: 24px 0;
     2019}
     2020
     2021
     2022ul.logo .pnglogo { background: #eee; text-align: center;}
     2023
     2024ul.logo .pnglogo:hover { background: #555; }
     2025
     2026.pnglogo img {
     2027    padding: 62px 0;
     2028}
     2029
     2030#logo-blue img, #logo-grey img { padding: 20px 0; }
     2031
     2032
     2033ul.colors {
     2034    margin: 0 !important;
    3042035}
    3052036
    3062037ul.colors li {
    3072038    float: right;
     2039    list-style: none;
    3082040    margin-right: 60px;
    3092041    padding-left:50px;
    310     padding-right: 0;
    3112042    border-left: 1px solid #dfdfdf;
    312     border-right: none;
    3132043    margin-left:50px;
     2044    margin-bottom: 24px;
     2045    line-height: 14px;
     2046    font-size: 10px;
     2047    color: #666;
     2048}
     2049
     2050ul.colors li strong {
     2051    font-size: 12px;
     2052    color: #333;
    3142053}
    3152054
     
    3232062    float: right;
    3242063    margin-right: -60px;
     2064}
     2065
     2066body .meta {
     2067    font-size: 12px;
     2068    color: #777;
     2069    margin-bottom: 10px;
     2070}
     2071
     2072body .meta a {
     2073    color: #777;
     2074    border-bottom: 1px solid #dfdfdf;
     2075}
     2076
     2077body .meta a:hover { color: #d54e21; border-bottom-color: #d54e21; }
     2078
     2079hr { border: none; border-top: 1px solid #dfdfdf; }
     2080
     2081#headline a {
     2082    color: #555;
     2083}
     2084
     2085img#wpstats {
     2086    margin: -10px 10px 0;
     2087}
     2088
     2089.wporg-stats-chart path[fill="#cccccc"] {
     2090    fill: #cbcdce;
     2091}
     2092
     2093.wporg-stats-chart path[fill="#0011cc"] {
     2094    fill: #0073aa;
     2095    cursor: pointer;
     2096}
     2097
     2098.wporg-stats-chart path[fill="#0011cc"]:hover {
     2099    fill: #00a0d2;
     2100}
     2101
     2102.wporg-stats-chart text[fill="#0011cc"] {
     2103    fill: #444;
     2104}
     2105
     2106.wporg-stats-chart {
     2107    width: 650px; /* Avoid jumps when the charts are loaded. */
     2108    height: 450px;
     2109    position: relative;
     2110}
     2111
     2112.wporg-stats-chart.loading:before {
     2113    content: '';
     2114    display: block;
     2115    width: 20px;
     2116    height: 20px;
     2117    position: absolute;
     2118    right: 50%;
     2119    top: 50%;
     2120    margin: -10px -10px 0 0;
     2121    background: url(https://s.w.org/wp-includes/images/spinner.gif) no-repeat center;
     2122    -webkit-background-size: 20px 20px;
     2123    background-size: 20px 20px;
     2124    -webkit-transform: translateZ(0);
     2125    transform: translateZ(0);
     2126}
     2127
     2128@media print,
     2129  (-webkit-min-device-pixel-ratio: 1.25),
     2130  (min-resolution: 120dpi) {
     2131    .wporg-stats-chart.loading:before {
     2132        background-image:url(https://s.w.org/wp-includes/images/spinner-2x.gif)
     2133    }
     2134}
     2135
     2136/* Responsive styling ---------------------------------- */
     2137
     2138.wporg-page-download .mobile-notice {
     2139    display: none;
     2140}
     2141.wporg-page-download .download-button-container {
     2142    text-align: center;
     2143}
     2144.wporg-page-mobile {
     2145    background-color: #f1f1f1;
     2146}
     2147.wporg-page-mobile #pagebody ul.books {
     2148    display: -moz-box;
     2149    display: -ms-flexbox;
     2150    display: -webkit-box;
     2151    display: -webkit-flex;
     2152    display: flex;
     2153    -webkit-flex-wrap: wrap;
     2154    -ms-flex-wrap: wrap;
     2155    flex-wrap: wrap;
     2156}
     2157.wporg-page-mobile #pagebody .books li {
     2158    width: 49%;
     2159    margin-right: 1%;
     2160    clear: none;
     2161}
     2162.wporg-page-mobile #pagebody .books li:first-child {
     2163    margin-right: 0;
     2164    margin-left: 1%;
     2165}
     2166.wporg-responsive.wporg-page-mobile #pagebody .books p {
     2167    margin-bottom: 14px;
     2168}
     2169.wporg-responsive.wporg-page-mobile #pagebody .books li {
     2170    padding: 0 14px 15px;
     2171    -webkit-box-sizing: border-box;
     2172    -moz-box-sizing: border-box;
     2173    box-sizing: border-box;
     2174    background-color: #fff;
     2175    border: 1px solid #dedede;
     2176}
     2177.wporg-responsive.wporg-page-mobile #pagebody .books h3 {
     2178    margin-bottom: 15px;
     2179}
     2180.wporg-responsive.wporg-page-mobile #pagebody .books .image {
     2181    float: left;
     2182    border-left: 0;
     2183    border-right: 1px solid #dadada;
     2184    margin-right: 14px;
    3252185    margin-left: 0;
    326 }
    327 
     2186    margin-top: 0;
     2187}
     2188
     2189.wporg-responsive .col-7,
     2190body.wporg-responsive .col-8,
     2191body.wporg-responsive .col-10 {
     2192    margin-right: 174px;
     2193}
     2194body.wporg-responsive .col-2 {
     2195    position: absolute;
     2196}
     2197
     2198.wporg-responsive .col-10 .col-5 {
     2199    width: 50%;
     2200    -webkit-box-sizing: border-box;
     2201    -moz-box-sizing: border-box;
     2202    box-sizing: border-box;
     2203    padding-left: 14px;
     2204}
     2205.wporg-responsive .col-10 .col-5:last-child {
     2206    padding-left: 0;
     2207    padding-right: 14px;
     2208}
     2209.wporg-responsive.wporg-page-parent-about .col-7,
     2210.wporg-responsive.wporg-page-parent-about .col-8,
     2211.wporg-responsive.wporg-page-parent-about .col-10 {
     2212    min-height: 550px;
     2213}
     2214
     2215.wporg-responsive.wporg-page-about-logos h3.graphics img {
     2216    float: left;
     2217    margin-top: -40px;
     2218    margin-right: 40px;
     2219}
     2220.wporg-responsive.wporg-page-about-logos .all-logos ul.logo li {
     2221    min-height: 39px;
     2222}
     2223.wporg-responsive.wporg-page-about-logos .all-logos ul.logo li.img {
     2224    min-height: 150px;
     2225}
     2226.wporg-responsive.wporg-page-about-logos ul.logo li.img {
     2227    line-height: 0;
     2228    text-align: center;
     2229}
    3282230@media screen and (max-width: 974px) {
     2231    body.wporg-responsive #pagebody .wrapper {
     2232        display: -moz-box;
     2233        display: -ms-flexbox;
     2234        display: -webkit-box;
     2235        display: -webkit-flex;
     2236        display: flex;
     2237        -webkit-flex-wrap: wrap;
     2238        -ms-flex-wrap: wrap;
     2239        flex-wrap: wrap;
     2240    }
     2241    body.wporg-responsive .col-2,
     2242    body.wporg-responsive .col-3,
     2243    body.wporg-responsive .col-6,
     2244    body.wporg-responsive .col-7,
     2245    body.wporg-responsive .col-8,
     2246    body.wporg-responsive .col-9,
     2247    body.wporg-responsive .col-10,
     2248    body.wporg-responsive .col-12 {
     2249        width: inherit;
     2250        float: none;
     2251        word-wrap: break-word;
     2252    }
     2253
     2254    body.wporg-responsive .col-2 {
     2255        position: inherit;
     2256        width: 100%;
     2257    }
     2258
     2259    body.wporg-responsive .col-8,
     2260    body.wporg-responsive .col-9,
     2261    body.wporg-responsive .col-10 {
     2262        margin-right: 14px;
     2263        margin-left: 14px;
     2264    }
     2265
     2266    .wporg-responsive.wporg-page-parent-about .col-7,
     2267    .wporg-responsive.wporg-page-parent-about .col-8,
     2268    .wporg-responsive.wporg-page-parent-about .col-10 {
     2269        min-height: inherit;
     2270    }
     2271
     2272    .wporg-responsive.wporg-page-mobile #pagebody .books li {
     2273        width: 100%;
     2274        margin-right: 0;
     2275        margin-left: 0;
     2276    }
     2277
     2278    /*
     2279     * /download
     2280     */
     2281
     2282    .wporg-responsive .col-7 ~.col-2 {
     2283        position: inherit;
     2284        float: right;
     2285        width: 50%;
     2286        margin: 0;
     2287        -webkit-box-sizing: border-box;
     2288        -moz-box-sizing: border-box;
     2289        box-sizing: border-box;
     2290        padding: 0 14px;
     2291    }
     2292    .wporg-responsive .col-7 ~ .col-3 {
     2293        float: left;
     2294        width: 50%;
     2295        margin: 0;
     2296        -webkit-box-sizing: border-box;
     2297        -moz-box-sizing: border-box;
     2298        box-sizing: border-box;
     2299        padding: 0 14px;
     2300    }
     2301    .wporg-responsive .col-7 {
     2302        margin-right: 14px;
     2303        margin-left: 14px;
     2304        width: inherit;
     2305        margin-bottom: 3em;
     2306        padding-bottom: 2em;
     2307        border-bottom: 1px solid #ccc;
     2308    }
     2309
     2310    /*
     2311     * /news and /showcase
     2312     */
     2313
    3292314    .wporg-responsive .storycontent {
    3302315        padding-left: 0;
    3312316    }
    3322317}
     2318@media screen and (max-width: 700px) {
     2319    .wporg-responsive.wporg-page-about-logos h3.graphics {
     2320        padding-top: 0;
     2321    }
     2322    .wporg-responsive.wporg-page-about-logos h3.graphics img {
     2323        display: block;
     2324        float: none;
     2325        margin: 0 auto 14px;
     2326    }
     2327}
     2328@media screen and (max-width: 480px) {
     2329    .wporg-responsive .col-7 {
     2330        border-bottom: 0;
     2331    }
     2332    .wporg-responsive #sidebar, .wporg-responsive .col-7 {
     2333        float: none;
     2334    }
     2335    .wporg-responsive #sidebar {
     2336        width: 100%;
     2337    }
     2338
     2339    .wporg-responsive .col-10 .col-5, .wporg-responsive .col-10 .col-5:last-child {
     2340        width: 100%;
     2341        padding: 0;
     2342    }
     2343
     2344    .wporg-responsive .col-7 ~ .col-3 {
     2345        margin-top: 2em;
     2346        border-top: 1px solid #ccc;
     2347        padding-top: 3em;
     2348        width: inherit;
     2349        float: none;
     2350        margin: 2em auto;
     2351    }
     2352    .wporg-page-download .mobile-notice {
     2353        display: block;
     2354        width: 60%;
     2355        margin: 1px auto 3em;
     2356        border: 1px solid #ccc;
     2357        padding: 2em 1.9em 0.5em;
     2358    }
     2359    .wporg-page-download .mobile-notice-inner {
     2360        display: none;
     2361    }
     2362
     2363    .wporg-page-about-books #pagebody .books li {
     2364        padding: 0 18px 18px;
     2365        -webkit-box-sizing: border-box;
     2366        -moz-box-sizing: border-box;
     2367        box-sizing: border-box;
     2368    }
     2369    .wporg-page-about-books #pagebody .books .image {
     2370        border-left: 0;
     2371        float: none;
     2372        width: inherit;
     2373    }
     2374    .wporg-page-about-books #pagebody .books p {
     2375        padding-left: 0;
     2376        padding-right: 0;
     2377    }
     2378
     2379    .wporg-responsive.wporg-page-about-logos ul.logo {
     2380        width: 100%;
     2381    }
     2382}
     2383
     2384
     2385/*
     2386 *  Notifications
     2387 */
     2388
     2389 .notification {
     2390    background: #eee;
     2391    font-size: 13px;
     2392    margin: 0;
     2393    max-width: 100%;
     2394    padding: 8px 12px;
     2395    text-align: center;
     2396}
     2397
     2398.notification-info {
     2399    background: #d9edf7;
     2400}
     2401
     2402.notification-success {
     2403    background: #c7e8ca;
     2404}
     2405
     2406.notification-warning {
     2407    background: #fff8e5;
     2408}
     2409
     2410.notification-danger {
     2411    background: #f2dede;
     2412}
  • sites/trunk/wordpress.org/public_html/style/wp4.css

    r6461 r6519  
    218218    display: block;
    219219    background: url(//s.w.org/style/images/wporg-logo.svg?3) center left no-repeat;
     220    -webkit-background-size: 290px 46px;
    220221    background-size: 290px 46px;
    221222    height: 88px;
     
    262263    outline: none;
    263264    font-family: "Open Sans", sans-serif;
     265    -webkit-border-radius: 0px;
    264266    border-radius: 0px;
    265267}
     
    273275    text-shadow: none !important;
    274276    border: none;
     277    -webkit-box-shadow: none;
    275278    box-shadow: none;
    276279    height: 30px;
     
    280283    background-position: 3px 5px;
    281284    background-repeat: no-repeat;
     285    -webkit-border-radius: 0;
    282286    border-radius: 0;
    283287    margin: 0;
     
    296300    top: 100%;
    297301    -webkit-transition: left 0.3s;
    298     -moz-transition: left 0.3s;
    299     -ms-transition: left 0.3s;
    300     -o-transition: left 0.3s;
    301302    transition: left 0.3s;
    302303    z-index: 100000;
     
    400401    background: none;
    401402    border: none;
     403    -webkit-box-shadow: none;
    402404    box-shadow: none;
    403405    position: absolute;
     
    417419    text-shadow: none;
    418420    -webkit-transition: color .1s ease-in 0;
    419     -moz-transition: color .1s ease-in 0;
    420421    transition: color .1s ease-in 0;
    421422    -webkit-appearance: none;
     
    427428    float: left;
    428429    -moz-box-sizing: border-box;
     430    -webkit-box-sizing: border-box;
    429431    box-sizing: border-box;
    430432    margin: 0;
     
    727729    cursor: pointer;
    728730    display: inline-block;
     731    font-size: 12.8px;
    729732    font-size: 0.8rem;
     733    height: 25px;
    730734    height: 1.5625rem;
    731735    line-height: 1;
    732736    margin: 0;
     737    padding: 0 12.8px;
    733738    padding: 0 .8rem;
    734739    text-decoration: none;
     
    748753.button.button-xl,
    749754.button-group.button-xl .button {
     755    font-size: 16px;
    750756    font-size: 1rem;
     757    height: 39.062px;
    751758    height: 2.44141rem;
    752759    line-height: 1;
     760    padding: 0 24px;
    753761    padding: 0 1.5rem;
    754762}
     
    758766.col-2 p.button,
    759767.col-13 p.button {
     768    height: 31.25px;
    760769    height: 1.95313rem;
    761770    line-height: 1;
     771    padding: 0 16px;
    762772    padding: 0 1rem;
    763773}
     
    766776.block-content span.button,
    767777.button-group.button-small .button {
     778    font-size: 10.24px;
    768779    font-size: 0.64rem;
     780    height: 20px;
    769781    height: 1.25rem;
    770782    line-height: 1;
     783    padding: 0 8px;
    771784    padding: 0 .5rem;
    772785}
     
    785798a.button-primary,
    786799a.button-secondary {
     800    line-height: 25px;
    787801    line-height:  1.5625rem;
    788802}
     
    790804a.button.button-large,
    791805.button-group.button-large a.button {
     806    line-height: 31.25px;
    792807    line-height: 1.95313rem;
    793808}
     
    795810a.button.button-xl,
    796811.button-group.button-xl a.button {
     812    line-height: 39.062px;
    797813    line-height: 2.44141rem;
    798814}
     
    800816a.button.button-small,
    801817.button-group.button-small a.button {
     818    line-height: 20px;
    802819    line-height: 1.25rem;
    803820}
     
    12151232    top: 0;
    12161233    background-image: url(//s.w.org/style/images/steps.png);
     1234    -webkit-background-size: 93px 31px;
    12171235    background-size: 93px 31px;
    12181236    background-repeat: no-repeat;
     
    15561574#wporg-footer .cip-image {
    15571575    background: url(//s.w.org/style/images/codeispoetry.png?1) center center no-repeat;
     1576    -webkit-background-size: 190px 15px;
    15581577    background-size: 190px 15px;
    15591578    width: 190px;
     
    15641583@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    15651584       only screen and (min-resolution: 1.5dppx),
    1566        only screen and (min-resolution: 144dpi) {
     1585       only screen and (min-resolution: 144dpi) {
    15671586    #wporg-footer .cip-image {
    15681587        background-image: url(//s.w.org/style/images/codeispoetry-2x.png?1);
     
    17031722    padding: 1.5em 0 0 0;
    17041723    margin: 10px 0 0 0;
    1705     -moz-border-radius-bottomleft: 3px;
    1706     -khtml-border-bottom-left-radius: 3px;
    17071724    -webkit-border-bottom-left-radius: 3px;
    17081725    border-bottom-left-radius: 3px;
    1709     -moz-border-radius-bottomright: 3px;
    1710     -khtml-border-bottom-right-radius: 3px;
    17111726    -webkit-border-bottom-right-radius: 3px;
    17121727    border-bottom-right-radius: 3px;
     
    19471962    font: 1.3em Georgia, Times, "Times New Roman", serif;
    19481963    padding: 10px 0;
    1949     -moz-border-radius: 3px;
    1950     -khtml-border-radius: 3px;
    19511964    -webkit-border-radius: 3px;
    19521965    border-radius: 3px;
     
    21352148    display: -moz-box;
    21362149    display: -ms-flexbox;
     2150    display: -webkit-box;
     2151    display: -webkit-flex;
    21372152    display: flex;
     2153    -webkit-flex-wrap: wrap;
     2154    -ms-flex-wrap: wrap;
    21382155    flex-wrap: wrap;
    21392156}
     
    21522169.wporg-responsive.wporg-page-mobile #pagebody .books li {
    21532170    padding: 0 14px 15px;
     2171    -webkit-box-sizing: border-box;
     2172    -moz-box-sizing: border-box;
    21542173    box-sizing: border-box;
    21552174    background-color: #fff;
     
    21792198.wporg-responsive .col-10 .col-5 {
    21802199    width: 50%;
     2200    -webkit-box-sizing: border-box;
     2201    -moz-box-sizing: border-box;
    21812202    box-sizing: border-box;
    21822203    padding-right: 14px;
     
    22112232        display: -moz-box;
    22122233        display: -ms-flexbox;
     2234        display: -webkit-box;
     2235        display: -webkit-flex;
    22132236        display: flex;
     2237        -webkit-flex-wrap: wrap;
     2238        -ms-flex-wrap: wrap;
    22142239        flex-wrap: wrap;
    22152240    }
     
    22602285        width: 50%;
    22612286        margin: 0;
     2287        -webkit-box-sizing: border-box;
     2288        -moz-box-sizing: border-box;
    22622289        box-sizing: border-box;
    22632290        padding: 0 14px;
     
    22672294        width: 50%;
    22682295        margin: 0;
     2296        -webkit-box-sizing: border-box;
     2297        -moz-box-sizing: border-box;
    22692298        box-sizing: border-box;
    22702299        padding: 0 14px;
     
    23342363    .wporg-page-about-books #pagebody .books li {
    23352364        padding: 0 18px 18px;
     2365        -webkit-box-sizing: border-box;
     2366        -moz-box-sizing: border-box;
    23362367        box-sizing: border-box;
    23372368    }
     
    23802411    background: #f2dede;
    23812412}
     2413
     2414/*# sourceMappingURL=wp4.css.map */
Note: See TracChangeset for help on using the changeset viewer.