change color scheme on submit buttons for clear theme: white text on dark gray

background and orange background on :hover.

On many places, the submit buttons are now left aligned (instead of centered)

On configuration option screens, the "Reset" button was removed: useless and
confusing.

Much simpler "Quick Local Synchronization" button on admin/intro.tpl for admin
theme clear.


git-svn-id: http://piwigo.org/svn/trunk@13244 68402e56-0260-453c-a942-63ccdbb3a9ee

5 files changed, 34 insertions, 15 deletions

diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 1ca520cc3..042f44042 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -240,14 +240,12 @@ body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body
 img.ui-datepicker-trigger{margin:-2px 10px 1px -2px;}
 
 INPUT[type="text"].large  { width: 317px; }
-.bigbutton { background:transparent url(images/quickLocalSync.png) no-repeat scroll left top; display: block;
-color:#eee; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px;
-position:relative;  z-index: 50;}
-.bigtext { display:block; font-weight:bold; left:225px; position:relative; top:35px; width:320px;  z-index: 55; cursor:pointer; }
-.bigbutton:hover { color: #fff; }
-.bigbutton input { background:transparent url(images/transparent.gif) repeat scroll left top; border:0;
-display:block; height:85px; left:225px; position:relative; top:-42px; width:313px; z-index:99; padding:0;}
-.bigbutton input:hover { cursor:pointer; background:transparent url(images/transparent.gif) repeat scroll left top; border:0; padding:0;}
+
+.bigbutton {background:none;margin-right:-5px; padding: 10px;height:auto;position:static;width:auto;text-align:right;}
+.bigtext {display:none;position:static;}
+.bigbutton input[type="submit"] {display:inline;position:static;height:auto;width:auto;font-size:18px;padding:10px;}
+
+
 /* hacks */
 * html[lang="en"] body .content h2 , *+html[lang="en"] body .content h2 { text-transform:capitalize; } /* IE */
 *+html  .bigtext { left: 70px; }
@@ -294,3 +292,22 @@ UL.thumbnails li.rank-of-image {background-color: #ddd;}
 .selectedComment {background-color:#C2F5C2;}
 
 #pwgMain {padding-left:0}
+
+input[type="submit"], input[type="button"], input[type="reset"], a.bigButton {
+  font-size:12px;
+  font-weight:bold;
+  letter-spacing:1px;
+  border:none;
+  background-color:#666666;
+  color:#fff;
+  padding:2px 5px;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  border-radius:5px;
+  margin-left:0;
+}
+
+input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, a.bigButton:hover {
+  background-color:#ff7700;
+  color:white;
+}
diff --git a/admin/themes/default/template/configuration.tpl b/admin/themes/default/template/configuration.tpl
index df4df0157..eab3aa8d3 100644
--- a/admin/themes/default/template/configuration.tpl
+++ b/admin/themes/default/template/configuration.tpl
@@ -502,9 +502,8 @@ jQuery(document).ready(function(){
 {/if}
 
 {if !isset($default)}
-  <p>
+  <p class="formButtons">
     <input class="submit" type="submit" name="submit" value="{'Save Settings'|@translate}">
-    <input class="submit" type="reset" name="reset" value="{'Reset'|@translate}">
   </p>
 </form>
 {/if}
diff --git a/admin/themes/default/template/intro.tpl b/admin/themes/default/template/intro.tpl
index 679a3565f..fc460c115 100644
--- a/admin/themes/default/template/intro.tpl
+++ b/admin/themes/default/template/intro.tpl
@@ -98,7 +98,7 @@ jQuery().ready(function(){
 </div>
 <div class="bigbutton">
 <span class="bigtext">{'Quick Local Synchronization'|@translate}</span>
-<input type="submit" value="" name="submit">
+<input type="submit" value="{'Quick Local Synchronization'|@translate}" name="submit">
 </div>
 </form>
 {/if}
\ No newline at end of file
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 53c99e10f..dd49c3ee4 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -348,17 +348,19 @@ FORM { padding: 0em; }
 
 FORM P {
 	text-align: center;
-	margin-top: 2em;
-	margin-bottom: 2em;
+        margin:1em;
 }
 
 form p.field {
   text-align: left;
 }
 
+form p.formButtons {text-align:left;}
+
 FORM FIELDSET P {
 	margin-top: 1em;
 	margin-bottom: 0;
+        text-align:left;
 }
 
 .small {
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 1aab8db38..02830f05e 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -208,8 +208,9 @@ position:relative;  z-index: 50;}
 .bigtext { display:block; font-weight:bold; left:225px; position:relative; top:35px; width:320px;  z-index: 55; cursor:pointer; }
 .bigbutton:hover { background:transparent url(images/quickLocalSync_hover.png) no-repeat scroll left top; color: #000; }
 .bigbutton input { background:transparent url(images/transparent.gif) repeat scroll left top; border:0;
-display:block; height:85px; left:225px; position:relative; top:-42px; width:313px; z-index:99; padding:0;}
-.bigbutton input:hover { cursor:pointer; background:transparent url(images/transparent.gif) repeat scroll left top; border:0; padding:0;}
+display:block; height:85px; left:225px; position:relative; top:-42px; width:313px; z-index:99; padding:0;
+color:transparent;}
+.bigbutton input:hover { cursor:pointer; background:transparent url(images/transparent.gif) repeat scroll left top; border:0; padding:0;color:transparent;}
 /* hacks */
 * html[lang="en"] body .content h2 , *+html[lang="en"] body .content h2 { text-transform:capitalize; } /* IE */
 *+html  .bigtext { left: 70px; }