2. taufiq.css
body{background: urlimagesbg_hatch_grey_dark.jpg;} taufiq_pembungkus {margin: auto;
width: 1000px; }
taufiq_kepala {width: 1000px; height: 250px;
background: urlimagesheader-jadi.jpg no-repeat; margin: auto;
} taufiq_konten {float: left;
width: 1000px; background:CFF;
} taufiq_isi {background:FFF;
padding: 10px; float: left;
width: 450px; margin:10px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888;
} taufiq_isi2 {margin: 10px 10px 10px 0px;
padding: 10px 10px 10px 10px ; float: left;
width: 430px; -moz-box-shadow: 0 0 5px 888;
-webkit-box-shadow: 0 0 5px888; box-shadow: 0 0 5px 888;
text-align:justify;}
} taufiq_kanan {padding:10px 20px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; float: right;
margin-top: 10px; margin-right: 15px;
width: 460px;
} bawah {clear: both;
float: left; padding: 25px;
width: 950px; color: FFF;
text-align: left; background: 333333;
} menu{width: 100;
margin: 0; padding: 10px 0 0 0;
list-style: none; background: 111;
background: -moz-linear-gradient444, 111;
background: -webkit-gradientlinear,left bottom,left top,color-
Universitas Sumatera Utara
stop0, 111,color-stop1, 444; background: -webkit-linear-gradient444, 111;
background: -o-linear-gradient444, 111; background: -ms-linear-gradient444, 111;
background: linear-gradient444, 111; -moz-border-radius: 50px;
border-radius: 50px; -moz-box-shadow: 0 2px 1px 9c9c9c;
-webkit-box-shadow: 0 2px 1px 9c9c9c; box-shadow: 0 2px 1px 9c9c9c;
} menu li{float: left;
padding: 0 0 10px 0; position: relative;
line-height: 0; }
menu a {float: left; height: 25px;
padding: 0 25px; color: 999;
text-transform: uppercase; font: bold 12px25px Arial, Helvetica;
text-decoration: none; text-shadow: 0 1px 0 000;
} menu li:hover a{color: fafafa;}
menu li:hover ul{display: block;}
Sub-menu menu ul
{list-style: none; margin: 0;
padding: 0; display: none;
position: absolute; top: 35px;
left: 0; z-index: 99999;
background: 444; background: -moz-linear-gradient444, 111;
background: -webkit-gradientlinear,left bottom,left top,color-
stop0, 111,color-stop1, 444; background: -webkit-linear-gradient444, 111;
background: -o-linear-gradient444, 111; background: -ms-linear-gradient444, 111;
background: linear-gradient444, 111; -moz-box-shadow: 0 0 2px rgba255,255,255,.5;
-webkit-box-shadow: 0 0 2px rgba255,255,255,.5; box-shadow: 0 0 2px rgba255,255,255,.5;
-moz-border-radius: 5px; border-radius: 5px;
} menu ul ul{top: 0; left: 150px;}
menu ul li{float: none; margin: 0;
padding: 0; display: block;
-moz-box-shadow: 0 1px 0 111111, 0 2px 0 777777; -webkit-box-shadow: 0 1px 0 111111, 0 2px 0 777777;
box-shadow: 0 1px 0 111111, 0 2px 0 777777;
Universitas Sumatera Utara
} menu ul { padding: 10px;
height: 10px; width: 130px;
height: auto; line-height: 1;
display: block; white-space: nowrap;
float: none;
text-transform: none; }
menu ul a:hover{background: 0186ba; background: -moz-linear-gradient04acec, 0186ba;
background: -webkit-gradientlinear, left top, left bottom, from04acec, to0186ba;
background: -webkit-linear-gradient04acec, 0186ba; background: -o-linear-gradient04acec, 0186ba;
background: -ms-linear-gradient04acec, 0186ba; background: linear-gradient04acec, 0186ba;
} menu ul li:first-child a{ -moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;} menu ul li:first-child a:after{content: ;
position: absolute; left: 30px;
top: -8px; width: 0;
height: 0; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-bottom: 8px solid 444;
} menu ul ul li:first-child a:after{left: -8px;
top: 12px; width: 0;
height: 0; border-left: 0;
border-bottom: 5px solid transparent; border-top: 5px solid transparent;
border-right: 8px solid 444;
} menu ul li:first-child a:hover:after{border-bottom-color: 04acec; }
menu ul ul li:first-child a:hover:after{ border-right-color: 04acec; border-bottom-color: transparent;
} menu ul li:last-child a{
-moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
} menu:after {visibility: hidden;
display: block; font-size: 0;
content: ; clear: both;
height: 0;
} taufiq_sekolah {padding: 20px;
float: left; width: 930px;
margin:20px;
Universitas Sumatera Utara
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_sekolah_table {padding:10px; float: left;
width: 440px; margin:10px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_daftar {padding-left:60px; float: left;
width: 400px; margin:5px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_daftar2 {padding:30px; float: right;
width: 460px; margin:5px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_peta {padding: 5px; float: right;
width: 480px; margin:5px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_login {padding: 5px; float: right;
width: 300px; margin:5px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_konten_atas {padding: 10 px ,20px, 10px, 30px; float: left;
width: 965px; margin:20px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888;
} .clearboth {clear: both;
} map {border: solid 0px green;}
area {border: solid 0px : blue;} map-view-container {position: relative;
font-family:Arial Black, Gadget, sans-serif;} map-container {float: left;
position: relative;
Universitas Sumatera Utara
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888;} regionMapView {border: none;}
map-view-container img.map {position: relative;z-index: 100;border: solid 0px;}
map-view-container img.map area:hover { border: solid 0px red;} map-view-container img.region {display: none;left: 0px;
position: absolute; top: 0px;
z-index: 20; border: solid 0px;}
map-view-container img.regionBg {left: 0px; position: absolute;
top: 0px; z-index: 19;
border: solid 0px;}
dasar{float:left; width:450px;
background-color:fffff3;padding:5px 5px 5px 5px;border- bottom:0 none;box-shadow:0 0 6px rgba0,0,0,0.55;margin-top:0px;
} dasar2{
float:right; width:450px;
background-color:fffff3;padding:5px 5px 5px 5px;border- bottom:0 none;box-shadow:0 0 6px rgba0,0,0,0.55;margin-top:0px;
} table table { border-collapse:collapse;
width:100; box-shadow: 0px 20px 25px -20px black;
margin:0 auto 25px auto;} table table, th, td {border: 1px solid white;
padding:5px 10px; }
table tr {color:black; font:normal 14px Arial, Helvetica, sans-serif;
-webkit-transition:All 1s ease; -moz-transition:All 1s ease;
-o-transition:All 1s ease; transition:All 1s ease;
} table tr:nth-childeven { color:blue;}
table tr:hover, tr:nth-childeven:hover {color:white; text-shadow: 0px 0px 15px FFFFFF;}
table th { background-image: linear-gradientbottom, 5789AB 13, 96C4D9 67;
background-image: -o-linear-gradientbottom, 5789AB 13, 96C4D9 67;
background-image: -moz-linear-gradientbottom, 5789AB 13, 96C4D9 67;
background-image: -webkit-linear-gradientbottom, 5789AB 13, 96C4D9 67;
background-image: -ms-linear-gradientbottom, 5789AB 13, 96C4D9 67;
color:white; font:normal 16px Impact, Charcoal, sans-serif;
text-shadow: 1px 1px 0px 151F26; }
.col1 {background:3CF;}
Universitas Sumatera Utara
.col2 {background:CC0;} .col3 {background:FF6666;}
h1, divloginForm { margin: 0; padding: 0;
list-style: none; }
h1 {float: left;} divloginForm {
float: left; }
divloginForm ul li { display: inline; }
taufiq_map_lihat {padding:10px 80px;
float:left; width: 820px;
margin:10px; -moz-box-shadow: 0 0 5px 888;
-webkit-box-shadow: 0 0 5px888; box-shadow: 0 0 5px 888;
}
taufiq_komentar {padding:10px 80px; float:left;
width: 640px; margin:10px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_input {padding:10px 20px; float:left;
width: 600px; margin:10px;
-moz-box-shadow: 0 0 5px 888; -webkit-box-shadow: 0 0 5px888;
box-shadow: 0 0 5px 888; }
taufiq_map_lihat1 {clear:both; padding:8px 8px;
float:left; width: 230px;
margin:10px; -moz-box-shadow: 0 0 5px 888;
-webkit-box-shadow: 0 0 5px888; box-shadow: 0 0 5px 888;
} taufiq_map_lihat2{padding:8px 8px;
float:left; width: 690px;
margin:10px; -moz-box-shadow: 0 0 5px 888;
-webkit-box-shadow: 0 0 5px888; box-shadow: 0 0 5px 888;
} taufiq_detail_sekolah {
padding:10px 80px; float:left;
width: 820px; margin:10px;
} jendelainfo{position:absolute;z-index:1000;top:400;
Universitas Sumatera Utara
left:400;background-color:black;display:none;} jendelainfo1{position:absolute;z-index:1000;top:400;
left:400;background-color:black;display:none;} jendelainfo2{position:absolute;z-index:1000;top:400;
left:400;background-color:black;display:none;} jendelainfo3{position:absolute;z-index:1000;top:400;
left:400;background-color:black;display:none;} kotakpencarian{width:350px;
border:solid 1px 000; padding:3px;
} hasilpencarian{position:relative;
width:350px; display:none;
float:right; border-left:solid 1px dedede;
border-right:solid 1px dedede; border-bottom:solid 1px dedede;
overflow:hidden; }
.kotak_hasilpencarian{font-family:Tahoma, Geneva, sans-serif; padding:4px; border-top:solid 1px dedede; font-size:12px;
height:35px; }
.kotak_hasilpencarian:hover{ background:3b5998;
color:FFFFFF; }
3. koneksi.php
Kategori