diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-17 21:11:03 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-17 21:11:03 +0300 |
| commit | dbb6fc2ebeffe3aac52a79fb937946b01e079606 (patch) | |
| tree | 8f36c926275885819b825a20310e71868eb67786 /phpBB/styles/prosilver/theme | |
| parent | c15ab90c38966d6992499a75fcdddf519f50e09d (diff) | |
| download | forums-dbb6fc2ebeffe3aac52a79fb937946b01e079606.tar forums-dbb6fc2ebeffe3aac52a79fb937946b01e079606.tar.gz forums-dbb6fc2ebeffe3aac52a79fb937946b01e079606.tar.bz2 forums-dbb6fc2ebeffe3aac52a79fb937946b01e079606.tar.xz forums-dbb6fc2ebeffe3aac52a79fb937946b01e079606.zip | |
[ticket/11552] Responsive menu
PHPBB3-11552
Diffstat (limited to 'phpBB/styles/prosilver/theme')
| -rw-r--r-- | phpBB/styles/prosilver/theme/colours.css | 17 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/common.css | 69 |
2 files changed, 86 insertions, 0 deletions
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index 3f837976bf..cf701dd816 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1126,3 +1126,20 @@ input.disabled { .notification_list .pointer_inner { border-bottom-color: #F1F8FF; } + +ul.linklist li.responsive-menu a.responsive-menu-link:before { + border-color: #105289; +} + +ul.linklist li.responsive-menu a.responsive-menu-link:hover:before { + border-color: #D31141; +} + +ul.responsive-popup { + background: #fff; + border-color: #b9b9b9; + box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); +} +.navbar ul.responsive-popup { + background-color: #CADCEB; +} diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index de953dbd1d..28e06e9bb8 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -360,6 +360,30 @@ ul.rightside { text-align: right; } +ul.linklist.responsive { + position: relative; +} + +ul.linklist li.responsive-menu a.responsive-menu-link { + display: inline-block; + font-size: 16px; + position: relative; + width: 16px; + line-height: 16px; + text-decoration: none; +} + +ul.linklist li.responsive-menu a.responsive-menu-link:before { + content: ''; + position: absolute; + left: 0; + top: 7px; + height: .125em; + width: 14px; + border-bottom: 0.125em solid transparent; + border-top: 0.375em double transparent; +} + /* Bulletin icons for list items ----------------------------------------*/ ul.linklist.bulletin li:before { @@ -378,6 +402,51 @@ ul.linklist.bulletin li.no-bulletin:before { display: none; } +.icon-notification:before, ul.linklist.bulletin li.icon-notification:before, .icon-notification:after { + display: inline; + font: inherit; +} + +.icon-notification:before, ul.linklist.bulletin li.icon-notification:before { + content: '['; + padding-right: 0; +} + +.icon-notification:after { + content: ']'; +} + +.responsive-menu:before, .responsive-menu:after { + display: none !important; +} + +/* Responsive popup +----------------------------------------*/ +ul.responsive-popup { + position: absolute; + left: 0; + top: 24px; + z-index: 2; + border: 1px solid transparent; + border-radius: 5px; + padding: 5px; +} + +ul.responsive-popup.responsive-rightside { + left: auto; + right: 0; +} + +ul.responsive-popup li { + float: none; + margin: 0; + white-space: nowrap; +} + +ul.responsive-popup li:before, ul.responsive-popup li:after { + display: none !important; +} + /* Responsive breadcrumbs ----------------------------------------*/ .breadcrumbs .crumb { |