diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-22 22:03:43 +0300 |
|---|---|---|
| committer | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-10-24 18:36:16 +0300 |
| commit | 1638ff3cba881eb7bce2ffc29946db0644feaff2 (patch) | |
| tree | be202332b45225ec67c018f83ad5d730594b0196 /phpBB/styles/prosilver/theme | |
| parent | d11e62930a604fe480fcfa5f2e06ddd421087375 (diff) | |
| download | forums-1638ff3cba881eb7bce2ffc29946db0644feaff2.tar forums-1638ff3cba881eb7bce2ffc29946db0644feaff2.tar.gz forums-1638ff3cba881eb7bce2ffc29946db0644feaff2.tar.bz2 forums-1638ff3cba881eb7bce2ffc29946db0644feaff2.tar.xz forums-1638ff3cba881eb7bce2ffc29946db0644feaff2.zip | |
[ticket/11956] Arrow for responsive popup
PHPBB3-11956
Diffstat (limited to 'phpBB/styles/prosilver/theme')
| -rw-r--r-- | phpBB/styles/prosilver/theme/colours.css | 15 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/common.css | 32 |
2 files changed, 36 insertions, 11 deletions
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index a0db75d07f..327fc0681a 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -1126,11 +1126,11 @@ input.disabled { background: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%); } -.notification_list .pointer { +.popup-pointer { border-bottom-color: #B9B9B9; } -.notification_list .pointer_inner { +.popup-pointer-inner { border-bottom-color: #F1F8FF; } @@ -1138,7 +1138,7 @@ ul.linklist li.responsive-menu a.responsive-menu-link:before { border-color: #105289; } -ul.linklist li.responsive-menu a.responsive-menu-link:hover:before { +ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before { border-color: #D31141; } @@ -1147,8 +1147,13 @@ ul.responsive-popup { border-color: #b9b9b9; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); } -.navbar ul.responsive-popup { - background-color: #CADCEB; + +.responsive-menu .popup-pointer { + border-bottom-color: #b9b9b9; +} + +.responsive-menu .popup-pointer-inner { + border-bottom-color: #fff; } #tabs ul.responsive-tabs, #minitabs ul.responsive-tabs { diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css index fc0fff8fea..3de4b023a8 100644 --- a/phpBB/styles/prosilver/theme/common.css +++ b/phpBB/styles/prosilver/theme/common.css @@ -361,12 +361,13 @@ ul.rightside { text-align: right; } -ul.linklist.responsive { +ul.linklist li.responsive-menu { position: relative; } ul.linklist li.responsive-menu a.responsive-menu-link { display: inline-block; + margin: 0 5px; font-size: 16px; position: relative; width: 16px; @@ -420,18 +421,37 @@ ul.linklist.bulletin li.no-bulletin:before { ul.responsive-popup { position: absolute; left: 0; - top: 24px; + top: 22px; z-index: 2; border: 1px solid transparent; border-radius: 5px; padding: 5px; } -ul.responsive-popup.responsive-rightside { +.responsive-rightside ul.responsive-popup { left: auto; right: 0; } +.responsive-menu .popup-pointer { + top: 22px; + z-index: 3; + left: 2px; +} +.responsive-menu ul.responsive-popup { + top: 32px; + left: -5px; +} + +.responsive-menu.responsive-rightside .popup-pointer { + left: auto; + right: 2px; +} +.responsive-menu.responsive-rightside ul.responsive-popup { + left: auto; + right: -5px; +} + ul.responsive-popup li { float: none; margin: 0; @@ -901,7 +921,7 @@ form > p.post-notice strong { margin: 0; } -.notification_list .pointer, .notification_list .pointer_inner { +.popup-pointer, .popup-pointer-inner { position: absolute; width: 0; height: 0; @@ -913,13 +933,13 @@ form > p.post-notice strong { display: block; } -.notification_list .pointer { +.popup-pointer { right: auto; left: 10px; top: -11px; } -.notification_list .pointer_inner { +.popup-pointer-inner { top: auto; bottom: -11px; left: -10px; |