Entry header problems (SOLVED for now)

[turlough]

For the first time I'm trying to adapt a native DW style (Heads Up) for a comm instead of working with a ported-from-LJ one. I've been sticking to custom CSS and so far I seem to have managed to change most of the things I wasn't happy with. There are a couple of things I seem to be completely unable to fix however.

They both concern entry headers as you can see in this screencap:



A) I can't seem to be able to align the top of the title and the top of the usericon. When the title is short enough to only cover one line the icon protrudes above it and when the title is long enough for two lines the icon doesn't reach high enough.

B) No matter what I try I can't seem to make the username line up under the title and date to the right. It just stays stubbornly on the left.

Is there someone who can help me fix these? All help gratefully accepted!

This is what the custom CSS looks like at the moment (and here you can see it in action).

body { color: #2a2929 !important; background-color: #ffffff !important; } a, a:visited { color: #9f555e !important; text-decoration: none !important; } a:hover, a:active { color: #ffffff !important; background: #9f555e !important; } .page-header, li.link.tell_friend, .manage-link, .manage-link.manage-tags-link, .module-userprofile.module h2, ul.userlite-interaction-links, #canvas #footer, #tertiary, .navigation.topnav, li.page-separator { display: none !important; } #primary .month .header, #primary .tags-container h2, #primary .icons-container h2, #primary .entry .entry-title, .userpic img { border: 0 !important; } #content-wrapper, #content { margin-bottom: -10px !important; } .two-columns-left #content { border-left: 150px solid #ffffff !important; } .navigation { text-align: center !important; } .navigation a, .navigation a:visited { color: #51713b !important; } .navigation a:hover, .navigation a:active { color: #9f555e !important; background: #ffffff !important; } .navigation.bottomnav { font-family: Times New Roman !important; font-size: 13pt !important; font-variant: small-caps !important; font-weight: bold !important; } li.page-back { padding-right: 30px !important; } li.page-forward { padding-left: 30px !important; } /*--- Entries ---*/ .entry .userpic { margin-top: -50px !important; } .entry .header { line-height: 11px !important; text-align: right !important; padding-right: 115px !important; } .entry .entry-title { font-family: Times New Roman !important; font-size: 13pt !important; font-variant: small-caps !important; line-height: 17px !important; margin-bottom: 0 !important; } .entry .entry-title a, .entry .entry-title a:visited { color: #51713b !important; } .entry .entry-title a:hover, .entry .entry-title a:active { color: #9f555e !important; background: #ffffff !important; } .entry .datetime, .tag-text, .metadata-label { font-family: Times New Roman !important; font-size: 10pt !important; font-weight: bold !important; line-height: 13px !important; } .entry .datetime, .entry .datetime a, .entry .datetime a:visited { color: #51713b !important; } .entry .datetime a:hover, .entry .datetime a:active { color: #9f555e !important; background: #ffffff !important; } .entry-content { padding-left: 10px !important; } .tag, .metadata.bottom-metadata { font-size: 8.5pt !important; line-height: 13px !important; padding-left: 10px !important; } ul.entry-interaction-links li, ul.entry-management-links li { padding: 0 !important; font-family: Times New Roman !important; font-size: 12pt !important; font-variant: small-caps !important; font-weight: bold !important; } ul.entry-interaction-links { margin-top: 14px !important; } .entry-management-links a, .entry-interaction-links a, .entry-management-links a:visited, .entry-interaction-links a:visited { color: #51713b !important; } .entry-management-links a:hover, .entry-management-links a:active, .entry-interaction-links a:hover, .entry-interaction-links a:active { color: #9f555e !important; background: #ffffff !important; } /*--- Sidebar ---*/ #secondary { background: #ffffff !important; background-color: #ffffff !important; border: 0 !important; } #secondary div, .module { background: #ffffff !important; background-color: #ffffff !important; } #secondary > .inner:first-child { padding: 0 10px 10px 0 !important; } .module-header { font-size: 13pt !important; font-variant: small-caps !important; text-align: center !important; border: 0 !important; margin-bottom: 0 !important; } .module-header, .module-header a, .module-header a:visited { color: #51713b !important; } .module-header a:hover, .module-header a:active { color: #9f555e !important; background: #ffffff !important; } .module-navlinks.module ul.module-list { line-height: 11px !important; text-align: center !important; } .module-typelist.module ul.module-list, .module-tags_list.module ul.module-list { line-height: 11px !important; } .module-customtext.module .module-content, .module-search.module .module-content { text-align: center !important; } .module-customtext.module .module-content { font-size: 8pt !important; } .module-userprofile.module .module-content { text-align: center !important; margin-top: 25px !important; } .module-navlinks.module .module-content a, .module-navlinks.module .module-content a:visited, .module-typelist.module a, .module-typelist.module a:visited, .module-tags_list.module .module-content a, .module-tags_list.module .module-content a:visited { color: #2a2929 !important; } .module-navlinks.module .module-content a:hover, .module-navlinks.module .module-content a:active, .module-typelist.module a:hover, .module-typelist.module a:active, .module-tags_list.module .module-content a:hover, .module-tags_list.module .module-content a:active { color: #ffffff !important; background: #9f555e !important; } .module-calendar.module .module-content { line-height: 11px !important; font-size: 8pt !important; text-align: center !important; } .module-calendar table { margin: 0 auto !important; } .module-calendar td, .module-calendar td a { padding: 1px !important; }



Mods: There's no tag for the Heads Up style.

Comments

[turlough]

Thank you! I couldn't figure out what kind of modifiers to use to make it apply only to entries.

[ninetydegrees]

Oh I'm so stupid. Since it's only in entries, you must be able to have it work w/ .entry .entry-poster

[turlough]

Even simpler, awesome!

[marahmarie]

That's not stupid. I make the same mistake all the time (proof: wasn't I the first to do so in this thread)? And oh god yes how much do I know better, let me count the ways.