diff options
| author | Nils Adermann <naderman@naderman.de> | 2013-10-20 11:12:55 -0700 |
|---|---|---|
| committer | Nils Adermann <naderman@naderman.de> | 2013-10-20 11:12:55 -0700 |
| commit | e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9 (patch) | |
| tree | 4a674524dd14a82970bffdb77f747075485809ba /phpBB/styles/prosilver/theme/cp.css | |
| parent | 3b39a44b0079e5eb703db1c70ced2ee9b991503b (diff) | |
| parent | ff10f1ab6aef3cddcc1bd754453881c37e4b976f (diff) | |
| download | forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar.gz forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar.bz2 forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.tar.xz forums-e08db41d0d19e991d3b0434e382ef1ffbd9f2ee9.zip | |
Merge pull request #1719 from cyberalien/ticket/11552
Responsive design for prosilver
Diffstat (limited to 'phpBB/styles/prosilver/theme/cp.css')
| -rw-r--r-- | phpBB/styles/prosilver/theme/cp.css | 81 |
1 files changed, 80 insertions, 1 deletions
diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index e32ff8fcb8..e0863f7458 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -118,7 +118,7 @@ ul.cplist { #tabs { line-height: normal; margin: 20px 0 -1px 7px; - min-width: 570px; + *overflow: hidden; } #tabs ul { @@ -127,6 +127,12 @@ ul.cplist { list-style: none; } +#tabs ul:after { + content: ''; + display: block; + clear: both; +} + #tabs li { display: inline; margin: 0; @@ -210,6 +216,79 @@ ul.cplist { text-decoration: none; } +/* Responsive tabs +----------------------------------------*/ +.responsive-tab .responsive-tab-link span { + display: inline-block; + font-size: 16px; + position: relative; + width: 16px; + line-height: 14px; + text-decoration: none; +} + +#minitabs .responsive-tab .responsive-tab-link span { + display: block; +} + +.responsive-tab .responsive-tab-link span:before { + content: ''; + position: absolute; + left: 5px; + top: 8px; + height: .125em; + width: 14px; + border-bottom: 0.125em solid transparent; + border-top: 0.375em double transparent; +} + +#minitabs .responsive-tab .responsive-tab-link span:before { + left: 0; + top: 2px; +} + +#tabs ul, #minitabs ul { + position: relative; +} + +#tabs ul.responsive-tabs, #minitabs ul.responsive-tabs { + position: absolute; + right: 0; + top: 26px; + z-index: 2; + border: 1px solid transparent; + border-radius: 5px; +} + +#minitabs ul.responsive-tabs { + top: 23px; +} + +.tabs-container #minitabs ul.responsive-tabs { + right: auto; + left: 0; +} + +#tabs .responsive-tabs li, #minitabs .responsive-tabs li { + display: block !important; +} + +#tabs .responsive-tabs a, #tabs .responsive-tabs a span, #minitabs .responsive-tabs a, #minitabs .responsive-tabs a span { + background: transparent; + float: none; + margin: 0; + padding: 0; + text-align: right; +} + +.tabs-container #minitabs .responsive-tabs a span { + text-align: left; +} + +#tabs .responsive-tabs a span, #minitabs .responsive-tabs a span { + padding: 5px; +} + /* UCP navigation menu ----------------------------------------*/ /* Container for sub-navigation list */ |