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 {