diff options
| author | Marc Alexander <admin@m-a-styles.de> | 2013-11-23 00:54:40 +0100 |
|---|---|---|
| committer | Marc Alexander <admin@m-a-styles.de> | 2013-11-23 00:54:56 +0100 |
| commit | 943ab555da799fd94b221d5cd0a82fce568de042 (patch) | |
| tree | 613e88d68c78b7680a8e5b3654c52552c7a2598a /phpBB/styles/prosilver/theme/cp.css | |
| parent | e108418824857e670a92f516285455f79bf6e12a (diff) | |
| parent | 0d0b2627f723c3003af0ea301511a972008e7734 (diff) | |
| download | forums-943ab555da799fd94b221d5cd0a82fce568de042.tar forums-943ab555da799fd94b221d5cd0a82fce568de042.tar.gz forums-943ab555da799fd94b221d5cd0a82fce568de042.tar.bz2 forums-943ab555da799fd94b221d5cd0a82fce568de042.tar.xz forums-943ab555da799fd94b221d5cd0a82fce568de042.zip | |
Merge branch 'develop' of https://github.com/phpbb/phpbb3 into ticket/11912
Conflicts:
phpBB/config/services.yml
Diffstat (limited to 'phpBB/styles/prosilver/theme/cp.css')
| -rw-r--r-- | phpBB/styles/prosilver/theme/cp.css | 89 |
1 files changed, 72 insertions, 17 deletions
diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css index e0863f7458..2003fef954 100644 --- a/phpBB/styles/prosilver/theme/cp.css +++ b/phpBB/styles/prosilver/theme/cp.css @@ -105,6 +105,7 @@ ul.cplist { .tabs-container #minitabs { float: right; margin-top: 19px; + max-width: 50%; } .tabs-container:after { @@ -218,6 +219,10 @@ ul.cplist { /* Responsive tabs ----------------------------------------*/ +.responsive-tab { + position: relative; +} + .responsive-tab .responsive-tab-link span { display: inline-block; font-size: 16px; @@ -251,29 +256,39 @@ ul.cplist { 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; +#tabs .dropdown, #minitabs .dropdown { + top: 29px; + margin-right: -1px; } -#minitabs ul.responsive-tabs { - top: 23px; +#minitabs .dropdown { + top: 18px; } -.tabs-container #minitabs ul.responsive-tabs { - right: auto; - left: 0; +#tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown { + bottom: -5px; + top: auto; +} + +#minitabs .dropdown-up .dropdown { + bottom: 18px; +} + +#tabs .dropdown-right .dropdown, #minitabs .dropdown-right .dropdown { + margin-left: -41px; } -#tabs .responsive-tabs li, #minitabs .responsive-tabs li { +#tabs .dropdown li, #minitabs .dropdown li { display: block !important; + background: transparent none; + padding: 0; } -#tabs .responsive-tabs a, #tabs .responsive-tabs a span, #minitabs .responsive-tabs a, #minitabs .responsive-tabs a span { +.tabs-container #minitabs .dropdown a span { + display: block; +} + +#tabs .dropdown a, #tabs .dropdown a span, #minitabs .dropdown a, #minitabs .dropdown a span { background: transparent; float: none; margin: 0; @@ -281,14 +296,16 @@ ul.cplist { text-align: right; } -.tabs-container #minitabs .responsive-tabs a span { +.tabs-container #minitabs .dropdown a span { text-align: left; } -#tabs .responsive-tabs a span, #minitabs .responsive-tabs a span { - padding: 5px; +#tabs .dropdown a span, #minitabs .dropdown a span { + padding: 5px 8px; + color: inherit !important; } + /* UCP navigation menu ----------------------------------------*/ /* Container for sub-navigation list */ @@ -417,3 +434,41 @@ ol.def-rules li { border: 1px solid transparent; text-align: center; } + +/* Responsive *CP navigation +----------------------------------------*/ +@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) +{ + .nojs #tabs a span, .nojs #minitabs a span { + max-width: 40px; + overflow: hidden; + text-overflow: ellipsis; + letter-spacing: -.5px; + } + + #cp-menu, #navigation, #cp-main { + float: none; + width: auto; + margin: 0; + } + + #navigation { + padding: 0; + margin: 0 auto; + max-width: 320px; + } + + #navigation a { + background-image: none; + } + + #navigation li:first-child a { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } + + #navigation li:last-child a { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + } +} |