Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2025-01-25 17:51:27 +01:00
Code Issues Projects Releases Wiki Activity

Twenty Eleven: Improvements to the responsive layout

Browse Source 
git-svn-id: http://svn.automattic.com/wordpress/trunk@18060 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
iandstewart 2011-05-27 01:04:05 +00:00
parent 46daad4d6d
commit 7e3f9578ac
1 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
wp-content/themes/twentyeleven/style.css
View File

@ -475,6 +475,7 @@ a:hover {
z-index: 2; z-index: 2;
} }
#site-title { #site-title {
margin-right: 270px;
padding: 3.65625em 0 0; padding: 3.65625em 0 0;
} }
#site-title a { #site-title a {
@ -492,7 +493,7 @@ a:hover {
#site-description { #site-description {
color: #7a7a7a; color: #7a7a7a;
font-size: 14px; font-size: 14px;
margin: 0 0 3.65625em; margin: 0 270px 3.65625em 0;
} }
#branding img { #branding img {
height: auto; height: auto;
@ -608,11 +609,11 @@ a:hover {
-moz-transition-duration: 400ms; -moz-transition-duration: 400ms;
-moz-transition-property: width, background; -moz-transition-property: width, background;
-moz-transition-timing-function: ease; -moz-transition-timing-function: ease;
width: 26%; width: 45px;
} }
#branding #s:focus { #branding #s:focus {
background-color: #f9f9f9; background-color: #f9f9f9;
width: 114%; width: 196px;
} }
#branding #searchsubmit { #branding #searchsubmit {
display: none; display: none;
@ -2141,6 +2142,9 @@ p.comment-form-comment {
margin: 2.2em -8.8% 0px; margin: 2.2em -8.8% 0px;
padding: 20px 8.8%; padding: 20px 8.8%;
} }
.page-link {
margin: 1.625em 0;
}
/* Make sure we have room for our comment avatars */ /* Make sure we have room for our comment avatars */
.commentlist > li.comment, .commentlist > li.comment,
.commentlist .pingback { .commentlist .pingback {
@ -2170,10 +2174,17 @@ p.comment-form-comment {
} }
} }
@media (max-width: 650px) { @media (max-width: 650px) {
/* Reposition the site title and description slightly */
#site-title {
padding: 5.30625em 0 0;
}
#site-title,
#site-description {
margin-right: 0;
}
/* Make sure the logo and search form don't collide */ /* Make sure the logo and search form don't collide */
#branding #searchform { #branding #searchform {
right: 1px; top: 1.625em !important;
top: 0;
} }
/* Make sure the post-post navigation doesn't collide with anything */ /* Make sure the post-post navigation doesn't collide with anything */
#nav-single { #nav-single {
@ -2198,6 +2209,14 @@ p.comment-form-comment {
position: absolute; position: absolute;
top: 2.2em; top: 2.2em;
} }
/* Use the available space in the smaller comment form */
#respond input[type="text"] {
width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
left: 95%;
}
} }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
body { body {