9 files changed, 132 insertions, 175 deletions
diff --git a/phpBB/styles/prosilver/theme/bidi.css b/phpBB/styles/prosilver/theme/bidi.css
index d8d568c7a5..2e9253928e 100644
--- a/phpBB/styles/prosilver/theme/bidi.css
+++ b/phpBB/styles/prosilver/theme/bidi.css
@@ -684,34 +684,63 @@ ul.linklist li.small-icon > a, ul.linklist li.breadcrumbs span:first-child > a {
 /* CP tabbed menu
 ----------------------------------------*/
 .rtl #tabs {
-	margin: 20px 7px -1px 0;
+	margin-left: 0;
+	margin-right: 7px;
 }
 
-.rtl #tabs a {
+.rtl #tabs .tab {
 	float: right;
 }
 
-/*.rtl #tabs a span {
-	float: right;
-}*/
+.rtl #tabs .tab > a {
+	margin-left: 1px;
+	margin-right: 0;
+}
 
 /* Mini tabbed menu used in MCP
 ----------------------------------------*/
 .rtl #minitabs {
+	float: left;
 	margin-right: 0;
 	margin-left: 7px;
 }
 
-.rtl .tabs-container #minitabs {
+.rtl #minitabs .tab {
 	float: left;
 }
 
-.rtl #minitabs li {
-	float: left;
+.rtl #minitabs .tab > a {
 	margin-right: 2px;
 	margin-left: 0;
 }
 
+/* Responsive tabs
+----------------------------------------*/
+.rtl #tabs .dropdown {
+	margin-left: -2px;
+}
+
+.rtl #tabs .dropdown li {
+	text-align: left;
+}
+
+.rtl #minitabs .dropdown {
+	margin-left: -4px;
+}
+
+.rtl #minitabs .dropdown li {
+	text-align: right;
+}
+
+/* Responsive *CP navigation
+----------------------------------------*/
+@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
+{
+	.rtl #cp-menu, .rtl #navigation, .rtl #cp-main {
+		float: none;
+	}
+}
+
 /* UCP navigation menu
 ----------------------------------------*/
 
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index 9565eb9967..4b7532ab8a 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -807,52 +807,54 @@ ul.cplist {
 
 /* CP tabbed menu
 ----------------------------------------*/
-#tabs a {
-	background-image: url("./images/bg_tabs1.gif");
-}
-
-#tabs a span {
-	background-image: url("./images/bg_tabs2.gif");
+#tabs .tab > a {
+	background: #BACCD9;
 	color: #536482;
 }
 
-#tabs a:hover span {
+#tabs .tab > a:hover {
+	background: #DDEDFB;
 	color: #BC2A4D;
 }
 
-#tabs .activetab a {
-	border-bottom-color: #CADCEB;
-}
-
-#tabs .activetab a span {
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: #CADCEB;
+	background: -moz-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E2F2FF), color-stop(100%, #CADCEB));
+	background: -webkit-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+	background: -o-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+	background: -ms-linear-gradient(top, #E2F2FF 0%, #CADCEB 100%);
+	background: linear-gradient(to bottom, #E2F2FF 0%, #CADCEB 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#CADCEB', GradientType=0 );
+	border-color: #CADCEB;
+	box-shadow: 0 1px 1px #F2F9FF inset;
 	color: #333333;
 }
 
-#tabs .activetab a:hover span {
+#tabs .activetab > a:hover {
 	color: #000000;
 }
 
 /* Mini tabbed menu used in MCP
 ----------------------------------------*/
-#minitabs li {
+#minitabs .tab > a {
 	background-color: #E1EBF2;
 }
 
-#minitabs li.activetab {
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
 	background-color: #F9F9F9;
-}
-
-#minitabs li.activetab a span, #minitabs li.activetab a:hover span {
 	color: #333333;
 }
 
 /* Responsive tabs
 ----------------------------------------*/
-.responsive-tab .responsive-tab-link span:before {
+.responsive-tab .responsive-tab-link:before {
 	border-color: #536482;
 }
 
-.responsive-tab .responsive-tab-link:hover span:before {
+.responsive-tab .responsive-tab-link:hover:before {
 	border-color: #BC2A4D;
 }
 
@@ -862,35 +864,47 @@ ul.cplist {
 /* Link styles for the sub-section links */
 #navigation a {
 	color: #333;
-	background-color: #B2C2CF;
-	background-image: url("./images/bg_menu.gif");
+	background: #B4C4D1;
+	background: -moz-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
+	background: -webkit-gradient(left top, right top, color-stop(50%, #B4C4D1), color-stop(100%, #CADCEB));
+	background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
+	background: -o-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
+	background: -ms-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
+	background: linear-gradient(to right, #B4C4D1 50%, #CADCEB 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB', GradientType=1 );
 }
 
 .rtl #navigation a {
-	background-image: url("./images/bg_menu_rtl.gif");
-	background-position: 0 100%;
+	background: #B4C4D1;
+	background: -moz-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
+	background: -webkit-gradient(left top, right top, color-stop(0%, #CADCEB), color-stop(50%, #B4C4D1));
+	background: -webkit-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
+	background: -o-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
+	background: -ms-linear-gradient(left, #CADCEB 0%, #B4C4D1 50%);
+	background: linear-gradient(to right, #CADCEB 0%, #B4C4D1 50%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1', GradientType=1 );
 }
 
 #navigation a:hover {
-	background-image: none;
-	background-color: #aabac6;
+	background: #AABAC6;
 	color: #BC2A4D;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 }
 
 #navigation #active-subsection a {
+	background: #F9F9F9;
 	color: #D31141;
-	background-color: #F9F9F9;
-	background-image: none;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 }
 
 #navigation #active-subsection a:hover {
 	color: #D31141;
 }
 
-@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
+@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
 {
 	#navigation a, .rtl #navigation a {
-		background-image: none;
+		background: #B2C2CF;
 	}
 }
 
@@ -1144,7 +1158,7 @@ input.disabled {
 	border-color: #FFF transparent;
 }
 
-.dropdown-extended .pointer-inner, #minitabs .pointer-inner {
+.dropdown-extended .pointer-inner {
 	border-color: #F1F8FF transparent;
 }
 
@@ -1170,10 +1184,6 @@ ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist
 	border-color: #DCDCDC;
 }
 
-#minitabs .dropdown-contents {
-	background-color: #F1F8FF;
-}
-
 /* Notifications
 ---------------------------------------- */
 
diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css
index 452c2c625e..e144c74f20 100644
--- a/phpBB/styles/prosilver/theme/cp.css
+++ b/phpBB/styles/prosilver/theme/cp.css
@@ -97,117 +97,82 @@ ul.cplist {
 }
 
 .tabs-container:after {
-	display: block;
 	clear: both;
 	content: '';
+	display: block;
 }
 
-/* CP tabbed menu
+/* CP tabs shared
 ----------------------------------------*/
-#tabs {
+#tabs, #minitabs {
 	line-height: normal;
-	margin: 20px 0 -1px 7px;
-	*overflow: hidden;
 }
 
-#tabs ul {
-	margin:0;
-	padding: 0;
+#tabs > ul, #minitabs > ul {
 	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
 }
 
-#tabs ul:after {
+#tabs > ul:after, #minitabs > ul:after {
+	clear: both;
 	content: '';
 	display: block;
-	clear: both;
 }
 
-#tabs li {
-	display: inline;
-	margin: 0;
-	padding: 0;
+#tabs .tab, #minitabs .tab {
+	display: inline-block;
+	float: left;
 	font-size: 1em;
 	font-weight: bold;
+	line-height: 14px;
 }
 
-#tabs a {
-	float: left;
-	background: none no-repeat 0% -35px;
-	margin: 0 1px 0 0;
-	padding: 0 0 0 5px;
-	text-decoration: none;
+#tabs .tab > a, #minitabs .tab > a {
+	display: block;
+	padding: 5px 9px;
 	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
 	cursor: pointer;
 }
 
-#tabs a span {
-	float: left;
-	display: block;
-	background: none no-repeat 100% -35px;
-	padding: 6px 10px 6px 5px;
-	white-space: nowrap;
+/* CP tabbed menu 
+----------------------------------------*/
+#tabs {
+	margin: 20px 0 0 7px;
 }
 
-#tabs .activetab a {
-	background-position: 0 0;
-	border-bottom: 1px solid transparent;
+#tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
 }
 
-#tabs .activetab a span {
-	background-position: 100% 0;
+#tabs .activetab > a {
+	margin-top: 0;
 	padding-bottom: 7px;
 }
 
-#tabs a:hover {
-	background-position: 0 -70px;
-}
-
-#tabs a:hover span {
-	background-position:100% -70px;
-}
-
-#tabs .activetab a:hover {
-	background-position: 0 0;
-}
-
-#tabs .activetab a:hover span {
-	background-position: 100% 0;
-}
-
 /* Mini tabbed menu used in MCP
 ----------------------------------------*/
 #minitabs {
-	line-height: normal;
-	margin: -20px 7px 0 0;
-}
-
-.tabs-container #minitabs {
 	float: right;
-	margin-top: 19px;
+	margin: 15px 7px 0 0;
 	max-width: 50%;
 }
 
-#minitabs ul {
-	margin:0;
-	padding: 0;
-	list-style: none;
-}
-
-#minitabs li {
-	display: block;
+#minitabs .tab {
 	float: right;
-	border-top-left-radius: 5px;
-	border-top-right-radius: 5px;
-	padding: 5px 10px 4px 10px;
-	font-size: 1em;
-	font-weight: bold;
-	margin-left: 2px;
 }
 
-#minitabs a {
+#minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
 }
 
-#minitabs a:hover {
+#minitabs .tab > a:hover {
 	text-decoration: none;
 }
 
@@ -217,8 +182,8 @@ ul.cplist {
 	position: relative;
 }
 
-.responsive-tab .responsive-tab-link span {
-	display: inline-block;
+.responsive-tab > a.responsive-tab-link {
+	display: block;
 	font-size: 16px;
 	position: relative;
 	width: 16px;
@@ -226,80 +191,41 @@ ul.cplist {
 	text-decoration: none;
 }
 
-#minitabs .responsive-tab .responsive-tab-link span {
-	display: block;
-}
-
-.responsive-tab .responsive-tab-link span:before {
+.responsive-tab .responsive-tab-link:before {
 	content: '';
 	position: absolute;
-	left: 5px;
-	top: 8px;
+	left: 10px;
+	top: 7px;
 	height: .125em;
 	width: 14px;
 	border-bottom: 0.125em solid transparent;
 	border-top: 0.375em double transparent;
 }
 
-#minitabs .responsive-tab .responsive-tab-link span:before {
-	left: 0;
-	top: 2px;
-}
-
-#tabs ul, #minitabs ul {
-	position: relative;
-}
-
 #tabs .dropdown, #minitabs .dropdown {
-	top: 29px;
-	margin-right: -1px;
+	top: 20px;
+	margin-right: -2px;
+	font-size: 1.1em;
+	font-weight: normal;
 }
 
 #minitabs .dropdown {
-	top: 18px;
+	margin-right: -4px;
 }
 
 #tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown {
-	bottom: -5px;
+	bottom: 20px;
 	top: auto;
 }
 
-#minitabs .dropdown-up .dropdown {
-	bottom: 18px;
-}
-
-#tabs .dropdown-right .dropdown, #minitabs .dropdown-right .dropdown {
-	margin-left: -41px;
-}
-
-#tabs .dropdown li, #minitabs .dropdown li {
-	display: block !important;
-	background: transparent none;
-	padding: 0;
-}
-
-.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;
-	padding: 0;
+#tabs .dropdown li {
 	text-align: right;
 }
 
-.tabs-container #minitabs .dropdown a span {
+#minitabs .dropdown li {
 	text-align: left;
 }
 
-#tabs .dropdown a span, #minitabs .dropdown a span {
-	padding: 5px 8px;
-	color: inherit !important;
-}
-
-
 /* UCP navigation menu
 ----------------------------------------*/
 /* Container for sub-navigation list */
@@ -309,15 +235,15 @@ ul.cplist {
 }
 
 #navigation ul {
-	list-style:none;
+	list-style: none;
 }
 
 /* Default list state */
 #navigation li {
+	display: inline;
+	font-weight: bold;
 	margin: 1px 0;
 	padding: 0;
-	font-weight: bold;
-	display: inline;
 }
 
 /* Link styles for the sub-section links */
@@ -326,18 +252,10 @@ ul.cplist {
 	padding: 5px;
 	margin: 1px 0;
 	text-decoration: none;
-	font-weight: bold;
-	background: transparent none repeat-y 100% 0;
 }
 
 #navigation a:hover {
 	text-decoration: none;
-	background-image: none;
-}
-
-#navigation #active-subsection a {
-	display: block;
-	background-image: none;
 }
 
 /* Preferences pane layout
diff --git a/phpBB/styles/prosilver/theme/images/bg_menu.gif b/phpBB/styles/prosilver/theme/images/bg_menu.gif
deleted file mode 100644
index 4a9f5a9174..0000000000
--- a/phpBB/styles/prosilver/theme/images/bg_menu.gif
+++ /dev/null
diff --git a/phpBB/styles/prosilver/theme/images/bg_menu_rtl.gif b/phpBB/styles/prosilver/theme/images/bg_menu_rtl.gif
deleted file mode 100644
index 10add09a17..0000000000
--- a/phpBB/styles/prosilver/theme/images/bg_menu_rtl.gif
+++ /dev/null
diff --git a/phpBB/styles/prosilver/theme/images/bg_tabs1.gif b/phpBB/styles/prosilver/theme/images/bg_tabs1.gif
deleted file mode 100644
index 335a72c711..0000000000
--- a/phpBB/styles/prosilver/theme/images/bg_tabs1.gif
+++ /dev/null
diff --git a/phpBB/styles/prosilver/theme/images/bg_tabs2.gif b/phpBB/styles/prosilver/theme/images/bg_tabs2.gif
deleted file mode 100644
index a2142d5432..0000000000
--- a/phpBB/styles/prosilver/theme/images/bg_tabs2.gif
+++ /dev/null
diff --git a/phpBB/styles/prosilver/theme/images/corners_left2.gif b/phpBB/styles/prosilver/theme/images/corners_left2.gif
deleted file mode 100644
index fa27ce3ba2..0000000000
--- a/phpBB/styles/prosilver/theme/images/corners_left2.gif
+++ /dev/null
diff --git a/phpBB/styles/prosilver/theme/images/corners_right2.gif b/phpBB/styles/prosilver/theme/images/corners_right2.gif
deleted file mode 100644
index 2d689446ee..0000000000
--- a/phpBB/styles/prosilver/theme/images/corners_right2.gif
+++ /dev/null