Twenty Thirteen: improve header area padding to ensure stable layout at any size screen. Props jvisick77, fixes #23732. (Small props also to Google TV for revealing the bug.)

git-svn-id: http://core.svn.wordpress.org/trunk@23678 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2013-03-12 22:41:58 +00:00
parent 6355d286ba
commit 2c38199fd2
2 changed files with 6 additions and 15 deletions

View File

@ -184,7 +184,7 @@ img.alignleft {
} }
.ie7 .main-navigation { .ie7 .main-navigation {
max-width: 890px; max-width: 930px;
padding-right: 150px; padding-right: 150px;
} }

View File

@ -801,7 +801,8 @@ img.wp-smiley,
.site-header hgroup { .site-header hgroup {
margin: 0 auto; margin: 0 auto;
max-width: 1040px; max-width: 1080px;
padding: 0 20px;
min-height: 230px; min-height: 230px;
width: 100%; width: 100%;
} }
@ -837,14 +838,14 @@ img.wp-smiley,
.main-navigation { .main-navigation {
clear: both; clear: both;
margin: 0 auto; margin: 0 auto;
max-width: 1040px; max-width: 1080px;
min-height: 45px; min-height: 45px;
position: relative; position: relative;
} }
ul.nav-menu, ul.nav-menu,
div.nav-menu > ul { div.nav-menu > ul {
margin: 0 0 0 -20px; margin: 0;
padding: 0 40px 0 0; padding: 0 40px 0 0;
} }
@ -928,7 +929,7 @@ ul.nav-menu li:hover > ul,
.site-header .searchform { .site-header .searchform {
position: absolute; position: absolute;
right: 0; right: 20px;
top: 1px; top: 1px;
} }
@ -2699,11 +2700,6 @@ footer.entry-meta {
margin-right: 0; margin-right: 0;
} }
ul.nav-menu,
div.nav-menu > ul {
margin-left: 0;
}
.sidebar .format-image .entry-content .size-full { .sidebar .format-image .entry-content .size-full {
margin: 0; margin: 0;
} }
@ -2716,7 +2712,6 @@ footer.entry-meta {
width: 100%; width: 100%;
} }
.site-header hgroup,
.archive-header, .archive-header,
.search .page-header, .search .page-header,
.archive .page-header, .archive .page-header,
@ -2751,10 +2746,6 @@ footer.entry-meta {
position: static; position: static;
} }
.main-navigation .searchform {
right: 20px;
}
.site-main .widget-area { .site-main .widget-area {
margin-right: 60px; margin-right: 60px;
} }