Board Thread:Support Requests - Designing Your Wiki/@comment-2177054-20131204134553/@comment-2177054-20131208101410

@452 I have almost managed to construct it. However, accommodating to resolution doesn't seem to work.

.list-tab { float:left; text-align:center; font-weight:bold; border:2px solid black; border-bottom:0px; padding:4px; width:100px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }

@media screen and (min-width: 1600px) { .list-tab>div { padding:5px !important; width:100px !important; } }

@media screen and (max-width: 1023px) { .list-tab>div { padding:3px !important; } }

I have put it to MediaWiki:Common.css (I would like it to apply it to Monobook theme too) and MediaWiki:Wikia.css.

I have also created two test files: template-tabs and template-tabs-test.

What I had in mind is to have: I hope that everything is clear now and that it will be possible to make it work.
 * "padding:3px;" and "width by content" for lower resolutions
 * "padding:4px;" and "width:100px" for all resolution in between
 * "padding:5px;" and "width:100px" for higher resolutions