Changeset 2552

Timestamp:

09/19/08 23:41:19 (5 years ago)

Author:

vdigital

Message:

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".

Location:

trunk/admin/template/goto

Files:

• default-layout.css (modified) (1 diff)
• intro.tpl (modified) (2 diffs)
• theme/roma/theme.css (modified) (4 diffs)

trunk/admin/template/goto/default-layout.css

@@ -531 +531 @@
   width:100%;
   font-size:80%;
-  border-collapse : collapse;
+  border-collapse : collapse; }

trunk/admin/template/goto/intro.tpl

@@ -48 +48 @@
 
 
-<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" />
@@ -56 +56 @@
 <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>

trunk/admin/template/goto/theme/roma/theme.css

@@ -51 +51 @@
 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 */
@@ -65 +65 @@
 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 }
@@ -75 +75 @@
 * { 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; 
@@ -137 +137 @@
 /* hacks */
 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; }