Responsive design issues

[tickletheory]

I'm trying to work out an issue with Dreamwidth stripping the viewport meta tag when a theme is NOT using the layout's default stylesheet. I do this to avoid repeating CSS, keeping it a bit more lightweight, even if it means 9k bytes less to load.

I've posted this question on style_system. If there's no resolution for this, uh, I'll have to re-evaluate my approach. Duplicated css but responsive > lighter, no duplication css but not mobile responsive? Argh. So frustrating.

Whatever the outcome, I'll have to eventually go back to the themes I've posted here because they are already responsive. The absence of the meta tag just keeps it from triggering. :

Style 4 - Complex Mobile Remix: Solarized (Dark)

[tickletheory]

I was trying to resolve my media query / mobile responsive problem and ended up exploring custom S2 layouts / layers / themes. This is really too complicated for most people. I want good design to be more accessible, so I will stop here for now.

I'm putting it up here while I go back to my previous posts and clean them up. (EDIT: Previous themes have been cleaned.)

This style uses custom layers and themes. This also works well on both DESKTOP and MOBILE.

PREVIEW:

This is similar to my previous theme, Style 3 - Text-only (Solarized Dark) but this is based on Trifecta instead of Tabula Rasa.

( Instructions and code under the cut )