WordPress.org

Making WordPress.org

Changeset 1530


Ignore:
Timestamp:
05/01/2015 01:00:33 PM (4 years ago)
Author:
ocean90
Message:

Translate: Refresh design of "Locales & Languages" page.

props samuelsidler, ocean90.
see #994.

Location:
sites/trunk/translate.wordpress.org
Files:
5 added
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/translate.wordpress.org/public_html/gp-templates/helper-functions.php

    r1488 r1530  
    11<?php
    22
    3 wp_enqueue_style( 'wporg', ( is_ssl() ? gp_url_ssl( gp_url_public_root() ) : gp_url_public_root() ) . 'gp-templates/style.css', array( 'base' ), '20150418' );
     3wp_enqueue_style( 'wporg', ( is_ssl() ? gp_url_ssl( gp_url_public_root() ) : gp_url_public_root() ) . 'gp-templates/style.css', array( 'base' ), '20150501' );
    44
    55add_action( 'tmpl_load_locations', function( $locations, $template, $args, $template_path ) {
  • sites/trunk/translate.wordpress.org/public_html/gp-templates/style.css

    r1486 r1530  
    22    margin: 0;
    33}
     4
    45.gp-content {
    5     margin: 10px auto;
    6     width: 940px;
    7 }
     6    font-family: 'Open Sans' !important;
     7    margin: 20px auto;
     8    max-width: 940px;
     9    padding: 0 10px;
     10}
     11
    812.gp-content span.breadcrumb {
    913    margin: .5em 0;
     
    1115    float: none;
    1216}
     17
    1318.gp-content h2 {
     19    font-family: 'Open Sans' !important;
    1420    margin: 2px 0 .6em;
    1521}
     22
     23.actionlist a,
     24.actionlist a:link,
     25.actionlist a:visited,
     26.gp-content a {
     27    color: #0074a2;
     28}
     29
     30.gp-content a:hover {
     31    color: #2ea2cc;
     32    text-decoration: none;
     33}
     34
     35ul a.edit,
     36dt a.edit,
     37ul a.edit:hover,
     38dt a.edit:hover {
     39    color: #fff;
     40}
     41
    1642#hello {
    1743    margin-top: 22px;
    1844    font-size: 1em;
    1945}
     46
    2047p.description {
    2148    margin: 1em;
    2249}
     50
    2351p.actionlist {
    2452    margin-top: 1em;
    2553    margin-bottom: 1em;
    2654}
     55
    2756#gp-footer {
     57    clear: both;
     58    font-family: 'Open Sans' !important;
    2859    background: none;
    29 }
     60    color: #a0a5aa;
     61}
     62
     63#gp-footer a {
     64    color: #0073aa;
     65}
     66
    3067/* custom markup */
    3168#headline .menu-link {
    3269    padding-right: 20px;
    3370}
     71
    3472/* overrides the global stylesheet: */
    3573.gp-content blockquote {
     
    3977    margin: 0;
    4078}
     79
    4180.gp-content ul {
    4281    padding-left: 20px;
    4382}
     83
    4484.gp-content #submit {
    4585    font-size: 1em;
    4686    margin: 0.4em 0.1em 0 0;
    4787}
     88
    4889.notice {
    4990    background: #99d9ed;
     
    5293}
    5394
     95.notice a {
     96    color: #006799;
     97}
     98
     99.intro {
     100    width: 75%;
     101    margin-bottom: 20px;
     102    font-size: 1.1em;
     103    line-height: 1.5em;
     104}
     105
     106.filter-header {
     107    font-family: 'Open Sans' !important;
     108    display: inline-block;
     109    position: relative;
     110    box-sizing: border-box;
     111    margin: 0 0 25px 0;
     112    padding: 0 40px 0 10px;
     113    width: 100%;
     114    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
     115    border: 1px solid #dfdfdf;
     116    background: #efefef;
     117    color: #555;
     118    font-size: 13px;
     119}
     120
     121.filter-header-links {
     122    display: inline-block;
     123    margin: 0;
     124}
     125
     126.filter-header-links li {
     127    display: inline-block;
     128    margin: 0 10px;
     129    padding: 15px 0;
     130    color: #666;
     131    cursor: pointer;
     132}
     133
     134.filter-header-links .current {
     135    -webkit-box-shadow: none;
     136    box-shadow: none;
     137    border-bottom: 4px solid #666;
     138    color: #222;
     139}
     140
     141.filter-header .search-form {
     142    float: right;
     143    margin: 15px 0;
     144    display: inline-block;
     145}
     146
     147.filter-header .filter-search {
     148    margin: 0;
     149    padding: 3px 5px;
     150    width: 280px;
     151    font-size: 16px;
     152    font-weight: 300;
     153    line-height: 1.5;
     154}
     155
     156.filter-search {
     157    border: 1px solid #ddd;
     158    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
     159    background-color: #fff;
     160    color: #333;
     161    outline: none;
     162    transition: 0.05s border-color ease-in-out;
     163    border-radius: 0;
     164}
     165
     166.locale {
     167    float: left;
     168    margin: 0 0 2.083% 2.083%;
     169    width: 31.25%;
     170    border: 1px solid #ccc;
     171    box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
     172    background: #fff;
     173    box-sizing: border-box;
     174}
     175
     176.locales {
     177    margin-left: -2.083%;
     178}
     179
     180.locales:before,
     181.locales:after {
     182    content: "";
     183    display: table;
     184}
     185
     186.locales:after {
     187    clear: both;
     188}
     189
     190.locale.percent-100 {
     191    border-color: #509040;
     192}
     193
     194.locale-button .button {
     195    height: 26px;
     196}
     197
     198.locale-button .button a {
     199    vertical-align: baseline;
     200    color: #555;
     201    line-height: 26px;
     202    padding: 0 10px 5px;
     203    -webkit-appearance: none;
     204    border-radius: 3px;
     205    white-space: nowrap;
     206}
     207
     208.locale-button .button a:hover {
     209    color: #333;
     210}
     211
     212.locale-button {
     213    background: #f9f9f9;
     214    text-align: center;
     215    padding: 13px 0;
     216}
     217
     218.locale-button a {
     219    color: #555;
     220    padding: 8px;
     221}
     222
     223.locale .name {
     224    display: inline-block;
     225    margin: 0;
     226    padding: 20px;
     227}
     228
     229.locale .name li {
     230    display: block;
     231}
     232
     233.locale .name li.english a {
     234    font-weight: bold;
     235}
     236
     237.locale .name li.code a {
     238    color: #999;
     239}
     240
     241.locale .contributors {
     242    float: right;
     243    margin-top: 20px;
     244    padding: 10px 20px;
     245    color: #006799;
     246    border-left: 1px solid #eee;
     247    text-align: center;
     248}
     249
     250.locale .contributors .dashicons {
     251    margin-left: -7px;
     252    font-size: 2em;
     253    padding-bottom: 10px;
     254}
     255
     256.locale .percent {
     257    width: 100%;
     258    height: 4px;
     259    background-color: #d6d6d6;
     260}
     261
     262.locale .percent-complete {
     263    height: 4px;
     264    background-color: #509040;
     265}
     266
     267.screen-reader-text {
     268    clip: rect(1px, 1px, 1px, 1px);
     269    height: 1px;
     270    overflow: hidden;
     271    position: absolute !important;
     272    width: 1px;
     273}
     274
     275/* Responsive styles */
     276@media (max-width: 700px) {
     277    .intro {
     278        width: 100%;
     279    }
     280}
     281
     282@media only screen and (max-width: 1120px) {
     283    .locales .locale {
     284        width: 47.917%;
     285    }
     286}
     287
     288@media only screen and (max-width: 480px) {
     289    .locales {
     290        margin-left: 0;
     291    }
     292
     293    .locales .locale {
     294        width: 100%;
     295        margin-left: 0;
     296    }
     297}
Note: See TracChangeset for help on using the changeset viewer.