From d174cd3ac5582755d8ed834e551714371d8af020 Mon Sep 17 00:00:00 2001 From: plegall Date: Sat, 18 Feb 2012 22:09:08 +0000 Subject: 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 --- admin/themes/clear/theme.css | 33 +++++++++++++++++++------ admin/themes/default/template/configuration.tpl | 3 +-- admin/themes/default/template/intro.tpl | 2 +- admin/themes/default/theme.css | 6 +++-- admin/themes/roma/theme.css | 5 ++-- 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)} -

+

-

{/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(){
{'Quick Local Synchronization'|@translate} - +
{/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; } -- cgit v1.2.3