CiviCRM Community Forums (archive)

After struggling with the question of how to impliment a civicrm admin theme, I've finally found a solution that works perfectly for me, so I wanted to share it.  Feel free to post here and add your own ideas.

The problem is that there's no way for drupal to "know" that you are on a civi admin page (as opposed to a civi front-end page like an event registration).

Since my use-case doesn't require an entirely new theme, but only a few modifications to the regular theme, I was able to solve this problem using pure CSS:  The trick is to use the adjacent sibling (+) selector to determine whether or not the civicrm admin menu is present:

  #civicrm-menu+#page {
margin-top:23px;  /*add space for civi menubar*/
position:relative;  /*makes all absolutely-positioned elements in page shift down too*/
background:white;  /*get rid of our background pattern, we're all business on this page*/
        }

#civicrm-menu+#page #header { /*only affects header when civi menu is present*/
height:100px; /*make it smaller than normal*/
}

       #civicrm-menu+#page anyelement {  /*you can change any element on the page when civi menu is present*/
       dosomething;
       }



That is a great CSS tip!

If they are siblings, just keep using the sibling selector so

#civicrm-menu + div#something + div#another + #page

If they are parents of the #page, then just target the parent

But really, this suggestion was pre-civicrm_theme module - I think that's the recommended solution now.