Skip to content

Commit 0bdaf14

Browse files
bug7abug7a
committed
publish v3
1 parent 243ed31 commit 0bdaf14

54 files changed

Lines changed: 5708 additions & 403 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.DS_Store‎

2 KB
Binary file not shown.

‎basic/.DS_Store‎

8 KB
Binary file not shown.

‎basic/LICENSE‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
2+
Copyright 2020-2023 Bugra Ozden <bugra.ozden@gmail.com>
3+
4+
Licensed under the Apache License, Version 2.0 (the "License");
5+
you may not use this file except in compliance with the License.
6+
You may obtain a copy of the License at
7+
8+
http://www.apache.org/licenses/LICENSE-2.0
9+
10+
Unless required by applicable law or agreed to in writing, software
11+
distributed under the License is distributed on an "AS IS" BASIS,
12+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13+
See the License for the specific language governing permissions and
14+
limitations under the License.

‎basic/basic.css‎

Lines changed: 267 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,267 @@
1+
2+
3+
/* Bismillah */
4+
5+
/*
6+
7+
basic.js (v1.7.2) Create interactive user interfaces with basic programming skills.
8+
- Project Site: https://bug7a.github.io/basic.js/
9+
10+
Copyright 2020-2023 Bugra Ozden <bugra.ozden@gmail.com>
11+
- https://github.com/bug7a
12+
13+
Licensed under the Apache License, Version 2.0
14+
15+
*/
16+
17+
@font-face {
18+
19+
font-family: opensans;
20+
src: url(font/open-sans/OpenSans-Regular.ttf);
21+
font-display: block;
22+
23+
}
24+
25+
@font-face {
26+
27+
font-family: opensans-bold;
28+
src: url(font/open-sans/OpenSans-Bold.ttf);
29+
font-display: block;
30+
31+
}
32+
33+
.basic_box, .basic_label, .basic_button, .basic_textbox-main, .basic_image {
34+
35+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
36+
37+
-webkit-font-smoothing: antialiased;
38+
-moz-osx-font-smoothing: grayscale;
39+
40+
-webkit-touch-callout: none;
41+
-webkit-text-size-adjust: auto;
42+
user-select: none;
43+
-webkit-user-select: none;
44+
45+
}
46+
47+
/* UI COMPONENTS */
48+
.basic_box {
49+
50+
position: absolute;
51+
display: block;
52+
overflow-x: hidden;
53+
overflow-y: hidden;
54+
background-color: whitesmoke;
55+
border-radius: 0px;
56+
border: 0px solid rgba(0, 0, 0, 0.6);
57+
font-family: opensans;
58+
font-size: 16px;
59+
text-align: left;
60+
color: rgba(0, 0, 0, 0.8);
61+
padding: 0px;
62+
margin: 0px;
63+
box-sizing: border-box;
64+
pointer-events: none;
65+
66+
}
67+
68+
.basic_label {
69+
70+
position:absolute;
71+
display: block;
72+
overflow: hidden;
73+
font-family: opensans;
74+
font-size: 20px;
75+
text-align: left;
76+
color:rgba(0, 0, 0, 0.8);
77+
background-color: transparent;
78+
border: 0px solid rgba(0, 0, 0, 0.6);
79+
padding: 0px;
80+
/* istenen genişlikten paddingi çıkartarak işlem yapıyor */
81+
box-sizing: border-box;
82+
pointer-events:none;
83+
84+
}
85+
86+
.basic_button {
87+
88+
position:absolute;
89+
display: block;
90+
overflow: hidden;
91+
font-family: opensans;
92+
font-size: 20px;
93+
text-align: center;
94+
color: rgba(0, 0, 0, 0.65);
95+
border: 1px solid rgba(0, 0, 0, 0.40);
96+
box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.40);
97+
margin: 0px;
98+
box-sizing: border-box;
99+
border-radius: 4px;
100+
background-color: #689BD2;
101+
background-image: url("img/button-background.png");
102+
background-position: left top;
103+
background-repeat: no-repeat;
104+
background-size:100% 100%;
105+
pointer-events:auto;
106+
cursor: pointer;
107+
108+
}
109+
110+
.basic_button.minimal {
111+
112+
border: 0px solid rgba(0, 0, 0, 0.40);
113+
box-shadow: none;
114+
background-image:none;
115+
116+
}
117+
118+
.basic_button:focus {
119+
120+
outline: none;
121+
122+
}
123+
124+
.basic_button:disabled {
125+
126+
opacity: 0.6 !important;
127+
cursor: default;
128+
129+
}
130+
131+
.basic_textbox-main {
132+
133+
position:absolute;
134+
display: block;
135+
136+
}
137+
138+
.basic_textbox {
139+
140+
position:absolute;
141+
font-family: opensans;
142+
font-size: 20px;
143+
text-align: left;
144+
color:#4A4A4A;
145+
background-color: #FFFFFF;
146+
left:0px;
147+
right:0px;
148+
border: 1px solid #4A4A4A;
149+
width: 270px;
150+
height: 50px;
151+
padding: 12px 15px;
152+
margin: 0px;
153+
box-sizing: border-box;
154+
border-radius: 4px;
155+
background-image: url("img/textbox-background.png");
156+
background-position: left top;
157+
background-repeat: no-repeat;
158+
background-size:100% 100%;
159+
pointer-events:auto;
160+
161+
}
162+
163+
.basic_textbox.minimal {
164+
165+
border: 0px solid #4A4A4A;
166+
background-image:none;
167+
168+
}
169+
170+
.basic_textbox:focus {
171+
172+
outline: none;
173+
padding: 12px 14px;
174+
background-color: #FFFFFF;
175+
border: 2px solid #689BD2;
176+
177+
}
178+
179+
.basic_textbox.minimal:focus {
180+
181+
outline: none;
182+
padding: 12px 15px;
183+
border: 0px solid steelblue;
184+
185+
}
186+
187+
.basic_textbox:disabled {
188+
189+
opacity: 0.6 !important;
190+
191+
}
192+
193+
.basic_textbox-title {
194+
195+
position: absolute;
196+
background-color: transparent;
197+
font-family: opensans;
198+
font-size: 16px;
199+
text-align: left;
200+
color: #4A4A4A;
201+
height: 28px;
202+
top: -28px;
203+
left: 0px;
204+
padding: 2px;
205+
padding-left: 0px;
206+
border:0px;
207+
border-top-left-radius: 6px;
208+
border-top-right-radius: 6px;
209+
border-bottom-left-radius: 0px;
210+
border-bottom-right-radius: 0px;
211+
background-image:none;
212+
213+
}
214+
215+
.basic_image {
216+
217+
position:absolute;
218+
display: block;
219+
overflow: hidden;
220+
background-color: transparent;
221+
border: 0px solid rgba(0, 0, 0, 0.6);
222+
padding: 0px;
223+
margin: 0px;
224+
box-sizing: border-box;
225+
border-radius: 0px;
226+
pointer-events:none;
227+
228+
}
229+
230+
/* Custom scroll bar */
231+
.basic_box::-webkit-scrollbar {
232+
width: 0px;
233+
height: 0px;
234+
}
235+
236+
.basic_box::-webkit-scrollbar-thumb {
237+
background: rgba(0, 0, 0, 0.15);
238+
border-radius: 6px;
239+
border: 2px solid rgba(0, 0, 0, 0);
240+
background-clip: padding-box;
241+
}
242+
243+
.basic_box::-webkit-scrollbar-thumb:hover {
244+
background: rgba(0, 0, 0, 0.2);
245+
border-radius: 6px;
246+
border: 2px solid rgba(0, 0, 0, 0);
247+
background-clip: padding-box;
248+
}
249+
250+
.basic_box::-webkit-scrollbar-thumb:active {
251+
background: rgba(0, 0, 0, 0.25);
252+
border-radius: 6px;
253+
border: 2px solid rgba(0, 0, 0, 0);
254+
background-clip: padding-box;
255+
}
256+
257+
.basic_box::-webkit-scrollbar-track {
258+
background: transparent;
259+
border-radius: 0px;
260+
/* border-left: 1px solid rgba(0, 0, 0, 0.2); */
261+
/* border-top: 1px solid rgba(0, 0, 0, 0.2); */
262+
background-clip: padding-box;
263+
}
264+
265+
.basic_box::-webkit-scrollbar-corner {
266+
background-color: transparent;
267+
}

0 commit comments

Comments
 (0)