How to move a div out of the container for single posts?

I want to move the whole .top section out of the container for single posts (it includes the title and image).

How could I do that? If that’s very complex, perhaps there would be a way to hide the .top for single posts and manually add another .top2 to the single posts?

Here is a link to a picture that shows exactly what I want to accomplish (the second picture is the desired result):

View post on imgur.com

(to achieve that result, I simply dragged the .top out of the container and added left and right margins and a max-width to keep the size — but that’s sadly not as easy when you merely want to make this change to all single post pages.)