mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-18 14:31:19 +02:00
Code Issues Releases Wiki Activity

[ticket/11552] Responsive menu

Browse Source 
PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin
2013-10-17 21:11:03 +03:00
parent c15ab90c38
commit dbb6fc2ebe
4 changed files with 163 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
phpBB/styles/prosilver/theme/colours.css
View File

@@ -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;
}

69
phpBB/styles/prosilver/theme/common.css
View File

@@ -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 {