modificacion de la cabecera de titulo de pagina. añadido icono info para…

modificacion de la cabecera de titulo de pagina. añadido icono info para explicaciones de la funcionalidad

fuel/app/views/articulo/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-other">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
     <!--contenido-->

fuel/app/views/boletinsaludable/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-other">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
     <!--contenido-->

fuel/app/views/dashboard/index.twig

@@ -65,7 +65,6 @@
                     </a>
                     <div class="logout-home-position mt-logout-home">
                         <h2 class="text-welcome-home">Bienvenid@ Gema</h2>
-
                         <a href="auth/logout" class="btn btn-custom btn-other">Cerrar Sesión <i class="fa fa-sign-out"></i>   </a>
                     </div>
                 </div>

fuel/app/views/listacompra/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-lista-compra">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
     <!--contenido-->

fuel/app/views/menupersonalizado/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-menu-personalizado">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
 

fuel/app/views/menussaludables/lista/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-menus-saludables">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
 

fuel/app/views/menussaludables/menu/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-menus-saludables">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
 

fuel/app/views/perfil/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-perfil">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
 

fuel/app/views/receta/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-other">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
     <!--contenido-->

fuel/app/views/recetario/index.twig

@@ -4,7 +4,14 @@
     <!-- barra superior titulo de pagina-->
     <div class="div-title bg-color-other">
         <div class="container">
-         {{ title }}
+            <div class="row">
+                <div class="col-xs-10">
+                    {{ title }}
+                </div>
+                <div class="col-xs-2 text-right">
+                    <i class="fa fa-info-circle"></i>
+                </div>
+            </div>
         </div>
     </div>
     <!--contenido-->

public/assets/css/custom.css

@@ -540,9 +540,25 @@ a:focus {
 
 /************************************************DIV TITULO DE TODAS PAGINAS MENOS HOME**********************************************/
 .div-title{
-    padding:20px;
-    color:#fff;
-    margin-top:40px;
+     padding:10px 20px 10px 20px;
+     color:#fff;
+     margin-top:40px;
+     font-size:25px;
+ }
+.div-title i{
+    cursor:pointer;
+    font-size:25px;
+    transition: all .2s ease-in-out;
+}
+.div-title i:hover{
+
+    transform: scale(1.5);
+}
+
+@media(max-width:700px){
+    .div-title{
+        font-size:18px;
+    }
 }
 
 /*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-DASHBOARD, HOME*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/