WordPress.org

Make WordPress Core

Ticket #22044: 22044.css-only.diff

File 22044.css-only.diff, 7.3 KB (added by obenland, 19 months 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