430 lines
7.6 KiB
CSS
430 lines
7.6 KiB
CSS
/*------------------------------------------------------------------------------
|
|
StyleSheet for Web-Enrgise.
|
|
--------------------------
|
|
Author: Amitava Basak
|
|
------------------------------------------------------------------------------*/
|
|
|
|
/*Html Body, Scrollbars, background Color, Font etc for html BODY
|
|
-----------------------------------------------------------------*/
|
|
BODY {
|
|
margin:0px;
|
|
background-color:#eff9ff;
|
|
text: #000000;
|
|
font-size:8pt;
|
|
font-family:"Arial, Helvetica, sans-serif";
|
|
scrollbar-arrow-color:#006699;
|
|
scrollbar-face-color:#FFFFFF;
|
|
scrollbar-track-color:"#eeeeee";
|
|
scrollbar-shadow-color:#006699;
|
|
scrollbar-highlight-color:'#006699';
|
|
scrollbar-3dlight-color:'#FFFFFF';
|
|
scrollbar-darkshadow-Color:'#FFFFFF';
|
|
|
|
}
|
|
|
|
/*For INPUT tag
|
|
----------------------------*/
|
|
INPUT
|
|
{
|
|
text: #000000;
|
|
font-size:8pt;
|
|
font-family:"Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*For TEXTAREA tag
|
|
----------------------------*/
|
|
TEXTAREA
|
|
{
|
|
text: #000000;
|
|
font-size:8pt;
|
|
font-family:"Arial, Helvetica, sans-serif";
|
|
scrollbar-arrow-color:#006699;
|
|
scrollbar-face-color:#FFFFFF;
|
|
scrollbar-track-color:"#eeeeee";
|
|
scrollbar-shadow-color:#006699;
|
|
scrollbar-highlight-color:'#006699';
|
|
scrollbar-3dlight-color:'#FFFFFF';
|
|
scrollbar-darkshadow-Color:'#FFFFFF';
|
|
}
|
|
|
|
/*for TABLE tag
|
|
----------------------------*/
|
|
TABLE {
|
|
border-collapse:separate;
|
|
border-spacing:0px 0px;
|
|
border: 0px;
|
|
padding:0px;
|
|
width:100%;
|
|
font-size:8pt;
|
|
font-family:"Arial, Helvetica, sans-serif";
|
|
|
|
}
|
|
|
|
/*for Hyperlinks
|
|
----------------------------*/
|
|
A:hover {color: orange;}
|
|
a{ color: blue; text-decoration: underline; font-family:verdana; font-size:12}
|
|
A:hover {color: orange;}
|
|
|
|
|
|
|
|
/*DIV for entire html Body
|
|
----------------------------*/
|
|
#divBody {
|
|
position:RELATIVE;
|
|
left:0px;
|
|
top:0px;
|
|
width:100%;
|
|
height:100%;
|
|
overflow-y:scroll;
|
|
overflow-x:hidden;
|
|
background-color:#eff9ff;
|
|
}
|
|
|
|
.blueLine
|
|
{
|
|
background-color:#4682b4;
|
|
}
|
|
.disTab
|
|
{
|
|
background-color:#76A2C7;
|
|
}
|
|
.actTab
|
|
{
|
|
background-color:#4682b4;
|
|
}
|
|
|
|
/*DIV for Detail Table
|
|
----------------------------*/
|
|
#divDtlTable {
|
|
position:RELATIVE;
|
|
left:0px;
|
|
top:0px;
|
|
width:100%;
|
|
height:100%;
|
|
overflow:scroll;
|
|
}
|
|
|
|
/*DIV For Tree Menu
|
|
---------------------------*/
|
|
#divHdrTable {
|
|
position:RELATIVE;
|
|
left:0px;
|
|
top:0px;
|
|
width:100%;
|
|
height:100%;
|
|
overflow:scroll;
|
|
}
|
|
|
|
/*
|
|
----------------------------*/
|
|
.BannerText
|
|
{
|
|
color:black;
|
|
font-size:15pt;
|
|
text-align:right;
|
|
font-family:"Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*Main Header of the Page
|
|
----------------------------*/
|
|
.mainHeader
|
|
{
|
|
color:black;
|
|
font-size:10pt;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
background-color:#eff9ff;
|
|
}
|
|
|
|
|
|
/*for Sub Headers (non tab header)
|
|
----------------------------------*/
|
|
.subHeader
|
|
{
|
|
color :black;
|
|
font-size:8pt;
|
|
font-weight:bold;
|
|
text-align:left;
|
|
font-family:"verdana,Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*for Labels
|
|
----------------------------*/
|
|
.labelText
|
|
{
|
|
color:black;
|
|
font-size:8pt;
|
|
text-align:right;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
padding:7px;
|
|
}
|
|
|
|
/*For radio button text (left align)
|
|
------------------------------------*/
|
|
.radioText
|
|
{
|
|
color:black;
|
|
font-size:8pt;
|
|
text-align:left;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*Activated tab text (yellow)
|
|
----------------------------*/
|
|
.actTabText
|
|
{
|
|
cursor:default;
|
|
color:yellow;
|
|
background-color:#4682B4;
|
|
font-size:8pt;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
.actDriverTabText
|
|
{
|
|
cursor:default;
|
|
color:yellow;
|
|
background-color:#4682B4;
|
|
font-size:25pt;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*Deactivated Tab Text
|
|
----------------------------*/
|
|
.disTabText
|
|
{
|
|
cursor:hand;
|
|
background-color:#76A2C7;
|
|
color:white;
|
|
font-size:8pt;
|
|
text-align:left;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*
|
|
----------------------------*/
|
|
.userText
|
|
{
|
|
color:white;
|
|
font-size:8pt;
|
|
text-align:right;
|
|
font-weight:bold;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
background-color:#eff9ff;
|
|
|
|
}
|
|
|
|
/*for Font in bottom (blue) bar
|
|
------------------------------*/
|
|
.bottomBarText
|
|
{
|
|
color:black;
|
|
font-size:8pt;
|
|
text-align:center;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*for Font in Header Navigation Bar
|
|
-----------------------------------*/
|
|
.navText
|
|
{
|
|
color:navy;
|
|
font-size:8pt;
|
|
text-align:center;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*for Font in Detail Navigation Bar
|
|
-----------------------------------*/
|
|
.dtlNavText
|
|
{
|
|
color:navy;
|
|
font-size:8pt;
|
|
text-align:right;
|
|
v-align:center;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*for Detail Table Header
|
|
----------------------------*/
|
|
.tableHeader
|
|
{
|
|
color:white;
|
|
font-size:8pt;
|
|
text-align:center;
|
|
font-weight:normal;
|
|
background-color:#4682b4;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
Z-INDEX: 50;
|
|
TOP: expression(document.getElementById("divDtlTable").scrollTop);
|
|
POSITION: relative;
|
|
}
|
|
|
|
/*for Detail Table Body
|
|
----------------------------*/
|
|
.tableText
|
|
{
|
|
color:black;
|
|
font-size:10pt;
|
|
text-align:center;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
z-order:0;
|
|
}
|
|
|
|
/*for Mandatory fields
|
|
----------------------------*/
|
|
.required
|
|
{
|
|
background-color: #ffffd3;
|
|
font-size=8pt;
|
|
font-weight:normal;
|
|
border-right: #699bb3 1px solid;
|
|
border-top: #699bb3 1px solid;
|
|
border-left:#699bb3 1px solid;
|
|
border-bottom:#699bb3 1px solid;
|
|
|
|
}
|
|
|
|
/*for Non-Mandatory fields
|
|
----------------------------*/
|
|
.optional
|
|
{
|
|
background-color: #ffffff;
|
|
font-size=8pt;
|
|
font-weight:normal;
|
|
border-right: #699bb3 1px solid;
|
|
border-top: #699bb3 1px solid;
|
|
border-left:#699bb3 1px solid;
|
|
border-bottom:#699bb3 1px solid;
|
|
}
|
|
|
|
/*for Disabled Fields
|
|
----------------------------*/
|
|
.locked
|
|
{
|
|
background-color: #e0e0e0;
|
|
font-size:8pt;
|
|
|
|
border-right: #c0c0c0 1px solid;
|
|
border-top: #c0c0c0 1px solid;
|
|
border-left:#c0c0c0 1px solid;
|
|
border-bottom:#c0c0c0 1px solid;
|
|
}
|
|
|
|
/*for Disabled Tab
|
|
----------------------------*/
|
|
.lockedTab
|
|
{
|
|
color:"#c0c0c0";
|
|
background-color: #e0e0e0;
|
|
}
|
|
|
|
|
|
/*for "blue" color of the bottom Bar
|
|
--------------------------------------*/
|
|
.blueBar
|
|
{
|
|
background-color: #4682B4;
|
|
font-size:8pt;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
/*for "Hand" cursor
|
|
----------------------------*/
|
|
.icon
|
|
{
|
|
cursor:hand;
|
|
}
|
|
|
|
|
|
/*for Toggling colors in detail table (odd rows)
|
|
------------------------------------------------*/
|
|
.oddRow
|
|
{
|
|
background-color: #eff9ff;
|
|
}
|
|
|
|
/*for Toggling colors in detail table (even rows)
|
|
------------------------------------------------*/
|
|
.evenRow
|
|
{
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/*for highlighting detail table rows on mouseover
|
|
--------------------------------------------------*/
|
|
.highlightRow
|
|
{
|
|
background-color : #a6d2f4;
|
|
}
|
|
|
|
/*when detail table rows are deleted
|
|
-------------------------------------*/
|
|
.deletedRow
|
|
{
|
|
background-color : #e0e0e0;
|
|
}
|
|
|
|
/*For disaplying erros */
|
|
.errorList
|
|
{
|
|
font-weight:normal;
|
|
color: red;
|
|
font-size:8pt;
|
|
font-family:verdana;
|
|
text-align:left;
|
|
background-color :"#eff9ff";
|
|
|
|
}
|
|
|
|
.launchPad
|
|
{
|
|
font-weight:bold;
|
|
color: black;
|
|
font-size:8pt;
|
|
font-family:verdana;
|
|
text-align:left;
|
|
}
|
|
|
|
|
|
.HelpChapHeadText
|
|
{
|
|
color:black;
|
|
font-size:15pt;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
font-family:"verdana,Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
.HelpPartHeadText
|
|
{
|
|
color:blue;
|
|
font-size:12pt;
|
|
font-weight:bold;
|
|
text-align:left;
|
|
font-family:"verdana,Arial, Helvetica, sans-serif";
|
|
}
|
|
|
|
|
|
.HelpContentText
|
|
{
|
|
color:black;
|
|
font-size:10pt;
|
|
text-align:left;
|
|
font-weight:normal;
|
|
font-family:"verdana, Arial, Helvetica, sans-serif";
|
|
padding:7px;
|
|
}
|