nav { display: block; margin-top: 100px; background: #374147; } .menu { display: block; } .menu li { display: inline-block; position: relative; z-index: 100; } .menu li:first-child { margin-left: 0; } .menu li a { font-weight: 600; text-decoration: none; padding: 20px 15px; display: block; color: #fff; transition: all 0.2s ease-in-out 0s; } .menu li a:hover,.menu li:hover>a { color: #fff; background: #9ca3da; } .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 150px; position: absolute; left: 0px; background: #fff; z-index: 99; transform: translate(0,20px); transition: all 0.2s ease-out; } .menu ul:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; } .menu ul li a { font-size: 12px; font-weight: normal; display: block; color: #797979; background: #fff; } .menu ul li a:hover,.menu ul li:hover>a { background: #9ca3da; color: #fff; } .menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0,0); } .menu ul ul { left: 149px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px,20px); transition: all 0.2s ease-out; } .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; } .menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0,0); } .responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #374147; color: #fff; text-transform: uppercase; font-weight: 600; } .responsive-menu:hover { background: #374147; color: #fff; text-decoration: none; } a.homer { background: #9ca3da; } @media (min-width: 768px) and (max-width: 979px) { .mainWrap { width: 768px; } .menu ul { top: 37px; } .menu li a { font-size: 12px; } a.homer { background: #374147; } } @media (max-width: 767px) { .mainWrap { width: auto; padding: 50px 20px; } .menu { display: none; } .responsive-menu { display: block; margin-top: 100px; } nav { margin: 0; background: none; } .menu li { display: block; margin: 0; } .menu li a { background: #fff; color: #797979; } .menu li a:hover,.menu li:hover>a { background: #9ca3da; color: #fff; } .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; } .menu li:hover>ul { visibility: visible; opacity: 1; position: relative; transform: initial; } .menu ul ul { left: 0; transform: initial; } .menu li>ul ul:hover { transform: initial; } } @media (max-width: 480px) { } @media (max-width: 320px) { }

Senin, 22 April 2013

Catatan sebelum UN hahaha :)





Ø  8 April 2013 :
·         Bangun jam 05.45
·         Dengerin lagu2 YUI :)
·         Mandi
·         Nyetrika baju trus sarapan pake nasgor
·         Aku berangkat sekolah ndak terlalu telat kya biasanya haha XD
·         Silpi ndak mausk. Dugaan awal dirinya telat, trus dirinya delepen, trus magh, ternyata ada surat.e dirinya sakit. (opo?)
·         Aku iklan bolpen ke serli 8)
·         Serli ketawa2 baca iniii xDa
·         Mbah Do galau pus...?
Ø  9 April 2013 :
·         Aku duduk sebangku man Nita
·         Gak ngobrol ma Niel n Mpir u.u
·         Silpi panggah ndak masuk u.u
·         Kerudungku distaples dian T.T
·         Aku dipoto tanpa pose yg memadai Dx Hapus ah~
·         Mpirda menggila tanganku dicoreti pas les T.T
Ø  10 April 2013 :
·         Silpi masuk sekolah, ternyata dia tenggorokannya sakit infeksi sama kya penyakitku kemarin u.u Tapi silpi plus plus delepen, darah rendah, sariawan. Jadi kuajak ngobrol dirinya mangap aja ‘A’
·         Aku telat huhuhu tapi bu Khoirin baik hati :))
·         Mpirda bawa tisunya banyak~~~ :O
·         Aku ga punya bolpen TAT
·         MTK ga ada gurunya Xda
·         Dikasih pensil ma penghapus horeee \XD/
Ø  11 April 2013 :
·         Aku ndak terlalu telat, hahaha Alhamdulillah~ :)
·         Maaf2an ma anak2 kelas karna hari ini hari terakhir masuk sebelum ujian :’)
·         Anak2 pada nangis, aku juga. Habis udah 3 tahun bareng trus mau ujian dan LULUS Amiin :)
·         Ke ruang guru minta maaf ma guru2 :(
·         Emak ayu nangisnya kenceeeeng~ T_T
·         Minta maaf ke adik2 kelas, balik ke kelas lamaaa... XI IPA2 ma XA u.u
Ø  12 April 2013 :
·         Ke rumah temeeen :)
·         Aku keterusan rumah temenku kelewatan hahah kebiasaan -.-
·         Kerupuk sambalnya enak X)
·         Pecel *eh* rujak lontongnya enak~ Tapi loh, punyaku kok banyakan tahunyaaa? Lontongnya mana??? *krik
·         Sowan ke rumah Abah Ali minta do’a buat ujian nanti :))
Ø  13 April 2013 :
·         Aku libur sama kya kemaren X)
·         Jagain adek n adek sepupu karna ortunya ke sawah O.o
·         Aku bersih2 horeee \>w</ (nyapu maksunda XDDD)
·         Ngebersihin kursi pake kemoceng(?) tanganku linu semuaaa u.u
·         Bikin 2 bungkus mi isi dua di plus 2 mi biasa hasilnya banyaaak OoO Dimakan bareng2 sekeluarga :9
·         Lafinyan akhir2 ini nafsu makannya bagus :)
Ø  14 April 2013 :
·         Bimbingan belajar mulai jam 7 tapi aku telat Xda
·         Pulang, tidur~
·         Yang lainnya aku lupa ngapain aja XDa
Ø  15 April 2013 : Ujian B. Indonesia
Ø  16 April 2013 : Ujian Fisika B. Inggris
Ø  17 April 2013 : Ujian Matematika
Ø  18 April 2013 : Ujian Kimia & Biologi. Ujian hari terakhir~ :)


-    19 April 2013, Lafinyan_Lafinaaa :)

Tidak ada komentar :

Posting Komentar