Copy and save the following line as a new CSS file:
@import url("/draft/files/styles/apollo");Go to the following URL, replacing [yoursite] with your site path...
http://virtualatdp.berkeley.edu:8081/[yoursite]/admin/files/style
...and upload the previously saved CSS file.
Done!
To use an alternate layout with the sidebar on the left, use the following line of CSS instead of the one shown in step one:
@import url("/draft/files/styles/apollo-alt");To modify the color scheme of the theme, copy the following CSS into your stylesheet after the @import directive:
body { background-color: #404040; } /* body background color */
#top .text { background-color: #606060; } /* header background color */
#sidebar .login { background-color: #606060; } /* login box background color */
#sidebar .navigator a:hover,
#sidebar .navigator a:focus,
#sidebar .navigator a:active,
#sidebar .calendar a:hover,
#sidebar .calendar a:focus,
#sidebar .calendar a:active {
/* sidebar link hover colors */
color: #fff;
background-color: #808080;
}
#main .path, #main th,
#sidebar .calendar td .current,
#sidebar .calendar .days th, #bottom {
/* site path, table header, and site footer colors */
color: #fff;
background-color: #c0c0c0;
}
#main .site-info td:first-child,
#main .path + table td:first-child {
/* use same colors as above */
color: #fff;
background-color: #c0c0c0;
}By replacing the commented values, you can now specify your own colors that will override the default gray scheme.