You are here

Home » API reference » Recipe 7.2

recipe.css in Recipe 7.2

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

/* Ingredient field widget form */
.field-type-ingredient-reference .form-type-textfield,
.field-type-ingredient-reference .form-type-select {
  float: left;
}
.field-type-ingredient-reference .form-type-textfield {
  min-width: 17em;
}
.field-type-ingredient-reference .form-type-textfield:first-child {
  min-width: 8em;
}
.field-type-ingredient-reference .form-type-select {
  min-width: 12em;
}

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

.field-type-ingredient-reference .quantity-unit {
  display: inline-block;
  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. /* Ingredient field widget form */

  4. .field-type-ingredient-reference .form-type-textfield,

  5. .field-type-ingredient-reference .form-type-select {

  6.   float: left;

  7. }

  8. .field-type-ingredient-reference .form-type-textfield {

  9.   min-width: 17em;

  10. }

  11. .field-type-ingredient-reference .form-type-textfield:first-child {

  12.   min-width: 8em;

  13. }

  14. .field-type-ingredient-reference .form-type-select {

  15.   min-width: 12em;

  16. }

  17. 

  18. .recipe-section div.section {

  19.   margin: 0;

  20.   padding: 0 0 0 1.5em;

  21. }

  22. 

  23. .field-type-ingredient-reference .quantity-unit {

  24.   display: inline-block;

  25.   width: 7em;

  26. }

  27. 

  28. 

  29. /*

  30.  * import preview

  31.  */

  32. .recipe-error-item {

  33.   margin-left: 10px;

  34.   color:red;

  35.   font-weight:bold;

  36. }

  37. .recipe-new-item {

  38.   margin-left: 10px;

  39.   color:#2E8B57;

  40.   font-weight:bold;

  41. }

  42. .recipe-matched-item {

  43.   margin-left: 10px;

  44. }

  45. 

  46. /* recent index page */

  47. .recipe_index_list {

  48.   float: left;

  49.   width: 58%;

  50. }

  51. .recipe_index_recent {

  52.   float: left;

  53.   width: 40%;

  54. }

  55. 

  56. 

  57. .recipe-import-text {

  58.   font-family: monospace;

  59. }

  60. 

  61. /*

  62.  * Summary Box

  63.  */

  64. .recipe-summary {

  65.   float: right;

  66.   width: 20em;

  67.   margin:0; padding:0;

  68.   font-size: 1.0em;

  69. }

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

  71. .block-recipe .recipe-summary {

  72.   float:none;

  73.   width:100%;

  74. }

  75. .recipe-summary table {

  76.   border-collapse: collapse;

  77. }

  78. .recipe-summary td,

  79. .recipe-summary th {

  80.   border: 1px solid #aaa;

  81.   padding: .2em;

  82. }

  83. .recipe-summary th {

  84.   background: #E0E0E0;

  85.   color: black;

  86.   font-weight: bold;

  87.   width: 4em;

  88. }

  89. .recipe-summary td {

  90.   background: white;

  91.   color: black;

  92. }

  93. .recipe-summary .form-item {

  94.   display: inline;

  95. }

  96. .summary-data, .summary-title {

  97.   width: 10em;

  98. }

  99. .recipe-summary p {

  100.   margin:0; padding:0;

  101. }

  102. .recipe-summary h2 {

  103.   margin:0; padding:0;

  104. }

  105. .recipe-summary .form-submit {

  106.   font-size: 75%;

  107.   width: 8em;

  108.   float:right;

  109. }

  110. #recipe_custom_yield fieldset {

  111.   border: none;

  112. }

  113. #recipe_custom_yield fieldset .form-item {

  114.   display: inline;

  115. }