From 63b037b4bd1d1d3650235081b8d834a27719d2e1 Mon Sep 17 00:00:00 2001
From: Vjacheslav Trushkin <cyberalien@gmail.com>
Date: Tue, 15 Jan 2013 23:12:44 +0200
Subject: [PATCH] [ticket/10431] Adjustments for large buttons

Changing CSS for large buttons to display better on Mac browsers.
Fixing tabs.

PHPBB3-10431
---
 phpBB/styles/prosilver/theme/buttons.css | 67 ++++++++++++------------
 1 file changed, 34 insertions(+), 33 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css
index 02f973d0ff..543d9d8183 100644
--- a/phpBB/styles/prosilver/theme/buttons.css
+++ b/phpBB/styles/prosilver/theme/buttons.css
@@ -18,56 +18,57 @@
 
 /* Rolloff state */
 .buttons div a {
-    display: inline-block;
-    line-height: 16px;
-    font-size: 13px;
+	display: inline-block;
+	line-height: 17.5px;
+	height: 18px;
+	font-size: 13px;
 	white-space: nowrap;
-    border: 1px solid #c7c3bf;
-    border-radius: 4px;
+	border: 1px solid #c7c3bf;
+	border-radius: 4px;
 	background: #fff none 0 0 repeat-x;
-    background-image: -moz-linear-gradient(top, #fff, #e9e9e9);
-    background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
-    background-image: -o-linear-gradient(top, #fff, #e9e9e9);
-    background-image: linear-gradient(to bottom, #fff, #e9e9e9);
+	background-image: -moz-linear-gradient(top, #fff, #e9e9e9);
+	background-image: -webkit-linear-gradient(top, #fff, #e9e9e9);
+	background-image: -o-linear-gradient(top, #fff, #e9e9e9);
+	background-image: linear-gradient(to bottom, #fff, #e9e9e9);
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e9e9e9')";
-    box-shadow: 0 0 0 1px #fff inset;
-    -webkit-box-shadow: 0 0 0 1px #fff inset;
-    text-shadow: 1px 1px 0 #fff, -1px -1px 1px rgba(188, 42, 77, 0.25);
-    padding: 3px 22px 3px 8px;
-	font-family: "Futura-Medium", Verdana, Arial, Helvetica;
-    color: #bc2a4d !important;
-    position: relative;
-    text-decoration: none !important;
-    outline-style: none !important;
+	box-shadow: 0 0 0 1px #fff inset;
+	-webkit-box-shadow: 0 0 0 1px #fff inset;
+	padding: 2px 22px 2px 8px;
+	font-family: Verdana, Arial, Helvetica;
+	color: #bc2a4d !important;
+	position: relative;
+	text-decoration: none !important;
+	outline-style: none !important;
+	vertical-align: bottom;
 	*padding-right: 8px;
 }
 
 .buttons div span { display: none; }
 
 .buttons div a:hover {
-    border-color: #0a8ed0;
-    background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
-    background-image: -webkit-linear-gradient(top, #e9e9e9, #fff);
-    background-image: -o-linear-gradient(top, #e9e9e9, #fff);
-    background-image: linear-gradient(to bottom, #e9e9e9, #fff);
+	border-color: #0a8ed0;
+	background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
+	background-image: -webkit-linear-gradient(top, #e9e9e9, #fff);
+	background-image: -o-linear-gradient(top, #e9e9e9, #fff);
+	background-image: linear-gradient(to bottom, #e9e9e9, #fff);
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9e9e9', EndColorStr='#ffffff')";
-    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px -1px 0 rgba(188, 42, 77, 0.2);
+	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px -1px 0 rgba(188, 42, 77, 0.2);
 }
 
 .buttons div a:after {
-    content: '';
-    display: block;
-    position: absolute;
-    top: 50%;
-    right: 6px;
-    width: 12px;
-    height: 12px;
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	right: 6px;
+	width: 12px;
+	height: 12px;
 	margin-top: -6px;
-    background: url("images/buttons.png") 0px 0 no-repeat;
+	background: url("images/buttons.png") 0px 0 no-repeat;
 }
 
 .buttons div a:hover:after {
-    background-position: 0 -20px;
+	background-position: 0 -20px;
 }
 /* Big button images */
 .buttons div.reply-icon a:after, .buttons div.pmreply-icon a:after { background-position: -20px 0; }