@import "theme/ajui.less";
@import "theme/common.less";
body {
color: @content-colour;
}
#content {
border: 1px solid @content-border;
}
/* The border-top colour is determined by the application theme. */
div #app-nav-container {
background-color: @app-nav-container-background;
padding-top: 4px;
padding-bottom: 6px;
}
div #app-content-container {
background-color: @app-content-background;
}
/* The background-colour is determined by the application theme. */
div #footer {
height: 40px;
}
/* Icon background colours. */
#header-nav-search { background-color: @header-nav-search; }
#header-nav-recipe { background-color: @header-nav-recipe; }
#header-nav-book { background-color: @header-nav-book; }
#header-nav-grocery { background-color: @header-nav-grocery; }
#header-nav-diet { background-color: @header-nav-diet; }
#header-nav-potluck { background-color: @header-nav-potluck; }
#header-nav-account { background-color: @header-nav-account; }
#header-nav-login { background-color: @header-nav-login; }
/* Some browsers do not apply the background colour correctly... */
span.app-nav-icon {
background-color: @app-nav-background !important;
}
/* Make sure the cookie text is visible on the footer. */
span.cookie {
color: #fff;
}
/* Force the background and foreground colour for IE. */
legend {
background: @app-content-background;
color: @content-colour;
}
button.delete-item {
color: @button-delete;
}
button.add-item {
color: @button-add;
}