Skip to content

Commit f38e4a5

Browse files
cstrikeasiacstrikeasia
committed
fix: css
1 parent 439aaae commit f38e4a5

11 files changed

Lines changed: 414 additions & 376 deletions

File tree

‎info.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "language",
3-
"version": "1.2.9",
3+
"version": "1.3.0",
44
"description": {
55
"zh_tw": "TREM-Lite Language Plugin"
66
},

‎lang/en-US/index/index.css‎

Lines changed: 56 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
@import url("./rwd.css");
22

33
html[lang="en-US"] {
4+
/** Version Check **/
45
.version-check-text::before {
56
content: "New version" !important;
67
}
78

9+
/** Info Box **/
810
.info-number {
911
&:not(:empty)::before {
1012
content: "#" !important;
@@ -80,13 +82,40 @@ html[lang="en-US"] {
8082
content: "Depth" !important;
8183
}
8284

85+
.intensity-0:not(
86+
#max-intensity,
87+
#max-pga,
88+
#current-station-intensity,
89+
.rts-intensity
90+
)::after {
91+
content: "?";
92+
}
93+
94+
.info-time::before {
95+
content: "Occurs on ";
96+
}
97+
98+
.info-time::after {
99+
content: "";
100+
}
101+
102+
.info-wrapper {
103+
.info-title-wrapper {
104+
.info-intensity {
105+
font-size: 10px;
106+
}
107+
}
108+
}
109+
110+
/** Station Pga Info **/
83111
.current-station-intensity-text::before {
84112
content: "Intensity" !important;
85113
}
86114
.current-station-pga-text::before {
87115
content: "PGA" !important;
88116
}
89117

118+
/** Fab Button **/
90119
.intensity-report::before {
91120
content: "Intensity report" !important;
92121
}
@@ -107,6 +136,7 @@ html[lang="en-US"] {
107136
content: "Earthquake warning" !important;
108137
}
109138

139+
/** Report **/
110140
.report-intensity-text::before {
111141
content: "Max Intensity" !important;
112142
}
@@ -127,10 +157,6 @@ html[lang="en-US"] {
127157
content: "Epicenter under assessment" !important;
128158
}
129159

130-
.rts-intenisty-list-text::before {
131-
content: "Intensity ranking by seismicity" !important;
132-
}
133-
134160
.max-intensity-text::before {
135161
content: "Max Intensity" !important;
136162
}
@@ -139,6 +165,31 @@ html[lang="en-US"] {
139165
content: "Max PGA" !important;
140166
}
141167

168+
.report-wrapper.hidden ~ .rts-intensity-list-wrapper {
169+
transform: translateX(144%);
170+
}
171+
172+
.report-wrapper {
173+
.report-box-item-wrapper:first-child {
174+
.report-intensity-text {
175+
font-size: 12px;
176+
}
177+
.report-info-box {
178+
.report-info-item {
179+
.report-loc {
180+
font-size: 24px;
181+
}
182+
}
183+
}
184+
}
185+
}
186+
187+
/** Intensity List **/
188+
.rts-intenisty-list-text::before {
189+
content: "Intensity ranking by seismicity" !important;
190+
}
191+
192+
/** Warning Message Box **/
142193
.internet-error .title:before {
143194
content: "Network connection error" !important;
144195
}
@@ -165,59 +216,11 @@ html[lang="en-US"] {
165216
}
166217
}
167218

168-
.intensity-0:not(
169-
#max-intensity,
170-
#max-pga,
171-
#current-station-intensity,
172-
.rts-intensity
173-
)::after {
174-
content: "?";
175-
}
176-
177-
.info-time::after {
178-
content: "";
179-
}
180-
181-
.info-time::before {
182-
content: "Occurs on ";
183-
}
184-
185-
.report-wrapper.hidden ~ .rts-intensity-list-wrapper {
186-
transform: translateX(144%);
187-
}
188-
189-
.report-wrapper {
190-
& .report-box-item-wrapper:first-child {
191-
.report-intensity-text {
192-
font-size: 12px;
193-
}
194-
}
195-
}
196-
197219
.station-pga-wrapper {
198220
left: 7.1rem;
199221
}
200222

201-
.info-wrapper {
202-
& .info-title-wrapper {
203-
.info-intensity {
204-
font-size: 10px;
205-
}
206-
}
207-
}
208-
209-
.report-wrapper {
210-
& .report-box-item-wrapper:first-child {
211-
& .report-info-box {
212-
& .report-info-item {
213-
.report-loc {
214-
font-size: 24px;
215-
}
216-
}
217-
}
218-
}
219-
}
220-
223+
/** Count Down Plugin **/
221224
.current-location-pwave-text:before {
222225
content: "P Wave" !important;
223226
}

‎lang/id-ID/index/index.css‎

Lines changed: 60 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,12 @@
11
@import url("./rwd.css");
22

33
html[lang="id-ID"] {
4+
/** Version Check **/
45
.version-check-text::before {
56
content: "Versi baru" !important;
67
}
78

9+
/** Info Box **/
810
.info-number {
911
&:not(:empty)::before {
1012
content: "#" !important;
@@ -80,13 +82,49 @@ html[lang="id-ID"] {
8082
content: "Keda." !important;
8183
}
8284

85+
.intensity-0:not(
86+
#max-intensity,
87+
#max-pga,
88+
#current-station-intensity,
89+
.rts-intensity
90+
)::after {
91+
content: "?";
92+
}
93+
94+
.info-time::after {
95+
content: " Terjadi";
96+
}
97+
98+
.info-wrapper {
99+
.info-title-wrapper {
100+
.info-intensity {
101+
font-size: 10px;
102+
}
103+
}
104+
}
105+
106+
/** Current Station Info **/
83107
.current-station-intensity-text::before {
84108
content: "Intensitas" !important;
85109
}
110+
86111
.current-station-pga-text::before {
87112
content: "PGA" !important;
88113
}
89114

115+
.max-pga-text::before {
116+
content: "PGA Maks" !important;
117+
}
118+
119+
.max-intensity-text::before {
120+
content: "Intensitas" !important;
121+
}
122+
123+
.station-pga-wrapper {
124+
left: 7.1rem;
125+
}
126+
127+
/** Fab Button **/
90128
.intensity-report::before {
91129
content: "Laporan Intensitas" !important;
92130
}
@@ -107,6 +145,7 @@ html[lang="id-ID"] {
107145
content: "Peringatan gempa bumi" !important;
108146
}
109147

148+
/** Report **/
110149
.report-intensity-text::before {
111150
content: "Intensitas" !important;
112151
}
@@ -127,19 +166,32 @@ html[lang="id-ID"] {
127166
content: "Episentrum yang sedang dikaji" !important;
128167
}
129168

130-
.rts-intenisty-list-text::before {
131-
content: "Intensitas di Seluruh Wilayah berdasarkan peringkat" !important;
132-
font-size: 11px;
169+
.report-wrapper.hidden ~ .rts-intensity-list-wrapper {
170+
transform: translateX(109%);
133171
}
134172

135-
.max-intensity-text::before {
136-
content: "Intensitas" !important;
173+
.report-wrapper {
174+
.report-box-item-wrapper:first-child {
175+
.report-intensity-text {
176+
font-size: 12px;
177+
}
178+
.report-info-box {
179+
.report-info-item {
180+
.report-loc {
181+
font-size: 24px;
182+
}
183+
}
184+
}
185+
}
137186
}
138187

139-
.max-pga-text::before {
140-
content: "PGA Maks" !important;
188+
/** Intensity List **/
189+
.rts-intenisty-list-text::before {
190+
content: "Intensitas di Seluruh Wilayah berdasarkan peringkat" !important;
191+
font-size: 11px;
141192
}
142193

194+
/** Warning Message Box **/
143195
.internet-error .title:before {
144196
content: "Kesalahan koneksi jaringan" !important;
145197
}
@@ -166,55 +218,7 @@ html[lang="id-ID"] {
166218
}
167219
}
168220

169-
.report-wrapper.hidden ~ .rts-intensity-list-wrapper {
170-
transform: translateX(109%);
171-
}
172-
173-
.report-wrapper {
174-
& .report-box-item-wrapper:first-child {
175-
.report-intensity-text {
176-
font-size: 12px;
177-
}
178-
}
179-
}
180-
181-
.station-pga-wrapper {
182-
left: 7.1rem;
183-
}
184-
185-
.info-wrapper {
186-
& .info-title-wrapper {
187-
.info-intensity {
188-
font-size: 10px;
189-
}
190-
}
191-
}
192-
193-
.report-wrapper {
194-
& .report-box-item-wrapper:first-child {
195-
& .report-info-box {
196-
& .report-info-item {
197-
.report-loc {
198-
font-size: 24px;
199-
}
200-
}
201-
}
202-
}
203-
}
204-
205-
.intensity-0:not(
206-
#max-intensity,
207-
#max-pga,
208-
#current-station-intensity,
209-
.rts-intensity
210-
)::after {
211-
content: "?";
212-
}
213-
214-
.info-time::after {
215-
content: " Terjadi";
216-
}
217-
221+
/** Count Down Plugin **/
218222
.current-location-pwave-text:before {
219223
content: "Gelombang P" !important;
220224
}

0 commit comments

Comments
 (0)