WordPress.org

Making WordPress.org

Ticket #1178: 1178-rtlcss.diff

File 1178-rtlcss.diff, 50.2 KB (added by netweb, 5 years ago)
  • sites/trunk/wordpress.org/public_html/style/wp4-rtl.css

     
    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; }
    311body {
     12        font-size: 62.5%;
     13        background: #fff;
    414        font-family: sans-serif;
    5         direction: rtl;
    6         unicode-bidi: embed;
     15        line-height: 22px;
     16        color: #444;
    717}
    818/* -------------------------------------------- */
    919
    10 h1, h2, h3, h4, h5, h6 {
    11         font-family: sans-serif;
     20code, pre { font-family: Consolas, Monaco, "Courier New", Courier, monospace; color: #000; }
     21
     22a code,
     23a pre {
     24        color: inherit;
    1225}
    1326
    14 em, cite {
    15         font-style: normal;
     27pre {
     28        background: #f3f3f7;
     29        border: 1px solid #dedee3;
     30        padding: 11px;
     31        font-size: 12px;
     32        line-height: 1.3em;
     33        margin-bottom: 22px;
     34        overflow: auto;
     35}
     36
     37pre a { font-weight: normal; }
     38
     39a,
     40#wporg-footer ul li a {
     41        color: #21759b;
     42        text-decoration: none;
     43        font-weight: normal;
     44}
     45
     46strong a {
    1647        font-weight: bold;
    1748}
    1849
    19 code {
    20         direction: ltr;
    21         unicode-bidi: embed;
     50a:visited,
     51#wporg-footer ul li a:visited {
     52        color: #4ca6cf;
    2253}
    2354
     55p a { border-bottom: 1px solid #dfdfdf; }
     56
     57h3 a { font-weight: bold; }
     58
     59.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; }
     60
     61#headline a.button { display: inline-block; }
     62
     63p a:hover { border-bottom: 1px solid #d54e21; }
     64
     65a:hover { color: #d54e21; }
     66
     67h2 {
     68        font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
     69        font-weight: 300;
     70        font-size: 22px;
     71}
     72
     73h2 a {
     74        font-weight: 300;
     75}
     76
     77strong {
     78        font-weight: bold;
     79}
     80
     81em, cite {
     82        font-style: italic;
     83}
     84
     85sup {
     86        line-height: 1em;
     87        font-size: 80%;
     88}
     89
     90/* Hide visually but not from screen readers */
     91.screen-reader-text {
     92        position: absolute;
     93        margin: -1px;
     94        padding: 0;
     95        height: 1px;
     96        width: 1px;
     97        overflow: hidden;
     98        clip: rect(0 0 0 0);
     99        border: 0;
     100        word-wrap: normal !important;
     101}
     102
     103/* =WordPress Core
     104-------------------------------------------------------------- */
     105.alignnone {
     106        margin: 5px 0 20px 20px;
     107}
     108
     109.aligncenter,
     110div.aligncenter {
     111        display: block;
     112        margin: 5px auto 5px auto;
     113}
     114
     115.alignright {
     116        float:left;
     117        margin: 5px 20px 20px 0;
     118}
     119
     120.alignleft {
     121        float: right;
     122        margin: 5px 0 20px 20px;
     123}
     124
     125.aligncenter {
     126        display: block;
     127        margin: 5px auto 5px auto;
     128}
     129
     130a img.alignright {
     131        float: left;
     132        margin: 5px 20px 20px 0;
     133}
     134
     135a img.alignnone {
     136        margin: 5px 0 20px 20px;
     137}
     138
     139a img.alignleft {
     140        float: right;
     141        margin: 5px 0 20px 20px;
     142}
     143
     144a img.aligncenter {
     145        display: block;
     146        margin-right: auto;
     147        margin-left: auto
     148}
     149
     150.wp-caption {
     151        background: #fff;
     152        border: 1px solid #f0f0f0;
     153        max-width: 96%; /* Image does not overflow the content area */
     154        padding: 5px 3px 10px;
     155        text-align: center;
     156}
     157
     158.wp-caption.alignnone {
     159        margin: 5px 0 20px 20px;
     160}
     161
     162.wp-caption.alignleft {
     163        margin: 5px 0 20px 20px;
     164}
     165
     166.wp-caption.alignright {
     167        margin: 5px 20px 20px 0;
     168}
     169
     170.wp-caption img {
     171        border: 0 none;
     172        height: auto;
     173        margin: 0;
     174        max-width: 98.5%;
     175        padding: 0;
     176        width: auto;
     177}
     178
     179.wp-caption p.wp-caption-text {
     180        font-size: 11px;
     181        line-height: 17px;
     182        margin: 0;
     183        padding: 0 4px 5px;
     184}
     185
     186/* */
     187
     188.wrapper {
     189        max-width: 960px;
     190        margin: 0 auto;
     191        clear: both;
     192}
     193
     194.wrapper img{
     195        max-width: 100%;
     196        height: auto;
     197}
     198
     199#wporg-header {
     200        position: relative;
     201        height: 140px;
     202        width: 100%;
     203        background: #23282d;
     204        text-align: center;
     205}
     206
     207#wporg-header h1 {
     208        display: inline-block;
     209        width: 303px;
     210}
     211
    24212#wporg-header h1 a {
    25         background-position: center right;
     213        display: block;
     214        background: url(//s.w.org/style/images/wp-header-logo.png?1) center left no-repeat;
     215        background-size: 303px 53px;
     216        width: 303px;
     217        height: 88px;
     218        text-indent: -9999px;
    26219}
     220@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     221        #wporg-header h1 a {
     222                background-image: url(//s.w.org/style/images/wp-header-logo-2x.png?1);
     223        }
     224}
    27225
     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        border-radius: 0px;
     266}
     267
     268#head-search input.text::-moz-placeholder {
     269        color: #eee;
     270}
     271
     272#head-search .button {
     273        float: right;
     274        text-shadow: none !important;
     275        border: none;
     276        height: 30px;
     277        width: 26px;
     278        background: #191e23;
     279        background-image: url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831);
     280        background-position: 0% 2px;
     281        background-repeat: no-repeat;
     282        border-radius:0;
     283        padding: 0;
     284}
     285
    28286#wporg-header ul#wporg-header-menu {
    29         left: auto;
     287        position: absolute;
    30288        right: -75%;
     289        margin: 0;
     290        padding: 20px 0 0;
     291        min-width: 200px;
     292        max-width: 75%;
     293        background: #23282d;
     294        list-style: none;
    31295        text-align: right;
    32296        -webkit-transition: right 0.3s;
    33297        -moz-transition: right 0.3s;
     
    34298        -ms-transition: right 0.3s;
    35299        -o-transition: right 0.3s;
    36300        transition: right 0.3s;
     301        z-index: 10;
    37302}
    38303
    39304#wporg-header ul#wporg-header-menu.active {
    40         left: auto;
    41305        right: 0;
    42306}
    43307
     308#wporg-header ul li {
     309        position:relative;
     310        list-style-type:none;
     311}
     312
    44313#wporg-header ul li a {
    45         font-family: sans-serif;
     314        font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif;
     315        font-weight: 600;
     316        display: block;
     317        line-height: 34px;
     318        padding: 10px 30px;
     319        margin: 0 4px;
     320        font-size: 13px;
     321        color: #eee;
     322        height: 34px;
    46323}
    47324
     325#wporg-header ul li#download a.current {
     326        color: #eee;
     327}
     328
     329#wporg-header ul li a:hover,
     330#wporg-header ul li a.current,
     331#wporg-header ul li.current-menu-item a,
     332#wporg-header ul li.current_page_parent a {
     333        color: #45bbe6;
     334}
     335
     336#wporg-header ul li a.subcurrent {
     337        font-weight: bold;
     338}
     339
     340#wporg-header .nav-submenu {
     341        display: none;
     342        position: static;
     343        padding: 0;
     344        margin-top: -15px;
     345        margin-bottom: 10px;
     346}
     347
     348#wporg-header ul.nav-submenu li a {
     349        margin-right: 20px;
     350        height: 24px;
     351        line-height: 24px;
     352}
     353
    48354#wporg-header ul li#download {
     355        height: 34px;
     356        padding: 0 0 34px;
    49357        float: left;
    50         margin-right: 0;
    51358        margin-left: 14px;
     359        overflow: hidden;
    52360}
    53361
     362#wporg-header ul li#download a {
     363        margin: 0;
     364        padding: 0 16px;
     365}
     366
     367#wporg-header ul li#download a:hover {
     368        color: #eee;
     369}
     370
     371@media screen and (max-width:820px) {
     372        #wporg-header ul li#download {
     373                display: none;
     374        }
     375}
     376
     377@media screen and (max-width:768px) {
     378        #wporg-header ul li#download {
     379                display: block;
     380                float: none;
     381                margin: 10px 20px 20px;
     382                padding-bottom: 0;
     383                height: auto;
     384        }
     385        #wporg-header ul li#download a {
     386                padding: 4px 10px;
     387        }
     388}
     389
    54390#mobile-menu-button {
    55         left: auto;
     391        position: absolute;
     392        top: 75px;
    56393        right: 10px;
     394        display: block;
    57395        float: right;
     396        width: 39px;
     397        height: 32px;
     398        vertical-align: top;
     399        text-align: center;
     400        text-decoration: inherit;
     401        font-weight: normal;
     402        font-style: normal;
     403        font-size: 16px;
     404        font-family: 'dashicons';
     405        line-height: 1;
     406        -webkit-transition: color .1s ease-in 0;
     407        -moz-transition: color .1s ease-in 0;
     408        -webkit-font-smoothing: antialiased;
    58409}
    59410
     411#mobile-menu-button:before {
     412        display: inline-block;
     413        float: right;
     414        -moz-box-sizing: border-box;
     415        box-sizing: border-box;
     416        margin: 0;
     417        padding: 3px;
     418        width: 39px;
     419        height: 32px;
     420        outline: none;
     421        border: none;
     422        color: #888;
     423        content: '\f228';
     424        vertical-align: middle;
     425        text-decoration: none;
     426        font: normal 50px/1 'Dashicons';
     427        -webkit-font-smoothing: antialiased;
     428}
     429
     430#mobile-menu-button:hover {
     431        background:none;
     432}
     433
     434#download-mobile {
     435        background: #f7f7f7;
     436        border-bottom: 1px solid #dddddd;
     437}
     438
     439#download-mobile .wrapper {
     440        padding: 20px 0;
     441        text-align: center;
     442}
     443
     444#download-mobile span.download-ready {
     445        font-size: 1.6em;
     446        margin-left: 20px;
     447}
     448
     449#download-mobile a.download-button {
     450        height: inherit;
     451        padding: 10px 15px;
     452        font-size: 1.6em;
     453}
     454
     455@media screen and (min-width:480px) {
     456        #head-search form {
     457                margin-right: 0;
     458        }
     459}
     460
     461@media screen and (max-width:480px) {
     462        #head-search form {
     463                width: 248px;
     464        }
     465        #head-search input.text {
     466                width: 216px;
     467  }
     468}
     469
    60470@media screen and (min-width:769px) {
     471
     472        #wporg-header {
     473                height: 120px;
     474                text-align: inherit;
     475        }
     476
    61477        #wporg-header h1 {
    62478                float: right;
    63                 padding-left: 0;
    64479                padding-right: 10px;
    65480        }
    66481
     482        #head-search {
     483                float: left;
     484                margin-left: 14px;
     485                height: 48px;
     486                padding-top: 30px;
     487        }
     488
     489        #head-search form {
     490                margin-right: 0;
     491        }
     492
    67493        #wporg-header ul#wporg-header-menu {
    68                 float: right;
     494                position: static;
     495                float:right;
     496                margin: -15px 0 0;
     497                padding: 0;
     498                min-width: 0;
     499                max-width: inherit;
     500                width: 100%;
     501                list-style: none;
    69502        }
    70503
    71504        #wporg-header ul li {
    72505                float: right;
     506                position:relative;
    73507        }
    74508
     509        #wporg-header ul li a {
     510                font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif;
     511                font-weight: 600;
     512                display: block;
     513                line-height: 34px;
     514                padding: 0 6px;
     515                margin: 0 4px;
     516                font-size: 13px;
     517                color: #eee;
     518                height: 46px;
     519        }
     520
     521        #wporg-header ul li#download .uparrow {
     522                display:none;
     523        }
     524
     525        #wporg-header ul li a.current ~ .uparrow {
     526                width: 0;
     527                height: 0;
     528                border-right: 9px solid transparent;
     529                border-left: 9px solid transparent;
     530                border-bottom: 9px solid #f7f7f7;
     531                margin: -8px auto 0 auto;
     532        }
     533
     534        #wporg-header ul li.current-menu-item:after,
     535        #wporg-header ul li.current_page_parent:after {
     536                content: '';
     537                position: absolute;
     538                right: 50%;
     539                width: 0;
     540                height: 0;
     541                border-right: 9px solid transparent;
     542                border-left: 9px solid transparent;
     543                border-bottom: 9px solid #f7f7f7;
     544                margin: -8px -9px 0 0;
     545        }
     546
     547        #wporg-header ul li:hover .nav-submenu ~ .uparrow, #wporg-header ul li .nav-submenu:hover ~ .uparrow {
     548                width: 0;
     549                height: 0;
     550                border-right: 9px solid transparent;
     551                border-left: 9px solid transparent;
     552                border-bottom: 9px solid #32373c;
     553                margin: -10px auto 0 auto;
     554        }
     555
     556        #wporg-header .nav-submenu {
     557                display:none!important;/* Prevents #wporg-header ul overwriting this */
     558                min-width: 0;
     559                background: #32373c;
     560                margin-top: -1px;
     561                border: #32373c solid 1px;
     562                border-top:0;
     563        }
     564
     565        #wporg-header ul li:hover .nav-submenu, #wporg-header ul li .nav-submenu:hover  {
     566                display:block!important;/* Prevents #wporg-header ul overwriting this */
     567                position:absolute;
     568                top:46px;
     569                right:0;
     570                z-index:11;
     571                width:auto;
     572        }
     573
     574        #wporg-header ul li .nav-submenu li {
     575                float:none;
     576        }
     577
     578        #wporg-header ul.nav-submenu li a {
     579                margin-right: 6px;
     580                height: 34px;
     581                line-height: 34px;
     582        }
     583
     584        #headline h2 {
     585                text-rendering: optimizeLegibility;
     586        }
     587
     588        #mobile-menu-button {
     589                display: none;
     590        }
     591
    75592        #wporg-header h2.rosetta {
     593                padding: 36px 27px 0;
    76594                float: right;
    77595        }
    78596}
    79597
     598@media screen and (max-width:960px) {
     599        #home-welcome {
     600                min-width: 0 !important;
     601        }
     602
     603        #home-welcome .wrapper {
     604                max-width: 100%;
     605                margin: 0;
     606        }
     607
     608        #home-text {
     609                width: 100%;
     610                float: left;
     611                margin: -10px;
     612        }
     613
     614
     615        #home-below .wrapper .col-2, #home-below .wrapper .col-4 {
     616                max-width: 100%;
     617        }
     618
     619        #home-below {
     620                max-width: 100%;
     621                width: auto;
     622        }
     623}
     624
     625@media screen and (min-width:820px) {
     626        #download-mobile {
     627                display: none;
     628        }
     629}
     630
     631#home-welcome {
     632        background: #f7f7f7;
     633        min-width: 960px;
     634        min-height: 340px;
     635        border-bottom: 1px solid #dfdfdf;
     636}
     637
    80638#home-welcome img.screenshot {
     639        margin-top: 22px;
    81640        margin-left: 28px;
    82         margin-right: 0;
    83641        float: right;
    84642}
    85643
    86644#home-welcome p {
     645        font-size: 13px;
     646        padding: 11px 0;
    87647        margin-left: 14px;
    88         margin-right: 0;
    89648}
    90649
    91650#home-welcome p.intro {
     651        font-family: Georgia, Times, "Times New Roman", serif;
     652        padding-top: 34px;
     653        font-size: 17px;
     654        line-height: 1.5em;
     655}
     656
     657#home-welcome p.intro strong {
     658        font-weight: normal;
     659}
     660
     661p.intro a {
     662        font-weight: normal;
     663}
     664
     665/* New button styles
     666
     667TABLE OF CONTENTS:
     668------------------
     669 1.0 - Button Layouts
     670 2.0 - Default Button Style
     671 3.0 - Primary Button Style
     672
     673---------------------------------------------------------------------------- */
     674
     675/* 1.0 - Button Layouts  */
     676
     677.submit input,
     678input[type=button],
     679input[type=submit],
     680.button,
     681.button-primary,
     682.download-button,
     683.button-secondary {
     684        display: inline-block;
     685        text-decoration: none;
     686        font-size: 12px;
     687        line-height: 23px;
     688        height: 24px;
     689        margin: 0;
     690        padding: 0 10px 1px;
     691        cursor: pointer;
     692        border-width: 1px;
     693        border-style: solid;
     694        -webkit-border-radius: 3px;
     695        -webkit-appearance: none;
     696        border-radius: 3px;
     697        white-space: nowrap;
     698        -webkit-box-sizing: border-box;
     699        -moz-box-sizing:    border-box;
     700        box-sizing:         border-box;
     701}
     702
     703/* Remove the dotted border on :focus and the extra padding in Firefox */
     704button::-moz-focus-inner,
     705input[type="reset"]::-moz-focus-inner,
     706input[type="button"]::-moz-focus-inner,
     707input[type="submit"]::-moz-focus-inner {
     708        border-width: 1px 0;
     709        border-style: solid none;
     710        border-color: transparent;
     711        padding: 0;
     712}
     713
     714.button.button-large,
     715.button-group.button-large .button,
     716.col-2 p.button, .col-13 p.button {
     717        height: 30px;
     718        line-height: 28px;
     719        padding: 0 12px 2px;
     720}
     721
     722.button.button-small,
     723.block-content span.button,
     724.button-group.button-small .button {
     725        height: 21px;
     726        line-height: 20px;
     727        padding: 0 8px 1px;
     728}
     729
     730.button.button-hero,
     731.button-group.button-hero .button,
     732#plugin-description p.button, .col-3 p.button,
     733body.trac #plugin-description .description-right p {
     734        font-size: 14px;
     735        height: 46px;
     736        line-height: 44px;
     737        padding: 0 36px;
     738}
     739
     740.button:active {
     741        outline: none;
     742}
     743
     744.button.hidden {
     745        display: none;
     746}
     747
     748/* 2.0 - Default Button Style */
     749
     750.submit input,
     751input[type=button],
     752input[type=submit],
     753.button,
     754.button-secondary {
     755        background: #f3f3f3;
     756        background-image: -webkit-gradient(linear, right top, right bottom, from(#fefefe), to(#f4f4f4));
     757        background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
     758        background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
     759        background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4);
     760        background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4);
     761        border-color: #bbb;
     762        color: #333;
     763        text-shadow: 0 1px 0 #fff;
     764}
     765
     766.submit input:hover,
     767input[type=button]:hover,
     768input[type=submit]:hover,
     769.submit input:focus,
     770input[type=button]:focus,
     771input[type=submit]:focus,
     772.button.hover,
     773.button:hover,
     774.button-secondary:hover,
     775.button.focus,
     776.button:focus,
     777.button-secondary:focus {
     778        background: #f3f3f3;
     779        background-image: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#f3f3f3));
     780        background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
     781        background-image:    -moz-linear-gradient(top, #fff, #f3f3f3);
     782        background-image:     -ms-linear-gradient(top, #fff, #f3f3f3);
     783        background-image:      -o-linear-gradient(top, #fff, #f3f3f3);
     784        background-image:   linear-gradient(to bottom, #fff, #f3f3f3);
     785        border-color: #999;
     786        color: #222;
     787}
     788
     789.submit input:focus,
     790input[type=button]:focus,
     791input[type=submit]:focus,
     792.button.focus,
     793.button:focus,
     794.button-secondary:focus {
     795        -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
     796        box-shadow: -1px 1px 1px rgba(0,0,0,.2);
     797}
     798
     799.submit input:active,
     800input[type=button]:active,
     801input[type=submit]:active,
     802.button.active,
     803.button.active:hover,
     804.button.active:focus,
     805.button:active,
     806.button-secondary:active {
     807        background: #eee;
     808        background-image: -webkit-gradient(linear, right top, right bottom, from(#f4f4f4), to(#fefefe));
     809        background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
     810        background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe);
     811        background-image:     -ms-linear-gradient(top, #f4f4f4, #fefefe);
     812        background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe);
     813        background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe);
     814        border-color: #999;
     815        color: #333;
     816        text-shadow: 0 -1px 0 #fff;
     817        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     818        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     819}
     820
     821.submit input:disabled,
     822input[type=button]:disabled,
     823input[type=submit]:disabled,
     824.button[disabled],
     825.button:disabled,
     826.button-secondary[disabled],
     827.button-secondary:disabled,
     828.button-disabled {
     829        color: #aaa !important;
     830        border-color: #ddd !important;
     831        background-image: -webkit-gradient(linear, right top, right bottom, from(#f9f9f9), to(#f4f4f4)) !important;
     832        background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
     833        background-image:    -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
     834        background-image:     -ms-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
     835        background-image:      -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
     836        background-image:   linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important;
     837        -webkit-box-shadow: none !important;
     838        box-shadow:         none !important;
     839        text-shadow: 0 1px 0 #fff !important;
     840        cursor: default;
     841}
     842
     843/* 3.0 - Primary Button Style */
     844
     845.button-primary,
     846.download-button,
     847.button-primary:visited,
     848.download-button:visited {
     849        background-color: #21759b;
     850        background-image: -webkit-gradient(linear, right top, right bottom, from(#2a95c5), to(#21759b));
     851        background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
     852        background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
     853        background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
     854        background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
     855        background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
     856        border-color: #21759b;
     857        border-bottom-color: #1e6a8d;
     858        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     859        box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     860        color: #fff;
     861        text-decoration: none;
     862        text-shadow: 0 1px 0 rgba(0,0,0,0.1);
     863}
     864
     865.button-primary.hover,
     866.button-primary:hover,
     867.button-primary.focus,
     868.button-primary:focus,
     869.download-button.hover,
     870.download-button:hover,
     871.download-button.focus,
     872.download-button:focus {
     873        background-color: #278ab7;
     874        background-image: -webkit-gradient(linear, right top, right bottom, from(#2e9fd2), to(#21759b));
     875        background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
     876        background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
     877        background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
     878        background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
     879        background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
     880        border-color: #1b607f;
     881        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     882        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     883        color: #fff;
     884        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
     885}
     886
     887.button-primary.focus,
     888.button-primary:focus,
     889.download-button.focus,
     890.download-button:focus {
     891        border-color: #0e3950;
     892        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), -1px 1px 2px rgba(0,0,0,0.4);
     893        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), -1px 1px 2px rgba(0,0,0,0.4);
     894}
     895
     896.button-primary.active,
     897.button-primary.active:hover,
     898.button-primary.active:focus,
     899.button-primary:active,
     900.download-button.active,
     901.download-button.active:hover,
     902.download-button.active:focus,
     903.download-button:active {
     904        background: #1b607f;
     905        background-image: -webkit-gradient(linear, right top, right bottom, from(#21759b), to(#278ab7));
     906        background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
     907        background-image:    -moz-linear-gradient(top, #21759b, #278ab7);
     908        background-image:     -ms-linear-gradient(top, #21759b, #278ab7);
     909        background-image:      -o-linear-gradient(top, #21759b, #278ab7);
     910        background-image:   linear-gradient(to bottom, #21759b, #278ab7);
     911        border-color: #124560 #2382ae #2382ae #2382ae;
     912        color: rgba(255,255,255,0.95);
     913        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     914        box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     915        text-shadow: 0 1px 0 rgba(0,0,0,0.1);
     916}
     917
     918.button-primary[disabled],
     919.button-primary:disabled,
     920.button-primary-disabled,
     921.download-button[disabled],
     922.download-button:disabled,
     923.download-button-disabled {
     924        color: #94cde7 !important;
     925        background: #298cba !important;
     926        border-color: #1b607f !important;
     927        -webkit-box-shadow: none !important;
     928        box-shadow:         none !important;
     929        text-shadow: 0 -1px 0 rgba(0,0,0,0.1) !important;
     930        cursor: default;
     931}
     932
     933/* */
     934
     935body #ed_toolbar input {
     936        padding: 0 10px 1px;
     937}
     938
     939body #ed_toolbar #ed_pre {
    92940        font-family: sans-serif;
    93941}
    94942
     943.col-3 a.download-button {
     944        display: block;
     945        text-align: center;
     946}
    95947
     948.download-meta {
     949        text-align: center !important;
     950        font-size: 12px;
     951        margin-bottom: 0 !important;
     952}
     953
     954
    96955/* */
    97956
    98957#home-welcome .download-button {
    99958        margin-right: 6px;
    100         margin-left: 0;
    101959}
    102960
    103961.col-3 ul {
    104962        margin-right: 16px;
    105         margin-left: 0;
     963        list-style: square;
     964        margin-bottom: 22px;
    106965}
    107966
     967.col-3 p {
     968        margin-bottom: 22px;
     969}
     970
     971.download-tar {
     972        font-size: 12px;
     973        text-align: center;
     974        margin-bottom: 14px !important;
     975}
     976
     977#home-below {
     978        font-size: 13px;
     979        width: 960px;
     980        margin: 0 auto;
     981}
     982
     983#home-below .image img {
     984        border: 1px solid #dadada;
     985}
     986
     987#home-below .wrapper {
     988        float: right;
     989        margin-bottom: 14px;
     990}
     991
    108992.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;
     993        float: right;
     994        margin: 0 14px;
    110995}
    111996
     997.col-1 { width: 52px; }
     998.col-2 { width: 132px; }
     999.col-3 { width: 212px; }
     1000.col-4 { width: 292px; }
     1001.col-5 { width: 372px; }
     1002.col-6 { width: 452px; }
     1003.col-7 { width: 532px; }
     1004.col-8 { width: 612px; }
     1005.col-9 { width: 692px; }
     1006.col-10 { width: 772px; }
     1007.col-11 { width: 852px; }
     1008.col-12 { width: 932px; }
     1009
     1010.col-9 h2 {
     1011        margin: 6px 0;
     1012        font-family: Georgia, Times, "Times New Roman", serif;
     1013}
     1014
     1015.col-9 .entry {
     1016        border-bottom: 1px solid #dfdfdf;
     1017        margin-bottom: 30px;
     1018}
     1019
     1020h3 {
     1021        font-size: 14px;
     1022        color: #23282d;
     1023        font-weight:bold;
     1024        margin: -1px 0 1px 0;
     1025}
     1026
     1027h4, h3.head {
     1028        font-weight: bold;
     1029        font-size: 14px;
     1030        border-bottom: 1px solid #dedede;
     1031        padding-bottom: 4px;
     1032        color: #23282d;
     1033        margin-bottom: 18px;
     1034}
     1035
     1036h5 {
     1037        font-weight: bold;
     1038        font-size: 1em;
     1039        margin-bottom: 12px;
     1040}
     1041
     1042#home-below h4 {
     1043        margin-top: 28px;
     1044        margin-bottom: 16px;
     1045}
     1046
     1047#home-below h4 a {
     1048        font-weight: bold;
     1049}
     1050
     1051#home-below h5 {
     1052        margin-bottom: 0;
     1053}
     1054
     1055#home-below img.book {
     1056        margin-top: -17px;
     1057        margin-bottom: 6px;
     1058}
     1059
     1060#home-below a {
     1061        font-size: 14px;
     1062}
     1063
     1064#home-below ol.steps {
     1065        margin-top: -4px;
     1066}
     1067
    1121068#home-below ol.steps li {
    1131069        padding-right: 44px;
    114         padding-left: 0;
     1070        padding-top: 4px;
     1071        margin-bottom: 17px;
     1072        position: relative;
    1151073}
    1161074
    117 #home-below ol.steps li.one {
    118         background-position: right top;
     1075#home-below ol.steps li span {
     1076        content: '';
     1077        width: 31px;
     1078        height: 31px;
     1079        position: absolute;
     1080        right: 0;
     1081        top: 0;
     1082        background-image: url(//s.w.org/style/images/steps.png);
     1083        background-size: 93px 31px;
     1084        background-repeat: no-repeat;
    1191085}
     1086@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     1087        #home-below ol.steps li span {
     1088                background-image: url(//s.w.org/style/images/steps-2x.png);
     1089        }
     1090}
    1201091
    121 #home-below ol.steps li.two {
    122         background-position: right top;
     1092#home-below ol.steps li.one span {
     1093        background-position: 100% 0;
    1231094}
    1241095
    125 #home-below ol.steps li.three {
    126         background-position: right top;
     1096#home-below ol.steps li.two span {
     1097        background-position: -31px 0;
    1271098}
    1281099
     1100#home-below ol.steps li.three span {
     1101        background-position: -62px 0;
     1102}
    1291103
     1104ul#notable-users {
     1105        list-style: none;
     1106}
     1107
     1108p#showcase-link a {
     1109        font-size: 0.9em;
     1110        border: none;
     1111}
     1112
     1113ol.steps {
     1114        list-style: none;
     1115}
     1116
    1301117ul#notable-users li a {
     1118        display: block;
     1119        width: 130px;
     1120        height: 59px;
     1121        margin-bottom: 8px;
     1122        border-top: 1px solid #f5f5f5;
    1311123        border-right: 1px solid #f5f5f5;
    1321124        border-left: 1px solid #dedede;
     1125        border-bottom: 1px solid #dedede;
    1331126}
    1341127
    1351128ul#notable-users li a:active {
     1129        border-top: 1px solid #dedede;
    1361130        border-right: 1px solid #dedede;
    1371131        border-left: 1px solid #f5f5f5;
     1132        border-bottom: 1px solid #f5f5f5;
    1381133}
    1391134
    1401135input.text {
    1411136        margin-left: 2px;
    142         margin-right: 0;
     1137        font-size: 12px;
     1138        padding: 3px;
     1139        background: #f5f5f5;
     1140        border: 1px solid #ccc;
     1141        height: 16px;
     1142        vertical-align: top;
     1143        color: #666;
     1144        font-family: sans-serif;
    1431145}
    1441146
     1147#headline {
     1148        height: 62px;
     1149        background: #f7f7f7;
     1150        border-bottom: 1px solid #dfdfdf;
     1151}
    1451152
    1461153#headline h2 {
    147         padding-right: 12px;
    148         padding-left: 0;
     1154        color: #555;
     1155        font-size: 28px;
     1156        line-height: 1em;
     1157        text-shadow: #fff 0px 1px 0px;
     1158        padding-top: 18px;
     1159        padding-right: 9px;
    1491160        float: right;
    1501161}
    1511162
     1163body.wporg-make #headline h2 a:before {
     1164        -webkit-font-smoothing: antialiased;
     1165        display: inline-block;
     1166        font: normal 28px/1 'dashicons';
     1167        vertical-align: top;
     1168        width: 36px;
     1169}
     1170body.make-core #headline h2 a:before { content: '\f107'; }
     1171body.make-design #headline h2 a:before { content: '\f100'; }
     1172body.make-mobile #headline h2 a:before { content: '\f166'; }
     1173body.make-accessibility #headline h2 a:before { content: '\f115'; }
     1174body.make-polyglots #headline h2 a:before { content: '\f326'; }
     1175body.make-support #headline h2 a:before { content: '\f125'; }
     1176body.make-themes #headline h2 a:before { content: '\f100'; }
     1177body.make-plugins #headline h2 a:before { content: '\f106'; }
     1178body.make-docs #headline h2 a:before { content: '\f123'; }
     1179body.make-community #headline h2 a:before { content: '\f307'; }
     1180body.make-meta #headline h2 a:before { content: '\f325'; }
     1181body.make-training #headline h2 a:before { content: '\f118'; }
     1182body.make-flow #headline h2 a:before { content: '\f115'; }
     1183body.make-tv #headline h2 a:before { content: '\f235'; }
     1184
    1521185#headline .login {
     1186        font-size: 12px;
     1187        position: relative;
    1531188        float: left;
     1189        padding-top: 22px;
    1541190        margin-left: 15px;
    155         margin-right: 0;
    1561191}
    1571192
     1193#headline .login a {
     1194        color: #21759b;
     1195}
     1196
     1197#headline .login a:visited {
     1198        color: #4ca6cf;
     1199}
     1200
     1201#headline input.text {
     1202        background: #fff;
     1203        border: 1px solid #c6d9e9;
     1204}
     1205
    1581206#pages {float:left;}
    1591207
    1601208#pagebody .submenu, #pagebody #submenu {
    1611209        margin-right: 0;
     1210        margin-top: -2px;
     1211        font-size: 10px;
     1212        list-style: none;
    1621213}
    1631214
     1215#pagebody .submenu a#subcurrent, #pagebody #submenu a#subcurrent {
     1216        color: #23282d;
     1217        cursor: default;
     1218}
     1219
     1220p.person {
     1221        padding-bottom: 10px;
     1222        border-bottom: 1px solid #dadada;
     1223        margin-bottom: 11px;
     1224}
     1225
     1226#pagebody .submenu li {
     1227        border-bottom: 1px solid #dedede;
     1228        font-size: 12px;
     1229        line-height: 18px;
     1230        padding: 5px 0;
     1231}
     1232
     1233#pagebody .submenu li a {
     1234        width: 100%;
     1235        display: block;
     1236}
     1237
    1641238#pagebody .submenu li.current {
    165         background-position: center right;
     1239        background: url(//s.w.org/style/images/arrow.png) center left no-repeat;
     1240        font-weight: bold;
    1661241}
    1671242
    1681243#pagebody .submenu li ul {
     1244        margin-top: 0 !important;
    1691245        margin-right: 16px !important;
    170         margin-left: 0 !important;
    1711246}
    1721247
     1248#pagebody .submenu li ul li {
     1249        border: none;
     1250        line-height: 1.4em;
     1251        padding-bottom: 2px;
     1252}
     1253
     1254#pagebody {
     1255        font-size: 13px;
     1256        margin-top: 29px;
     1257        margin-bottom: 22px;
     1258}
     1259
     1260#pagebody p, #pagebody ol, #pagebody ul {
     1261        margin: 0 0 22px 0;
     1262}
     1263
    1731264#pagebody ul {
    1741265        margin-right: 16px;
     1266        list-style: square;
    1751267}
    1761268
    177 a.rsslink {background-position: top right; padding-right: 14px; padding-left:0;}
    178 
     1269a.rsslink {background:url(//s.w.org/style/images/feedicon10.png) top left no-repeat; padding-right: 14px;}
    1791270#pagebody ol {
    1801271        margin-right: 22px;
    181         margin-left: 0;
    182         list-style: decimal;
     1272        list-style: roman;
    1831273}
    1841274
    1851275#pagebody p.intro {
    186         font-family: sans-serif;
     1276        font-family: Georgia, Times, "Times New Roman", serif;
     1277        color: #555;
     1278        font-size: 15px;
     1279        line-height: 1.6em;
     1280        margin-top: -1px;
     1281        margin-bottom: 23px;
    1871282}
    1881283
     1284#pagebody p.intro a {
     1285        font-weight: normal;
     1286}
     1287
    1891288.feed {
    190         background-position: center right;
    191         padding-left: 0;
     1289        background: url(//s.w.org/style/images/feedicon.png) center left no-repeat;
    1921290        padding-right: 19px;
    1931291}
    1941292
     1293#wporg-footer {
     1294        clear: both;
     1295        overflow: auto;
     1296        margin: 0 auto;
     1297        padding: 22px 14px 65px 14px;
     1298        border-top: 1px solid #dfdfdf;
     1299        background-color: #f7f7f7;
     1300}
    1951301
    196 #wporg-footer p {
    197         font-family:sans-serif;
     1302#wporg-footer .wrapper {
     1303        overflow: auto;
     1304        max-width: 932px;
     1305}
     1306
     1307#wporg-footer ul {
    1981308        float: right;
     1309        overflow: auto;
     1310        width: 135px;
     1311        margin-right: 24px;
     1312        margin-bottom: 15px; /* for narrow screens */
     1313        padding-right: 0; /* override other generic styles */
    1991314}
    2001315
    201 #head-search {
    202         float: left;
    203         margin-left: 14px;
    204         margin-right: 0;
     1316@media screen and (min-width:960px) {
     1317        #wporg-footer ul:first-child {
     1318                margin-right: 0;
     1319        }
    2051320}
    2061321
    207 #head-search input.text {
    208         margin-left: 6px;
    209         margin-right: 0;
    210         float: right;
     1322#wporg-footer ul li {
     1323        font-size: 14px;
     1324        margin-bottom: 1px;
     1325        color: #bbb;
     1326        list-style-type: none;
    2111327}
    2121328
    213 #head-search .button {
    214         float: right;
     1329#wporg-footer ul li a {
     1330        border: none;
    2151331}
    2161332
    217 #books .image {
     1333#wporg-footer h6 {
     1334        clear: both;
     1335        float: none;
     1336        text-align: center;
     1337        margin-top: 35px;
     1338        font-size: 16px;
     1339        letter-spacing: 0.3em;
     1340        text-transform: uppercase;
     1341        color: #cccccc;
     1342}
     1343
     1344#wporg-footer h6.cip-image {
     1345        background: url(//s.w.org/style/images/codeispoetry.png?1) center center no-repeat;
     1346        background-size: 190px 15px;
     1347        width: 190px;
     1348        height: 15px;
     1349        text-indent: -9999px;
     1350}
     1351
     1352@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     1353        #wporg-footer h6.cip-image {
     1354                background-image: url(//s.w.org/style/images/codeispoetry-2x.png?1);
     1355        }
     1356}
     1357
     1358blockquote {
     1359        background: #f5f5f5;
     1360        border: 1px solid #dadada;
     1361        padding: 22px 22px 0;
     1362        margin-bottom: 22px;
     1363}
     1364
     1365ul#books, ul#otherbooks {
     1366        list-style: none;
     1367        margin: 0;
     1368}
     1369
     1370#books .image, #otherbooks .image {
     1371        width: 200px;
     1372        display: block;
    2181373        float: right;
     1374        text-align: center;
     1375        margin: 18px;
    2191376        border-left: 1px solid #dadada;
    2201377}
    2211378
    222 #books img {
     1379#books img, #otherbooks img {
    2231380        border: 1px solid #dadada;
    2241381}
    2251382
    226 #books li {
     1383#books.mobile img {
     1384        border:none;
     1385}
     1386
     1387#books li, #otherbooks li {
     1388        background: #f5f5f5;
     1389        border: 1px solid #dadada;
    2271390        border-left-color: #eee;
    228         border-right-color: #dadada;
     1391        border-bottom-color: #e0e0e0;
     1392        margin-bottom: 22px;
     1393        clear: both;
    2291394        float: right;
     1395        width: 100%;
    2301396}
    2311397
    232 #books h3 {
    233         font-family:sans-serif;
     1398#books h3, #otherbooks h3 {
     1399        margin: 18px 0 5px 0;
     1400        font: 21px Georgia, Times, "Times New Roman", serif;
    2341401}
    2351402
    236 #books p {
     1403#otherbooks h3, #otherbooks p {
     1404        margin-right:20px;
     1405}
     1406
     1407#otherbooks h3 {
     1408        font-size:18px;
     1409}
     1410
     1411#books p, #otherbooks p {
    2371412        padding-left: 22px;
    238         padding-right: 0;
     1413        padding-right: 22px;
     1414        margin-bottom: 7px;
     1415        line-height: 1.4em;
    2391416}
    2401417
    241 #books .author {
    242         font: normal 15px sans-serif;
     1418#books .author, #otherbooks .author {
     1419        font: italic 15px Georgia, Times, "Times New Roman", serif;
     1420        margin-bottom: 11px;
     1421        color: #888;
    2431422}
    2441423
     1424#books .published, #otherbooks .published {
     1425        font-size: 11px;
     1426        text-transform: uppercase;
     1427        letter-spacing: 0.2em;
     1428        color: #888;
     1429}
     1430
     1431#books h3 a, #otherbooks h3 a {
     1432        font-weight: normal;
     1433}
     1434
     1435.features .col-5 li {
     1436        margin-bottom:15px;
     1437}
     1438
     1439.alt { background: #f2f2f2; }
     1440
     1441.featured {
     1442        background: #fffbcc;
     1443        border: 1px solid #e6db55;
     1444        padding: 11px 11px 16px;
     1445        margin: 32px 0;
     1446        overflow: auto;
     1447        /*width: 670px;*/
     1448}
     1449
     1450.partner {
     1451        clear: both;
     1452        min-height: 100px;
     1453        margin-bottom: 20px;
     1454}
     1455
    2451456.partner img {
    2461457        float: left;
     1458        margin-top: 4px;
    2471459        margin-left: 4px;
    2481460        margin-right: 12px;
    2491461}
     1462.submit {
     1463        border-top: 1px solid #ccc;
     1464        padding: 1.5em 0 0 0;
     1465        margin: 10px 0 0 0;
     1466        -moz-border-radius-bottomright: 3px;
     1467        -khtml-border-bottom-right-radius: 3px;
     1468        -webkit-border-bottom-right-radius: 3px;
     1469        border-bottom-right-radius: 3px;
     1470        -moz-border-radius-bottomleft: 3px;
     1471        -khtml-border-bottom-left-radius: 3px;
     1472        -webkit-border-bottom-left-radius: 3px;
     1473        border-bottom-left-radius: 3px;
     1474}
     1475
     1476#pagebody table.widefat {
     1477        border-collapse: collapse;
     1478        width: 100%;
     1479        clear: both;
     1480        margin-bottom: 11px;
     1481}
     1482
     1483#pagebody table.widefat a {
     1484        text-decoration: none;
     1485}
     1486
     1487#pagebody table.widefat tr.alt {
     1488        background-color: #f2f2f2;
     1489}
     1490
     1491#pagebody table.widefat tbody.hover {
     1492        cursor: pointer;
     1493}
     1494
     1495#pagebody table.widefat tbody tr.hover,
     1496#pagebody table.widefat tbody tr:hover {
     1497        background-color: #ddd;
     1498}
     1499#pagebody table.widefat tbody tr.hover a,
     1500#pagebody table.widefat tbody a:hover {
     1501        color: #d54e21;
     1502}
     1503
     1504#pagebody table.widefat td, #pagebody table.widefat th {
     1505        font-size: 13px;
     1506        padding: 6px;
     1507        vertical-align: text-top;
     1508}
     1509
     1510#pagebody table.widefat thead {
     1511        background-color: #cfcfcf;
     1512        color: #000;
     1513        font-weight: bold;
     1514}
     1515
    2501516#pagebody table.widefat th {
     1517        padding-bottom: 4px;
     1518        padding-top: 8px;
    2511519        text-align: right;
    2521520}
    2531521
     1522#pagebody table.widefat .check-column {
     1523        text-align: center;
     1524        vertical-align: text-top;
     1525        width: 3%;
     1526}
     1527
     1528.wrap, .updated, .error {
     1529        margin: 0;
     1530        margin-right: 15px;
     1531        margin-left: 15px;
     1532        padding: 0;
     1533        max-width: 980px;
     1534}
     1535
     1536.form-table, form#profile-form table {
     1537        border-collapse: collapse;
     1538        margin-top: 1em;
     1539        width: 100%;
     1540        color: #333;
     1541}
     1542
     1543.form-table td, form#profile-form table td {
     1544        margin-bottom: 9px;
     1545        padding: 10px;
     1546        line-height: 20px;
     1547        border-bottom-width: 8px;
     1548        border-bottom-style: solid;
     1549
     1550}
     1551
    2541552.form-table th, form#profile-form table th {
    2551553        text-align: right;
     1554        padding: 10px;
     1555        width: 150px;
     1556        font-weight: bold;
     1557        border-bottom-width: 8px;
     1558        border-bottom-style: solid;
    2561559}
    2571560
    258 .form-table input, .form-table textarea,
    259 form#profile-form table input, form#profile-form textarea {
     1561.form-table input[type='text'], .form-table textarea,
     1562form#profile-form table input[type='text'], form#profile-form textarea {
     1563        border: 1px solid #d1e5f6;
     1564        border-top-color: #b0c1cf;
    2601565        border-right-color: #b0c1cf;
    2611566}
    2621567
    263 #sitesearch label { margin-left: 6px; margin-right: 0;}
     1568.form-table input[type='text'] {
     1569        padding: 3px;
     1570}
    2641571
     1572.form-table textarea, form#profile-form table textarea {
     1573        width: 520px !important;
     1574        font-size: 13px;
     1575        line-height: 1.5em;
     1576}
     1577
     1578.error {
     1579        background-color: #ffebe8;
     1580        border-color: #c00;
     1581}
     1582
     1583.error a {
     1584        color: #c00;
     1585}
     1586
     1587.form-invalid {
     1588        background-color: #ffebe8 !important;
     1589}
     1590
     1591.form-invalid input {
     1592        border-color: #c00 !important;
     1593}
     1594
     1595.form-table td, .form-table th,
     1596form#profile-form table td, form#profile-form table th {
     1597        border-bottom-color: #fff;
     1598}
     1599
     1600.form-input-tip {
     1601        color: #999;
     1602}
     1603
     1604#sitesearch {
     1605        margin-top: 10px;
     1606        margin-bottom: 22px;
     1607        font-size: 10px;
     1608}
     1609
     1610#sitesearch #sitesearchbox {
     1611        width: 45%;
     1612        padding: 3px;
     1613        font-size: 18px;
     1614}
     1615
     1616#sitesearch p { margin-top: 4px; }
     1617
     1618#sitesearch label { margin-left: 6px;}
     1619
     1620#sitesearch .text {
     1621        height: 24px;
     1622}
     1623
    2651624#sitesearch .button {
     1625        font-size: 16px;
    2661626        margin-right: 4px;
    267         margin-left: 0;
     1627        height: 32px;
     1628        padding: 0 6px;
    2681629}
    2691630
    2701631ol.searchresults {
     1632        margin-top: 22px !important;
    2711633        padding-right: 4px;
    272         padding-left: 0;
    2731634}
    2741635
     1636div.special { margin-top: 22px; }
     1637
     1638.searchresults h4, .special h4 {
     1639        margin-bottom: 4px;
     1640}
    2751641.searchresults .source, .special .source {
    2761642        float: left;
     1643        font-size: 10px;
     1644        font-style: italic;
     1645        font-family: "Lucida Sans";
     1646        color: #888;
     1647        font-weight: normal;
    2771648}
    2781649
    2791650.heatmap {
    280         font-family:sans-serif;
     1651        font-family: Georgia, Times, "Times New Roman", serif;
     1652        line-height: 3em;
    2811653}
    2821654
     1655.heatmap a {
     1656        font-weight: normal;
     1657}
     1658
    2831659.col-10 .col-5 {
    284         padding-left: 20px;
    285         padding-right: 0;
     1660        margin: 0;
     1661        width: 352px;
    2861662}
    2871663
     1664.col-10 .col-10 {
     1665        margin: 24px 0 0;
     1666        clear: both;
     1667}
     1668
     1669.col-10 .col-8, .col-10 .col-7 {
     1670        margin: 0;
     1671}
     1672
     1673.col-10 .col-5 table td {
     1674        line-height: 1.5em;
     1675        padding: 10px 0;
     1676        border-bottom: 1px solid #dadada;
     1677}
     1678
     1679.more {
     1680        font-size: 90%;
     1681}
     1682
     1683.column-list {
     1684        font-size: 12px;
     1685        line-height: 1.5em;
     1686}
     1687
     1688.column-list li {
     1689        padding-bottom: 4px;
     1690}
     1691
     1692#theuser .block {
     1693        margin: 24px;
     1694}
     1695
    2881696#theuser #userinfo {
    2891697        margin-right: 22px;
    290         margin-left: 0;
     1698        margin-bottom: 0;
    2911699}
    2921700
    2931701#lang-guess {
    294         font-family:sans-serif;
     1702        width: 93%;
     1703        max-width: 932px;
     1704        margin: 22px auto 0;
     1705        background: #fffbcc;
     1706        border: 1px solid #e6db55;
     1707        text-align: center;
     1708        font: 1.3em Georgia, Times, "Times New Roman", serif;
     1709        padding: 10px 0;
     1710        -moz-border-radius: 3px;
     1711        -khtml-border-radius: 3px;
     1712        -webkit-border-radius: 3px;
     1713        border-radius: 3px;
    2951714}
    2961715
     1716h3.graphics {
     1717        clear: both;
     1718        padding-top: 20px;
     1719        font-size:22px;
     1720        font-weight: normal;
     1721        color: #999;
     1722        padding-bottom: 6px;
     1723}
     1724
    2971725ul.logo {
    2981726        margin: 0 0 14px 14px !important;
     1727        width: 176px;
     1728        border: 1px solid #dfdfdf;
     1729        border-top: none;
    2991730        float: right;
    3001731}
    3011732
     1733ul.logo li {
     1734        list-style: none;
     1735        border-bottom: 1px solid #dfdfdf;
     1736        background: #f5f5f5;
     1737        line-height:13px;
     1738}
     1739
     1740ul.logo li.img {
     1741        background: #fff;
     1742}
     1743
     1744ul.logo li a span {
     1745        color: #999;
     1746        font-weight: normal;
     1747}
     1748
     1749ul.logo li a {
     1750        display: block;
     1751        padding: 6px 8px;
     1752        font-size:10px;
     1753}
     1754
     1755ul.logo li:first-child {
     1756        border-top: 1px solid #dfdfdf;
     1757}
     1758
     1759ul.logo li:last-child {
     1760        border-bottom: none;
     1761}
     1762
     1763p.community {
     1764        clear: both;
     1765        font-size:14px;
     1766        padding: 24px 0;
     1767}
     1768
     1769
     1770ul.logo .pnglogo { background: #eee; text-align: center;}
     1771
     1772ul.logo .pnglogo:hover { background: #555; }
     1773
     1774.pnglogo img {
     1775        padding: 62px 0;
     1776}
     1777
     1778#logo-blue img, #logo-grey img { padding: 20px 0; }
     1779
     1780
     1781ul.colors {
     1782        margin: 0 !important;
     1783}
     1784
    3021785ul.colors li {
    3031786        float: right;
     1787        list-style: none;
    3041788        margin-right: 60px;
    3051789        padding-left:50px;
    306         padding-right: 0;
    3071790        border-left: 1px solid #dfdfdf;
    308         border-right: none;
    3091791        margin-left:50px;
     1792        margin-bottom: 24px;
     1793        line-height: 14px;
     1794        font-size: 10px;
     1795        color: #666;
    3101796}
    3111797
     1798ul.colors li strong {
     1799        font-size: 12px;
     1800        color: #333;
     1801}
     1802
    3121803ul.colors li:last-child {
    3131804        padding-left: 0;
    3141805        margin-left: 0;
     
    3181809ul.colors li img {
    3191810        float: right;
    3201811        margin-right: -60px;
     1812}
     1813
     1814body .meta {
     1815        font-size: 12px;
     1816        color: #777;
     1817        margin-bottom: 10px;
     1818}
     1819
     1820body .meta a {
     1821        color: #777;
     1822        border-bottom: 1px solid #dfdfdf;
     1823}
     1824
     1825body .meta a:hover { color: #d54e21; border-bottom-color: #d54e21; }
     1826
     1827hr { border: none; border-top: 1px solid #dfdfdf; }
     1828
     1829#headline a {
     1830        color: #555;
     1831}
     1832
     1833img#wpstats {
     1834        margin: -10px 10px 0;
     1835}
     1836
     1837/* Responsive styling ---------------------------------- */
     1838
     1839.wporg-page-download .mobile-notice {
     1840        display: none;
     1841}
     1842.wporg-page-download .download-button-container {
     1843        text-align: center;
     1844}
     1845.wporg-page-mobile ul#books {
     1846        display: -moz-box;
     1847        display: -ms-flexbox;
     1848        display: flex;
     1849        flex-wrap: wrap;
     1850}
     1851.wporg-page-mobile #books li {
     1852        width: 49%;
     1853        margin-right: 1%;
     1854        clear: none;
     1855}
     1856.wporg-page-mobile #books li:first-child {
     1857        margin-right: 0;
     1858        margin-left: 1%;
     1859}
     1860.wporg-responsive.wporg-page-mobile #books p {
     1861        margin-bottom: 14px;
     1862}
     1863.wporg-responsive.wporg-page-mobile #books li {
     1864        padding: 0 14px 15px;
     1865        box-sizing: border-box;
     1866}
     1867.wporg-responsive.wporg-page-mobile #books h3 {
     1868        margin-bottom: 15px;
     1869}
     1870.wporg-responsive.wporg-page-mobile #books .image {
     1871        float: left;
     1872        border-left: 0;
     1873        border-right: 1px solid #dadada;
     1874        margin-right: 14px;
    3211875        margin-left: 0;
     1876        margin-top: 0;
    3221877}
    3231878
     1879.wporg-responsive .col-7,
     1880body.wporg-responsive .col-8,
     1881body.wporg-responsive .col-10 {
     1882        margin-right: 174px;
     1883}
     1884body.wporg-responsive .col-2 {
     1885        position: absolute;
     1886}
     1887
     1888.wporg-responsive .col-10 .col-5 {
     1889        width: 50%;
     1890        box-sizing: border-box;
     1891        padding-left: 14px;
     1892}
     1893.wporg-responsive .col-10 .col-5:last-child {
     1894        padding-left: 0;
     1895        padding-right: 14px;
     1896}
     1897.wporg-responsive.wporg-page-parent-about .col-7,
     1898.wporg-responsive.wporg-page-parent-about .col-8,
     1899.wporg-responsive.wporg-page-parent-about .col-10 {
     1900        min-height: 550px;
     1901}
     1902
     1903.wporg-responsive.wporg-page-about-logos h3.graphics img {
     1904        float: left;
     1905        margin-top: -40px;
     1906        margin-right: 40px;
     1907}
     1908.wporg-responsive.wporg-page-about-logos .all-logos ul.logo li {
     1909        min-height: 39px;
     1910}
     1911.wporg-responsive.wporg-page-about-logos .all-logos ul.logo li.img {
     1912        min-height: 150px;
     1913}
     1914.wporg-responsive.wporg-page-about-logos ul.logo li.img {
     1915        line-height: 0;
     1916        text-align: center;
     1917}
    3241918@media screen and (max-width: 974px) {
     1919        body.wporg-responsive #pagebody .wrapper {
     1920                display: -moz-box;
     1921                display: -ms-flexbox;
     1922                display: flex;
     1923                flex-wrap: wrap;
     1924        }
     1925        body.wporg-responsive .col-2,
     1926        body.wporg-responsive .col-3,
     1927        body.wporg-responsive .col-6,
     1928        body.wporg-responsive .col-7,
     1929        body.wporg-responsive .col-8,
     1930        body.wporg-responsive .col-9,
     1931        body.wporg-responsive .col-10,
     1932        body.wporg-responsive .col-12 {
     1933                width: inherit;
     1934                float: none;
     1935                word-wrap: break-word;
     1936        }
     1937
     1938        body.wporg-responsive .col-2 {
     1939                position: inherit;
     1940                width: 100%;
     1941        }
     1942
     1943        body.wporg-responsive .col-8,
     1944        body.wporg-responsive .col-9,
     1945        body.wporg-responsive .col-10 {
     1946                margin-right: 14px;
     1947                margin-left: 14px;
     1948        }
     1949
     1950        .wporg-responsive.wporg-page-parent-about .col-7,
     1951        .wporg-responsive.wporg-page-parent-about .col-8,
     1952        .wporg-responsive.wporg-page-parent-about .col-10 {
     1953                min-height: inherit;
     1954        }
     1955
     1956        .wporg-responsive.wporg-page-mobile #books li {
     1957                width: 100%;
     1958                margin-right: 0;
     1959                margin-left: 0;
     1960        }
     1961
     1962        /*
     1963         * /download
     1964         */
     1965
     1966        .wporg-responsive .col-7 ~.col-2 {
     1967                position: inherit;
     1968                float: right;
     1969                width: 50%;
     1970                margin: 0;
     1971                box-sizing: border-box;
     1972                padding: 0 14px;
     1973        }
     1974        .wporg-responsive .col-7 ~ .col-3 {
     1975                float: left;
     1976                width: 50%;
     1977                margin: 0;
     1978                box-sizing: border-box;
     1979                padding: 0 14px;
     1980        }
     1981        .wporg-responsive .col-7 {
     1982                margin-right: 14px;
     1983                margin-left: 14px;
     1984                width: inherit;
     1985                margin-bottom: 3em;
     1986                padding-bottom: 2em;
     1987                border-bottom: 1px solid #ccc;
     1988        }
     1989
     1990        /*
     1991         * /news and /showcase
     1992         */
     1993
    3251994        .wporg-responsive .storycontent {
    3261995                padding-left: 0;
    3271996        }
    3281997}
     1998@media screen and (max-width: 700px) {
     1999        .wporg-responsive.wporg-page-about-logos h3.graphics {
     2000                padding-top: 0;
     2001        }
     2002        .wporg-responsive.wporg-page-about-logos h3.graphics img {
     2003                display: block;
     2004                float: none;
     2005                margin: 0 auto 14px;
     2006        }
     2007}
     2008@media screen and (max-width: 480px) {
     2009        .wporg-responsive .col-7 {
     2010                border-bottom: 0;
     2011        }
     2012        .wporg-responsive #sidebar, .wporg-responsive .col-7 {
     2013                float: none;
     2014        }
     2015        .wporg-responsive #sidebar {
     2016                width: 100%;
     2017        }
     2018
     2019        .wporg-responsive .col-10 .col-5, .wporg-responsive .col-10 .col-5:last-child {
     2020                width: 100%;
     2021                padding: 0;
     2022        }
     2023
     2024        .wporg-responsive .col-7 ~ .col-3 {
     2025                margin-top: 2em;
     2026                border-top: 1px solid #ccc;
     2027                padding-top: 3em;
     2028                width: inherit;
     2029                float: none;
     2030                margin: 2em auto;
     2031        }
     2032        .wporg-page-download .mobile-notice {
     2033                display: block;
     2034                width: 60%;
     2035                margin: 1px auto 3em;
     2036                border: 1px solid #ccc;
     2037                padding: 2em 1.9em 0.5em;
     2038        }
     2039        .wporg-page-download .mobile-notice-inner {
     2040                display: none;
     2041        }
     2042
     2043        .wporg-page-about-books #books li {
     2044                padding: 0 18px 18px;
     2045                box-sizing: border-box;
     2046        }
     2047        .wporg-page-about-books #books .image {
     2048                border-left: 0;
     2049                float: none;
     2050                width: inherit;
     2051        }
     2052        .wporg-page-about-books #books p {
     2053                padding-left: 0;
     2054                padding-right: 0;
     2055        }
     2056
     2057        .wporg-responsive.wporg-page-about-logos ul.logo {
     2058                width: 100%;
     2059        }
     2060}
  • sites/trunk/wordpress.org/public_html/style/forum-wp4-rtl.css

     
     1a:visited {
     2        color: #4ca6cf;
     3}
     4
    15p.login span.mod-login {
     6        position: relative;
    27        left: 0;
    3         right: auto;
     8        bottom: 0.5em;
    49}
    510
    611.frontpageheatmap a {
    7         font-family: sans-serif;
     12        font-family: Georgia, Times, "Times New Roman", serif;
     13        font-weight: normal;
     14        line-height: 28px;
     15        padding-bottom: 10px
    816}
    917
     18.alt {
     19        background: #fff;
     20}
     21
     22.sticky {
     23        background: #f695a9;
     24}
     25
     26.deleted {
     27        background: #ff9999;
     28}
     29
     30.post-undelete-link,
     31.deleted .post-delete-link {
     32        display: none;
     33}
     34
     35.deleted .post-undelete-link {
     36        display: inline;
     37}
     38
     39.bozo {
     40        background: #ffff99
     41}
     42
    1043.new-topic {
    1144        margin-right: 3px;
    12         margin-left: 0;
    1345}
    1446
     47.topicnav {
     48        font-size: 10px;
     49}
     50
     51#forumlist {
     52        font-size: 12px;
     53        border-collapse: collapse;
     54        width: 100%;
     55        margin-top: 5px;
     56}
     57
    1558#forumlist .num {
    16         font-family: sans-serif;
     59        font-family: Georgia;
     60        font-size: 12px;
    1761}
    1862
     63#forumlist small, .forumlist .num small {
     64        font-size: 12px;
     65}
     66
     67#forumlist a {
     68        font-size: 15px;
     69}
     70
     71#forumlist thead th {
     72        font-weight: bold;
     73        padding: 0;
     74        line-height: 1em;
     75}
     76
     77#forumlist tbody tr {
     78        border-bottom: 1px solid #dadada !important;
     79        vertical-align: top;
     80}
     81
     82#forumlist td {
     83        line-height: 1.5em;
     84        padding: 8px 0;
     85}
     86
     87ul#views {
     88        margin: 2px 0 20px;
     89        font-size: 12px;
     90}
     91
     92#views li {
     93        list-style: none;
     94        display: inline;
     95}
     96
     97.topictitle h2 {
     98        font-size: 22px;
     99        line-height: 1.2em;
     100        color: #333;
     101        margin-bottom: 11px;
     102}
     103
     104h2.post-form {
     105        font-size: 14px;
     106        color: #333;
     107        font-weight: bold;
     108        clear: both;
     109}
     110
    19111.topictitle .col-9 {
    20112        margin-right: 255px;
    21         margin-left: 0;
    22113}
    23114
     115#thread {
     116        list-style: none;
     117        margin: 20px 0 0 0 !important;
     118        padding: 0;
     119}
     120
    24121#thread li.postitem {
    25122        float: right;
     123        border-bottom: 1px solid #dadada;
     124        margin-bottom: 20px;
    26125}
    27126
     127#thread .threadauthor {
     128        margin: 0;
     129        overflow-x: hidden;
     130}
     131
     132.topicmeta {
     133        padding-top: 19px;
     134}
     135
     136h4 {
     137        font-weight: bold;
     138        padding-top: 1px;
     139        font-size: 12px;
     140        border-bottom: 1px solid #dedede;
     141        padding-bottom: 4px;
     142        color: #333;
     143        margin-bottom: 10px;
     144}
     145
     146.topicmeta ul {
     147        margin: 0 0 22px 0 !important;
     148        font-size: 12px;
     149}
     150
     151.topicmeta ul li {
     152        list-style: none;
     153        padding: 0 0 8px;
     154        line-height: 1.5em;
     155}
     156
     157.topicmeta .tags ul,
     158.topicmeta .tags p {
     159        margin-bottom: 0 !important;
     160}
     161
     162input#tag {
     163        padding-right: 0;
     164        padding-left: 0;
     165        width: 80px;
     166}
     167
     168.postform {
     169        font-size: 12px;
     170}
     171
    28172.postform label {
     173        display: block;
    29174        float: right;
    30175        clear: right;
    31176}
    32177
     178.postform textarea {
     179        height: 20em;
     180        width: 97%;
     181        font-size: 12px;
     182        color: #333;
     183}
     184
     185.postform p {
     186        margin: 0 0 6px !important;
     187}
     188
     189#content a:visited {
     190        font-weight: normal
     191}
     192
     193.poststuff {
     194        font-size: 12px;
     195        color: #777;
     196}
     197
     198.threadauthor {
     199        line-height: 1.4em;
     200        padding-top: 3px;
     201}
     202
     203.threadauthor strong {
     204        font-size: 12px;
     205        color: #333;
     206}
     207
     208.threadauthor small {
     209        font-size: 12px;
     210}
     211
    33212.threadauthor .avatar {
    34213        float: right;
    35214        margin-left: 12px;
    36         margin-right: 0;
    37215}
    38216
     217tr.sticky td {
     218        background: #fdf4cd;
     219}
     220
     221#hottags{
     222        margin: 0;
     223        padding: 0;
     224        clear:both;
     225}
     226
    39227.post {
    40228        margin-right: 14px;
    41         margin-left: 0;
     229        color: #333;
     230        overflow: auto;
    42231}
    43232
     233.post strong {
     234        font-weight: bold;
     235}
     236
     237.post em {
     238        font-style: italic;
     239}
     240
     241#thread .post p,
     242#thread .post pre,
     243#thread .post blockquote {
     244        margin-bottom: 11px;
     245}
     246
     247#thread .post pre {
     248        max-height: 40.4em;
     249}
     250
    44251.post blockquote {
     252        padding: 10px 10px 0 10px;
     253        border-color: #dadada;
     254        background: none;
     255        border-style: solid;
    45256        border-width: 1px 3px 1px 1px;
    46257}
    47258
    48259#forum-welcome {
    49260        float: right;
     261        margin-bottom: 22px;
    50262}
    51263
    52264#forum-welcome p {
     265        margin-bottom: 0;
    53266        padding-left: 10px;
    54         padding-right: 0;
    55267}
    56268
     269#forumsearch {
     270        margin-top: 10px;
     271        margin-bottom: 22px;
     272}
     273
     274#forumsearch #forumsearchbox {
     275        width: 65%;
     276        padding: 3px;
     277}
     278
     279.clear {
     280        display: block;
     281        height: 1px;
     282        clear: both;
     283}
     284
    57285.page-numbers {
     286        font-size: 11px;
     287        line-height: 1;
     288        padding: 4px 6px;
    58289        margin-left: 3px;
    59         margin-right: 0;
     290        border-width: 1px;
     291        border-style: solid;
     292        background-color: #fff;
     293        border-color: #ccc;
     294        display: inline-block;
     295        text-align: center;
    60296}
    61297
     298.dots {
     299        background: none;
     300        border: none;
     301}
     302
     303.page-numbers.current {
     304        font-weight: bold;
     305        border-width: 1px;
     306        border-style: solid;
     307        background-color: #328ab2;
     308        border-color: #328ab2;
     309        color: #fff;
     310}
     311
     312a.page-numbers:hover {
     313        border-color: #999;
     314}
     315
     316.next,
     317.prev {
     318        padding: 0;
     319        border: none;
     320        background-color: #fff;
     321        color: #2583ad;
     322}
     323
     324.next:hover,
     325.prev:hover {
     326        color: #d54e21;
     327}
     328
    62329#useravatar {
    63330        float: right;
     331        margin: 12px 12px 8px;
    64332}
    65333
     334#useravatar img {
     335        border: 1px solid #fff;
     336}
     337
    66338#pagebody #userlogin,
    67339#userlogin {
    68         font-family: sans-serif;
     340        font-size: 18px;
     341        background: #666;
     342        padding: 10px;
     343        color: #fff;
     344        font-weight: normal;
     345        font-family: Georgia, Times, "Times New Roman", serif;
     346        -webkit-border-top-right-radius: 6px;
     347        border-top-right-radius: 6px;
     348        -webkit-border-top-left-radius: 6px;
     349        border-top-left-radius: 6px;
    69350}
    70351
    71352dl#userinfo {
    72353        float: right;
    73354        margin-right: 12px;
    74         margin-left: 0;
     355        margin-bottom: 12px;
     356        margin-top: 8px;
     357        width: 82%;
     358        color: #333;
    75359}
    76360
    77361dl#userinfo dt {
    78362        float: right;
     363        font-size: 10px;
     364        color: #888;
    79365        margin-left: 6px;
    80366        margin-right: -12px;
     367        font-weight: bold;
    81368}
    82369
     370#useractivity {
     371        clear: both;
     372        margin-bottom: 22px;
     373}
     374
    83375#theuser {
     376        border: 1px solid #dadada;
    84377        float: right;
     378        width: 99%;
     379        margin-bottom: 22px;
     380        -webkit-border-radius: 6px;
     381        border-radius: 6px;
    85382}
    86383
     384ul#profile-menu {
     385        list-style: none;
     386        margin: -3px 0 0;
     387}
     388
     389ul#profile-menu li {
     390        margin-top: -1px;
     391        padding: 2px 0;
     392        border-top: 1px solid #dadada;
     393        font-size: 10px;
     394}
     395
     396ul#profile-menu li.current a {
     397        color: #333;
     398        cursor: default;
     399}
     400
    87401form#profile-form {
     402        clear: both;
    88403        margin-right: 12px;
    89         margin-left: 0;
    90404}
    91405
    92406form#profile-form h3 {
    93407        margin-right: -12px;
    94         margin-left: 0;
     408        margin-top: 22px;
    95409}
    96410
     411form#profile-form table th {
     412        vertical-align: top;
     413}
     414
     415form#profile-form table input[type=text] {
     416        width: 97%;
     417}
     418
     419form#profile-form .submit input {
     420        font-size: 1.2em;
     421        height: auto;
     422        padding: 4px;
     423}
     424
    97425form#profile-delete-form {
    98426        float: left;
     427        position: relative;
     428        top: -42px;
    99429}
    100430
     431form#profile-delete-form .delete:hover {
     432        background-color: #c00;
     433        color: #fff;
     434}
     435
    101436#topic-paging {
    102437        float: left;
    103438        margin-left: -162px;
    104         margin-right: 0;
    105439}
     440
     441ol.searchresults li {
     442        list-style: square;
     443}
     444
     445ol.searchresults li a {
     446        font-size: 12px !important;
     447}
     448
     449#topic-move, #topic-move fieldset {
     450        display: inline;
     451}
     452
     453#pagebody .postform .submit {
     454        float: left;
     455        border-top: 0;
     456        padding-top: 0;
     457        padding-left: 23px;
     458}
     459
     460.threadyreply {
     461        margin-top: 10px;
     462}
     463
     464.threadreply th {
     465        width: 226px;
     466        padding: 0;
     467        margin: 0;
     468}
     469.threadreply th a {
     470        border: 0;
     471}
     472
     473h2.post-form {
     474        clear: right;
     475}
     476form.postform {
     477        clear: left;
     478}
     479
     480form.postform th, .form-table td {
     481        margin: 0;
     482        padding: 0;
     483}
     484form.postform input[type='text'] {
     485        padding: 4px 2px;
     486}
     487
     488@media screen and ( max-width: 960px ) {
     489        .col-6, .col-7, .col-8, .col-10, .col-12 {
     490                width: 100%;
     491                padding: 0 14px;
     492                margin: 0;
     493                box-sizing: border-box;
     494        }
     495
     496        .postform .form-table th,
     497        .postform .form-table td {
     498                display: inline-block;
     499        }
     500
     501        .form-table textarea {
     502                width: 100% !important;
     503        }
     504}