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 { body {
font-family: 'Montserrat', serif !important ; font-family: 'Montserrat', serif;
color:#545454 !important ; color:#545454;
} }
#title{ #title{
background-image: url("../img/deafio-inovage.png") !important ; background-image: url("img/deafio-inovage.png");
background-repeat: no-repeat !important ; background-repeat: no-repeat;
width: 70% !important ; width: 100%;
height: 500px !important ; height: 400px;
background-position: center !important ; background-position: center;
background-size: cover !important ; background-size: cover;
} }
#foto{ #foto{
background-image: url("../img/brocha.png") !important ; background-image: url("img/brocha.png");
background-repeat: no-repeat !important ; background-repeat: no-repeat;
height: 500px !important ; height: 500px;
background-position: center !important ; background-position: center;
background-size: cover !important ; background-size: cover;
display: flex !important ; display: flex;
justify-content: center !important ; justify-content: center;
} }
#foto_anterior{ #foto_anterior{
background-color: white !important ; background-color: white;
border-color: #FFC600 !important ; border-color: #FFC600;
border-top-style: solid !important ; border-top-style: solid;
border-right-style: solid !important ; border-right-style: solid;
border-bottom-style: solid !important ; border-bottom-style: solid;
border-left-style: solid !important ; border-left-style: solid;
height: 240px !important ; height: 240px;
width: 320px !important ; width: 320px;
} }
#comentario{ #comentario{
background-color: white !important ; background-color: white;
border-color: #FFC600 !important ; border-color: #FFC600;
border-top-style: solid !important ; border-top-style: solid;
border-right-style: solid !important ; border-right-style: solid;
border-bottom-style: solid !important ; border-bottom-style: solid;
border-left-style: solid !important ; border-left-style: solid;
} }
#foto_siguiente{ #foto_siguiente{
background-color: white !important ; background-color: white;
border-color: #FFC600 !important ; border-color: #FFC600;
border-top-style: solid !important ; border-top-style: solid;
border-right-style: solid !important ; border-right-style: solid;
border-bottom-style: solid !important ; border-bottom-style: solid;
border-left-style: solid !important ; border-left-style: solid;
height: 240px !important ; height: 240px;
width: 320px !important ; width: 320px;
} }
@media (max-width: 800px) { @media (max-width: 768px) {
#foto_siguiente{ #foto_siguiente{
width: 130% !important ; width: 100%;
} }
#foto_anterior{ #foto_anterior{
width: 130% !important ; width: 100%;
}
#title{
height: 150px;
} }
} }
#btn-ant{ #btn-ant{
color:white !important ; color:white;
font-weight: 700 !important ; font-weight: 700;
} }
#btn-sig{ #btn-sig{
color:white !important ; color:white;
font-weight: 700 !important ; font-weight: 700;
} }
.titulo{ .titulo{
font-size: 35px !important ; font-size: 35px;
} }
.subtitulo{ .subtitulo{
color: #FFC600 !important ; color: #FFC600;
font-weight: 700 !important ; font-weight: 700;
font-size: 25px !important ; 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