Skip to content

Commit 3293aef

Browse files
juangralargjuangralarg
committed
commit
1 parent f51306e commit 3293aef

File tree

15 files changed

+736
-298
lines changed

15 files changed

+736
-298
lines changed

‎Entregas/Proyecto/css/estilosMain copy.css‎

Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
background-size: cover;
9+
background-attachment: fixed;
10+
font-family: sans-serif;
11+
font-weight: normal;
12+
font-size: 100%;
13+
color: #a6d6ef;
14+
margin: 0;
15+
background-color: #0f4c75;
16+
}
17+
18+
19+
/**
20+
MENU
21+
*/
22+
23+
.formcontainer {
24+
display: flex;
25+
align-items: center;
26+
justify-content: center;
27+
margin: 0;
28+
padding: 0;
29+
min-width: 100vw;
30+
min-height: 100vh;
31+
width: 100%;
32+
height: 100%;
33+
}
34+
35+
#contenido {
36+
max-width: 320px;
37+
width: 100%;
38+
}
39+
40+
#btnform{
41+
text-decoration: none; /*decoración texto*/
42+
text-transform: uppercase; /*capitalización texto*/
43+
font-family: 'Helvetica', sans-serif; /*tipografía texto*/
44+
}
45+
46+
/* FORMATO LOGIN */
47+
.formlogin {
48+
font-size: 200%;
49+
color:#bbe1fa;
50+
text-align: center;
51+
margin-bottom: 20px;
52+
}
53+
54+
#formlogin {
55+
width: 100%;
56+
padding: 50px 30px;
57+
background-color: #3282b8;
58+
border-radius: 3px;
59+
-moz-border-radius: 3px;
60+
-webkit-border-radius: 3px ;
61+
62+
box-sizing: border-box;
63+
}
64+
#formregistro {
65+
width: 100%;
66+
padding: 50px 30px;
67+
background-color: #3282b8;
68+
border-radius: 3px;
69+
-moz-border-radius: 3px;
70+
-webkit-border-radius: 3px ;
71+
72+
box-sizing: border-box;
73+
}
74+
75+
76+
#formlogin input {
77+
font-family: sans-serif;
78+
font-size: 110%;
79+
color: #1b262c;
80+
81+
display: block;
82+
width: 100%;
83+
height: 40px;
84+
85+
margin-bottom: 10px;
86+
padding: 5px 5px 5px 10px;
87+
88+
box-sizing: border-box;
89+
90+
border: none;
91+
border-radius: 3px 3px 3px 3px;
92+
-moz-border-radius: 3px 3px 3px 3px;
93+
-webkit-border-radius: 3px 3px 3px 3px;
94+
}
95+
96+
/* #formlogin input::placeholder {
97+
font-family: sans-serif;
98+
color: #E4E4E4;
99+
} */
100+
101+
#formlogin button {
102+
font-family: sans-serif;
103+
font-size: 110%;
104+
color:#1b262c;
105+
width: 100%;
106+
height: 40px;
107+
border: none;
108+
109+
border-radius: 3px 3px 3px 3px;
110+
-moz-border-radius: 3px 3px 3px 3px;
111+
-webkit-border-radius: 3px 3px 3px 3px;
112+
113+
background-color: #bbe1fa;
114+
115+
margin-top: 10px;
116+
}
117+
118+
#formlogin button:hover {
119+
background-color: #0f4c75;
120+
color:#bbe1fa;
121+
}
122+
123+
/* FORMATO REGISTRO */
124+
.formregistro {
125+
font-size: 200%;
126+
color:#bbe1fa;
127+
text-align: center;
128+
margin-bottom: 20px;
129+
}
130+
131+
#formregistro {
132+
width: 100%;
133+
padding: 50px 30px;
134+
background-color: #053a5e;
135+
border-radius: 3px;
136+
-moz-border-radius: 3px;
137+
-webkit-border-radius: 3px ;
138+
139+
box-sizing: border-box;
140+
}
141+
142+
143+
#formregistro input {
144+
font-family: sans-serif;
145+
font-size: 110%;
146+
color: #1b262c;
147+
148+
display: block;
149+
width: 100%;
150+
height: 40px;
151+
152+
margin-bottom: 10px;
153+
padding: 5px 5px 5px 10px;
154+
155+
box-sizing: border-box;
156+
157+
border: none;
158+
border-radius: 3px 3px 3px 3px;
159+
-moz-border-radius: 3px 3px 3px 3px;
160+
-webkit-border-radius: 3px 3px 3px 3px;
161+
}
162+
163+
/* #formlogin input::placeholder {
164+
font-family: sans-serif;
165+
color: #E4E4E4;
166+
} */
167+
168+
/* #formregistro button {
169+
font-family: sans-serif;
170+
font-size: 110%;
171+
color:#1b262c;
172+
width: 100%;
173+
height: 40px;
174+
border: none;
175+
176+
border-radius: 3px 3px 3px 3px;
177+
-moz-border-radius: 3px 3px 3px 3px;
178+
-webkit-border-radius: 3px 3px 3px 3px;
179+
180+
background-color: #bbe1fa;
181+
182+
margin-top: 10px;
183+
} */
184+
185+
#formregistro button:hover {
186+
background-color: #0f4c75;
187+
color:#bbe1fa;
188+
}
189+
#formregistro button:hover {
190+
background-color: #0f4c75;
191+
color:#bbe1fa;
192+
}
193+
194+
195+
196+
197+
/* */
198+
199+
.btnLogin, .btnRegistro {
200+
/* border: 5px solid #eeeff1; /*anchura, estilo y color borde*/
201+
/* padding: 10px; /*espacio alrededor texto*/
202+
/* background-color: #2e518b; /*color botón*/
203+
/* color: #ffffff; /*color texto*/
204+
text-decoration: none; /*decoración texto*/
205+
text-transform: uppercase; /*capitalización texto*/
206+
font-family: 'Helvetica', sans-serif; /*tipografía texto*/
207+
/* border-radius: 50px; /*bordes redondos */
208+
}
209+

‎Entregas/Proyecto/css/estilosMain.css‎

Lines changed: 155 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
background-size: cover;
9+
background-attachment: fixed;
10+
font-family: sans-serif;
11+
font-weight: normal;
12+
font-size: 100%;
13+
color: #a6d6ef;
14+
margin: 0;
15+
background-color: #0f4c75;
16+
/* AJUSTE DE IMAGEN BACKGROUND*/
17+
background-image: url("../img/1329.jpg") ;
18+
background-size:cover;
19+
background-repeat: no-repeat;
20+
background-position: center center;
21+
background-attachment: fixed;
22+
}
23+
#mensajeLogin {
24+
25+
font-family: sans-serif;
26+
color:burlywood;
27+
margin: 0;
28+
padding: 0;
29+
font-weight:lighter;
30+
font-size:smaller;
31+
font-size: smaller;
32+
text-align: center;
33+
-webkit-animation-duration: 2s;
34+
animation-duration: 2s;
35+
-webkit-animation-fill-mode: both;
36+
animation-fill-mode: both;
37+
38+
}
39+
40+
41+
.formuser {
42+
display: none;
43+
}
44+
45+
.btnLogin, .btnRegistro {
46+
/*border: 5px solid #eeeff1; /*anchura, estilo y color borde*/
47+
/*padding: 2px; /*espacio alrededor texto*/
48+
/*background-color: #2e518b; /*color botón*/
49+
/*color: #ffffff; /*color texto*/
50+
text-decoration: none; /*decoración texto*/
51+
text-transform: uppercase; /*capitalización texto*/
52+
font-family: 'Helvetica', sans-serif; /*tipografía texto*/
53+
/*border-radius: 50px; /*bordes redondos*/
54+
}
55+
56+
/*
57+
* FORMATEO DE CUADRO DE LOGUIN
58+
*/
59+
60+
#formContainer {
61+
display: flex;
62+
align-items: center;
63+
justify-content: center;
64+
margin: 0;
65+
padding: 0;
66+
min-width: 100vw;
67+
min-height: 100vh;
68+
width: 100%;
69+
height: 100%;
70+
}
71+
#formlogin img {
72+
73+
padding: 0;
74+
margin: 0;
75+
max-width: 80%; /* Asegura que la imagen no exceda el ancho del contenedor */
76+
max-height: 80%; /* Asegura que la imagen no exceda la altura del contenedor */
77+
display: block; /* Asegura que la imagen se comporte como bloque */
78+
margin: auto; /* Centra la imagen dentro del contenedor */
79+
border-radius: 10px 0px 10px 0px ; /*Redondea borde de la imagen*/
80+
}
81+
82+
83+
#contenido {
84+
max-width: 320px;
85+
width: 100%;
86+
position: absolute;
87+
top: 50%;
88+
left: 50%;
89+
transform: translate(-50%, -50%);
90+
}
91+
92+
.formlogin {
93+
font-size: 200%;
94+
color:#bbe1fa;
95+
text-align: center;
96+
margin-bottom: 20px;
97+
}
98+
99+
#formlogin {
100+
width: 100%;
101+
padding: 50px 30px;
102+
background-color: #3282b8;
103+
border-radius: 3px;
104+
-moz-border-radius: 3px;
105+
-webkit-border-radius: 3px ;
106+
107+
box-sizing: border-box;
108+
}
109+
110+
#formlogin input {
111+
font-family: sans-serif;
112+
font-size: 110%;
113+
color: #1b262c;
114+
115+
display: block;
116+
width: 100%;
117+
height: 40px;
118+
119+
margin-bottom: 10px;
120+
padding: 5px 5px 5px 10px;
121+
122+
box-sizing: border-box;
123+
124+
border: none;
125+
border-radius: 3px 3px 3px 3px;
126+
-moz-border-radius: 3px 3px 3px 3px;
127+
-webkit-border-radius: 3px 3px 3px 3px;
128+
}
129+
130+
#formlogin input::placeholder {
131+
font-family: sans-serif;
132+
color: #E4E4E4;
133+
}
134+
135+
#formlogin button {
136+
font-family: sans-serif;
137+
font-size: 110%;
138+
color:#1b262c;
139+
width: 100%;
140+
height: 40px;
141+
border: none;
142+
143+
border-radius: 3px 3px 3px 3px;
144+
-moz-border-radius: 3px 3px 3px 3px;
145+
-webkit-border-radius: 3px 3px 3px 3px;
146+
147+
background-color: #bbe1fa;
148+
149+
margin-top: 10px;
150+
}
151+
152+
#formlogin button:hover {
153+
background-color: #0f4c75;
154+
color:#bbe1fa;
155+
}

0 commit comments

Comments
 (0)