Changeset 13244 for trunk/admin/themes

Timestamp:

Feb 18, 2012, 11:09:08 PM (12 years ago)

Author:

plg

Message:

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.

Location:

trunk/admin/themes

Files:

• clear/theme.css (modified) (2 diffs)
• default/template/configuration.tpl (modified) (1 diff)
• default/template/intro.tpl (modified) (1 diff)
• default/theme.css (modified) (2 diffs)
• roma/theme.css (modified) (1 diff)

trunk/admin/themes/clear/theme.css

@@ -241 +241 @@
 
 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 */
@@ -295 +293 @@
 
 #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;
+}

trunk/admin/themes/default/template/configuration.tpl

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

trunk/admin/themes/default/template/intro.tpl

@@ -99 +99 @@
 <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>

trunk/admin/themes/default/theme.css

@@ -349 +349 @@
 FORM P {
         text-align: center;
-        margin-top: 2em;
-        margin-bottom: 2em;
+        margin:1em;
 }
 
@@ -356 +355 @@
   text-align: left;
 }
+
+form p.formButtons {text-align:left;}
 
 FORM FIELDSET P {
         margin-top: 1em;
         margin-bottom: 0;
+        text-align:left;
 }
 

trunk/admin/themes/roma/theme.css

@@ -209 +209 @@
 .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 */