New Admin Theme

[phireware]

Works pretty good, even on 3.4 ( assuming you disable fixed sidebar ), I guess I could add a check if the sidebar is already fixed do not initialize the scroll2fixed() call. Either way it seems to not actually interfere, its the wide that is causing it to mess up the sidebar.

Simply adding

Code:

#sidebar left:0;

#sidebar { width:200px; height: auto; margin:-1px 0 0; padding: 0; background: #222d32; position: fixed; left:0; bottom: 0; top: 62px !important;}

fixes it.


You should also rename style.css, its confusing and hard to debug rules.
use
style_flatblue.css or something would be better, indicating it overrides style.css selectors.

I would also not mess with codemirror rules, leave that to codemirror plugins, ( already in core 3.4 )

Love the notifications, that is exactly what I wanted to do with our theme, move it to sidebar so it does not shift the whole page, or use popup overlays, 3.5 will probably have a new desktop or popup notification system.

I am missing anything below the footer, debuglog for example.


This might work better by working with the wrapper instead of maincontainer.
Since wrapper wraps all content including footer and anything after it.

I had better luck with this for example ( granted not very tested, just fiddling, but easier then changing the entire maincontent to absolute positioning. )

Code:

.wrapper {
    margin-left:200px;
}
#maincontent {
     width: 100%;
    position: inherit;
     margin-top: 61px;
}

#sidebar {
    margin-left:-200px !important;
}

Plus you can set max-width on wrapper to limit it.

here are my overrides to make it work with stylewide and sbfixed.

PHP Code:

/* shawn_a flat_blue overrides */
.wrapper {
    margin-left:200px;
}
#maincontent {
      width: 100%;
    position: inherit; 
      margin-top: 61px;
}
#sidebar {
    margin-left:-200px !important;
}
.sbfixed #sidebar {
    margin-left: 0 !important;
    left:0;
    position:fixed !important;
}

#footer{
    position:inherit;
    height: auto;
}

#sa_gsdebug-wrapper.fullwidth {
    position:relative !important;
} 


Should work in 3.4 also
Changed footer to not fixed since footer hooks are inside of it, also added a override for sa_debug console

Looks like quite a few changes, thanks for all the input! Would everyone be willing to work together with their changes on this in the GitHub repo? I'd like to make this theme as best as possible and perhaps it could be the default theme in a future version!

GitHub: https://github.com/PhireWare/flat-blue