Skip to content

2
2018_web_app
Commit 9a96b193 by gema
Options

modificacion maquetacion menus semanales para añadir ver receta. modificacion a… 

modificacion maquetacion menus semanales para añadir ver receta. modificacion a menús personalizado y menus saludables
parent 5e39e64f
Showing with 191 additions and 38 deletions
fuel/app/views/menupersonalizado/index.twig
...@@ -50,10 +50,26 @@ ...@@ -50,10 +50,26 @@
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="comida_primer_1_{{ i }}" name="comida_primer{{ i }}" value="1" type="radio"><label for="comida_primer_1_{{ i }}">sopa de verduras</label></li> <div class="row">
<li><input id="comida_primer_2_{{ i }}" name="comida_primer{{ i }}" value="0" type="radio"><label for="comida_primer_2_{{ i }}">crema de calabaza</label></li> <div class="col-xs-11 plr0">
</ul> <input id="comida_primer_1_{{ i }}" name="comida_primer{{ i }}" value="1" type="radio"><label for="comida_primer_1_{{ i }}">sopa de verduras</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="comida_primer_2_{{ i }}" name="comida_primer{{ i }}" value="0" type="radio"><label for="comida_primer_2_{{ i }}">crema de calabaza </label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
...@@ -65,14 +81,29 @@ ...@@ -65,14 +81,29 @@
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="comida_segun_1_{{ i }}" name="comida_segun{{ i }}" value="1" type="radio"><label for="comida_segun_1_{{ i }}">pollo con verduras al vapor</label></li> <div class="row">
<li><input id="comida_segun_2_{{ i }}" name="comida_segun{{ i }}" value="0" type="radio"><label for="comida_segun_2_{{ i }}">merluza al vapor</label></li> <div class="col-xs-11 plr0">
</ul> <input id="comida_segun_1_{{ i }}" name="comida_segun{{ i }}" value="1" type="radio"><label for="comida_segun_1_{{ i }}">pollo con verduras al vapor </label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="comida_segun_2_{{ i }}" name="comida_segun{{ i }}" value="0" type="radio"><label for="comida_segun_2_{{ i }}">merluza al vapor </label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
{#cena#} {#cena#}
<div class="col-md-6"> <div class="col-md-6">
...@@ -85,10 +116,26 @@ ...@@ -85,10 +116,26 @@
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="cena_primer_1_{{ i }}" name="cena_primer{{ i }}" value="1" type="radio"><label for="cena_primer_1_{{ i }}">ensalada</label></li> <div class="row">
<li><input id="cena_primer_2_{{ i }}" name="cena_primer{{ i }}" value="0" type="radio"><label for="cena_primer_2_{{ i }}">sopa</label></li> <div class="col-xs-11 plr0">
</ul> <input id="cena_primer_1_{{ i }}" name="cena_primer{{ i }}" value="1" type="radio"><label for="cena_primer_1_{{ i }}">ensalada </label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="cena_primer_2_{{ i }}" name="cena_primer{{ i }}" value="0" type="radio"><label for="cena_primer_2_{{ i }}">sopa</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
...@@ -100,10 +147,26 @@ ...@@ -100,10 +147,26 @@
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="cena_segun_1_{{ i }}" name="cena_segun{{ i }}" value="1" type="radio"><label for="cena_segun_1_{{ i }}">coliflor </label></li> <div class="row">
<li><input id="cena_segun_2_{{ i }}" name="cena_segun{{ i }}" type="radio"><label for="cena_segun_2_{{ i }}">tortilla francesa</label></li> <div class="col-xs-11 plr0">
</ul> <input id="cena_segun_1_{{ i }}" name="cena_segun{{ i }}" value="1" type="radio"><label for="cena_segun_1_{{ i }}">coliflor </label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="cena_segun_2_{{ i }}" name="cena_segun{{ i }}" type="radio"><label for="cena_segun_2_{{ i }}">tortilla francesa </label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
......
fuel/app/views/menussaludables/menu/index.twig
...@@ -48,10 +48,26 @@ ...@@ -48,10 +48,26 @@
</div> </div>
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="comida_primer_1_{{ i }}" name="comida_primer{{ i }}" value="1" type="radio"><label for="comida_primer_1_{{ i }}">sopa de verduras</label></li> <div class="row">
<li><input id="comida_primer_2_{{ i }}" name="comida_primer{{ i }}" value="0" type="radio"><label for="comida_primer_2_{{ i }}">crema de calabaza</label></li> <div class="col-xs-11 plr0">
</ul> <input id="comida_primer_1_{{ i }}" name="comida_primer{{ i }}" value="1" type="radio"><label for="comida_primer_1_{{ i }}">sopa de verduras</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="comida_primer_2_{{ i }}" name="comida_primer{{ i }}" value="0" type="radio"><label for="comida_primer_2_{{ i }}">crema de calabaza</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
...@@ -61,10 +77,26 @@ ...@@ -61,10 +77,26 @@
</div> </div>
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="comida_segun_1_{{ i }}" name="comida_segun{{ i }}" value="1" type="radio"><label for="comida_segun_1_{{ i }}">pollo con verduras al vapor</label></li> <div class="row">
<li><input id="comida_segun_2_{{ i }}" name="comida_segun{{ i }}" value="0" type="radio"><label for="comida_segun_2_{{ i }}">merluza al vapor</label></li> <div class="col-xs-11 plr0">
</ul> <input id="comida_segun_1_{{ i }}" name="comida_segun{{ i }}" value="1" type="radio"><label for="comida_segun_1_{{ i }}">pollo con verduras al vapor</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="comida_segun_2_{{ i }}" name="comida_segun{{ i }}" value="0" type="radio"><label for="comida_segun_2_{{ i }}">merluza al vapor</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
...@@ -79,10 +111,26 @@ ...@@ -79,10 +111,26 @@
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="cena_primer_1_{{ i }}" name="cena_primer{{ i }}" value="1" type="radio"><label for="cena_primer_1_{{ i }}">ensalada</label></li> <div class="row">
<li><input id="cena_primer_2_{{ i }}" name="cena_primer{{ i }}" value="0" type="radio"><label for="cena_primer_2_{{ i }}">sopa</label></li> <div class="col-xs-11 plr0">
</ul> <input id="cena_primer_1_{{ i }}" name="cena_primer{{ i }}" value="1" type="radio"><label for="cena_primer_1_{{ i }}">ensalada</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="cena_primer_2_{{ i }}" name="cena_primer{{ i }}" value="0" type="radio"><label for="cena_primer_2_{{ i }}">sopa</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
...@@ -92,10 +140,26 @@ ...@@ -92,10 +140,26 @@
</div> </div>
<div class="container-box-border-box"> <div class="container-box-border-box">
<form class="ac-custom ac-radio ac-fill" autocomplete="off"> <form class="ac-custom ac-radio ac-fill" autocomplete="off">
<ul> <a href="receta-detalle">
<li><input id="cena_segun_1_{{ i }}" name="cena_segun{{ i }}" value="1" type="radio"><label for="cena_segun_1_{{ i }}">coliflor </label></li> <div class="row">
<li><input id="cena_segun_2_{{ i }}" name="cena_segun{{ i }}" type="radio"><label for="cena_segun_2_{{ i }}">tortilla francesa</label></li> <div class="col-xs-11 plr0">
</ul> <input id="cena_segun_1_{{ i }}" name="cena_segun{{ i }}" value="1" type="radio"><label for="cena_segun_1_{{ i }}">coliflor </label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
<a href="receta-detalle">
<div class="row mt20">
<div class="col-xs-11 plr0">
<input id="cena_segun_2_{{ i }}" name="cena_segun{{ i }}" type="radio"><label for="cena_segun_2_{{ i }}">tortilla francesa</label>
</div>
<div class="col-xs-1 plr0">
<i class="fa fa-search pointer a-black"></i>
</div>
</div>
</a>
</form> </form>
</div> </div>
</div> </div>
......
public/assets/css/custom.css
...@@ -124,7 +124,7 @@ input:checked + .slider:before { ...@@ -124,7 +124,7 @@ input:checked + .slider:before {
.title-box-border-box{ .title-box-border-box{
position:absolute; position:absolute;
left:60px; left:40px;
top:-20px; top:-20px;
padding:15px; padding:15px;
color:#fff; color:#fff;
...@@ -183,7 +183,7 @@ input:checked + .slider:before { ...@@ -183,7 +183,7 @@ input:checked + .slider:before {
} }
.tab-content-menu-persoanlizado{ .tab-content-menu-persoanlizado{
border: 1px solid #c966cd; border: 2px solid #c966cd;
padding:20px; padding:20px;
} }
...@@ -211,7 +211,7 @@ input:checked + .slider:before { ...@@ -211,7 +211,7 @@ input:checked + .slider:before {
} }
.tab-content-menus-saludables{ .tab-content-menus-saludables{
border: 1px solid #92bb00; border: 2px solid #92bb00;
padding:20px; padding:20px;
} }
...@@ -257,6 +257,11 @@ h1{ ...@@ -257,6 +257,11 @@ h1{
.p10{ .p10{
padding:10px; padding:10px;
} }
.plr0{
padding-left:0px;
padding-right:0px;
}
.ptpb50{ .ptpb50{
padding-bottom: 50px; padding-bottom: 50px;
padding-top: 50px; padding-top: 50px;
...@@ -315,13 +320,25 @@ a:focus { ...@@ -315,13 +320,25 @@ a:focus {
text-decoration: none !important; text-decoration: none !important;
} }
.a-black{
color:#333;
}
.pointer{
cursor:pointer;
}
.pointer:hover{
opacity:0.7;
}
/*****************************************************************************/ /*****************************************************************************/
/**********************************CHECKBOX Y RADIOBUTTON CUSTOM*****************/ /**********************************CHECKBOX Y RADIOBUTTON CUSTOM*****************/
/***************************************************************************************/ /***************************************************************************************/
.ac-custom {
padding: 0 2em;
max-width:100%;
}
.ac-custom label { .ac-custom label {
display: inline-block; display: inline-block;
position: relative; position: relative;
...@@ -361,7 +378,7 @@ a:focus { ...@@ -361,7 +378,7 @@ a:focus {
.ac-custom input[type="checkbox"]:checked + label, .ac-custom input[type="checkbox"]:checked + label,
.ac-custom input[type="radio"]:checked + label { .ac-custom input[type="radio"]:checked + label {
color: #ccc; color: #333;
} }
.ac-custom input[type="checkbox"]:checked + label::before, .ac-custom input[type="checkbox"]:checked + label::before,
...@@ -403,6 +420,15 @@ a:focus { ...@@ -403,6 +420,15 @@ a:focus {
padding: 1em 0; padding: 1em 0;
position: relative; position: relative;
} }
@media (max-width:600px){
.ac-custom {
padding: 0 1em;
max-width:100%;
margin: 0 auto;
}
}
/*********************************************LOGIN***********************************************************************************/ /*********************************************LOGIN***********************************************************************************/
/*.box-login {*/ /*.box-login {*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment