-
Notifications
You must be signed in to change notification settings - Fork 28
/
Copy pathstyles.css
72 lines (70 loc) · 1.7 KB
/
styles.css
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
/* vertical version */
.items{
overflow:hidden;
}
.item{
width:100%;
overflow:hidden;
position:relative;
height:768px;
}
.inner,.inner-lev1,.inner-lev2{
width:100%;
height:100%;
position:absolute;
z-index:1;
}
.content{
background:rgba(255,255,255,0.9);
background:white;
padding:20px;
width:300px;
margin:30px;
position:relative;
z-index:2;
}
/* alterations for horizontal version */
.items-horizontal{
width:5120px;
}
.items-horizontal .item{
width:1024px;
float:left;
}
/* parallax images */
.item1{
background: white url(http://lorempixum.com/1024/768/city/1) 0px 0px fixed no-repeat;
}
.inner1{
background: url(http://lorempixum.com/200/200/people/1) 400px 200px fixed no-repeat;
}
.item2{
background: white url(http://lorempixum.com/1024/768/city/2) 0px 0px fixed no-repeat;
}
.inner2{
background: url(http://lorempixum.com/200/200/people/2) 400px 200px fixed no-repeat;
}
.inner2a{
background: url(http://lorempixum.com/200/200/sports/1) 500px 250px fixed no-repeat;
}
.inner2b{
background: url(http://lorempixum.com/200/200/sports/2) 600px 300px fixed no-repeat;
}
.item3{
background: white url(http://lorempixum.com/1024/768/city/3) 0px 0px fixed no-repeat;
}
.inner3{
background: url(http://lorempixum.com/200/200/people/3) 400px 200px fixed no-repeat;
}
.item4{
background: white url(http://lorempixum.com/1024/768/city/4) 0px 0px fixed no-repeat;
}
.inner4{
background: url(http://lorempixum.com/200/200/people/4) 400px 200px fixed no-repeat;
}
.item5{
background: white url(http://lorempixum.com/1024/768/city/5) 0px 0px fixed no-repeat;
}
.inner5{
background: url(http://lorempixum.com/200/200/people/5) 400px 200px fixed no-repeat;
}