mirror_php/wordpress
1
0
Fork 0
mirror of git://develop.git.wordpress.org/ synced 2025-04-27 15:42:39 +02:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Twenty Fourteen: improve display for elements in the featured content area by preventing titles from breaking and letting content overflow with an ellipsis. Props obenland, fixes #25053.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@25758 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-10-10 15:35:27 +00:00
parent 6a433a7284
commit 1c66b8130d
3 changed files with 26 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/wp-content/themes/twentyfourteen/inc/customizer.php
View File

@ -203,9 +203,8 @@ function twentyfourteen_customizer_styles() {
.secondary-navigation a:hover,
#secondary .current_page_item > a,
#secondary .current-menu-item > a,
#featured-content .entry-meta a:hover,
#featured-content .entry-title a:hover,
#featured-content .more-link,
.featured-content a:hover,
.featured-content .more-link,
.widget-area a:hover {
color: ' . $accent_much_lighter . ';
}

4
src/wp-content/themes/twentyfourteen/rtl.css
View File

@ -446,7 +446,7 @@ blockquote.alignleft {
padding: 36px 0 0 10px;
}
#featured-content .hentry {
.featured-content .hentry {
float: right;
}
}
@ -628,7 +628,7 @@ blockquote.alignleft {
margin: 0 -27.31707317% 0 0;
}
#featured-content {
.featured-content {
padding-right: 222px;
padding-left: 0;
}

49
src/wp-content/themes/twentyfourteen/style.css
View File

@ -1182,7 +1182,7 @@ footer.entry-meta .entry-title a:hover {
/* =Featured Content
----------------------------------------------- */
#featured-content {
.featured-content {
background: #000;
background-attachment: fixed;
background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
@ -1193,11 +1193,9 @@ footer.entry-meta .entry-title a:hover {
box-sizing: border-box;
width: 100%;
}
#featured-content .hentry {
.featured-content .hentry {
color: #fff;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.attachment-featured-featured {
@ -1208,47 +1206,44 @@ footer.entry-meta .entry-title a:hover {
.attachment-featured-featured:hover img {
opacity: 0.85;
}
#featured-content .entry-wrap {
.featured-content .entry-wrap {
background-color: #000;
overflow: hidden;
padding: 12px 10px;
}
#featured-content .entry-meta a,
#featured-content .entry-title a {
.featured-content a {
color: #fff;
}
#featured-content .entry-meta a:hover,
#featured-content .entry-title a:hover {
color: #5FF23D;
.featured-content a:hover {
color: #5FF23d;
}
#featured-content .entry-meta {
.featured-content .entry-meta {
font-size: 11px;
font-weight: 700;
line-height: 1.0909090909;
}
#featured-content .cat-links {
.featured-content .cat-links {
font-weight: 700;
}
#featured-content .entry-title {
.featured-content .entry-title {
font-size: 18px;
font-weight: 300;
line-height: 1.3333333333;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
#featured-content .entry-summary {
.featured-content .entry-summary {
background-color: transparent;
color: rgba(255, 255, 255, 0.75);
padding-bottom: 12px;
}
#featured-content .entry-summary p {
font-size: 11px;
line-height: 1.6363636363;
margin-top: 9px;
margin-bottom: 0;
padding: 9px 0 12px;
}
#featured-content .more-link {
color: #5FF23D;
.featured-content .more-link {
color: #5FF23d;
font-size: 11px;
}
@ -2344,14 +2339,14 @@ span > object {
#secondary {
padding: 48px 30px 0;
}
#featured-content .hentry {
.featured-content .hentry {
float: left;
width: 50%;
}
#featured-content .hentry:nth-child( 2n+1 ) {
.featured-content .hentry:nth-child( 2n+1 ) {
clear: both;
}
#featured-content .entry-wrap {
.featured-content .entry-wrap {
height: 96px;
}
.full-width .site-content {
@ -2448,13 +2443,13 @@ span > object {
.content-sidebar {
padding-top: 72px;
}
#featured-content .hentry {
.featured-content .hentry {
width: 33.3333333%;
}
#featured-content .hentry:nth-child( 2n+1 ) {
.featured-content .hentry:nth-child( 2n+1 ) {
clear: none;
}
#featured-content .hentry:nth-child( 3n+1 ) {
.featured-content .hentry:nth-child( 3n+1 ) {
clear: both;
}
}