Skip to content

GitLab

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

ajuste css 

Implementación Html Manuel
Sin ultimos ajustes solicitados.
parent f6cc8102
Hide whitespace changes
Inline Side-by-side
Showing with 131 additions and 125 deletions
web/manuel/css/style.css
View file @ 4d98d1a9
......@@ -16,54 +16,54 @@ article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
display: block;
}
body {
line-height: 1;
line-height: 1;
}
ol, ul {
list-style: none;
list-style: none;
}
blockquote, q {
quotes: none;
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
}
/*** CSS Reset ***/
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.img-responsive {
width: 100%;
height: auto;
display: block;
width: 100%;
height: auto;
display: block;
}
body {
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
}
h1 {
......@@ -72,9 +72,9 @@ h1 {
}
p {
font-size: 16px;
line-height: 1.5em;
color: #333333;
font-size: 16px;
line-height: 1.5em;
color: #333333;
}
strong {
......@@ -106,8 +106,8 @@ strong {
.header-top {
height: auto;
height: auto;
}
.logo-app {
......@@ -252,7 +252,7 @@ button.subirFoto {
}
.btn-guardar {
cursor: pointer;
cursor: pointer;
border: none;
border-radius: 6px;
font-size: 1em;
......@@ -266,10 +266,10 @@ button.subirFoto {
width:100%;
box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.btn-guardar:hover {
border:none;
......@@ -294,7 +294,7 @@ button.subirFoto {
flex-flow: row nowrap;
position: relative;
z-index: 5;
margin-top: -20em;
margin-top: -25em;
margin-bottom: 1em;
}
......@@ -427,10 +427,10 @@ div .txt-center {
.alert-box {
color:#555;
font-family:Tahoma,Geneva,Arial,sans-serif;
font-size:13px;
padding:1.7em 40px;
color:#555;
font-family:Tahoma,Geneva,Arial,sans-serif;
font-size:13px;
padding:1.7em 40px;
margin:0 0;
width:-webkit-fill-available;
......@@ -441,127 +441,132 @@ div .txt-center {
justify-content: center;
}
.alert-box span {
font-weight:bold;
font-weight:bold;
text-transform:uppercase;
padding-right: 5px;
}
.error {
background:#ffecec;
/* border:1px solid #f5aca6; */
background:#ffecec;
/* border:1px solid #f5aca6; */
}
.success {
background:#e9ffd9;
/* border:1px solid #a6ca8a; */
background:#e9ffd9;
/* border:1px solid #a6ca8a; */
}
.warning {
background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
/* border:1px solid #f2c779; */
background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
/* border:1px solid #f2c779; */
}
.notice {
background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
/* border:1px solid #8ed9f6; */
background:#e3f7fc url('images/notice.png') no-repeat 10px 50%;
/* border:1px solid #8ed9f6; */
}
.icp { margin-right:8px;
width: 16px;
height: 16px;
width: 16px;
height: 16px;
}
/*** MEDIA QUERIES ***/
@media (max-width : 468px){
.container-c{margin-top:-10em};
}
@media(max-width:768px){
.contenedor-compara-fotos {
flex-flow: column nowrap;
}
.btn-guardar {
margin: 1em 0 3em 0;
}
.contenedor-compara-fotos {
flex-flow: column nowrap;
}
.container-c {
z-index: 5;
margin-top: -8em;
}
img.desafio-inovage {
width: 250px;
}
.btn-guardar {
margin: 1em 0 3em 0;
}
.app-container {
margin: 0 auto;
padding: 0 1em;
}
.container-datanombre {
display: flex;
flex-flow: column nowrap;
}
.grilla-datos {
flex-flow: column nowrap;
}
.grilla-datos div:nth-child(1) {
text-align: center;
padding: 0 0 1em 0;
flex: 1;
}
.grilla-datos div:nth-child(2) {
text-align: center;
padding: 0 0 0 0;
flex: 1;
}
.barra-comentario {
margin-bottom:1em;
}
.container-c {
z-index: 5;
margin-top: -8em;
}
.logo-app {
max-width: 200px;
}
.marco-foto {
width: 100%;
max-width: 320px;
height: auto;
min-height: 240px;
overflow: hidden;
}
img.desafio-inovage {
width: 250px;
}
.botonera-fotos div:nth-child(1) {
padding: 0 0.5em 0 0;
}
.botonera-fotos div:nth-child(2) {
padding: 0 0 0 0.5em;
}
.app-container {
margin: 0 auto;
padding: 0 1em;
}
.container-datanombre {
display: flex;
flex-flow: column nowrap;
}
.grilla-datos {
flex-flow: column nowrap;
}
.grilla-datos div:nth-child(1) {
text-align: center;
padding: 0 0 1em 0;
flex: 1;
}
.grilla-datos div:nth-child(2) {
text-align: center;
padding: 0 0 0 0;
flex: 1;
}
.barra-comentario {
margin-bottom:1em;
}
button.subirFoto, button.tomarFoto {
padding: 0.8em 1em;
font-size: 0.8em;
}
.logo-app {
max-width: 200px;
}
.marco-foto {
width: 100%;
max-width: 320px;
height: auto;
min-height: 240px;
overflow: hidden;
}
.contenedor-compara-fotos div {
margin: 0 auto;
width: 100%;
flex: 1;
}
.botonera-fotos div:nth-child(1) {
padding: 0 0.5em 0 0;
}
.botonera-fotos div:nth-child(2) {
padding: 0 0 0 0.5em;
}
.fondo-adaptable {
margin-top: -4em;
}
/* .contenedor-compara-fotos {
margin-top: -8em;
} */
.txt-foto-anterior {
font-size: 0.8em;
}
button.subirFoto, button.tomarFoto {
padding: 0.8em 1em;
font-size: 0.8em;
}
button.subirFoto-adaptable {
font-size: 0.8em;
margin:0 0 1em 0;
}
.contenedor-compara-fotos div {
margin: 0 auto;
width: 100%;
flex: 1;
}
.fondo-adaptable {
margin-top: -4em;
}
/* .contenedor-compara-fotos {
margin-top: -8em;
} */
.txt-foto-anterior {
font-size: 0.8em;
}
button.subirFoto-adaptable {
font-size: 0.8em;
margin:0 0 1em 0;
}
}
......@@ -577,5 +582,6 @@ button.subirFoto-adaptable {
.alargador-marco-foto{
width: 100% !important;
}
\ No newline at end of file
}
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