348 lines
9.9 KiB
CSS
348 lines
9.9 KiB
CSS
/* CSS Document */
|
|
|
|
/*PAGE LAYOUT*/
|
|
body {
|
|
background-image: url(/images/bg_body.jpg);
|
|
background-repeat: repeat-x;
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
laporan {
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
margin-bottom: 0px;
|
|
background-color:#ffffff;
|
|
}
|
|
#toppage{
|
|
width:100%;
|
|
}
|
|
#date{
|
|
float:left; width:190px; height:39px; border-bottom:solid 1px #999999; border-right:solid 1px #999999;
|
|
}
|
|
#topbar{
|
|
float:left;
|
|
width:80%;
|
|
height:40px;
|
|
background-image:url(/images/bg_topbar.gif);
|
|
background-color:#CBC55C;
|
|
background-repeat:repeat-x;
|
|
border-right:solid 1px #999999;
|
|
}
|
|
#header{
|
|
width:100%;
|
|
}
|
|
#content{
|
|
width:100%;
|
|
}
|
|
#contenttext{
|
|
float:left; width:80%;
|
|
background-color:#F7F7F7;
|
|
border-left:solid 1px #999999; border-right:solid 1px #999999;
|
|
border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC;
|
|
min-height:360px;
|
|
}
|
|
#reporttext{
|
|
float:left; width:80%;
|
|
background-color:#F7F7F7;
|
|
border-left:solid 1px #999999; border-right:solid 1px #999999;
|
|
border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC;
|
|
min-height:360px;
|
|
}
|
|
#rep_topbar{
|
|
float:left;
|
|
width:80%;
|
|
height:40px;
|
|
background-image:url(/images/bg_topbar.gif);
|
|
background-color:#CBC55C;
|
|
background-repeat:repeat-x;
|
|
border-right:solid 1px #999999;
|
|
}
|
|
#rep_pagetitle{
|
|
position:relative; float:left; width:80%; height:80px; background-color:#F7F7F7; border-right:solid 1px #999999;
|
|
}
|
|
#logo{
|
|
float:left; width:190px; height:80px; background-color:#F7F7F7; border-left:solid 1px #999999;
|
|
}
|
|
#pagetitle{
|
|
position:relative; float:left; width:80%; height:80px; background-color:#F7F7F7; border-right:solid 1px #999999;
|
|
}
|
|
#title{
|
|
position:absolute; right:10px; bottom:0px; width:600px;
|
|
}
|
|
#menu{
|
|
float:left; width:190px; margin:0px;
|
|
}
|
|
#footer{
|
|
width:100%;
|
|
}
|
|
|
|
/*GRAY PANEL*/
|
|
.panel{
|
|
padding:12px;
|
|
border:solid 1px #E4E4E4;
|
|
background-color:#EEEEEE;
|
|
margin:10px;
|
|
padding:10px;
|
|
width:70%;
|
|
height:160px;
|
|
}
|
|
|
|
/*TEXT STYLES*/
|
|
.bodytext {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
color: #666666;
|
|
height:400px;
|
|
text-align:left;
|
|
}
|
|
|
|
.bodytext table {
|
|
clear:both;
|
|
/*width:100%; */
|
|
/*margin:2.0em 0 0.2em 20px; */
|
|
border-collapse:collapse;
|
|
empty-cells:show;
|
|
color:#000000;
|
|
background-color:rgb(233,232,244);
|
|
|
|
}
|
|
/*.bodytext table th {
|
|
height:2.0em;
|
|
padding:2px 20px 2px 7px;
|
|
border-left:solid 2px rgb(255,255,255);
|
|
border-right:solid 2px rgb(255,255,255);
|
|
border-top:solid 2px rgb(255,255,255);
|
|
border-bottom:solid 2px rgb(255,255,255);
|
|
background-color:#778806;
|
|
text-align:left;
|
|
color:#FFFFFF;
|
|
font-weight:bold;
|
|
font-size:110%;
|
|
white-space:noWrap;
|
|
}
|
|
*/
|
|
|
|
.REGISTERED {
|
|
/*border-left:solid 2px rgb(255,255,255);
|
|
border-right:solid 2px rgb(255,255,255);
|
|
border-top:solid 2px rgb(255,255,255);
|
|
border-bottom:solid 2px rgb(255,255,255); */
|
|
background-color:#ff0000;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.ASSIGNED {
|
|
background-color:#0066CC;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.REPORTED {
|
|
background-color:#669900;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.PREAPPROVED {
|
|
background-color:#0000CC;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.APPROVED {
|
|
background-color:#CC9900;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.CANCELED {
|
|
background-color:#FF9900;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.DELIVERED {
|
|
background-color:#006600;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.table_form {
|
|
background-color:#ffffff;
|
|
text-align:left;
|
|
vertical-align: top;
|
|
color:#000000;
|
|
font-weight:bold;
|
|
font: 0.7em verdana, sans-serif;
|
|
empty-cells:show;
|
|
}
|
|
|
|
.table_form_header {
|
|
background-color:#669900;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font: 1em verdana, sans-serif;
|
|
font-size: 12px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.td1 {
|
|
background-color:#99ccff;
|
|
color: #000000;
|
|
font-weight:bold;
|
|
font: verdana, sans-serif;
|
|
}
|
|
|
|
|
|
.smalltext {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
color: #666666;
|
|
}
|
|
.smallwhitetext {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
color: #FFFFFF;
|
|
}
|
|
.smallwhitetext a{
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
color: #FFFFFF;
|
|
text-decoration:none;
|
|
}
|
|
.smallwhitetext a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
.smallgraytext {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
color:#CCCCCC;
|
|
}
|
|
.smallgraytext a{
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
color:#CCCCCC;
|
|
text-decoration:none;
|
|
}
|
|
.smallgraytext a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
.titletext {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size:36px;
|
|
font-weight:bold;
|
|
color: #CCCCCC;
|
|
}
|
|
.logotext {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size:36px;
|
|
font-weight:bold;
|
|
color: #999999;
|
|
}
|
|
.orangelogotext {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size:36px;
|
|
font-weight:bold;
|
|
color:#FF9900;
|
|
}
|
|
.orangetitle {
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size:24px;
|
|
font-weight:bold;
|
|
color:#FF9900;
|
|
}
|
|
.paramtable {
|
|
background-color:#669900;
|
|
text-align:left;
|
|
color:#ffffff;
|
|
font-weight:bold;
|
|
}
|
|
#linksmenu a{
|
|
float:right;
|
|
width:183px;
|
|
height:20px;
|
|
background-color:#ABC578; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
color: #FFFFFF;
|
|
text-decoration:none;
|
|
padding-top:5px;
|
|
}
|
|
#linksmenu a:hover{
|
|
background-color:#514F1C;
|
|
}
|
|
#linkssubmenu a{
|
|
float:right;
|
|
width:183px;
|
|
height:30px;
|
|
background-color:brown; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
|
|
font: 0.7em Tahoma, sans-serif;
|
|
font-size: 11px;
|
|
font-weight:bold;
|
|
color: #FFFFFF;
|
|
text-decoration:none;
|
|
padding-top:5px;
|
|
}
|
|
#linkssubmenu a:hover{
|
|
background-color:#514F1C;
|
|
}
|
|
|
|
.font10B {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
color: #000000;
|
|
}
|
|
.font7 {FONT-SIZE: 6px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font7B {FONT-SIZE: 6px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font7BW {COLOR: #FFFFFF; FONT-SIZE: 6px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font8 {FONT-SIZE: 8px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font8B {FONT-SIZE: 8px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font9 {FONT-SIZE: 9px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font9B {FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font9BW {COLOR: #FFFFFF; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font9Red {FONT-SIZE: 9px; COLOR:red; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font10 {FONT-SIZE: 10px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font10B {FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.Font10White {FONT-SIZE: 10px;COLOR:white;FONT-WEIGHT: normal;FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
|
|
.Font10BWhite {FONT-SIZE: 10px;COLOR:white;FONT-WEIGHT: bold;FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
|
|
.font11 {FONT-SIZE: 11px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font11B {FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.Font11White {FONT-SIZE: 11px;COLOR:white;FONT-WEIGHT: normal;FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
|
|
.Font11BWhite {FONT-SIZE: 11px;COLOR:white;FONT-WEIGHT: bold;FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
|
|
.font11Red {FONT-SIZE: 11px;COLOR:red;FONT-WEIGHT: bold;FONT-FAMILY: Verdana, Helvetica;FONT-STYLE: italic;TEXT-DECORATION: none}
|
|
.font12 {FONT-SIZE: 12px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font12B {FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font12BRed {COLOR: #FF0000;FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.Font12White {FONT-SIZE: 12px;COLOR:white;FONT-WEIGHT: normal;FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
|
|
.Font12BWhite {FONT-SIZE: 12px;COLOR:white;FONT-WEIGHT: bold;FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
|
|
.Font12BGold {FONT-SIZE: 12px;COLOR:gold;FONT-WEIGHT: bold;FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
|
|
.font12RedBlink {FONT-SIZE: 12px;COLOR:red;FONT-WEIGHT: bold;FONT-FAMILY: Verdana, Helvetica;FONT-STYLE: italic;TEXT-DECORATION: blink}
|
|
.font16B {FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font17BT {FONT-SIZE: 17px; FONT-WEIGHT: bold; FONT-FAMILY: Times, Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font20 {FONT-SIZE: 20px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font30BT {FONT-SIZE: 30px; FONT-WEIGHT: bold; FONT-FAMILY: Times, Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font30 {FONT-SIZE: 30px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font40 {FONT-SIZE: 40px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font50 {FONT-SIZE: 50px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font60 {FONT-SIZE: 60px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font70 {FONT-SIZE: 70px; FONT-WEIGHT: geneva,arial,bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.font9w {COLOR: #FFFFFF; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
|
|
.tengah {text-align: justify;}
|
|
.shade4 {top:+2; left:+2; color:yellow; }
|
|
.font10B_sd {FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none; top:+2; left:+2; color:yellow;}
|