Skip to content

Commit 7fb56ae

Browse files
committed
xxx
1 parent a21eb17 commit 7fb56ae

File tree

3 files changed

+170
-0
lines changed

3 files changed

+170
-0
lines changed
Lines changed: 148 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,148 @@
1+
html{
2+
font-family: Tahoma;
3+
}
4+
5+
body {
6+
font-family: sans-serif;
7+
font-weight: normal;
8+
font-size: 100%;
9+
color: #a6d6ef;
10+
11+
margin: 0;
12+
background-color: #0f4c75;
13+
}
14+
p {
15+
padding: 20px;
16+
width: 30%;
17+
background-color: rgb(19, 188, 231);
18+
text-align: center;
19+
font-size:150%;
20+
font-weight: bold;
21+
color: aliceblue;
22+
border-radius: 35px 0px 35px 0px;
23+
-moz-border-radius: 35px 0px 35px 0px;
24+
-webkit-border-radius: 35px 0px 35px 0px;
25+
border: 2px solid #5878ca;
26+
}
27+
28+
/* #div1 {
29+
align-content: center;
30+
align-self: center;
31+
} */
32+
33+
#contenedor {
34+
display: flex;
35+
align-items: center;
36+
justify-content: center;
37+
38+
margin: 0;
39+
padding: 0;
40+
min-width: 100vw;
41+
min-height: 100vh;
42+
width: 100%;
43+
height: 100%;
44+
}
45+
46+
#central {
47+
max-width: 320px;
48+
width: 100%;
49+
}
50+
51+
.titulo {
52+
font-size: 200%;
53+
color:#bbe1fa;
54+
text-align: center;
55+
margin-bottom: 20px;
56+
}
57+
58+
#login {
59+
width: 100%;
60+
padding: 50px 30px;
61+
background-color: #3282b8;
62+
border-radius: 3px;
63+
-moz-border-radius: 3px;
64+
-webkit-border-radius: 3px ;
65+
66+
box-sizing: border-box;
67+
}
68+
69+
#login input {
70+
font-family: sans-serif;
71+
font-size: 110%;
72+
color: #1b262c;
73+
74+
display: block;
75+
width: 100%;
76+
height: 40px;
77+
78+
margin-bottom: 10px;
79+
padding: 5px 5px 5px 10px;
80+
81+
box-sizing: border-box;
82+
83+
border: none;
84+
border-radius: 3px 3px 3px 3px;
85+
-moz-border-radius: 3px 3px 3px 3px;
86+
-webkit-border-radius: 3px 3px 3px 3px;
87+
}
88+
89+
#login input::placeholder {
90+
font-family: sans-serif;
91+
color: #E4E4E4;
92+
}
93+
94+
#login button {
95+
font-family: sans-serif;
96+
font-size: 110%;
97+
color:#1b262c;
98+
width: 100%;
99+
height: 40px;
100+
border: none;
101+
102+
border-radius: 3px 3px 3px 3px;
103+
-moz-border-radius: 3px 3px 3px 3px;
104+
-webkit-border-radius: 3px 3px 3px 3px;
105+
106+
background-color: #bbe1fa;
107+
108+
margin-top: 10px;
109+
}
110+
111+
#login button:hover {
112+
background-color: #0f4c75;
113+
color:#bbe1fa;
114+
}
115+
116+
.pie-form {
117+
font-size: 90%;
118+
text-align: center;
119+
margin-top: 15px;
120+
}
121+
122+
.pie-form a {
123+
display: block;
124+
text-decoration: none;
125+
color: #bbe1fa;
126+
margin-bottom: 3px;
127+
}
128+
129+
.pie-form a:hover {
130+
color: #0f4c75;
131+
}
132+
133+
.inferior {
134+
margin-top: 10px;
135+
font-size: 90%;
136+
text-align: center;
137+
}
138+
139+
.inferior a {
140+
display: block;
141+
text-decoration: none;
142+
color: #bbe1fa;
143+
margin-bottom: 3px;
144+
}
145+
146+
.inferior a:hover {
147+
color: #3282b8;
148+
}
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="./estilos.css" type="text/css">
7+
8+
<title>CLASE 7 </title>
9+
</head>
10+
<body>
11+
<div class="div1">
12+
<p>FUNCIONES SUPERIORES </p>
13+
14+
</div>
15+
16+
<script async src="./index.js"></script>
17+
</body>
18+
</html>
Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
2+
/**
3+
* CLASE 7
4+
*/

0 commit comments

Comments
 (0)