Skip to content

GitLab

N
nutrapharm_producto
Commit 6b3f1e74 authored by Cristian Mauricio Diaz Canales's avatar Cristian Mauricio Diaz Canales 💬
Browse files
Options

proceso de refactorizacion css

parent b2983e63
Show whitespace changes
Inline Side-by-side
Showing with 54 additions and 67 deletions
web/nutrapharm/css/nutra-style.css
View file @ 6b3f1e74
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 27-ago-2020, 16:46:57
Author : cdiaz
*/
body {
font-family: 'Montserrat', serif !important ;
color:#545454 !important ;
font-family: 'Montserrat', serif;
color:#545454;
}
#title{
background-image: url("../img/deafio-inovage.png") !important ;
background-repeat: no-repeat !important ;
width: 70% !important ;
height: 500px !important ;
background-position: center !important ;
background-size: cover !important ;
background-image: url("img/deafio-inovage.png");
background-repeat: no-repeat;
width: 100%;
height: 400px;
background-position: center;
background-size: cover;
}
#foto{
background-image: url("../img/brocha.png") !important ;
background-repeat: no-repeat !important ;
height: 500px !important ;
background-position: center !important ;
background-size: cover !important ;
display: flex !important ;
justify-content: center !important ;
background-image: url("img/brocha.png");
background-repeat: no-repeat;
height: 500px;
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
}
#foto_anterior{
background-color: white !important ;
border-color: #FFC600 !important ;
border-top-style: solid !important ;
border-right-style: solid !important ;
border-bottom-style: solid !important ;
border-left-style: solid !important ;
height: 240px !important ;
width: 320px !important ;
background-color: white;
border-color: #FFC600;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
height: 240px;
width: 320px;
}
#comentario{
background-color: white !important ;
border-color: #FFC600 !important ;
border-top-style: solid !important ;
border-right-style: solid !important ;
border-bottom-style: solid !important ;
border-left-style: solid !important ;
background-color: white;
border-color: #FFC600;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
#foto_siguiente{
background-color: white !important ;
border-color: #FFC600 !important ;
border-top-style: solid !important ;
border-right-style: solid !important ;
border-bottom-style: solid !important ;
border-left-style: solid !important ;
height: 240px !important ;
width: 320px !important ;
background-color: white;
border-color: #FFC600;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
height: 240px;
width: 320px;
}
@media (max-width: 800px) {
@media (max-width: 768px) {
#foto_siguiente{
width: 130% !important ;
width: 100%;
}
#foto_anterior{
width: 130% !important ;
width: 100%;
}
#title{
height: 150px;
}
}
#btn-ant{
color:white !important ;
font-weight: 700 !important ;
color:white;
font-weight: 700;
}
#btn-sig{
color:white !important ;
font-weight: 700 !important ;
color:white;
font-weight: 700;
}
.titulo{
font-size: 35px !important ;
font-size: 35px;
}
.subtitulo{
color: #FFC600 !important ;
font-weight: 700 !important ;
font-size: 25px !important ;
color: #FFC600;
font-weight: 700;
font-size: 25px;
}
@media (max-width: 800px) {
#title{
height: 70px;
}
}
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