-
Notifications
You must be signed in to change notification settings - Fork 0
/
estilos.styl
227 lines (168 loc) · 3.36 KB
/
estilos.styl
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
vendor-prefixes ?= webkit moz official o
@import 'nib'
@font-face
font-family HelveticaLTStd-Light
src url "images/HelveticaLTStd-Light.ttf"
p
font-family HelveticaLTStd-Light
.article
height 100%
width 100%
float left
background-image: -webkit-gradient(
linear,
right bottom,
right top,
color-stop(0.1, #750A1A),
color-stop(1, #E20312),
);
background-image: -o-linear-gradient(top, #750A1A 10%, #E20312 100%);
background-image: -moz-linear-gradient(top, #750A1A 10%, #E20312 100%);
background-image: -webkit-linear-gradient(top, #750A1A 10%, #E20312 100%);
background-image: -ms-linear-gradient(top, #750A1A 10%, #E20312 100%);
background-image: linear-gradient(to top, #750A1A 10%, #E20312 100%);
.contanier
height 100%
width 100%
.logo
margin 10px 0 10px 0
width 100%
.logo2
margin 0 0 0 42%
position relative
img
min-width 35%
max-width 60%
.mensaje
float left
position relative
margin-top 15px
width 100%
p
text-decoration none
text-align center
color white
font-size 20px
.round-buttonphoto
width: 53px;
height: 53px;
border-radius: 50%;
border: 2px solid #f5f5f5;
overflow: hidden;
background: white;
box-shadow: 0 0 5px gray;
margin 5px 0 0 5px
float left
.round-buttonphoto:hover
background: #D1D3D4;
.round-buttonphoto img
display: block;
width: 80%;
padding: 12%;
height: auto;
margin-top 3%
.infodos
float left
margin-top 160px
z-index 1000000
.botones
padding: 0 0 10px 50%;
margin-left: -65px;
float left
.round-button2
width: 53px
height: 53px
border-radius: 50%;
border: 2px solid #f5f5f5;
overflow: hidden;
background: white;
box-shadow: 0 0 5px gray;
margin 10% 0 0 45%
.round-button2:hover
background: #D1D3D4;
.round-button2 img
margin 15px 0 0 0
display block
width 90%
padding 9%
.piedepag
background white
bottom 0
float left
width 110%
margin-left -5%
.piedepagpg1
background white
position fixed
bottom 0
float left
width 110%
margin-left -5%
.comentario
margin 0 0 0 25%
width 50%
float left
p
color gray
text-align center
h4
text-align center
font-size large
.info
float left
width 100%
margin 10% 0 0 0
p
color white
font-size xx-large
text-align center
.redes
margin 0 0 0 26%
.instagram
float left
margin 4vw 0 3vw 2vw
.facebook
margin 3vw 0 1vw 9vw
float left
.round-button-pregunta
width: 53px
height: 53px
border-radius: 50%;
border: 2px solid #f5f5f5;
overflow: hidden;
background: white;
box-shadow: 0 0 5px gray;
position fixed; right 10px
float right
margin 5px 10px 0 0
.espacio
width 100%
height 19%
float left
.round-button-pregunta:hover
background: #D1D3D4;
.round-button-pregunta img
display: block;
width: 67%;
margin 4% 0 0 16%
.pregunta
position fixed; right 10px
float right
margin 0 100px 0 0
.slogan
width 100%
float left
background white
border-radius: 15px
opacity 0.8
overflow hidden
height 0px
transition: all 1s ease-in-out;
transition-delay: initial;
p
text-align center
font-size large
padding 3vw
.scroller
height 100px
width 100%