You are here

Home » API reference » Recipe 6

recipe.css in Recipe 6

Same filename and directory in other branches
  1. 5 recipe.css
  2. 7.2 recipe.css
  3. 7 recipe.css

/* Summary Box */
.recipe-summary {
  float: right;
  width: 20em;
  margin: 0 0 1em 1em;
}
.recipe-summary table {
  border-collapse: collapse;
}
.recipe-summary td,
.recipe-summary th {
  border: 1px solid #aaa;
  padding: .2em;
}
.recipe-summary th {
  background: #eee;
}
#edit-custom-yield-wrapper {
  display: inline;
}
.summary-data, .summary-title {
  width: 10em;
}
.recipe-summary p {
  margin:0;
  padding:0;
}


/* Ingredient List in Recipe view */
.recipe-ingredients {
  width:60%;
}
.recipe-ingredients table {
  margin:0;
  padding:0;
}
.recipe-ingredients table tbody {
  border-style:none;
}
.recipe-ingredients .qty {
  vertical-align:top;
  text-align:right;
  white-space:nowrap;
  padding: 0 0.2em;
}
.recipe-ingredients .units {
  vertical-align:top;
  text-align:left;
  padding: 0 0.5em;
  /* cursor: help;  WHY?*/
}
.recipe-ingredients .ingredient {
  vertical-align:top;
  text-align:left;
  padding: 0 0.5em;
  /* cursor: help;  WHY?*/
}

#recipe_custom_yield fieldset .form-item {
  display: inline;
}

.recipe-summary .form-submit {
  font-size: 75%;
  width: 7em;
  float:right;
}

#recipe_custom_yield fieldset {
  border: none;
}

/*
 * import preview
 */
.recipe-error-item {
  margin-left: 10px;
  color:red;
  font-weight:bold;
}
.recipe-new-item {
  margin-left: 10px;
  color:#2E8B57;
  font-weight:bold;
}
.recipe-matched-item {
  margin-left: 10px;
}

/* recent index page */
.recipe_index_list {
  float: left;
  width: 58%;
}
.recipe_index_recent {
  float: left;
  width: 40%;
}

File

recipe.css
View source 
  1. 

  2. 

  3. /* Summary Box */

  4. .recipe-summary {

  5.   float: right;

  6.   width: 20em;

  7.   margin: 0 0 1em 1em;

  8. }

  9. .recipe-summary table {

  10.   border-collapse: collapse;

  11. }

  12. .recipe-summary td,

  13. .recipe-summary th {

  14.   border: 1px solid #aaa;

  15.   padding: .2em;

  16. }

  17. .recipe-summary th {

  18.   background: #eee;

  19. }

  20. #edit-custom-yield-wrapper {

  21.   display: inline;

  22. }

  23. .summary-data, .summary-title {

  24.   width: 10em;

  25. }

  26. .recipe-summary p {

  27.   margin:0;

  28.   padding:0;

  29. }

  30. 

  31. 

  32. /* Ingredient List in Recipe view */

  33. .recipe-ingredients {

  34.   width:60%;

  35. }

  36. .recipe-ingredients table {

  37.   margin:0;

  38.   padding:0;

  39. }

  40. .recipe-ingredients table tbody {

  41.   border-style:none;

  42. }

  43. .recipe-ingredients .qty {

  44.   vertical-align:top;

  45.   text-align:right;

  46.   white-space:nowrap;

  47.   padding: 0 0.2em;

  48. }

  49. .recipe-ingredients .units {

  50.   vertical-align:top;

  51.   text-align:left;

  52.   padding: 0 0.5em;

  53.   /* cursor: help;  WHY?*/

  54. }

  55. .recipe-ingredients .ingredient {

  56.   vertical-align:top;

  57.   text-align:left;

  58.   padding: 0 0.5em;

  59.   /* cursor: help;  WHY?*/

  60. }

  61. 

  62. #recipe_custom_yield fieldset .form-item {

  63.   display: inline;

  64. }

  65. 

  66. .recipe-summary .form-submit {

  67.   font-size: 75%;

  68.   width: 7em;

  69.   float:right;

  70. }

  71. 

  72. #recipe_custom_yield fieldset {

  73.   border: none;

  74. }

  75. 

  76. /*

  77.  * import preview

  78.  */

  79. .recipe-error-item {

  80.   margin-left: 10px;

  81.   color:red;

  82.   font-weight:bold;

  83. }

  84. .recipe-new-item {

  85.   margin-left: 10px;

  86.   color:#2E8B57;

  87.   font-weight:bold;

  88. }

  89. .recipe-matched-item {

  90.   margin-left: 10px;

  91. }

  92. 

  93. /* recent index page */

  94. .recipe_index_list {

  95.   float: left;

  96.   width: 58%;

  97. }

  98. .recipe_index_recent {

  99.   float: left;

  100.   width: 40%;

  101. }