archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
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
This commit is contained in:
plegall 2012-02-18 22:09:08 +00:00
commit d174cd3ac5
5 changed files with 34 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

33
admin/themes/clear/theme.css
View file

@ -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;
}

3
admin/themes/default/template/configuration.tpl
View file

@ -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}

2
admin/themes/default/template/intro.tpl
View file

@ -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}

6
admin/themes/default/theme.css
View file

@ -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 {

5
admin/themes/roma/theme.css
View file

@ -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; }