File tree 5 files changed +0
-88
lines changed
5 files changed +0
-88
lines changed Original file line number Diff line number Diff line change 35
35
</ head >
36
36
37
37
< body >
38
- < div class ="bg ">
39
- < div class ="bg-lit-container ">
40
- < div class ="bg-lit "> </ div >
41
- </ div >
42
- < div class ="bg-dimmed-container ">
43
- < div class ="bg-dimmed "> </ div >
44
- </ div >
45
- < div class ="clouds "> </ div >
46
- </ div >
47
-
48
38
< main role ="app ">
49
39
< section id ="web " class ="visible " role ="panel ">
50
40
< header class ="compact ">
Original file line number Diff line number Diff line change @@ -64,81 +64,3 @@ html, body {
64
64
font-weight : normal;
65
65
font-size : 1.6rem ;
66
66
}
67
-
68
- .bg {
69
- position : fixed;
70
- top : 0 ;
71
- left : 0 ;
72
- width : 100% ;
73
- height : 100% ;
74
- background : url (/images/bg.png) no-repeat center bottom 25% / cover;
75
- }
76
-
77
- .bg-dimmed-container {
78
- position : fixed;
79
- top : 0 ;
80
- left : 0 ;
81
- width : 100% ;
82
- height : 100% ;
83
- filter : blur (20px );
84
- mask : url (/images/bg_ground.png) no-repeat center bottom 25% / cover;
85
- }
86
-
87
- .bg-dimmed {
88
- position : fixed;
89
- top : 50% ;
90
- left : 0 ;
91
- width : 100% ;
92
- height : 100% ;
93
- background : url (/images/bg.png) no-repeat center bottom 25% / cover fixed;
94
- animation : clouds-mask 15s linear infinite;
95
- /* filter: brightness(75%); */
96
- mask : url (/images/fg.png) center / cover;
97
- }
98
-
99
- .bg-lit-container {
100
- position : fixed;
101
- top : 0 ;
102
- left : 0 ;
103
- width : 100% ;
104
- height : 100% ;
105
- mask : url (/images/bg_ground.png) no-repeat center bottom 25% / cover;
106
- }
107
-
108
- .bg-lit {
109
- position : fixed;
110
- top : 40% ;
111
- left : 0 ;
112
- width : 100% ;
113
- height : 100% ;
114
- background : url (/images/bg.png) no-repeat center bottom 25% / cover fixed;
115
- filter : brightness (150% ) sepia (0.5 );
116
- }
117
-
118
- @keyframes clouds-mask {
119
- from {
120
- mask-position : 0 ;
121
- }
122
- to {
123
- mask-position : 100vw ;
124
- }
125
- }
126
-
127
- .clouds {
128
- position : fixed;
129
- top : 0 ;
130
- left : 0 ;
131
- width : 100% ;
132
- height : 100% ;
133
- background : url (/images/fg.png) center top 50% / cover;
134
- animation : clouds 15s linear infinite;
135
- }
136
-
137
- @keyframes clouds {
138
- from {
139
- background-position-x : 0 ;
140
- }
141
- to {
142
- background-position-x : 100vw ;
143
- }
144
- }
You can’t perform that action at this time.
0 commit comments