golem
/
twentyGOLEM
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Twenty Twelve: CSS and markup improvements for better child theme support, part 2. See #21379. 

* Allow image alignment to apply anywhere, not just entry content area
 * Remove unneeded `hgroup` `header` and `nav` selectors


git-svn-id: http://core.svn.wordpress.org/trunk@21402 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
lancewillett 2012-08-02 18:28:10 +00:00
parent 4dcb39d686
commit 40d63f512c
2 changed files with 53 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
rtl.css
View File

@ -60,16 +60,16 @@ td {
-------------------------------------------------------------- */ -------------------------------------------------------------- */
/* Navigation Menu */ /* Navigation Menu */
nav.main-navigation li { .main-navigation li {
margin-left: 40px; margin-left: 40px;
margin-left: 2.857142857rem; margin-left: 2.857142857rem;
margin-right: auto; margin-right: auto;
} }
nav.main-navigation li ul ul { .main-navigation li ul ul {
right: 100%; right: 100%;
left: auto; left: auto;
} }
nav.main-navigation ul li:hover > ul { .main-navigation ul li:hover > ul {
border-right: 0; border-right: 0;
border-left: none; border-left: none;
} }
@ -78,17 +78,17 @@ nav.main-navigation ul li:hover > ul {
/* =Basic post styling /* =Basic post styling
-------------------------------------------------------------- */ -------------------------------------------------------------- */
.entry-content img.alignright { img.alignright {
float: right; float: right;
margin: 0 0 0 24px; margin: 0 0 0 24px;
} }
.entry-content li { .entry-content li {
margin: 0 24px 0 0; margin: 0 24px 0 0;
} }
.entry-content img.alignright { img.alignright {
margin: 12px 0 12px 24px; margin: 12px 0 12px 24px;
} }
.entry-content img.alignleft { img.alignleft {
margin: 12px 24px 12px 0; margin: 12px 24px 12px 0;
} }
.entry-content td { .entry-content td {

94
style.css
View File

@ -313,7 +313,7 @@ img.wp-post-image {
line-height: 2; line-height: 2;
color: #777; color: #777;
} }
.entry-content img.wp-smiley { img.wp-smiley {
border: 0; border: 0;
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
@ -440,26 +440,26 @@ a:hover {
padding: 24px 0; padding: 24px 0;
padding: 1.714285714rem 0; padding: 1.714285714rem 0;
} }
.site-header hgroup h1, .site-header h1,
.site-header hgroup h2 { .site-header h2 {
text-align: center; text-align: center;
} }
.site-header hgroup h1 a, .site-header h1 a,
.site-header hgroup h2 a { .site-header h2 a {
color: #515151; color: #515151;
display: block; display: block;
text-decoration: none; text-decoration: none;
} }
.site-header hgroup h1 a:hover, .site-header h1 a:hover,
.site-header hgroup h2 a:hover { .site-header h2 a:hover {
color: #21759b; color: #21759b;
} }
.site-header hgroup h1 { .site-header h1 {
font-size: 24px; font-size: 24px;
font-size: 1.714285714rem; font-size: 1.714285714rem;
line-height: 2; line-height: 2;
} }
.site-header hgroup h2 { .site-header h2 {
font-weight: normal; font-weight: normal;
font-size: 13px; font-size: 13px;
font-size: 0.928571429rem; font-size: 0.928571429rem;
@ -472,7 +472,7 @@ a:hover {
} }
/* Navigation Menu */ /* Navigation Menu */
nav.main-navigation { .main-navigation {
display: inline-block; display: inline-block;
margin-top: 24px; margin-top: 24px;
margin-top: 1.714285714rem; margin-top: 1.714285714rem;
@ -482,39 +482,39 @@ nav.main-navigation {
border-top: 1px solid #ededed; border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed; border-bottom: 1px solid #ededed;
} }
nav.main-navigation ul { .main-navigation ul {
margin: 0; margin: 0;
text-indent: 0; text-indent: 0;
} }
nav.main-navigation li ul li { .main-navigation li ul li {
padding-left: 0; padding-left: 0;
} }
nav.main-navigation li a, .main-navigation li a,
nav.main-navigation li { .main-navigation li {
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
} }
nav.main-navigation li a .main-small-navigation, .main-navigation li a .main-small-navigation,
nav.main-navigation li .main-small-navigation { .main-navigation li .main-small-navigation {
display: list-item; display: list-item;
} }
nav.main-navigation li a { .main-navigation li a {
text-transform: uppercase; text-transform: uppercase;
color: #6a6a6a; color: #6a6a6a;
} }
nav.main-navigation li a:hover { .main-navigation li a:hover {
color: #000; color: #000;
} }
nav.main-navigation li { .main-navigation li {
margin-right: 40px; margin-right: 40px;
margin-right: 2.857142857rem; margin-right: 2.857142857rem;
position: relative; position: relative;
} }
nav.main-navigation li a { .main-navigation li a {
border-bottom: 0; border-bottom: 0;
line-height: 3.692307692; line-height: 3.692307692;
} }
nav.main-navigation li ul { .main-navigation li ul {
display: none; display: none;
position: absolute; position: absolute;
top: 100%; top: 100%;
@ -522,19 +522,19 @@ nav.main-navigation li ul {
margin: 0; margin: 0;
z-index: 1; z-index: 1;
} }
nav.main-navigation li ul ul { .main-navigation li ul ul {
top: 0; top: 0;
left: 100%; left: 100%;
} }
nav.main-navigation ul li:hover > ul { .main-navigation ul li:hover > ul {
display: block; display: block;
border-left: 0; border-left: 0;
} }
nav.main-navigation li ul li, .main-navigation li ul li,
nav.main-navigation li ul li a { .main-navigation li ul li a {
text-align: center; text-align: center;
} }
nav.main-navigation li ul li a { .main-navigation li ul li a {
background: #efefef; background: #efefef;
border-bottom: 1px solid #ededed; border-bottom: 1px solid #ededed;
display: block; display: block;
@ -546,14 +546,14 @@ nav.main-navigation li ul li a {
width: 120px; width: 120px;
width: 8.571428571rem; width: 8.571428571rem;
} }
nav.main-navigation li ul li a:hover { .main-navigation li ul li a:hover {
background: #e3e3e3; background: #e3e3e3;
color: #444; color: #444;
} }
nav.main-navigation .current-menu-item > a, .main-navigation .current-menu-item > a,
nav.main-navigation .current-menu-ancestor > a, .main-navigation .current-menu-ancestor > a,
nav.main-navigation .current_page_item > a, .main-navigation .current_page_item > a,
nav.main-navigation .current_page_ancestor > a { .main-navigation .current_page_ancestor > a {
color: #636363; color: #636363;
font-weight: bold; font-weight: bold;
} }
@ -644,29 +644,29 @@ footer[role="contentinfo"] a:hover {
.entry-meta { .entry-meta {
clear: both; clear: both;
} }
header.entry-header { .entry-header {
margin-bottom: 24px; margin-bottom: 24px;
margin-bottom: 1.714285714rem; margin-bottom: 1.714285714rem;
} }
header.entry-header img.wp-post-image { .entry-header img.wp-post-image {
margin-bottom: 24px; margin-bottom: 24px;
margin-bottom: 1.714285714rem; margin-bottom: 1.714285714rem;
} }
header.entry-header .entry-title { .entry-header .entry-title {
font-size: 20px; font-size: 20px;
font-size: 1.428571429rem; font-size: 1.428571429rem;
line-height: 1.2; line-height: 1.2;
font-weight: normal; font-weight: normal;
} }
header.entry-header .entry-title a { .entry-header .entry-title a {
text-decoration: none; text-decoration: none;
} }
header.entry-header .entry-format { .entry-header .entry-format {
margin-top: 24px; margin-top: 24px;
margin-top: 1.714285714rem; margin-top: 1.714285714rem;
font-weight: normal; font-weight: normal;
} }
header.entry-header .comments-link { .entry-header .comments-link {
margin-top: 24px; margin-top: 24px;
margin-top: 1.714285714rem; margin-top: 1.714285714rem;
font-size: 13px; font-size: 13px;
@ -827,15 +827,15 @@ article.sticky .featured-post {
margin: 0 0 24px; margin: 0 0 24px;
margin: 0 0 1.714285714rem; margin: 0 0 1.714285714rem;
} }
.entry-content img.alignleft { img.alignleft {
margin: 12px 24px 12px 0; margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
} }
.entry-content img.alignright { img.alignright {
margin: 12px 0 12px 24px; margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
} }
.entry-content img.aligncenter { img.aligncenter {
margin-top: 12px; margin-top: 12px;
margin-top: 0.857142857rem; margin-top: 0.857142857rem;
margin-bottom: 12px; margin-bottom: 12px;
@ -1332,16 +1332,16 @@ label ~ span.required {
float: right; float: right;
width: 26.041666667%; width: 26.041666667%;
} }
.site-header hgroup h1, .site-header h1,
.site-header hgroup h2 { .site-header h2 {
text-align: left; text-align: left;
} }
.site-header hgroup h1 { .site-header h1 {
font-size: 26px; font-size: 26px;
font-size: 1.857142857rem; font-size: 1.857142857rem;
line-height: 1.846153846; line-height: 1.846153846;
} }
header.entry-header .entry-title { .entry-header .entry-title {
font-size: 22px; font-size: 22px;
font-size: 1.571428571rem; font-size: 1.571428571rem;
line-height: 1.090909091; line-height: 1.090909091;
@ -1436,12 +1436,12 @@ label ~ span.required {
margin-bottom: 5.142857143rem; margin-bottom: 5.142857143rem;
text-align: left; text-align: left;
} }
.site-header hgroup h1 { .site-header h1 {
font-size: 21pt; font-size: 21pt;
line-height: 1; line-height: 1;
text-align: left; text-align: left;
} }
.site-header hgroup h2 { .site-header h2 {
font-size: 10pt; font-size: 10pt;
text-align: left; text-align: left;
} }
@ -1484,7 +1484,7 @@ label ~ span.required {
margin: 0; margin: 0;
width: 100%; width: 100%;
} }
header.entry-header .entry-title, .entry-header .entry-title,
.entry-title, .entry-title,
.singular .entry-title { .singular .entry-title {
font-size: 21pt; font-size: 21pt;