Making WordPress.org

Changeset 5031


Ignore:
Timestamp:
03/01/2017 11:01:06 PM (5 years ago)
Author:
ocean90
Message:

Translate: Improve editor styling.

  • Increases font sizes.
  • Updates colors for current translations.
  • Adds button styling.
  • Separates meta data from translations.
File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/style.css

    r4932 r5031  
    275275}
    276276
    277 ul a.edit,
    278 dt a.edit,
    279 ul a.edit:hover,
    280 dt a.edit:hover {
    281     color: #fff;
    282 }
    283 
    284 #hello {
    285     color: #333;
    286     font-weight: normal;
    287     float: right;
    288     letter-spacing: 0;
    289     margin-right: 1em;
    290     margin-top: 22px;
    291     font-size: 1em;
    292 }
    293 
    294277p.description {
    295278    margin: 1em;
     
    311294    font-size: 90%;
    312295    background-color: #a0a5aa;
     296}
     297
     298table.translations thead tr {
     299    display: table-row !important;
    313300}
    314301
     
    332319table.glossary,
    333320table.locale-sub-projects {
     321    font-size: 100%;
    334322    border-spacing: 0;
    335323}
     
    380368table.translations tr.preview.status-current,
    381369#legend .status-current {
    382     background-color: #c1e1b9;
     370    background-color: #b5e1b9;
    383371}
    384372
     
    407395}
    408396
     397.glossary tr.active,
    409398table.translations tr.editor {
    410     background-color: #eff7ed;
     399    background-color: #fbfbfb;
    411400}
    412401
    413402.gp-content .meta {
    414     color: #333;
     403    color: #32373c;
    415404}
    416405
     
    423412    color: #00a0d2;
    424413    border-bottom: 0;
     414}
     415
     416ul a.edit,
     417dt a.edit {
     418    background: none;
    425419}
    426420
     
    438432
    439433.editor .meta {
     434    background: #fff;
     435    border: 1px solid #eee;
     436    font-size: 13px;
    440437    margin: 0;
    441     padding-left: 2em;
    442     width: 40%;
     438    padding: 5px 10px;
     439    width: 39%;
     440    float: right;
    443441    -webkit-box-sizing: border-box;
    444442    -moz-box-sizing: border-box;
    445443    box-sizing: border-box;
     444}
     445
     446.editor .meta h3 {
     447    text-align: center;
     448    border-bottom: 1px solid #eee;
     449    margin-bottom: 15px;
     450}
     451
     452button.approve strong {
     453    color: #46b450;
     454}
     455
     456button.reject strong {
     457    color: #dc3232;
     458}
     459
     460button.fuzzy strong {
     461    color: #f56e28;
     462}
     463
     464.editor .refs li {
     465    font-size: 12px;
     466    word-wrap: break-word;
     467}
     468
     469.editor .meta dl {
     470    margin: .4em 0;
     471}
     472
     473.editor .clear + .plural-numbers {
     474    margin-top: 15px;
     475}
     476
     477.editor .strings .textareas:last-child,
     478.editor .plural-numbers + .textareas {
     479    margin-bottom: 30px;
     480}
     481
     482.editor .textareas + .clear {
     483    margin-top: 30px;
     484}
     485
     486.editor .actions {
     487    margin-top: 30px;
     488}
     489
     490.editor .actions .ok {
     491    font-size: 14px;
     492    height: 26px;
     493    vertical-align: middle;
     494}
     495
     496.strings textarea {
     497    resize: vertical;
    446498}
    447499
     
    13711423
    13721424.ct-chart-contributors .ct-series-a .ct-area { /* current */
    1373     fill: #c1e1b9;
     1425    fill: #b5e1b9;
    13741426    fill-opacity: .5;
    13751427}
     
    14191471
    14201472.ct-legend .ct-series-0:before { /* current */
    1421     background-color: #c1e1b9;
    1422     border-color: #c1e1b9;
     1473    background-color: #b5e1b9;
     1474    border-color: #b5e1b9;
    14231475}
    14241476
     
    18081860    opacity: .5;
    18091861}
     1862
     1863button {
     1864    background: #f7f7f7;
     1865    border: 1px solid #ccc;
     1866    box-shadow: 0 1px 0 #ccc;
     1867    color: #555;
     1868    vertical-align: top;
     1869    border-radius: 3px;
     1870    box-sizing: border-box;
     1871    cursor: pointer;
     1872    display: inline-block;
     1873    font-size: 12px;
     1874    height: 22px;
     1875    line-height: 1;
     1876    margin: 0 1px;
     1877    padding: 0 10px;
     1878    text-decoration: none;
     1879    white-space: nowrap;
     1880    -webkit-appearance: none;
     1881}
     1882
     1883button:hover,
     1884button:focus {
     1885    background: #fafafa;
     1886    border-color: #999;
     1887    color: #23282d;
     1888}
     1889
     1890button:focus {
     1891    border-color: #5b9dd9;
     1892    box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
     1893    outline: 0;
     1894}
Note: See TracChangeset for help on using the changeset viewer.