[2.0][bloctheme] ModernStyle v1.0.3

[Bloc]

ModernStyle is a theme for SMF 2.0 with simplified layout and colors, the CSS is rewritten and focus have been on making it suit both desktop/laptops and mobile devices.

features

• Responsive CSS
• Alternative layouts - blog|gallery|downloads(with more to come), selected on category level
• Google fonts for modern styling
• 3 variants - light, blue, dark
• Full-screen attachment preview(images), attachments sorted on images/non-images
• Selectable aspects of images(for consistency, only on gallery layout)
• Full width option, for portals. Specific optimizations for TinyPortal v1.1
• Option to simplify main menu (blog|gallery|downloads on main menu, the other parts under a "menu" item)

demo
SMF 2.0.x http://demos.bjornhkristiansen.com/index.php?theme=3
SMF 2.0.x + TP v1.1 http://demos.bjornhkristiansen.com/smf20tp/index.php?theme=3

download
http://demos.bjornhkristiansen.com/index.php?topic=3.0

screenshots


UPDATE:
v1.0.3
- now with download type added to layout types.

[Ken.]

It's looking great Bloc!
I'm looking forward to the download and loading it to my live site. 

[Bloc]

Should be good now - forgot guest permissions!

[JBlaze]

Awesome work, Bloc!

[Biology Forums]

Congratulations Bloc

[cee山]

Nice work Bloc Thanks for share

1Error : Gallery Topic :

Code Select Expand

<span class="floatleft" style="margin-right: 1em;">Topic Title</span>
< class="floatleft righttext">
<div>

[Bloc]

Yes, noticed it too, CeeMoo..that tag there should be <span class".... . Corrected for the next update.

Thanks for the feedback!

[radu81]

Very different from what we are used to see on a forum, nice work, congrats!
==edit ==
I just saw the integration with TP  congrats again

[Biology Forums]

This is one incredible looking theme.

[Antechinus]

TBH the looks don't interest me (very "modern" and "mobile-oriented" ) but the code behind it is interesting.

[Bloc]

TBH the looks don't interest me (very "modern" and "mobile-oriented" ) but the code behind it is interesting.

I know - its kinda boring seen one bit at a time, its the whole that really makes it worthwhile, probably. I am trying some new variants now, since the base is so simple it encourages variations.

What code parts do you find interesting?

[Antechinus]

The different layouts for different category types, along with the simplified markup and classes. Mind you I haven't actually looked at the code much yet, but I can see there's some good ideas in it. No doubt there are more that I haven't noticed yet.

I have thought of taking the codebase and seeing what I could do with custom styling, to see how versatile it is.

(I realise mobile-oriented is important these days, but since I never browse on a phone myself anything which is styled to be good on phones pretty much looks like a blank page on my 1920x1200)

[Biology Forums]

It doesn't have to be that way though

[Antechinus]

Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys.

I had TP 0.9.8 running without tables years ago. Blocster, you need to get onto those crusty old portal templates next. All sorts of stuff you can do with those.

ETA: Strewth. It has inline styles for Africa, and markup in Sources. Welcome to 1990.

[lurkalot]

Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys.

The next release of TP won't have tables. It's having a long overdue revamp in that department.

If you fancy helping us test it, give us a shout.

[Biology Forums]

I don't think there's anything wrong with tables.

[Kindred]

Tables should only be used for DATA that needs to appear in a tabular form. they should never be used for positioning/layout.
Not with a modern site.

[Bloc]

Tables should only be used for DATA that needs to appear in a tabular form. they should never be used for positioning/layout.
Not with a modern site.

True, tables should not be used for layout. But for a long time it was the most reliant layout tool across browsers. Now there are more solid CSS set of styles to choose from and for which even IE/Edge respects.

The real deal-breaker is whether you can set yourself apart from the need to support old browsers. I have no such needs lol.

Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys.

I had TP 0.9.8 running without tables years ago. Blocster, you need to get onto those crusty old portal templates next. All sorts of stuff you can do with those.

ETA: Strewth. It has inline styles for Africa, and markup in Sources. Welcome to 1990.

In my defense I see so much more than *should* be done with TP, not just the css and templates that I guess that put me off a bit ....well, theres new forces at work now with the css/template part - like lurkalot describes. Looking promising too.

[Kindred]

oh, I agree -- tables used to be the best way to do nice layouts (which is why everyone used them)
and I agree that we should stop using them now...   people need to get a modern browser.

[Antechinus]

Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys.

I had TP 0.9.8 running without tables years ago. Blocster, you need to get onto those crusty old portal templates next. All sorts of stuff you can do with those.

ETA: Strewth. It has inline styles for Africa, and markup in Sources. Welcome to 1990.

In my defense I see so much more than *should* be done with TP, not just the css and templates that I guess that put me off a bit ....

Serves you right for writing the code in the first place. Your sins coming back to haunt you and all that.

well, theres new forces at work now with the css/template part - like lurkalot describes. Looking promising too.

Cool.