Admin theme style cleanup. Merged separate selected, available, unavailable into a single set of reusable classes. Applied alternating row bg colors. Removed inline CSS from admin views. Moved user admin css into admin_default theme style sheet.

1 files changed, 96 insertions, 90 deletions

diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index e1f468c0..c2b903dd 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -9,18 +9,62 @@
  **********************************************************************/
 
 .gBlock {
+  background-color: #fff;
   border: 1px solid #e7e7e7;
   margin-bottom: 1em;
-  padding: 1em .4em;
+  padding: 1em;
 }
 
 .gBlockContent {
   padding: 0 1em 1em 1em;
 }
 
+.gSelected img,
+.gAvailable img {
+  float: left;
+  margin-right: 1em;
+}
+
+.gSelected {
+  background: #cfc;
+}
+
+.gAvailable .gBlock {
+  cursor: pointer;
+}
+
+.gAvailable .gBlock:hover {
+  background: #eee;
+}
+
+.gUnavailable {
+  border-color: #ccc;
+  cursor: default;
+  opacity: 0.4;
+}
+
+.gUnavailable:hover {
+  opacity: 1;
+}
+
+.gFirstRow {
+  border-bottom: 1px solid #ccc;
+  padding-bottom: .5em;
+  padding-left: 30px !important;
+}
+
+.gOddRow {
+  background-color: #eee;
+}
+
+.gEvenRow {
+  background-color: #fff;
+}
+
 /** *******************************************************************
  *  Page layout containers
  **********************************************************************/
+
 .gView {
 	min-width: 974px !important;
 }
@@ -82,118 +126,80 @@
 	margin-bottom: 0;
 }
 
-/** *******************************************************************
- *  Browser hacks
- *********************************************************************/
-
-#gHeader:after,
-#gAdminCommentsMenu:after,
-#gThemeTabs:after,
-#gSelectedTheme .gBlock:after {
-  clear: both;
-  content: ".";
-  display: block;
-  height: 0;
-  visibility: hidden;
+.gButtonLink {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ececec #c8c8c8 #c8c8c8 #ececec;
+  background-image: url('/gallery3/themes/admin_default/images/backg-buttonlink.png');
+  padding: .2em .3em;
+  font-weight: bold;
 }
 
-/** *******************************************************************
- *  Stuff that needs a home or needs to be organized
- *********************************************************************/
-
-#gAdminGraphics #gSelectedToolkit img {
-  float: right;
-  margin-right: 1em;
+.gButtonLink:hover {
+  border-color: #c8c8c8 #ececec #ececec #c8c8c8;
 }
 
-#gAdminGraphics #gSelectedToolkit div.gBlock {
-  width: 700px;
-  height: 140px;
-  background: #cfc;
-}
-
-#gAdminGraphics .gBlock {
-  background: #fff;
-  padding: 1em;
-}
-
-#gAdminGraphics #gAvailableToolkits .gBlock {
-  clear: none;
-  cursor: pointer;
-  float: left;
-  margin-right: 1em;
-  text-align: center;
-  width: 250px;
-}
-
-#gAdminGraphics #gAvailableToolkits .gBlock {
-  width: 328px;
-  height: 300px;
-}
-
-#gAdminGraphics #gAvailableToolkits .unavailable {
-  background-color: #fee !important;
-  cursor: default !important;
-}
-
-#gAdminGraphics #gAvailableToolkits .gBlock:hover {
-  background: #eee;
+.gBlock h2 a {
+  font-size: .7em;
+  float: right;
+  position: relative;
+  top: -1.69em;
 }
 
-#gAdminGraphics a {
-  color: #333;
+.gUserAdminList li {
+  padding: .4em .4em .3em .4em;
+  position: relative;
 }
 
-#gAdminGraphics #gAvailableToolkits .gBlock {
-  cursor: pointer;
+.gUserAdminList li img {
+  width: 20px;
+  height: 20px;
+  cursor: move;
 }
 
-
-#gAdminThemes #gAdminTheme,
-#gAdminThemes #gSiteTheme {
-  width: 400px;
-  float: left;
+.gActions {
+  position: absolute;
+  left: 400px;
 }
 
-#gAdminThemes #gAdminTheme {
-  padding-left: 40px;
+.gActions a,
+.gActions span {
+  margin-right: 40px;
 }
 
-
-#gAdminThemes #gSelectedTheme img {
-  float: left;
-  margin-right: 1em;
+#gPanel {
+  display: none;
+  padding: 1em;
 }
 
-#gAdminThemes .selected {
-  background: #cfc !important;
-  cursor: default !important;
+#gPanel legend {
+  display: none;
 }
 
-#gAdminThemes .gBlock {
-  width: 328px;
-  height: 140px;
-  background: #fff;
-  padding: 1em;
-  text-align: center;
+#gPanel fieldset {
+  border: none;
 }
 
-#gAdminThemes .gBlock {
-  clear: none;
-  cursor: pointer;
+li.gGroup {
   float: left;
-  text-align: center;
-  width: 328px;
+  display: block;
+  width: 200px;
   height: 200px;
+  border: 1px solid gray;
+  padding: .5em;
+  margin-right: 1em;
 }
 
-#gAvailableSiteThemes .gBlock:hover,
-#gAvailableAdminThemes .gBlock:hover {
-  background: #eee;
-}
+/** *******************************************************************
+ *  Browser hacks
+ *********************************************************************/
 
-#gAdminThemes a {
-  color: #333;
-  text-decoration: none;
+#gHeader:after,
+#gAdminCommentsMenu:after,
+.gSelected:after {
+  clear: both;
+  content: ".";
+  display: block;
+  height: 0;
+  visibility: hidden;
 }
-