WordPress.org

Make WordPress Core

Changeset 17752


Ignore:
Timestamp:
04/28/2011 06:14:48 PM (9 years ago)
Author:
iandstewart
Message:

Twenty Eleven: First pass at styles to support the theme option for alternate layouts; See #17198

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentyeleven/style.css

    r17732 r17752  
    168168}
    169169
     170/* Right Content */
     171.sidebar-content #primary {
     172    float: right;
     173    margin: 0 0 0 -26.4%;
     174    width: 100%;
     175}
     176.sidebar-content #content {
     177    margin: 0 7.6% 0 34%;
     178    width: 58.4%;
     179}
     180.sidebar-content #secondary {
     181    float: left;
     182    margin-left: 7.6%;
     183    margin-right: 0;
     184    width: 18.8%;
     185}
     186
     187/* One column */
     188.one-column #page {
     189    max-width: 690px;
     190}
     191.one-column #content {
     192    margin: 0 7.6%;
     193    width: auto;
     194}
     195.one-column #nav-below {
     196    border-bottom: 1px solid #ddd;
     197    margin-bottom: 1.625em;
     198}
     199.one-column #secondary {
     200    float: none;
     201    margin: 0 7.6%;
     202    width: auto;
     203}
     204/* Simplify the showcase template */
     205.one-column .page-template-showcase-php section.recent-posts {
     206    float: none;
     207    margin: 0;
     208    width: 100%;
     209}
     210.one-column .page-template-showcase-php #main .widget-area {
     211    float: none;
     212    margin: 0;
     213    width: auto;
     214}
     215.one-column .page-template-showcase-php .other-recent-posts {
     216    border-bottom: 1px solid #ddd;
     217}
     218/* Simplify the showcase template when small feature */
     219.one-column section.featured-post .attachment-small-feature {
     220    border: none;
     221    display: block;
     222    float: none;
     223    margin: 0.625em auto 1.025em;
     224    max-width: 100%;
     225    height: auto;
     226    position: static;
     227}
     228.one-column article.feature-image.small {
     229    float: none;
     230    margin: 0 0 1.625em;
     231    width: auto;
     232}
     233.one-column article.feature-image.small .entry-summary a {
     234    left: -9%;
     235}
     236/* Remove the margin on singular articles */
     237.one-column.singular .entry-header,
     238.one-column.singular .entry-content,
     239.one-column.singular footer.entry-meta,
     240.one-column.singular #comments-title {
     241    width: 100%;
     242}
     243/* Simplify the pullquotes and pull styles */
     244.one-column.singular blockquote.pull {
     245    margin: 0 0 1.625em;
     246}
     247.one-column.singular .pull.alignleft {
     248    margin: 0 1.625em 0 0;
     249}
     250.one-column.singular .pull.alignright {
     251    margin: 0 0 0 1.625em;
     252}
     253.one-column.singular .entry-meta .edit-link a {
     254    position: absolute;
     255    left: 0px;
     256    top: 40px;
     257}
     258.one-column.singular #author-info {
     259    margin: 2.2em -8.8% 0px;
     260    padding: 20px 8.8%;
     261}
     262/* Make sure we have room for our comment avatars */
     263.one-column .commentlist > li.comment {
     264    margin-left: 102px;
     265    width: auto;
     266}
     267/* Make sure the logo and search form don't collide */
     268.one-column #branding #searchform {
     269    right: 40px;
     270    top: 1.625em;
     271}
     272/* Talking avatars take up too much room at this size */
     273.one-column .commentlist > li.comment {
     274    margin-left: 0;
     275}
     276.one-column .commentlist > li.comment .comment-meta,
     277.one-column .commentlist > li.comment .comment-content {
     278    margin-right: 85px;
     279}
     280.one-column .commentlist .avatar {
     281    background: transparent;
     282    display: block;
     283    padding: 0;
     284    top: 1.625em;
     285    left: auto;
     286    right: 1.625em;
     287}
     288.one-column .commentlist .children .avatar {
     289    position: absolute;
     290    background: none;
     291    padding: 0;
     292    top: 2.2em;
     293    left: 2.2em;
     294}
    170295
    171296/* =Global
Note: See TracChangeset for help on using the changeset viewer.