APLIKASI PENGOLAHAN DATA KOPERASI SIMPAN PINJAM PADA KOPERASI KARYAWAN PT. SINAR SOSRO PALEMBANG
LAPORAN AKHIR
Disusun Untuk Memenuhi Persyaratan Menyelesaikan Pendidikan Diploma III Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya
Oleh :
Riska Kusumawati 0611 3080 1354
KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN POLITEKNIK NEGERI SRIWIJAYA PALEMBANG 2014
i
MOTTO
Motto : ”Sesungguhnya bersama kesulitan ada kemudahan” (Q.S.Al – Insyirah : 6) " Sukses bukanlah akhir dari segalanya, kegagalan bukanlah sesuatu yang fatal: namun keberanian untuk meneruskan kehidupanlah yang diperhatikan "(Sir Winston Churchill) " Pekerjaan besar tidak dihasilkan dari kekuatan, melainkan oleh ketekunan "(Samuel Johnson)
ii
ABSTRACT The title of this report is “The application of processing data of cooperation save and loan at employee cooperation at PT. Sinar Sosro Palembang” with PHP programmer and MySQL purpose for making something to processing data of save and loan at employee cooperation PT. Sinar Sosro with SLDC (System Development Life Circle) model for develop system with waterfal methode for making report. Colecting data is done by talking data directly to the employees cooperation of PT. Sinar Sosro Palembang with study the development of exiting. The result showed that there were weakness in inputing and searching data and preparing reports. Writer has conclution that the application of processing data of cooperation save and loan at employee cooperation PT. Sinar Sosro Palembang can assist members in making save and loan be easier for the treasure cooperation in the collecting and processing of data save and loan so all of the data can more organize well.
iii
ABSTRAK Judul Laporan Akhir penulis berjudul “Aplikasi Pengolahan Data Koperasi Simpan Pinjam pada Koperasi Karyawan PT. Sinar Sosro Palembang” dengan menggunakan pemorgaman PHP dan MySQL bertujuan untuk membuat suatu aplikasi pengolahan data simpan pinjam dengan model pengembangan sistem SLDC (system development life circle) dengan metode waterfall pada koperasi karyawan PT. Sinar Sosro Palembang sehingga mempermudah dalam pengumpulan data, pemrosesan data, dan pembuatan laporan. Pengumpulan data dilakukan dengan cara pengambilan data secara langsung ke Koperasi Karyawan PT. Sinar Sosro Palembang dengan mempelajari data yang ada. Hasilnya menunjukkan terdapat kelemahan dalam penginputan dan pencarian data serta pembuatan laporan. Penulis menyimpulkan bahwa Aplikasi Pengolahan Data Koperasi Simpan Pinjam pada Koperasi Karyawan PT. Sinar Sosro Palembang dapat membantu anggota dalam melakukan simpan pinjam dan mempermudah pihak bendahara koperasi dalam pengumpulan dan pengolahan data simpan pinjam sehingga dalam pemrosesan data lebih terorganisir dengan baik.
iv
KATA PENGANTAR
Puji dan Syukur penulis haturkan kehadirat Allah SWT, karena hanya atas anugrah dan hidayah-Nya penulis dapat menyelesaikan Laporan Akhir ini dengan judul “Aplikasi Pengolahan Data Koperasi Simpan Pinjam pada Koperasi Karyawan PT. Sinar Sosro Palembang” dengan tepat waktu. Di dalam penyusunan Laporan Akhir ini kami banyak mendapatkan bantuan, bimbingan dan petunjuk dari berbagai pihak. Oleh karena itu, dalam kesempatan ini penulis ingin menyampaikan ucapan terima kasih kepada : 1. Bapak RD. Kusumanto, S.T., M.M selaku Direktur Politeknik Negeri Sriwijaya. 2. Bapak H. Firdaus, S.T., M.M selaku Wakil Direktur I Politeknik Negeri Sriwijaya. 3. Bapak H.L. Suhairi Hazisma, S.E., M.Si selaku Pembantu Direktur II Politeknik Negeri Sriwijaya. 4. Bapak Ir. Irawan Rusnadi, M.T selaku Pembantu Direktur III Politeknik Negeri Sriwijaya. 5. Bapak Dr. Ing. Ahmad Taqwa, M.T selaku Pembantu Direktur IV Politeknik Negeri Sriwijaya. 6. Bapak Rahmat
selaku
Ketua Koperasi Karyawan PT. Sinar Sosro
Palembang. 7. Bapak Dedy Rusdyanto, S.E., M.Si selaku Ketua Jurusan Manajemen Informatika. 8. Bapak
Robinson, M.Kom selaku Sekretaris Jurusan Manajemen
Informatika 9. Bapak Sony Oktapriandi S.Kom., M.Kom. selaku Dosen Pembimbing 1 Laporan Akhir. 10. Ibu Nita Novita, S.E.,MM. selaku Dosen Pembimbing 2 Laporan Akhir.
v
11. Seluruh Dosen dan Staff Administrasi Jurusan Manajemen Informatika yang telah mendidik dan memberikan ilmu pengetahuan selama masa pendidikan. 12. Keluarga terutama Orang Tua yang selalu memberi dukungan baik moriil maupun materil. 13. Saudara dan sahabat
yang selalu memberikan semangat dalam
menyelesaikan Laporan Akhir. 14. Teman-teman seperjuangan khususnya
6 MIB Jurusan Manajemen
Informatika. 15. Semua pihak yang telah membantu dalam penyelesaian Laporan Akhir ini. Semoga Allah SWT melimpahkan berkah dan karunianya kepada semua pihak yang telah membantu dalam penyelesaian Laporan Akhir dari penyusunan hingga keadaan laporan saat ini. Dalam penyusunan Laporan Akhir ini sangat disadari bahwa masih banyak kesalahan dan kekurangan serta kekeliruan dalam penulisan maupun maksud dan tujuan dari penulisan laporan ini, hal itu karena kami adalah manusia biasa yang tidak luput dari kekurangan dan kesalahan. Untuk itu diharapkan kritik dan saran yang membangun dari semua pihak, guna memperbaiki kesalahan dan kesempurnaan laporan ini. Akhir kata, semoga Laporan Akhir ini memberikan manfaat terhadap dunia pendidikan saat ini, Akademik dan bagi semua pihak yang mempelajarinya.
Palembang,
Penyusun,
vi
Juli 2014
DAFTAR ISI
Halaman HALAMAN JUDUL ......................................................................................
i
HALAMAN PENGESAHAN .........................................................................
ii
MOTTO ..........................................................................................................
iii
ABSTRACT ....................................................................................................
iv
ABSTRAK ......................................................................................................
v
KATA PENGANTAR ....................................................................................
vi
DAFTAR ISI ................................................................................................... viii DAFTAR TABEL ..........................................................................................
xi
DAFTAR GAMBAR ......................................................................................
xii
BAB I
PENDAHULUAN
1.1
Latar Belakang ...............................................................................
1
1.2
Perumusan Masalah .......................................................................
2
1.3
Batasan Masalah..............................................................................
3
1.4
Tujuan dan Manfaat ........................................................................
3
1.4.1 Tujuan ....................................................................................
3
1.4.2Manfaat ...................................................................................
4
Metodologi Penelitian .....................................................................
4
1.5.1 Lokasi Pengumpulan Data .....................................................
4
1.5.2 Metode Pengumpulan Data ..................................................
4
Sistematika Penulisan .....................................................................
5
1.5
1.6
BAB II TINJAUAN PUSTAKA 2.1
Teori Umum ...................................................................................
7
2.1.1Pengertian Internet ..................................................................
7
2.1.2 Pengertian Informasi ..............................................................
7
vii
2.2
2.3
2.1.3 Pengertian Sistem ...................................................................
7
2.1.4 Pengertian Sistem Informasi ..................................................
8
2.1.5 Siklus Penyusunan Sistem .....................................................
8
2.1.6 Karakteristik Sistem ...............................................................
8
TeoriKhusus ....................................................................................
10
2.2.1 Basis Data (Database) ...........................................................
10
2.2.2 Data Flow Diagram (DFD) ...................................................
10
2.2.3 Blockchart ..............................................................................
11
2.2.4 Flowchart ...............................................................................
12
2.2.5 Entity Relationship Diagram(ERD) .......................................
15
2.2.6 Kamus Data (Data Dictionary) .............................................
16
Pengertian-pengertianJudul .............................................................
16
2.3.1 Pengertian Aplikasi ................................................................
16
2.3.2 Pengertian Data ....................................................................
17
2.3.3 Pengertian Koperasi ...............................................................
17
2.3.4 Pengertian Simpan Pinjam .....................................................
17
2.3.5 Pengertian Koperasi Karyawan ..............................................
17
2.3.6 Pengertian Aplikasi Pengolahan Data Koperasi Simpan Pinjam
2.4
pada Koperasi Karyawan PT. Sinar Sosro Palembang ..........
18
Teori Program ................................................................................
18
2.4.1 Pengertian Web.......................................................................
18
2.4.2 Pengertian Browser ................................................................
18
2.4.3 Pengertian XAMPP ................................................................
19
2.4.4 Pengertian HTML ..................................................................
19
2.4.5 Elemen HTML .......................................................................
19
2.4.6 Pengertian CSS ......................................................................
20
2.4.7 Pengertian PHP ......................................................................
20
2.4.8 Elemen Dasar PHP .................................................................
21
2.4.9 Teknik Menulis Script PHP ...................................................
21
2.4.10 Pengertian MySQL .............................................................
22
2.4.11 Koneksi MySQL dengan PHP ............................................
22
viii
BAB III GAMBARAN UMUM PERUSAHAAN 3.1 Sejarah Singkat Koperasi Karyawan PT. Sinar Sosro ..........................
24
3.2 Visidan Misi Koperasi Karyawan PT. Sinar Sosro ...............................
25
3.2.1 Visi .........................................................................................
25
3.2.2 Misi .......................................................................................
25
3.3 Tujuan dan Kegiatan Koperasi ..............................................................
25
3.3.1 Tujuan Koperasi....................................................................
25
3.3.2 Kegiatan Koperasi .................................................................
26
3.4 Struktur Organisasi ................................................................................
26
3.5 Uraian Tugas dan Wewenang ...............................................................
27
3.5.1 Pengawas ..............................................................................
27
3.5.2 Ketua .....................................................................................
28
3.5.3 Sekretaris ..............................................................................
28
3.5.4 Bendahara .............................................................................
28
3.5.5 Anggota.................................................................................
29
3.6 Prosedur Sistem yang Berjalan .............................................................
29
3.6.1 Sistem Simpan Pinjam pada Koperasi Karyawan PT. Sinar Sosro Palembang ..................................................................
29
3.6.2 Sistem yang Berjalan ............................................................
30
BAB IV HASIL DAN PEMBAHASAN 4.1
4.2
Hasil ...............................................................................................
31
4.1.1 Identifikasi Masalah ...........................................................
31
4.1.2 Penyelidikan Awal .............................................................
32
4.1.3 Studi Kelayakan .................................................................
32
4.1.4 Alat dan Bahan ...................................................................
34
Analisis Sistem ..............................................................................
34
4.2.1 Desain Secara Umum .........................................................
34
4.2.1.1 Konseptual ............................................................
34
ix
4.2.1.1.1 DFD .....................................................
34
4.2.1.1.1.1 Diagram Konteks ..............
35
4.2.1.1.1.2 Blockchart .........................
36
4.2.1.1.1.3 Flowchart ..........................
37
4.2.1.1.1.4 Blockchart .........................
41
4.2.1.1.1.5 ERD...................................
42
4.2.1.2 Logikal .................................................................
43
4.2.1.2.1
Kamus Data .......................................
43
4.2.1.2.2
Desain Tabel ......................................
44
4.2.2 Desain Terinci ....................................................................
46
4.2.2.1 Rancangan Tampilan Utama ..................................
46
4.2.2.2 Rancangan Tampilan Halaman Profil.....................
47
4.2.2.3 Rancangan Tampilan Halaman Kontak dan Informasi47 4.2.2.4 Rancangan Tampilan Halaman Pinjaman...............
48
4.2.2.5 Rancangan Tampilan Halaman Sisa Hutang ..........
48
4.2.2.6 Rancangan Tampilan Halaman Laporan ................
49
4.2.2.7 Rancangan Tampilan Halaman Data Anggota .......
49
4.2.2.8 Rancangan
Tampilan
Halaman
Data
Simpanan
Pokok ..................................................................... 4.2.2.9 Rancangan
Tampilan
Halaman
Data
Simpanan
Wajib ..................................................................... 4.2.2.10 Rancangan
4.3
Tampilan
Halaman
Data
50
50
Simpanan
Sukarela ..................................................................
51
Pengodean Sistem ..........................................................................
51
4.3.1 Pengodean Database ............................................................
51
4.3.2 Tampilan Program ................................................................
53
4.3.2.1 Halaman Utama ......................................................
53
4.3.2.2 Profil Koperasi ........................................................
54
4.3.2.3 Kontak dan Informasi .............................................
55
4.3.2.4 Daftar Hutang .........................................................
55
4.3.2.5 Daftar Pinjaman ......................................................
56
x
4.4
4.5
4.3.2.6 Laporan ...................................................................
56
4.3.2.7 Daftar Anggota .......................................................
57
4.3.2.8 Dafatr Simpanan Wajib ..........................................
58
4.3.2.9 Daftar Simpanan Pokok ..........................................
58
4.3.2.10 Dafatar Simpanan Sukarela ....................................
59
4.3.2.11 Data Pinjam ............................................................
59
Pengujian Sistem .............................................................................
60
4.4.1
Rencana Pengujian ..............................................................
60
4.4.2
Kasus dan Hasil Pengujian ..................................................
60
Pemeliharaan Sistem ......................................................................
62
BAB V KESIMPULAN DAN SARAN 5.1. Kesimpulan .......................................................................................
63
5.2. Saran .................................................................................................
63
DAFTAR PUSTAKA DAFTAR RUJUKAN LAMPIRAN
xi
DAFTAR TABEL
Tabel 2.1 Simbol DFD ...................................................................................
11
Tabel 2.2 Simbol Blockchart ..........................................................................
12
Tabel 2.3 Simbol Flowchart ..........................................................................
13
Tabel 2.4 Simbol ERD ...................................................................................
16
Tabel 2.5 Elemen-elemen HTML ....................................................................
20
Tabel 2.6 Fungsi-fungsi MySQL ....................................................................
23
Tabel 4.1 Analisis PIECES ...........................................................................
32
Tabel 4.2 Tabel Anggota ...............................................................................
44
Tabel 4.3 Tabel Simpanan ...............................................................................
45
Tabel 4.4 Tabel Pinjaman................................................................................
45
Tabel 4.5 Tabel Admin....................................................................................
46
Tabel 4.6 Rencana Pengujian .........................................................................
60
Tabel 4.7 Kasus dan Pengujian Form Login ..................................................
60
Tabel 4.8 Kasus dan Pengujian Form Pinjaman ............................................
61
xii
DAFTAR GAMBAR Gambar 2.1
Hasil penulisan tag awal dan akhir model kesatu .....................
22
Gambar 2.2
Hasil penulisan tag awal dan akhir model kedua ......................
22
Gambar 2.3
Hasil penulisan tag awal dan akhir model ketiga .....................
22
Gambar 2.4
Hasil penulisan tag awal dan akhir model keempat .................
23
Gambar 3.1
Struktur
Organisasi
Koperasi
Karyawan
PT.
Sinar
Sosro
Palembang ................................................................................ Gambar 3.2
27
Sistem yang Berjalan pada Koperasi Karyawan PT. Sinar Sosro Palembang ................................................................................
30
Gambar 4.1
Diagram Konteks Diagram .......................................................
35
Gambar 4.2
Diagram Level Zero(0) .............................................................
36
Gambar 4.3
Flowchart Anggota ...................................................................
38
Gambar 4.4
Flowchart Ketua Koperasi ........................................................
39
Gambar 4.5
Flowchart Bendahara Koperasi.................................................
40
Gambar 4.6
Blockchart .................................................................................
41
Gambar 4.7
ERD (Entity Relationship Diagram) .........................................
42
Gambar 4.8
Rancangan Halaman Utama .....................................................
46
Gambar 4.9
Rancangan Halaman Profil ......................................................
47
Gambar 4.10 Rancangan Halaman Kontak dan Informasi ............................
47
Gambar 4.11 Rancangan Halaman Pinjaman ................................................
48
Gambar 4.12 Rancangan Halaman Sisa Hutang ............................................
48
Gambar 4.13 Rancangan Halaman Laporan ..................................................
49
Gambar 4.14 Rancangan Data Anggota..........................................................
49
Gambar 4.15 Rancangan Data Simpanan Pokok ............................................
50
Gambar 4.16 Rancangan Data Simpanan Wajib.............................................
50
Gambar 4.17 Rancangan Data Simpanan Sukarela .......................................
51
Gambar 4.18 Tampilan Halaman Utama ........................................................
53
Gambar 4.19 Tampilan Halamn Profil Koperasi ...........................................
54
Gambar 4.20 Tampilan Halaman Kontak dan Informasi ...............................
55
Gambar 4.21 Tampilan Halaman Daftar Hutang ...........................................
55
xiii
Gambar 4.22 Tampilan Halaman Pinjaman ....................................................
56
Gambar 4.23 Tampilan Halaman Laporan ......................................................
56
Gambar 4.24 Tampilan Halaman Daftar Anggota ..........................................
57
Gambar 4.25 Tampilan Halaman Simpanan Wajib ........................................
58
Gambar 4.26 Tampilan Halaman Simpanan Pokok .......................................
58
Gambar 4.27 Tampilan Halaman Simpanan Sukarela ...................................
59
Gambar 4.28 T mpilan Halaman Data Pinjaman ............................................
59
xiv
---------------------------INDEX------------------------- <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"> <script src="js/jquery-ui-1.8.13.custom.min.js"> <script type="text/javascript" src="js/custom.js">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/bootstrap.js">
APLIKASI PENGOLAHAN DATA KOPERASI SIMPAN PINJAM <script type="text/javascript" src="js/jquery.nivo.slider.js">
<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ pauseTime: 5000, animSpeed: 3000, controlNav:false, directionNav:false, }); });
xviii
elseif($tombol=="sukarela"):include ("admin/data_simpanan_sukarela.php"); elseif($tombol=="info"):include ("frontend/informasi.php");
elseif($tombol=="data_pinjam"):include ("admin/data_pinjam.php"); elseif($tombol=="data_pinjam_ben"):include ("admin/data_pinjam_ben.php"); elseif($tombol=="informasi"):include ("frontend/kontak.php"); elseif($tombol=="laporan"):include ("admin/laporan.php"); else: ?>
Sukseskan Koperasi Lakukan pembayaran simpanan wajib tiap bulannya
Koperasi Karyawan PT Sinar Sosro Palembang Layanan non bank yang menyediakan jasa simpan dan pinjaman khusus karyawan PT. Sinar Sosro Palembang
Sukseskan Koperasi Lakukan pembayaran simpanan wajib tiap bulannya
xix
endif; ?>
------------------PROFIL--------------------------------
Profil Koperasi Koperasi PT. Sinar Sosro Palembang didirikan pada tahun 2007 oleh Agnes Mundi Kristiani merupakan salah satu koperasi yang melakukan dua jenis kegiatan yaitu kegiatan jual beli dan simpan pinjam.
Visi "Memajukan kesejahteraan anggota pada khususnya dan masyarakat pada umumnya, dengan pengelolaan organisasi dan usaha yang mandiri, terbuka, kokoh, berkembang, profesional dan terpercaya."
Misi
1. Meningkatkan mutu manajemen dan tata kelola yang transparant dan akuntable. 2. Meningkatkan partisipasi anggota sebagai pemilik koperasi. 3. Meningkatkan pertisipasi aktif anggota sebagai pengguna koperasi. 4. Mengoptimalkan sumber daya yang ada untuk meningkatkan pelayanan dari usaha koperasi. -------------------KONTAK----------------------------
Koperasi Karyawan PT. Sinar Sosro Palembang Palembang Jalan Camat II RT. 52/18 Km.17 Sukajadi Kecamatan Talang Kelapa Banyuasin Sumatera Selatan.
---------------------------PINJAMAN------------------
-----------------INPUT DATA ANGGOTA------------
---------------------PROSES LOGIN------------------
xxii
$nama=$_POST['nama']; $jenis_kelamin=$_POST['jenis_kelamin']; $username=$_POST['username']; $password=$_POST['password']; $pass=md5($password); /* if(empty($nip)OR empty($nama)OR empty($jenis_kelamin)OR empty($alamat)OR empty($telepon)OR empty($jabatan) OR empty($ktp)OR empty($rekening)OR empty($username)OR empty($password)) :echo "<script>alert('Data tidak lengkap!!');window.history.go(1);"; exit(); endif; */ $mktp=move_uploaded_file($_FILES['ktp']['tmp_name'],"berkas/$ktp"); $rekening=move_uploaded_file($_FILES['rekening']['tmp_name'],"berkas /$rekening"); $query=mysql_query("INSERT INTO anggota SET nip='$nip',nama='$nama',jenis_kelamin='$jenis_kelamin',alamat='$alamat', telepon='$telepon',jabatan='$jabatan',ktp='$ktp',rekening='$rekening',user name='$username',password='$pass'"); echo mysql_error(); if($query) :echo"<script>alert('Registrasi Berhasil');location.href='index.php?idtbl=daftar';"; else: echo"<script>alert('Registrasi gagal');window.history.go(1);"; endif; ?> --------------------------LOGIN------------------------- <meta charset="utf-8">
Sign in Registrasi Semen Online <meta name="viewport" content="width=device-width, initial-scale=1.0">
xxiii
<style type="text/css"> body { padding-top: 40px; padding-bottom: 40px; background-color: #f5f5f5; } .form-signin { max-width: 300px; padding: 19px 29px 29px; margin: 0 auto 20px; background-color: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 2px rgba(0,0,0,.05); } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } .form-signin input[type="text"], .form-signin input[type="password"] { font-size: 16px; height: auto; margin-bottom: 15px; padding: 7px 9px; }
xxiv
-----------------PROSES SIMPAN---------------------alert('Simpanan Berhasil');location.href='../index.php?idtbl=sukarela';"; else: echo"<script>alert('Simpanan gagal');window.history.go(-1);"; endif;
?> ---------------------DATA PINJAMAN---------------
Informasi Pinjaman Nomor Nama Jumlah Hutang Cicilan/Bulan Sisa Hutang Lama Angsuran
xxxiii
$query=mysql_query($sql); echo mysql_error(); if($query){ //jika query berhasil if(mysql_num_rows($query)>0){ //jika query menghasilkan baris lebih dari 0 while(list($id_pinjaman,$nama,$jumlah_pinjaman,$cicilan,$jumlah_hutan g,$lama_pinjaman) = mysql_fetch_row($query)){ $cicilan=$jumlah_pinjaman/$lama_pinjaman; ?> Bulan
xxxiv
------------------------DATA PINJAM KETUA-------
Informasi Pinjaman Nomor Nama Jumlah Hutang Cicilan/Bulan Lama Angsuran Aksi 0){ //jika query menghasilkan baris lebih dari 0 while(list($id_pinjaman,$nama,$jumlah_pinjaman,$jumlah_hutang,$lama _pinjaman) = mysql_fetch_row($query)){ $cicilan=$jumlah_pinjaman/$lama_pinjaman; ?>
xxxv
Bulan " class="btn btn-success" title="Setuju">
-------------------------PROSES PINJAM--------------alert('berhasil');window.history.go(-1);"; exit(); else:
xxxvi
echo"<script>alert('gagal $id_pinjaman');window.history.go(1);"; exit(); endif; ?> ---------------------------------CSS----------------------body{ background:#fddb99 url(../img/bcg.png)top left no-repeat; } #container{ color:#333; -op-box-shadow : inset 0px 5px 10px rgba(0,0,0,.5); -webkit-box-shadow : inset 0px 5px 10px rgba(0,0,0,.5); -moz-box-shadow : inset 0px 5px 10px rgba(0,0,0,.5); /* agar web browsernyo support*/ box-shadow : inset 0px 5px 10px rgba(0,0,0,.5); } #top{ background:#e3702a; padding:10px; color:#333; text-align : center; text-shadow : 0px 3px 3px rgba(0,0,0,.3); line-height : 2em; font-family: times new roman, arial,verdana, helvetica,san-serif; } #main-container { margin-top:10px; margin-bottom:10px; background:#fa9f56; } #main-container .span9 img{ width:70%; } #footer{ background:#e3702a; text-align : center; line-height : 2em; font-family: arial,verdana, helvetica,san-serif; } #nav{ margin-left:50px; margin-top:300px; padding-left:20px;
xxxvii
} .form{ background:#e3702a; text-align:left; -op-box-shadow : inset 0px 5px 10px rgba(0,0,0,.5); -webkit-box-shadow : inset 0px 5px 10px rgba(0,0,0,.5); -moz-box-shadow : inset 0px 5px 10px rgba(0,0,0,.5); /* agar web browsernyo support*/ box-shadow : inset 0px 2px 10px rgba(0,0,0,.5); margin:20px; } .form h1{ background:#333; color:#e3702a; line-height : 2em; font-family: arial,verdana, helvetica,san-serif; } .form form{ padding:20px; } .nivoSlider { position:relative; overflow: hidden; } .nivoSlider img { position:absolute; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;
xxxviii
} /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; }
xxxix
/* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } -------------------CONFIG----------------------
xl