Skip to content

Commit 8793752

Browse files
fontjavafontjava
authored
Add files via upload
1 parent f2218cb commit 8793752

3 files changed

Lines changed: 582 additions & 0 deletions

File tree

‎css/lkj.css‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
/ * * /
2+
3+
body {
4+
height: 100%; padding-top: 0; margin: 0; background-color: #ffffff;}
5+
6+
#wadah{
7+
min-height: 100%;
8+
position: relative;
9+
text-align: center; font-size: 0.85em}
10+
11+
#zoom {width: 200px; height: 10px; margin: 3px auto; color: # 333}
12+
13+
tabel # ruang kerja {margin: 0; position: relative; border: 2px solid # 444; border-color: # 444; background-color: # E6E1CA;}
14+
15+
tabel # ruang kerja h1 {margin: 0; font-size: 1.2em; background-color: # 666; background-image: url (title.png); background-repeat: repeat-x; Warna: # fff}
16+
17+
tabel # ruang kerja #info {height: 20em; overflow: auto; margin: 2px; padding: 2px; color: # 333; text-align: center; position: relative; font-size: 1em}
18+
19+
tabel # ruang kerja #info a {color: # 0B9; }
20+
21+
tabel # meja kerja #output {margin: 1px; 0px; 0px; 0px; border-collapse: collapse}
22+
tabel #output # ruang kerja th {padding: 0 0 1px 0; font-weight: normal; font-size: 2em}
23+
24+
tabel # ruang kerja #output td {padding: top: 5px; font-weight: normal}
25+
tabel # keluaran textarea {
26+
width: 100%;
27+
height: 70px;
28+
border: 3px #cdddc padat;
29+
padding: 0px;
30+
font-family: "Scheherazade", sans-serif;
31+
background: putih;
32+
}
33+
34+
textarea # SundaText {
35+
font-family: "Scheherazade", sans-serif;
36+
font-size: 1.0em;
37+
width: 100%;
38+
height: 90px;
39+
}
40+
41+
tabel # ruang kerja #keyboard {text-align: center}
42+
tabel # meja kerja #keyboard {border-collapse: collapse; margin: 1px; auto 0 auto}
43+
tabel # ruang kerja #keyboard td {padding: 0px; font-size: 0.1px}
44+
45+
46+
Tombol {width: 25px; height: 35px; margin: 0px;
47+
color: # 655777;
48+
font-family: "Scheherazade";
49+
font-size: 17px;
50+
font-weight: bold;
51+
padding: 1px 2px;
52+
text-color: # f0f0f0;
53+
text-shadow: 0px 1px 0px # B0B0B0;
54+
-webkit-border-radius: 15px;
55+
-moz-border-radius: 15px;
56+
border-radius: 15px;
57+
border: 1px solid # 8c8a8c;
58+
display: inline-block;
59+
-webkit-box-shadow: inset 0px 1px 0px 0px # c9c9c9;
60+
-moz-box-shadow: inset 0px 1px 0px 0px # c9c9c9;
61+
box-shadow: inset 0px 1px 0px 0px # c9c9c9;
62+
background: -webkit-gradien (linier, kiri atas, kiri bawah, warna-stop (0,05, # 9c9c9c), warna-stop (1, # 787678));
63+
background: -moz-linear-gradient (tengah atas, # 9c9c9c 5%, # 787678 100%);
64+
filter: PROGID: DXImageTransform.Microsoft.gradient (startColorstr = '# 9c9c9c', endColorstr = '# 787678');
65+
background-color: # 9c9c9c;
66+
}
67+
Tombol: hover {
68+
background: -webkit-gradien (linier, kiri atas, kiri bawah, warna-stop (0,05, # 787678), warna-stop (1, # 9c9c9c));
69+
background: -moz-linear-gradient (tengah atas, # 787678 5%, # 9c9c9c 100%);
70+
filter: PROGID: DXImageTransform.Microsoft.gradient (startColorstr = '# 787678', endColorstr = '# 9c9c9c');
71+
background-color: # 787678;
72+
}
73+
Tombol: aktif {
74+
position: relative;
75+
top: 1px;
76+
}
77+
tombol # backspace {width: 4em; margin-bottom: 4px}
78+
79+
80+
span.help {position: relative; kursor: pointer; padding: 0 3px; margin: 1px; color: # 000; font-size: 11px; border: 1px solid # DCD7B6; border-color: # D2CCA2}
81+
span.help:hover {background-color: # DCD7B6;}
82+
#info p {margin: 0 0 0.6em 0; font-size: 15px}
83+
#info h3 {margin: 0 0 0.6em 0; font-size: 12px;}
84+
#helpdiv {display: none}
85+
86+
#normalState {color: blue}
87+
#shiftState {}
88+
#altgrState {}
89+
#shiftAltgrState {}
90+
#normalStateCap {color: aqua}
91+
#shiftStateCap {}
92+
#altgrStateCap {}
93+
#shiftAltgrStateCap {}
94+
95+
button.Control {width: 4.5em;}
96+
button.ClearBack {color: red; font-weight: bold; width: 4em;}
97+
button.Altr {width: 4em;}
98+
button.AltGr {width: 3.5em}
99+
button.Shift {width: 5em}
100+
button.CapsLock {color: blue; font-weight: bold; width: 4em}
101+
button.Enter {width: 4em}
102+
button.backspace {width: 10em}
103+
button.Deadkey {width: 2em}
104+
button.Tab {width: 4em;}
105+
106+
107+
#shiftState .Shift {color: blue; font-weight: bold}
108+
#altgrState .AltGr {color: blue; font-weight: bold}
109+
#shiftAltgrState .AltGr, #shiftAltgrState .Shift {color: blue; font-weight: bold}
110+
111+
#normalStateCap .CapsLock {color: blue; font-weight: bold}
112+
#shiftStateCap .CapsLock {color: blue; font-weight: bold}
113+
#shiftStateCap .Shift {color: blue; font-weight: bold}
114+
115+
#shiftAltgrStateCap .CapsLock, #shiftAltgrStateCap .AltGr, #shiftAltgrStateCap .Shift {color: red; font-weight: bold}
116+
117+
div # disclaimer {text-align: center; Warna: # fff; margin: 0 auto ;; width: 400px; font-size: 0.70em}
118+
div # cipta {padding: 5px; text-align: center; font-size: 0.75em; color: # fff}
119+
div # hak cipta {color: # fff}
120+
121+
iframe # IFR {width: 1px; height: 1px; visibility: hidden}
122+
123+
#plugin {width: 380px; text-align: center; Warna: # fff; margin: 20px auto; padding: 0 20px 20px 20px; background-color: # 246; border: 2px # fff padat; }
124+
125+
# G1 {; text-align: center ;; margin: 20px 0 0 0}
126+
# G2 {; text-align: center; margin: 20px 0}

‎css/style.css‎

Lines changed: 246 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,246 @@
1+
@charset "utf-8";
2+
/* CSS Document */
3+
@font-face {
4+
font-family: ramayana;
5+
src: url("../font/ramayana.ttf") /* EOT file for IE */
6+
}
7+
@font-face {
8+
font-family: amukti;
9+
src: url("../font/amukti.ttf") /* TTF file for CSS3 browsers */
10+
}
11+
12+
h1,h2,h3,ul,b,body {font-family:"ramayana"; margin: 0px; padding: 0px;}
13+
body,html {
14+
font-family:"ramayana";
15+
font-size: 15px;
16+
color: #000;
17+
background-image: url(../gambar/noise.png);
18+
}
19+
20+
21+
22+
img.menu {
23+
float:left;
24+
margin-top: 13px;
25+
margin-left: 10px;
26+
margin-right: 17px;
27+
height: 25px;
28+
width: 25px;
29+
}
30+
31+
img.ic{
32+
float:right;
33+
margin-top: 17px;
34+
margin-left: 10px;
35+
margin-right: 17px;
36+
height: 17px;
37+
width: 4px;}
38+
39+
a, a:link, a:active, a:visited {
40+
font-family: "ramayana";
41+
text-decoration: none;
42+
color: #000;
43+
font-weight: bold;
44+
}
45+
ul { list-style: none; }
46+
h3 a:link, h3 a:active, h3 a:visited,h3 a {
47+
font-family: "amukti";
48+
/*warna tulisan di baris menu*/
49+
color: #000;
50+
display: block;
51+
}
52+
#header h2 a:link, #header h2 a:active, #header h2 a:visited, #header h2 a {
53+
font-family: "amukti";
54+
display:block;
55+
color: #fff;
56+
}
57+
58+
h1 {font-family: "amukti"; margin-bottom: 15px; }
59+
img {max-width: 100%}
60+
#footer {
61+
position:fixed;bottom:1px;
62+
width: 100%;
63+
border-bottom-width: 5px;
64+
border-bottom-style: solid;
65+
border-bottom-color: #D59855;
66+
67+
/*warna di header begronnya*/
68+
background-color: #D59855;
69+
height: 45px;
70+
margin: 0px;
71+
padding: 0px;
72+
73+
color: #F00;
74+
75+
76+
}
77+
#headbox {
78+
text-align: center;
79+
margin: 0px;
80+
padding-top: 8px;
81+
height: 40px;
82+
}
83+
#headbox h2 { color: #000; padding-top: 4px; }
84+
#fooer {
85+
width: 100%;
86+
/* warna dibawah*/
87+
background-color: #D59855;
88+
height: 40px;
89+
margin: 0px;
90+
padding: 0px;
91+
border-top-width: 5px;
92+
border-top-style: solid;
93+
border-top-color: #D59855;
94+
text-align: center;
95+
}
96+
#footerbox {
97+
margin: 0px;
98+
padding-top: 8px;
99+
padding-left: 8px;
100+
text-align: center;
101+
}
102+
#footerbox p {
103+
color: #666;
104+
text-align: center;
105+
106+
}
107+
.logo{
108+
float: left;
109+
padding: 0px;
110+
width: 32px;
111+
height: 32px;
112+
margin-top: 7px;
113+
margin-right: 5px;
114+
margin-bottom: 5px;
115+
margin-left: 7px;
116+
117+
}
118+
.imgfloat { float: left; margin-right: 10px; }
119+
button {
120+
background-color: #0ff; /* Green */
121+
font-family: "amukti";
122+
width: 100%;
123+
height: 25px;
124+
border: none;
125+
color: white;
126+
text-align: top-center;
127+
text-decoration: none;
128+
display: inline-block;
129+
font-size: 15px;
130+
margin: 5px 1px;
131+
cursor: pointer;
132+
border-radius: 15px;
133+
box-shadow: 0 5px #999;
134+
}
135+
button:hover {background-color: #0f0}
136+
137+
button:active {
138+
background-color: #0f0;
139+
box-shadow: 0 5px #666;
140+
transform: translateY(4px);
141+
}
142+
.kotakmenu {
143+
padding: 5px;
144+
background-repeat: no-repeat;
145+
background-position: right center;
146+
border-bottom-width: 3px;
147+
border-bottom-style: solid;
148+
border-bottom-color: #400000;
149+
border-left-color: #D59855;
150+
height: 32px;
151+
border-left-width: 5px;
152+
border-left-style: solid;
153+
/*warna hijau di kotak menu*/
154+
background-color: #D59855;
155+
/*gambar di ujung sebelah kiri di kotak menu*/
156+
background-image:none;
157+
margin-top: 0px;
158+
margin-right: 0px;
159+
margin-bottom: 3px;
160+
margin-left: 0px;
161+
}
162+
@media only screen and (min-width: 500px) {
163+
#homemenu li { float: left; width: 100%; }
164+
}
165+
.homemenu li{
166+
display:block;
167+
height: 32px;
168+
}
169+
.imgthumb {
170+
margin-bottom: 6px;
171+
border: 1px solid #fff;
172+
height: 32px;
173+
width: 32px;
174+
}
175+
#home {
176+
padding: 5px;
177+
178+
}
179+
#home h2{
180+
background-color: #000;
181+
display: block;
182+
padding: 5px;
183+
margin-bottom: 5px;
184+
border-top-width: 1px;
185+
border-top-style: solid;
186+
border-top-color: #000;
187+
color: #333;
188+
}
189+
190+
#single {
191+
padding: 5px;
192+
}
193+
194+
#isi {
195+
padding:5px;
196+
background-color: #fff;
197+
border: 1px solid #fff;
198+
margin-top: 0px;
199+
margin-right: 0px;
200+
margin-bottom: 3px;
201+
margin-left: 0px;
202+
}
203+
#isi h2{
204+
padding: 5px;
205+
margin-bottom: 5px;
206+
text-align: center;
207+
}
208+
209+
210+
.kosong{
211+
clear: both;
212+
margin: 0px;
213+
padding: 0px;
214+
}
215+
.aligncenter{
216+
display: block;
217+
margin-top: 5px;
218+
margin-right: auto;
219+
margin-bottom: 5px;
220+
margin-left: auto;
221+
}
222+
.alignleft{
223+
float: left; margin-right: 4px;
224+
}
225+
.alignright{ float: right;margin-left: 4px}
226+
227+
.kardus{
228+
text-align:center;
229+
width:100%;
230+
margin-top: 10px;
231+
margin-right: auto;
232+
margin-bottom: 10px;
233+
margin-left: auto;
234+
clear: both;
235+
}
236+
.navigasi{
237+
text-align:center;
238+
width:100%;
239+
margin-top: 10px;
240+
margin-right: auto;
241+
margin-bottom: 10px;
242+
margin-left: auto;
243+
clear: both;
244+
}
245+
p{text-align:justify;margin:0;padding:0 0 10px}
246+
.desc{ font-size: 11px;}

0 commit comments

Comments
 (0)