Big button is fully working with Firefox.

With IE 7 there is a bug, z-index doesn't work a transparent button is covering text "Quick Local Synchro".

git-svn-id: http://piwigo.org/svn/trunk@2552 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
vdigital
2008-09-19 21:41:19 +00:00
parent f3c2080767
commit 67ffcee504
3 changed files with 18 additions and 12 deletions
+1 -1
View File
@@ -530,4 +530,4 @@ LEGEND.tagLetterLegend {
TABLE.tagLetterContent {
width:100%;
font-size:80%;
border-collapse : collapse;
border-collapse : collapse; }
+6 -2
View File
@@ -47,7 +47,7 @@
</dl>
<form action="{$U_CAT_UPDATE}" method="post" id="update" style="display: block; text-align:right;">
<form name="QuickSynchro" action="{$U_CAT_UPDATE}" method="post" id="update" style="display: block; text-align:right;">
<input type="hidden" name="sync" value="files" checked="checked" />
<input type="hidden" name="display_info" value="1" checked="checked" />
<input type="hidden" name="add_to_caddie" value="1" checked="checked" />
@@ -55,5 +55,9 @@
<input type="hidden" name="sync_meta" checked="checked"/>
<input type="hidden" name="simulate" value="0" />
<input type="hidden" name="subcats-included" value="1" checked="checked"/>
<div class="bigbutton"><input type="submit" value="" name="submit"/><div class="bigtext">{'Quick Local Synchronization'|@translate}</div></div>
<span class="bigbutton">
<span class="bigtext">{'Quick Local Synchronization'|@translate}</></span>
<input type="submit" value="" name="submit"/>
</span>
</form>
+11 -9
View File
@@ -50,13 +50,13 @@ text-transform:none; font-weight:bold; padding-left:20px; }
fieldset { border: 1px solid #666; }
INPUT, SELECT, TEXTAREA { border-left: 2px inset #666; text-indent:4px; }
TEXTAREA { cursor:text; font-family:Univers,Helvetica,Optima,"Bitstream Vera Sans",sans-serif; font-size: 13px; }
.bigbutton { background:transparent url(images/quickLocalSync_inactiv.png) no-repeat scroll left top;
border:0; color:#111; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px; }
.bigbutton input { background: transparent none no-repeat scroll left top;
position: relative; top: 0; left: 0; width:625px; height: 161px; border: 0;}
.bigtext { border:0; height:161px; left:273px; position:relative; top:-124px; width:225px; font-weight: bold;}
*+html .bigtext { left: 65px; }
.bigbutton { background:transparent url(images/quickLocalSync_inactiv.png) no-repeat scroll left top; display: block;
color:#111; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px; }
.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-color:transparent; border:0; display:block; height:161px; left:-20px;
position:relative; top:-70px; width:625px; z-index: 99;}
.bigbutton input:hover { cursor:pointer; }
.content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
@@ -64,7 +64,7 @@ position: relative; top: 0; left: 0; width:625px; height: 161px; border: 0;}
.tagSelection label { padding-right:12px; }
ul.thumbnails input { border:3px double #f70; color:#222; font-size:10px; margin:0; }
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { color:#f33; cursor: pointer; }
INPUT.bigbutton:hover { background-color: #222; color:#f33; border: 0; cursor: pointer; }
INPUT.bigbutton:hover { background-color: #222; color:#f33; border: 0; }
.throw { font-size: 120%; line-height: 26px; padding-top: 10px; font-weight: bold; }
label { cursor:pointer }
.virtual_cat { background: #222 !important; }
@@ -74,7 +74,7 @@ a.Piwigo {
color : #f36; text-decoration: none; border: 0; color: #f36; }
* { outline-width: 0; }
a { color:#f70; border-color: #FF3363; }
a:hover { color: #f33; border-color: #FF3363; }
a:hover { color: #f33; border-color: #FF3363; cursor: pointer; }
h2 { display:block; font-size:28px; letter-spacing:-1px;
margin:0 20px; height:95px; overflow:hidden; padding:0; position:absolute;
right:0; text-align:right; top:0; width:770px; }
@@ -135,4 +135,6 @@ color: #F70; border-bottom: 1px dotted #F70;}
#menubar ul { color: #333; margin:10px 0pt 3px 9px;
list-style-type: square; list-style-position: inside; padding: 0 0 0 2px; }
/* hacks */
html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */
html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */
*+html .bigtext { left: 65px; }
*+html .bigbutton input, * html .bigbutton input { left:0px; position:relative; top:-110px; }