Changeset 6360 for extensions/charlies_content/charlies.css

Timestamp:

May 25, 2010, 10:54:34 PM (14 years ago)

Author:

vdigital

Message:

Admin page design review mainly for the "clear" theme
Code review

File:

• extensions/charlies_content/charlies.css (modified) (4 diffs)

extensions/charlies_content/charlies.css

@@ -7 +7 @@
         background-color: transparent;
 }
-#theImage { padding-top:5px;}
+#theImage { 
+        padding-top:5px;
+}
 #theImage #charlie {
-  margin:0px auto 5px auto;
+        margin:0px auto 5px auto;
         padding: 0; background-color: transparent;
         border: 0;
-  border-color: #cccccc #aaaaaa #666666 #aaaaaa; border-style: ridge;
+        border-color: #cccccc #aaaaaa #666666 #aaaaaa; border-style: ridge;
 }
 #theImage #charlie .none_1 { /* none */ }
@@ -54 +56 @@
 
 a.xl { border:1px solid #666; color:#FF7700; cursor:pointer; display:block; font-size:95%; margin:5px auto;
-padding:8px 41px; text-align:center; width:555px; background: transparent url(./expender.png) no-repeat scroll 1px 0px; }
-a.xl:hover,  a.xl:active { border: 1px solid #666; }
+padding:8px 41px; text-align:center; width:580px; background: #333 url(images/expender.png) no-repeat scroll 24px 0px; }
+a.xl:hover,  a.xl:active { background-color:#111; border:1px solid #333; }
 a.nlink { border:0; color:#666; cursor:pointer; font-size:60%; margin:5px auto 2px; padding:0px 6px;}
-a.xl.selected { border:0; color: #666; background-image: none;}
+.clear a.xl.ui-state-active { color: #333; }
+a.xl.ui-state-active { border:0; color: #f1f1f1; background-image: none; background-color:#333;}
+.clear a.xl  { background-color:#ddd; border:1px solid #f1f1f1;}
+.checking { background-color:#333; border:12px solid #333;}
+.clear .checking { background-color:#F8F8F8; border:12px solid #F8F8F8;}
 .Charlies legend { padding: 0px 8px;}
 .content .errors, .content .infos { position:relative;}
 
-#theAdminPage  #pwgMain  { background: url("./city-lights-2.jpg") no-repeat scroll right -48px transparent; height:114px;}
-#theAdminPage  #pwgMain  { background: url("./city-lights.jpg") no-repeat scroll right -55px transparent; height:114px;}
+#theAdminPage  #pwgMain .Charlies *,
+#theAdminPage  #pwgMain .Charlies *:hover,
+#theAdminPage  #pwgMain .Charlies *:focus,
+#theAdminPage  #pwgMain .Charlies *:active { outline: 0; }
+
+a.xl, #theAdminPage  #pwgMain .Charlies  input,
+#theAdminPage  #pwgMain .Charlies #main-options li, 
+#theAdminPage  #pwgMain .Charlies #main-options li a { 
+        border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; 
+}
+#theAdminPage .Charlies fieldset,
+#theAdminPage .Charlies .checking {
+        border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; -webkit-border-radius: 16px; 
+}
+
+#theAdminPage  #pwgMain .Charlies  input {
+padding-left:5px;
+}
+
+#theAdminPage #the_page h2 { display:block; display:none; height:34px; margin:-2px 0 0; max-height:34px; min-height:34px; }
+#theAdminPage #the_page.roma h2  { background: url(images/city-lights.jpg)  no-repeat scroll 86% -46px transparent; }
+#theAdminPage #the_page.roma h2.cl2 { background: url(images/city-lights-2.jpg)  no-repeat scroll 86% -46px transparent; }
+
+#theAdminPage #the_page.clear h2.cl3 { background: url(images/wcity-lights-3.jpg)  no-repeat scroll 86% -46px transparent; }
+#theAdminPage #the_page.clear h2.cl2 { background: url(images/wcity-lights-2.jpg)  no-repeat scroll 86% -46px transparent; }
+#theAdminPage #the_page.clear  h2 { background: url(images/wcity-lights.jpg)  no-repeat scroll 86% -46px transparent; }
+
 #theAdminPage  #charlie .input { border-top: 1px solid #666; border-bottom: 0; margin-bottom:1px;}
 #theAdminPage  #charlie .i15 { border-top: 1px solid #666; border-bottom: 1px solid #666; margin-bottom:1px;}
@@ -79 +110 @@
 /* #theAdminPage  #the_page .content { margin-top: 0px;} */
 #theAdminPage #the_page #theHeader { height: 114px; min-height: 114px; max-height: 114px; }
-#theAdminPage .Charlies input[type="submit"] { display:block; margin:0 5px 0 auto; padding:3px 40px;}
+#theAdminPage .Charlies input[type="submit"] { display:block; margin:5px 5px 0 auto; padding:3px 40px;}
 .content form.properties li, form#update ul {clear:none;}
-#theAdminPage .Charlies fieldset { background: transparent url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x; }
+#theAdminPage .Charlies fieldset { padding-top:0; background: transparent url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x; }
+#theAdminPage  #the_page.clear .Charlies fieldset { background: transparent url(images/f1f1f1_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x; }
 #theAdminPage  div.none { border:0; background: transparent none; width:100%; min-width:100%; margin: 12px 5px;}
 .ui-tabs {padding: .2em;}
@@ -97 +129 @@
         /*resets*/margin: 0 1px 0 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
         float: left; border: 1px solid #666666; border-right: none; }
+.clear .ui-tabs-nav li a {
+        color: #f1f1f1;
+}
 .ui-tabs-nav li a {
         /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;