Make WordPress Core

Ticket #22044: 22044.css-only.diff

File 22044.css-only.diff, 7.3 KB (added by obenland, 14 years ago)
  • wp-content/themes/twentytwelve/style.css

     
    44Author: the WordPress team
    55Author URI: http://wordpress.org/
    66Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
    7 Version: 1.0
     7Version: 1.1
    88License: GNU General Public License v2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    1010Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
     
    16501650                margin-left: 50px;
    16511651                margin-left: 3.57142857rem;
    16521652        }
    1653 }
    1654 
    1655 
    1656 /* =IE 7 and 8
    1657 ----------------------------------------------- */
    1658 
    1659 .ie .skip-link,
    1660 .ie .screen-reader-text,
    1661 .ie .assistive-text {
    1662         clip: rect(1px 1px 1px 1px); /* IE7 */
    1663 }
    1664 .ie .site {
    1665         margin: 48px auto;
    1666         max-width: 960px;
    1667 }
    1668 .ie .site-content {
    1669         float: left;
    1670         width: 65.104166667%;
    1671 }
    1672 .ie .full-width .site-content {
    1673         float: none;
    1674         width: 100%;
    1675 }
    1676 .ie .widget-area {
    1677         float: right;
    1678         width: 26.041666667%;
    1679 }
    1680 .ie img.size-full,
    1681 .ie img.size-large,
    1682 .ie img.header-image,
    1683 .ie img.wp-post-image {
    1684         width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    16851653}
    1686  No newline at end of file
  • wp-content/themes/twentytwelve/header.php

     
    99 * @since Twenty Twelve 1.0
    1010 */
    1111?><!DOCTYPE html>
    12 <!--[if IE 7 | IE 8]>
    13 <html class="ie" <?php language_attributes(); ?>>
    14 <![endif]-->
    15 <!--[if !(IE 7) | !(IE 8)  ]><!-->
    1612<html <?php language_attributes(); ?>>
    17 <!--<![endif]-->
    1813<head>
    1914<meta charset="<?php bloginfo( 'charset' ); ?>" />
    2015<meta name="viewport" content="width=device-width" />
  • wp-content/themes/twentytwelve/functions.php

     
    8888 * @since Twenty Twelve 1.0
    8989 */
    9090function twentytwelve_scripts_styles() {
     91        global $wp_styles;
     92
    9193        /*
    9294         * Adds JavaScript to pages with the comment form to support
    9395         * sites with threaded comments (when in use).
     
    141143         * Loads our main stylesheet.
    142144         */
    143145        wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() );
     146
     147        /*
     148         * Loads the Internet Explorer specific stylesheet.
     149         */
     150        wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121002' );
     151        $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' );
    144152}
    145153add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' );
    146154
  • wp-content/themes/twentytwelve/css/ie.css

     
     1body {
     2        background-color: #e6e6e6;
     3}
     4body .site {
     5        padding: 0 40px;
     6        margin-top: 48px;
     7        margin-bottom: 48px;
     8        box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
     9}
     10body.custom-background-empty {
     11        background-color: #fff;
     12}
     13body.custom-background-empty .site,
     14body.custom-background-white .site {
     15        padding: 0;
     16        margin-top: 0;
     17        margin-bottom: 0;
     18        box-shadow: none;
     19}
     20.skip-link,
     21.screen-reader-text,
     22.assistive-text {
     23        clip: rect(1px 1px 1px 1px); /* IE7 */
     24}
     25.full-width .site-content {
     26        float: none;
     27        width: 100%;
     28}
     29img.size-full,
     30img.size-large,
     31img.header-image,
     32img.wp-post-image {
     33        width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
     34}
     35.author-avatar {
     36        float: left;
     37        margin-top: 8px;
     38        margin-top: 0.571428571rem;
     39}
     40.author-description {
     41        float: right;
     42        width: 80%;
     43}
     44.site {
     45        margin: 48px auto;
     46        max-width: 960px;
     47
     48        overflow: hidden;
     49}
     50.site-content {
     51        float: left;
     52        width: 65.104166667%;
     53}
     54body.template-front-page .site-content,
     55body.single-attachment .site-content,
     56body.full-width .site-content {
     57        width: 100%;
     58}
     59.widget-area {
     60        float: right;
     61        width: 26.041666667%;
     62}
     63.site-header h1,
     64.site-header h2 {
     65        text-align: left;
     66}
     67.site-header h1 {
     68        font-size: 26px;
     69        line-height: 1.846153846;
     70}
     71.main-navigation ul.nav-menu,
     72.main-navigation div.nav-menu > ul {
     73        border-bottom: 1px solid #ededed;
     74        border-top: 1px solid #ededed;
     75        display: inline-block !important;
     76        text-align: left;
     77        width: 100%;
     78}
     79.main-navigation ul {
     80        margin: 0;
     81        text-indent: 0;
     82}
     83.main-navigation li a,
     84.main-navigation li {
     85        display: inline-block;
     86        text-decoration: none;
     87}
     88.main-navigation li a {
     89        border-bottom: 0;
     90        color: #6a6a6a;
     91        line-height: 3.692307692;
     92        text-transform: uppercase;
     93}
     94.main-navigation li a:hover {
     95        color: #000;
     96}
     97.main-navigation li {
     98        margin: 0 40px 0 0;
     99        position: relative;
     100}
     101.main-navigation li ul {
     102        display: none;
     103        margin: 0;
     104        padding: 0;
     105        position: absolute;
     106        top: 100%;
     107        z-index: 1;
     108}
     109.main-navigation li ul ul {
     110        top: 0;
     111        left: 100%;
     112}
     113.main-navigation ul li:hover > ul {
     114        border-left: 0;
     115        display: block;
     116}
     117.main-navigation li ul li a {
     118        background: #efefef;
     119        border-bottom: 1px solid #ededed;
     120        display: block;
     121        font-size: 11px;
     122        line-height: 2.181818182;
     123        padding: 8px 10px;
     124        width: 180px;
     125}
     126.main-navigation li ul li a:hover {
     127        background: #e3e3e3;
     128        color: #444;
     129}
     130.main-navigation .current-menu-item > a,
     131.main-navigation .current-menu-ancestor > a,
     132.main-navigation .current_page_item > a,
     133.main-navigation .current_page_ancestor > a {
     134        color: #636363;
     135        font-weight: bold;
     136}
     137.menu-toggle {
     138        display: none;
     139}
     140.entry-header .entry-title {
     141        font-size: 22px;
     142}
     143#respond form input[type="text"] {
     144        width: 46.333333333%;
     145}
     146#respond form textarea.blog-textarea {
     147        width: 79.666666667%;
     148}
     149.template-front-page .site-content,
     150.template-front-page article {
     151        overflow: hidden;
     152}
     153.template-front-page.has-post-thumbnail article {
     154        float: left;
     155        width: 47.916666667%;
     156}
     157.entry-page-image {
     158        float: right;
     159        margin-bottom: 0;
     160        width: 47.916666667%;
     161}
     162.template-front-page .widget-area .widget,
     163.template-front-page.two-sidebars .widget-area .front-widgets {
     164        float: left;
     165        width: 51.875%;
     166        margin-bottom: 24px;
     167}
     168.template-front-page .widget-area .widget:nth-child(odd) {
     169        clear: right;
     170}
     171.template-front-page .widget-area .widget:nth-child(even),
     172.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
     173        float: right;
     174        width: 39.0625%;
     175        margin: 0 0 24px;
     176}
     177.template-front-page.two-sidebars .widget,
     178.template-front-page.two-sidebars .widget:nth-child(even) {
     179        float: none;
     180        width: auto;
     181}
     182 No newline at end of file