WordPress.org

Making WordPress.org

Changeset 632


Ignore:
Timestamp:
05/21/2014 04:53:52 PM (6 years ago)
Author:
iandunn
Message:

Rosetta theme: Add responsive styles.

Fixes #471.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/global.wordpress.org/public_html/wp-content/themes/rosetta/style.css

    r631 r632  
    398398    font-weight: bold;
    399399}
     400
     401@media screen and ( max-width: 960px ) {
     402    #wporg-header {
     403        height: auto;
     404    }
     405
     406        #mobile-menu-button {
     407            display: none;    /* Because the global menu doesn't actually exist */
     408        }
     409
     410        #wporg-header .menu ul li,
     411        #wporg-header ul.menu li {
     412            float: left;
     413        }
     414
     415            #wporg-header .menu ul li a,
     416            #wporg-header ul.menu li a {
     417                padding-left: 0;
     418                padding-right: 15px;
     419            }
     420
     421    #mid-wrapper.outer,
     422    .wrapper,
     423    .section,
     424    .main {
     425        width: auto;
     426    }
     427
     428    #mid-wrapper,
     429    .wrapper {
     430        margin-left: 40px;
     431        margin-right: 40px;
     432    }
     433
     434        form#contactme textarea {
     435            width: 100%;
     436        }
     437}
     438
     439@media screen and ( max-width: 768px ) {
     440    #wporg-header h2.rosetta a {
     441        padding-top: 5px;
     442        padding-left: 0;
     443    }
     444}
Note: See TracChangeset for help on using the changeset viewer.