| om mau tanya klau mau input jadi hitam scrip apa @charset "utf-8"; /* CSS Document */
@font-face { font-family: 'IstokWebRegular'; src: url('font/IstokWeb-Regular-webfont.eot'); src: url('font/IstokWeb-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/IstokWeb-Regular-webfont.woff') format('woff'), url('font/IstokWeb-Regular-webfont.ttf') format('truetype'), url('font/IstokWeb-Regular-webfont.svg#IstokWebRegular') format('svg'); font-style: bold;
}
@font-face { font-family: 'TendernessRegular'; src: url('font/Tenderness-webfont.eot'); src: url('font/Tenderness-webfont.eot?#iefix') format('embedded-opentype'), url('font/Tenderness-webfont.woff') format('woff'), url('font/Tenderness-webfont.ttf') format('truetype'), url('font/Tenderness-webfont.svg#TendernessRegular') format('svg'); font-weight: 500; font-style: normal;
}
body { margin:0 auto; padding:0; background:#e9e2d8; }
#container { max-width: 960px; min-width: 960px; margin:0 auto; margin-bottom:25px; background:url(../images/header.png) repeat; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 7px 7px #000000; -webkit-box-shadow: 0px 7px 7px #000000; box-shadow: 0px 7px 7px #000000; margin-top: 20px; }
#header { background:url(../images/header.png) repeat; text-align:center; padding:20px; color:#1f4a83 }
.logout { text-align : left; padding-left : 20px; }
.logout a { color:#b2b4b7; }
#menu { background:#1f4a83; height:55px; }
#content { background:#fcfcfb ; }
#footer { background:url(../images/header.png) repeat; padding : 20px; text-align:center; color:#dcdfe3 ; font-family: 'IstokWebRegular'; font-size :12px; text-decoration: underline; }
.home { height : 250px; }
.judul { font-size:34px; font-family: 'TendernessRegular'; color:#dcdfe3 ; padding:10px; }
.judul2 { font-size:28px; font-family: 'TendernessRegular'; color:#dcdfe3 ; }
.clear { clear:both; }
.nav { padding-top:15px; padding-left:10px; }
.nav li { list-style:none; display:block; float: left; padding-right:10px; }
.nav li a { background:#b2b4b7; padding:10px; text-decoration:none; color:#4b4c4c; font-size:13px; font-family: 'IstokWebRegular'; }
.nav li ul { padding-left:0px; margin-top:5px; position:absolute; }
.nav li ul li { float:none; border-bottom:1px solid #9b9da0; padding-top:5px; padding-bottom:5px; background:#6d7784; width:150px; color:#b2b4b7; } .nav li ul li a { padding:0; display:block; background:none; padding-left:5px;
}
/* atribut */
.border { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.link:hover { -webkit-transition: background 2s ease; -moz-transition: background 2s ease; -ms-transition: background 2s ease; -o-transition: background 2s ease; transition: background 2s ease; }
.linkback:hover { background:#6d7784; color:#b2b4b7; }
.li:hover { color:#004a80; }
/* FORM dan TABEL */
.form { padding:20px; }
.input { width :300px; color:#000000; }
.form hr { border:1px solid #1f4a83; }
.tabel { border-collapse:collapse; margin-top:10px; width:100%; }
.tabel thead { background:#CCCCCC; }
.tabel td { border-collapse:collapse; border:1px solid; padding:4px; font-family: 'IstokWebRegular'; font-size:13px; vertical-align:top; }
.head { font-family: 'IstokWebRegular'; font-size:16px; border-bottom:2px solid #1f4a83; padding:5px; background:url(../images/header.png) repeat; padding-left: 10px; color:#dcdfe3 ; text-transform:uppercase; }
.tabelform td { font-family: 'IstokWebRegular'; font-size:13px; color:#000000; }
.tabpad td { padding-bottom : 5px; padding-right : 20px; }
.center { text-align : center ; }
.cent { width : 400px; margin : 0 auto ; }
.tabelform input { color:#c4c3c2; padding:5px; }
.tabelform select { color:#c4c3c2; padding:5px; }
.margin { margin-top : 20px; }
/* LAYOUT LAPORAN */
.body { margin:0 auto; padding:0; }
#wrapper { max-width: 960px; min-width: 960px; margin:0 auto; margin-bottom:25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 7px 7px #000000; -webkit-box-shadow: 0px 7px 7px #000000; box-shadow: 0px 7px 7px #000000; margin-top: 20px; }
.absensi { font-family: 'arial'; font-size : 24px; margin-bottom : 20px; color :#1f4a83; font-weight: bold; text-align:center; }
/* REGISTRASI PEGAWAI */ #cont-pegawai { max-width: 560px; min-width: 560px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; background:#33ff00; padding:10px; }
.f-r { margin-left:20px; }
.hd-r { background:#99ff33; padding:10px; text-align:center; margin:0; margin-bottom:10px; color:#f1f1e; }
.foto { width:200px; float:left; border:4px solid #343C42; margin-right: 10px; }
.rp{ width:500px; float:left; margin-right: 10px; } .rp2{ width:400px; float:left; }
input, select, textarea{ color: #000000; } #input, #select, #textarea{ color: #000000; } input, select, textarea{ color: #000000; } |
artikel yang bagus gan, sangat bermanfaat...
BalasHapusDigital Marketing
GPS Tracker