Skip to content

Commit 831337a

Browse files
KucoDEVKucoDEV
authored
Add files via upload
1 parent 787482d commit 831337a

31 files changed

+666
-0
lines changed

‎img/128.png

9.24 KB
Loading

‎img/16.png

1.02 KB
Loading

‎img/48.png

2.81 KB
Loading

‎img/KeyWins-removebg-preview.png

2.77 KB
Loading

‎img/KeyWins.png

2.53 KB
Loading

‎img/cases/SERENITY.png

57.5 KB
Loading

‎img/cases/advance.png

67.4 KB
Loading

‎img/cases/beast.png

59.2 KB
Loading

‎img/cases/ceres.png

91.6 KB
Loading

‎img/cases/cobra.png

70.6 KB
Loading

‎img/cases/diablo.png

62.8 KB
Loading

‎img/cases/energy.png

64.7 KB
Loading

‎img/cases/iceblast.png

67.7 KB
Loading

‎img/cases/joy.png

73.2 KB
Loading

‎img/cases/kick.png

64.9 KB
Loading

‎img/cases/milspec.png

56.8 KB
Loading

‎img/cases/progress.png

67.6 KB
Loading

‎img/cases/rocketracoon.png

68.8 KB
Loading

‎img/cases/serpent.png

65.5 KB
Loading

‎img/cases/stack.png

65 KB
Loading

‎img/cases/tech.png

58.2 KB
Loading

‎img/cases/teeth.png

57.4 KB
Loading

‎img/cases/toxic.png

68.6 KB
Loading

‎img/logo.svg

+6
Loading

‎manifest.json

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
{
2+
"name": "KeyWins",
3+
"version": "1.0",
4+
"manifest_version": 3,
5+
"author": "Kuco",
6+
"description": "Cette extension rejoint automatiquement les cases battles gratuites de Key-Drop.com",
7+
"permissions": [
8+
"scripting",
9+
"activeTab",
10+
"tabs",
11+
"storage"
12+
],
13+
"host_permissions": [
14+
"*://key-drop.com/*"
15+
],
16+
"action": {
17+
"default_title": "KeyWins",
18+
"default_popup": "popup.html"
19+
},
20+
"icons": {
21+
"16": "img/16.png",
22+
"48": "img/48.png",
23+
"128": "img/128.png"
24+
},
25+
"options_ui":
26+
{
27+
"open_in_tab": true,
28+
"page": "options.html"
29+
}
30+
31+
32+
}

‎options.html

+156
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,156 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Settings - KeyWins</title>
6+
<script src="settings.js"></script>
7+
<link rel="stylesheet" href="optionstyle.css">
8+
</head>
9+
<body>
10+
<div class="page">
11+
<div class="sidebar">
12+
<img src="img/KeyWins.png" class="logo">
13+
<div class="nav">
14+
<a>General</a>
15+
</div>
16+
<div class="madeby">
17+
<a>Made by Kuco</a><br>
18+
<a href="https://github.com/KucoDEV" target="_blank" class="link">Github</a>
19+
</div>
20+
</div>
21+
<div class="inner">
22+
<div class="content">
23+
<h1>Cases Select</h1>
24+
<div class="cases" id="case-list">
25+
<label for="milspec">
26+
<div class="setting s-disabled" data-case="MILSPEC">
27+
<img src="img/cases/milspec.png"class="case-img">
28+
<a>Milspec</a>
29+
<input type="checkbox" name="milspec" id="milspec" class="case-checkbox">
30+
</div>
31+
</label>
32+
<label for="beast">
33+
<div class="setting s-disabled" data-case="BEAST">
34+
<img src="img/cases/beast.png"class="case-img">
35+
<a>Beast</a>
36+
<input type="checkbox" name="beast" id="beast" class="case-checkbox">
37+
</div>
38+
</label>
39+
<label for="diablo">
40+
<div class="setting s-disabled" data-case="DIABLO">
41+
<img src="img/cases/diablo.png"class="case-img">
42+
<a>Diablo</a>
43+
<input type="checkbox" name="diablo" id="diablo" class="case-checkbox">
44+
</div>
45+
</label>
46+
<label for="energy">
47+
<div class="setting s-disabled" data-case="ENERGY">
48+
<img src="img/cases/energy.png"class="case-img">
49+
<a>Energy</a>
50+
<input type="checkbox" name="energy" id="energy" class="case-checkbox">
51+
</div>
52+
</label>
53+
<label for="iceblast">
54+
<div class="setting s-disabled" data-case="ICE BLAST">
55+
<img src="img/cases/iceblast.png"class="case-img">
56+
<a>Ice Blast</a>
57+
<input type="checkbox" name="iceblast" id="iceblast" class="case-checkbox">
58+
</div>
59+
</label>
60+
<label for="rocketracoon" >
61+
<div class="setting s-disabled" data-case="ROCKET RACOON">
62+
<img src="img/cases/rocketracoon.png"class="case-img">
63+
<a>Rocket Racoon</a>
64+
<input type="checkbox" name="rocketracoon" id="rocketracoon" class="case-checkbox">
65+
</div>
66+
</label>
67+
<label for="tech">
68+
<div class="setting s-disabled" data-case="TECH">
69+
<img src="img/cases/tech.png"class="case-img">
70+
<a>Tech</a>
71+
<input type="checkbox" name="tech" id="tech" class="case-checkbox">
72+
</div>
73+
</label>
74+
<label for="teeth">
75+
<div class="setting s-disabled" data-case="TEETH">
76+
<img src="img/cases/teeth.png"class="case-img">
77+
<a>Teeth</a>
78+
<input type="checkbox" name="teeth" id="teeth" class="case-checkbox">
79+
</div>
80+
</label>
81+
<label for="toxic">
82+
<div class="setting s-disabled" data-case="TOXIC">
83+
<img src="img/cases/toxic.png"class="case-img">
84+
<a>Toxic</a>
85+
<input type="checkbox" name="toxic" id="toxic" class="case-checkbox">
86+
</div>
87+
</label>
88+
<label for="progress">
89+
<div class="setting s-disabled" data-case="PROGRESS">
90+
<img src="img/cases/progress.png"class="case-img">
91+
<a>Progress</a>
92+
<input type="checkbox" name="progress" id="progress" class="case-checkbox">
93+
</div>
94+
</label>
95+
<label for="serenity" >
96+
<div class="setting s-disabled" data-case="SERENITY">
97+
<img src="img/cases/SERENITY.png"class="case-img">
98+
<a>Serenity</a>
99+
<input type="checkbox" name="serenity" id="serenity" class="case-checkbox">
100+
</div>
101+
</label>
102+
<label for="joy">
103+
<div class="setting s-disabled" data-case="JOY">
104+
<img src="img/cases/joy.png"class="case-img">
105+
<a>Joy</a>
106+
<input type="checkbox" name="joy" id="joy" class="case-checkbox">
107+
</div>
108+
</label>
109+
<label for="advance">
110+
<div class="setting s-disabled" data-case="ADVANCE">
111+
<img src="img/cases/advance.png"class="case-img">
112+
<a>Advance</a>
113+
<input type="checkbox" name="advance" id="advance" class="case-checkbox">
114+
</div>
115+
</label>
116+
<label for="kick">
117+
<div class="setting s-disabled" data-case="KICK">
118+
<img src="img/cases/kick.png"class="case-img">
119+
<a>Kick</a>
120+
<input type="checkbox" name="kick" id="kick" class="case-checkbox">
121+
</div>
122+
</label>
123+
<label for="stack">
124+
<div class="setting s-disabled" data-case="STACK">
125+
<img src="img/cases/stack.png"class="case-img">
126+
<a>Stack</a>
127+
<input type="checkbox" name="stack" id="stack" class="case-checkbox">
128+
</div>
129+
</label>
130+
<label for="serpent">
131+
<div class="setting s-disabled" data-case="SERPENT">
132+
<img src="img/cases/serpent.png"class="case-img">
133+
<a>Serpent</a>
134+
<input type="checkbox" name="serpent" id="serpent" class="case-checkbox">
135+
</div>
136+
</label>
137+
<label for="ceres">
138+
<div class="setting s-disabled" data-case="CERES">
139+
<img src="img/cases/ceres.png"class="case-img">
140+
<a>Ceres</a>
141+
<input type="checkbox" name="ceres" id="ceres" class="case-checkbox">
142+
</div>
143+
</label>
144+
<label for="cobra">
145+
<div class="setting s-disabled" data-case="COBRA">
146+
<img src="img/cases/cobra.png"class="case-img">
147+
<a>Cobra</a>
148+
<input type="checkbox" name="cobra" id="cobra" class="case-checkbox">
149+
</div>
150+
</label>
151+
</div>
152+
</div>
153+
</div>
154+
</div>
155+
</body>
156+
</html>

‎optionstyle.css

+189
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,189 @@
1+
html{
2+
height: 100%;
3+
}
4+
*{
5+
font-family: sans-serif;
6+
font-weight: bold;
7+
box-sizing: border-box;
8+
padding: 0;
9+
margin: 0;
10+
color: white;
11+
}
12+
body{
13+
background-color: #1E1E1E;
14+
height: 100%;
15+
overflow: hidden;
16+
}
17+
.inner{
18+
width: 100%;
19+
display: flex;
20+
flex-direction: column;
21+
align-items: center;
22+
justify-content: start;
23+
}
24+
.sidebar{
25+
26+
display: flex;
27+
flex-direction: column;
28+
align-items: center;
29+
padding: 48px 0 48px 0;
30+
height: 100%;
31+
width: 240px;
32+
background-color: #18171D;
33+
color: #FFFFFF;
34+
gap: 10px;
35+
}
36+
.title{
37+
font-size: 32px;
38+
}
39+
.icon{
40+
display: flex;
41+
justify-content: center;
42+
align-items: center;
43+
width: 85px;
44+
height: 85px;
45+
}
46+
.page{
47+
display: flex;
48+
flex: 0 0 auto;
49+
height: 100%;
50+
overflow: hidden;
51+
}
52+
.logo{
53+
transform: scale(1.5);
54+
}
55+
56+
.nav{
57+
display: flex;
58+
flex-direction: column;
59+
align-items: flex-start;
60+
gap: 15px;
61+
padding: 24px 0;
62+
width: 100%;
63+
flex-grow: 1;
64+
}
65+
.nav a{
66+
width: 100%;
67+
font-size: 24px;
68+
padding: 15px 38px;
69+
background-color: #4d4d4d;
70+
}
71+
.madeby{
72+
margin-bottom: auto;
73+
text-align: center;
74+
}
75+
.madeby a{
76+
text-decoration: none;
77+
}
78+
.link{
79+
color: #0fff00;
80+
}
81+
.hero{
82+
width: 100%;
83+
height: 100%;
84+
}
85+
.content{
86+
position: relative;
87+
padding: 50px 18px;
88+
overflow-y: scroll;
89+
height: 100%;
90+
flex-wrap: wrap;
91+
}
92+
.cases{
93+
margin-top: 50px;
94+
display: flex;
95+
flex-direction: row;
96+
gap: 20px;
97+
flex-wrap: wrap;
98+
}
99+
label{
100+
text-align: center;
101+
cursor: pointer;
102+
}
103+
label img{
104+
border-radius: 15px;
105+
pointer-events: none;
106+
-webkit-user-drag: none;
107+
-webkit-user-drag: none;
108+
user-select: none;
109+
-moz-user-select: none;
110+
-webkit-user-select: none;
111+
-ms-user-select: none;
112+
}
113+
label div a{
114+
font-size: 28px;
115+
display: block;
116+
border-radius: 15px;
117+
pointer-events: none;
118+
-webkit-user-drag: none;
119+
-webkit-user-drag: none;
120+
user-select: none;
121+
-moz-user-select: none;
122+
-webkit-user-select: none;
123+
-ms-user-select: none;
124+
125+
}
126+
.settings-cb{
127+
display: flex;
128+
}
129+
.case-checkbox {
130+
display: none;
131+
}
132+
.setting.s-disabled{
133+
opacity: 0.25;
134+
}
135+
.settings.s-active{
136+
opacity: 1;
137+
}
138+
.users{
139+
display: flex;
140+
gap: 20px;
141+
}
142+
.checkbox-wrapper-18 .round {
143+
position: relative;
144+
}
145+
146+
.checkbox-wrapper-18 .round label {
147+
background-color: #fff;
148+
border: 1px solid #ccc;
149+
border-radius: 50%;
150+
cursor: pointer;
151+
height: 28px;
152+
width: 28px;
153+
display: block;
154+
}
155+
156+
.checkbox-wrapper-18 .round label:after {
157+
border: 2px solid #fff;
158+
border-top: none;
159+
border-right: none;
160+
content: "";
161+
height: 6px;
162+
left: 8px;
163+
opacity: 0;
164+
position: absolute;
165+
top: 9px;
166+
transform: rotate(-45deg);
167+
width: 12px;
168+
}
169+
170+
.checkbox-wrapper-18 .round input[type="checkbox"] {
171+
visibility: hidden;
172+
display: none;
173+
opacity: 0;
174+
}
175+
176+
.checkbox-wrapper-18 .round input[type="checkbox"]:checked + label {
177+
background-color: #66bb6a;
178+
border-color: #66bb6a;
179+
}
180+
181+
.checkbox-wrapper-18 .round input[type="checkbox"]:checked + label:after {
182+
opacity: 1;
183+
}
184+
.checkbox-wrapper-18 .round{
185+
display: flex;
186+
flex-direction: column;
187+
justify-content: center;
188+
align-items: center;
189+
}

0 commit comments

Comments
 (0)