Dave Jarvis' Repositories

@import "../theme/ajui.less";

div #app-nav-container {
  border-top: 2px solid @header-nav-grocery;
}

div #footer {
  background-color: @header-nav-grocery;
}

div #app-content {
  display: inline-block;
  width: 100%;
}

fieldset {
  border: 1px dashed @header-nav-grocery;
}

div #column-left {
  width: 33%;
  float: left;
}

div #column-center {
  width: 34%;
  float: left;
}

div #column-right {
  width: 33%;
  float: right;
}

/* Stylize the list of recipes. */
div #recipes {
  height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  min-width: 200px;
}

/* Hanging indent for the recipe list. */
div.grocery-recipe {
  text-indent: -1em;
  padding-left: 1em;
}

/* Hanging indent for the grocery list. */
div.groceries {
  text-indent: -2.75em;
  padding-left: 2.75em;
  margin: 0;
}

div.groceries button {
  vertical-align: middle;
}

/* Emphasize the selected recipe. */
div.grocery-recipe a.selected-recipe {
  font-weight: bold;
  font-variant: small-caps;
}

div.grocery-recipe a,
div.grocery-recipe a:visited,
div.grocery-recipe a:active {
  text-decoration: none;
  color: @content-colour;
}

/* Separate the add button from the recipe ingredient list. */
button.add {
  margin-bottom: 0.6em;
}

/* Set the label and input so that the text is aligned to the checkbox and
 * the text has a hanging indent.
 */
label {
  width: 95%;
  display: block;
  padding-left: 1.75em;
  text-indent: -1.75em;
}

input {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

input {
  margin-bottom: 8px;
  top: 8px;
}