Skip to content

Commit cb2e888

Browse files
author
Sebastian
committed
script:Se desarrolla página
1 parent c6973f6 commit cb2e888

14 files changed

+7622
-16
lines changed
39.1 KB
Loading
103 KB
Loading
45.2 KB
Loading
36.8 KB
Loading
20.5 KB
Loading

Página HTML CSS JS/codigo.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
$(function() {
2+
// Load the Miniml theme
3+
Galleria.loadTheme('galleria.miniml.js');
4+
5+
// Initialize Galleria
6+
Galleria.run('.galleria');
7+
});

Página HTML CSS JS/estilos.css

Lines changed: 147 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
html,body{background:rgb(3, 2, 43);margin:0;}
2+
.content{color:rgb(10, 2, 36);font:12px/1.4 "tahoma",tahoma;margin:20px auto;max-width:700px}
3+
h1{font-size:12px;font-weight:normal;color:rgb(209, 42, 42);margin:0;}
4+
p{margin:0 0 20px; color:darkred; font-size:30px; font-family:courier new;}
5+
a {color:#07501f;text-decoration:none;}
6+
.galleria-info-description a {color: rgb(5, 128, 41);}
7+
.cred{margin-top:20px;font-size:11px;}
8+
9+
/* Gallery measures that will be applied */
10+
.galleria {
11+
height:600px; /* defines a static gallery height */
12+
max-width:900px; /* defines a responsive width */
13+
background: rgb(17, 161, 218);
14+
color: blueviolet;
15+
}
16+
17+
18+
header {
19+
background: rgb(11, 84, 126);
20+
width: 1350px;
21+
height: 200px;
22+
}
23+
24+
header ul.menu{
25+
display: flex;
26+
flex-direction: row;
27+
flex-wrap: wrap;
28+
position: relative;
29+
right:-300px;
30+
31+
}
32+
33+
header ul.menu li {
34+
list-style-type: none;
35+
36+
}
37+
38+
header img{
39+
width: 200px;
40+
height:200px;
41+
position: relative;
42+
top:-65px;
43+
}
44+
45+
46+
header ul.menu li a{
47+
color:rgb(197, 212, 202);
48+
background: rgb(190, 46, 10);
49+
margin:30px;
50+
position: relative;
51+
bottom: -150px;
52+
font-size: 25px;
53+
border:inset 5px rgb(51, 40, 201);
54+
font-family: tahoma;
55+
56+
}
57+
58+
59+
header ul.menu li a:hover{
60+
background: rgb(8, 17, 11);
61+
color:rgb(157, 206, 93);
62+
font-family:impact;
63+
text-decoration: line-through;
64+
margin:5px;
65+
font-size: 30px;
66+
}
67+
68+
69+
header ul.menu li a:active{
70+
background: rgb(31, 2, 2);
71+
color:rgb(139, 136, 82);
72+
font-family:georgia;
73+
text-decoration:overline;
74+
margin:3px;
75+
font-size: 30px;
76+
}
77+
78+
79+
80+
81+
82+
83+
form.formulario{
84+
background:rgb(14, 65, 18);
85+
height:700px;
86+
width:600px;
87+
text-align: center;
88+
position: relative;
89+
right:-400px;
90+
font-family: consolas ;
91+
}
92+
93+
94+
form.formulario label{
95+
96+
color:#d4e2d9;
97+
font-size:40px;
98+
font-family: consolas;
99+
}
100+
101+
102+
form.formulario p{
103+
color:#d4e2d9;
104+
font-size:25px;
105+
}
106+
107+
form.formulario input[type=text], form.formulario input[type=email], form.formulario input[type=password],form.formulario input[type=number]
108+
{
109+
background: rgb(45, 97, 238);
110+
color:rgb(230, 213, 217);
111+
font-family:consolas;
112+
113+
}
114+
115+
116+
117+
form.formulario input[type=password]{
118+
position: relative;
119+
right:-100px;
120+
}
121+
122+
form.formulario input[type=submit]{
123+
background: rgb(228, 216, 216);
124+
color:rgb(80, 218, 12);
125+
position: relative;
126+
bottom:-90px;
127+
left:-100px;
128+
width:200px;
129+
height: 50px;
130+
}
131+
132+
form.formulario input[type=submit]:hover{
133+
background: rgba(23, 190, 98, 0.76);
134+
color: rgb(232, 221, 236);
135+
border: inset 5px rgb(182, 219, 16);
136+
margin-bottom:10px;
137+
text-decoration:line-through;
138+
font-size:30px;
139+
font-family:arial;
140+
}
141+
142+
form.formulario input[type=submit]:active{
143+
background: rgba(67, 65, 71, 0.76);
144+
color: rgb(2, 15, 1);
145+
text-decoration: underline;
146+
147+
}

0 commit comments

Comments
 (0)