You are here

Home » API reference » Recipe 7

recipe.css in Recipe 7

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


.recipe-section div.section {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.recipe-ingredients {
  padding-left: 7em;
  text-indent: -7em;
}

.recipe-ingredients .quantity-unit {
  float: left;
  width: 7em;
}


/*
 * 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%;
}


.recipe-import-text {
  font-family: monospace;
}

/*
 * Summary Box
 */
.recipe-summary {
  float: right;
  width: 20em;
  margin:0; padding:0;
  font-size: 1.0em;
}
/* If summary is in block, remove float and width so that it won't blowup the layout. */
.block-recipe .recipe-summary {
  float:none;
  width:100%;
}
.recipe-summary table {
  border-collapse: collapse;
}
.recipe-summary td,
.recipe-summary th {
  border: 1px solid #aaa;
  padding: .2em;
}
.recipe-summary th {
  background: #E0E0E0;
  color: black;
  font-weight: bold;
  width: 4em;
}
.recipe-summary td {
  background: white;
  color: black;
}
.recipe-summary .form-item {
  display: inline;
}
.summary-data, .summary-title {
  width: 10em;
}
.recipe-summary p {
  margin:0; padding:0;
}
.recipe-summary h2 {
  margin:0; padding:0;
}
.recipe-summary .form-submit {
  font-size: 75%;
  width: 8em;
  float:right;
}
#recipe_custom_yield fieldset {
  border: none;
}
#recipe_custom_yield fieldset .form-item {
  display: inline;
}

File

recipe.css
View source 
  1. 

  2. 

  3. 

  4. .recipe-section div.section {

  5.   margin: 0;

  6.   padding: 0 0 0 1.5em;

  7. }

  8. 

  9. .recipe-ingredients {

  10.   padding-left: 7em;

  11.   text-indent: -7em;

  12. }

  13. 

  14. .recipe-ingredients .quantity-unit {

  15.   float: left;

  16.   width: 7em;

  17. }

  18. 

  19. 

  20. /*

  21.  * import preview

  22.  */

  23. .recipe-error-item {

  24.   margin-left: 10px;

  25.   color:red;

  26.   font-weight:bold;

  27. }

  28. .recipe-new-item {

  29.   margin-left: 10px;

  30.   color:#2E8B57;

  31.   font-weight:bold;

  32. }

  33. .recipe-matched-item {

  34.   margin-left: 10px;

  35. }

  36. 

  37. /* recent index page */

  38. .recipe_index_list {

  39.   float: left;

  40.   width: 58%;

  41. }

  42. .recipe_index_recent {

  43.   float: left;

  44.   width: 40%;

  45. }

  46. 

  47. 

  48. .recipe-import-text {

  49.   font-family: monospace;

  50. }

  51. 

  52. /*

  53.  * Summary Box

  54.  */

  55. .recipe-summary {

  56.   float: right;

  57.   width: 20em;

  58.   margin:0; padding:0;

  59.   font-size: 1.0em;

  60. }

  61. /* If summary is in block, remove float and width so that it won't blowup the layout. */

  62. .block-recipe .recipe-summary {

  63.   float:none;

  64.   width:100%;

  65. }

  66. .recipe-summary table {

  67.   border-collapse: collapse;

  68. }

  69. .recipe-summary td,

  70. .recipe-summary th {

  71.   border: 1px solid #aaa;

  72.   padding: .2em;

  73. }

  74. .recipe-summary th {

  75.   background: #E0E0E0;

  76.   color: black;

  77.   font-weight: bold;

  78.   width: 4em;

  79. }

  80. .recipe-summary td {

  81.   background: white;

  82.   color: black;

  83. }

  84. .recipe-summary .form-item {

  85.   display: inline;

  86. }

  87. .summary-data, .summary-title {

  88.   width: 10em;

  89. }

  90. .recipe-summary p {

  91.   margin:0; padding:0;

  92. }

  93. .recipe-summary h2 {

  94.   margin:0; padding:0;

  95. }

  96. .recipe-summary .form-submit {

  97.   font-size: 75%;

  98.   width: 8em;

  99.   float:right;

  100. }

  101. #recipe_custom_yield fieldset {

  102.   border: none;

  103. }

  104. #recipe_custom_yield fieldset .form-item {

  105.   display: inline;

  106. }