Changeset 13244 for trunk/admin/themes/clear

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.

File:

• trunk/admin/themes/clear/theme.css (modified) (2 diffs)

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