Adding CSS

This commit is contained in:
bgigon 2004-09-28 12:02:25 +00:00
parent ec3afc1b33
commit 6607d74b46
3 changed files with 1202 additions and 0 deletions

View File

@ -0,0 +1,406 @@
/*
StyleSheet coding standards:
1. use lowercase if possible
2. format styles like this:
body
{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif
}
3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's.
4. close every property with ; also the last one.
*/
body
{
background-image:url(../images/body-background.png);
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:3px;
}
form
{
margin:0px;
padding:0px;
}
img
{
border-width:0px;
border-style:none;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
*/
}
a:link,a:visited
{
cursor:pointer;
color: #006699;
text-decoration: none;
}
/*
a:visited
{
color: #006699;
text-decoration: none;
}
*/
a:hover,a:active
{
cursor:pointer;
color: #ff9933;
text-decoration: underline;
}
/*
a:active
{
color: #006699;
text-decoration: underline;
}
*/
input,button
{
font-size: 12px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
input[type=submit],input[type=button],input[type=reset],button
{
margin:1px;
padding:1px;
cursor: pointer;
cursor: hand;
}
input[type=image]
{
cursor: pointer;
cursor: hand;
border: 0px #bbbbbb none;
}
select
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
td
{
/* global tags should never be defined here [ndee]*/
font-size: 11px;
/* removed text-align:left; [ndee]*/
/* padding-top:1px;
padding-bottom:1px;*/
}
.divLoginbox
{
position:relative;
width: 300px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divLoginboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
.divSidebox
{
position:relative;
width: 147px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divSideboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:16px;
background-color:#eeeeee;
}
a.appTitles,.appTitles
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
font-size: 10px;
border-top: #aaaaaa 0px none;
}
.textSidebox
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
border-top: #aaaaaa 1px solid;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top-color:#7e7e7e;
border-top-width:1px;
border-top-style:solid;
height:1px;
}
.prefSection
{
font-weight:bold;
font-size:16px;
line-height:40px;
}
#extraIcons
{
/* position:absolute;
z-index:13;
right:10px;
top:113px;
visibility:hidden;*/
/* background-image:url(../images/alpha-white.png);*/
background-color:#eeeeee;
border-width:1px;
border-color:#7e7e7e;
border-style:solid;
}
.extraIconsRow
{
border-top-color:#dddddd;
border-top-width:1px;
border-top-style:solid;
padding:2px;
}
#divMain
{
background-color:white;
margin-top: 5px;
padding:9px;
border-color:#7e7e7e;
border-width:1px;
border-style:solid;
}
#divLogo
{
position:absolute;
left:20px;
top:25px;
z-index:51;
}
#divAppIconBar
{
background-color:white;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:15px;
padding-left:10px;
margin-top: 13px;
/* margin-bottom: 2px;*/
}
/*#divSubContainer
{
}
*/
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divSideboxContainer
{
position:relative;
width:150px;
top:0px;
left:0px;
background-color:white;
border-width:1px;
border-style:solid;
z-index:40;
}
#divAppboxHeader
{
/*width:100%;*/
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height:36px;
line-height:28px;
text-align:center;
/* padding-top:7px;*/
padding-bottom:0px;
font-size:14px;
font-weight:bold;
color:#666666;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#divAppbox
{
/* width:100%;*/
background-color:#f7f7f7;
padding:5px;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#fmStatusBar
{
margin-left:4px;
margin-bottom:3px;
font-size: 10px;
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.fmButton
{
background-image:url(../images/buttonbackground.png);
width:28px;
height:28px;
background-repeat: no-repeat;
}
#fmLocation
{
position:relative;
/*background-image:url(../images/buttonbackgroundscaled.png);
background-repeat: repeat-x;*/
/*margin-left:4px;*/
margin-bottom:3px;
height:27px;
}
#fmMenu
{
position:relative;
}
#fmFileWindow
{
background-color:#ffffff;
margin-left:4px;
padding:5px;
position:relative;
border-right: #cccccc 1px solid;
border-top: #9c9c9c 2px solid;
border-left: #9c9c9c 2px solid;
border-bottom: #cccccc 1px solid
}
#user_info
{
}
#admin_info
{
position:relative;
text-align:right;
}
#divGenTime
{
bottom:14px;
font-size: 9px;
color: #ff0000;
text-align:center;
width:99%;
}
#divPoweredBy
{
bottom:14px;
font-size: 9px;
color: #000000;
text-align:center;
width:99%;
}

View File

@ -0,0 +1,390 @@
/*
StyleSheet coding standards:
1. use lowercase if possible
2. format styles like this:
body
{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif
}
3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's.
4. close every property with ; also the last one.
*/
body
{
background-image:url(../images/body-background.png);
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:14px;
}
img
{
border-width:0px;
border-style:none;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
*/
}
a:link,a:visited
{
cursor:pointer;
color: #006699;
text-decoration: none;
}
/*
a:visited
{
color: #006699;
text-decoration: none;
}
*/
a:hover,a:active
{
cursor:pointer;
color: #ff9933;
text-decoration: underline;
}
/*
a:active
{
color: #006699;
text-decoration: underline;
}
*/
input,button
{
font-size: 12px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
input[type=submit],input[type=button],button
{
margin:1px;
padding:1px;
cursor: pointer;
cursor: hand;
}
input[type=image]
{
cursor: pointer;
cursor: hand;
border: 0px #bbbbbb none;
}
select
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
td
{
font-size: 11px;
/* padding-top:1px;
padding-bottom:1px;*/
}
.divLoginbox
{
position:relative;
width: 300px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divLoginboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
.divSidebox
{
position:relative;
width: 147px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divSideboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:16px;
background-color:#eeeeee;
}
a.appTitles,.appTitles
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
font-size: 10px;
border-top: #aaaaaa 0px none;
}
.textSidebox
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
border-top: #aaaaaa 1px solid;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top-color:#7e7e7e;
border-top-width:1px;
border-top-style:solid;
height:1px;
}
.prefSection
{
font-weight:bold;
font-size:16px;
line-height:40px;
}
#extraIcons
{
/* position:absolute;
z-index:13;
right:10px;
top:113px;
visibility:hidden;*/
background-image:url(../images/alpha-white.png);
border-width:1px;
border-color:#7e7e7e;
border-style:solid;
}
#divMain
{
background-color:white;
margin-top: 5px;
padding:9px;
border-color:#7e7e7e;
border-width:1px;
border-style:solid;
}
#divLogo
{
position:absolute;
left:20px;
top:14px;
z-index:51;
}
#divAppIconBar
{
background-color:white;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:15px;
padding-left:170px;
margin-top: 13px;
/* margin-bottom: 2px;*/
}
/*#divSubContainer
{
}
*/
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divSideboxContainer
{
position:relative;
width:150px;
top:0px;
left:0px;
background-color:white;
border-width:1px;
border-style:solid;
z-index:40;
}
#divAppboxHeader
{
/*width:100%;*/
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height:36px;
line-height:28px;
text-align:center;
/* padding-top:7px;*/
padding-bottom:0px;
font-size:14px;
font-weight:bold;
color:#666666;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#divAppbox
{
/* width:100%;*/
background-color:#f7f7f7;
padding:5px;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#fmStatusBar
{
margin-left:4px;
margin-bottom:3px;
font-size: 10px;
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.fmButton
{
background-image:url(../images/buttonbackground.png);
width:28px;
height:28px;
background-repeat: no-repeat;
}
#fmLocation
{
position:relative;
/*background-image:url(../images/buttonbackgroundscaled.png);
background-repeat: repeat-x;*/
/*margin-left:4px;*/
margin-bottom:3px;
height:27px;
}
#fmMenu
{
position:relative;
}
#fmFileWindow
{
background-color:#ffffff;
margin-left:4px;
padding:5px;
position:relative;
border-right: #cccccc 1px solid;
border-top: #9c9c9c 2px solid;
border-left: #9c9c9c 2px solid;
border-bottom: #cccccc 1px solid
}
#user_info
{
}
#admin_info
{
position:relative;
text-align:right;
}
#divGenTime
{
bottom:14px;
font-size: 9px;
color: #ff0000;
text-align:center;
width:99%;
}
#divPoweredBy
{
bottom:14px;
font-size: 9px;
color: #000000;
text-align:center;
width:99%;
}

View File

@ -0,0 +1,406 @@
/*
StyleSheet coding standards:
1. use lowercase if possible
2. format styles like this:
body
{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif
}
3. existing html elements on top of the document, then all self defined .classes and at last all self defined #id's.
4. close every property with ; also the last one.
*/
body
{
background-image:url(../images/body-background.png);
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:3px;
}
form
{
margin:0px;
padding:0px;
}
img
{
border-width:0px;
border-style:none;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;
*/
}
a:link,a:visited
{
cursor:pointer;
color: #006699;
text-decoration: none;
}
/*
a:visited
{
color: #006699;
text-decoration: none;
}
*/
a:hover,a:active
{
cursor:pointer;
color: #ff9933;
text-decoration: underline;
}
/*
a:active
{
color: #006699;
text-decoration: underline;
}
*/
input,button
{
font-size: 12px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
input[type=submit],input[type=button],input[type=reset],button
{
margin:1px;
padding:1px;
cursor: pointer;
cursor: hand;
}
input[type=image]
{
cursor: pointer;
cursor: hand;
border: 0px #bbbbbb none;
}
select
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
td
{
/* global tags should never be defined here [ndee]*/
font-size: 11px;
/* removed text-align:left; [ndee]*/
/* padding-top:1px;
padding-bottom:1px;*/
}
.divLoginbox
{
position:relative;
width: 300px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divLoginboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
.divSidebox
{
position:relative;
width: 147px;
border-right: #9c9c9c 1px solid;
border-top: #9c9c9c 1px solid;
border-left: #9c9c9c 1px solid;
border-bottom: #9c9c9c 1px solid
}
.divSideboxHeader
{
text-align:center;
background-color:#dddddd;
padding-top:2px;
font-size:10px;
color:#666666;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:16px;
background-color:#eeeeee;
}
a.appTitles,.appTitles
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
}
a.textSidebox
{
font-size: 10px;
border-top: #aaaaaa 0px none;
}
.textSidebox
{
font-size: 10px;
height:18px;
padding-top:2px;
padding-bottom:2px;
border-top: #aaaaaa 1px solid;
}
.sideboxSpace
{
height:9px;
}
.greyLine
{
margin:1px;
border-top-color:#7e7e7e;
border-top-width:1px;
border-top-style:solid;
height:1px;
}
.prefSection
{
font-weight:bold;
font-size:16px;
line-height:40px;
}
#extraIcons
{
/* position:absolute;
z-index:13;
right:10px;
top:113px;
visibility:hidden;*/
/* background-image:url(../images/alpha-white.png);*/
background-color:#eeeeee;
border-width:1px;
border-color:#7e7e7e;
border-style:solid;
}
.extraIconsRow
{
border-top-color:#dddddd;
border-top-width:1px;
border-top-style:solid;
padding:2px;
}
#divMain
{
background-color:white;
margin-top: 5px;
padding:9px;
border-color:#7e7e7e;
border-width:1px;
border-style:solid;
}
#divLogo
{
position:absolute;
left:20px;
top:25px;
z-index:51;
}
#divAppIconBar
{
background-color:white;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
background-image: url(../images/background-icon-bar.png);
background-repeat: repeat-x
}
#divAppTextBar
{
background-color:white;
}
#divStatusBar
{
background-color:white;
height:15px;
padding-left:10px;
margin-top: 13px;
/* margin-bottom: 2px;*/
}
/*#divSubContainer
{
}
*/
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
width: 100%;
}
#divSideboxContainer
{
position:relative;
width:150px;
top:0px;
left:0px;
background-color:white;
border-width:1px;
border-style:solid;
z-index:40;
}
#divAppboxHeader
{
/*width:100%;*/
background-image:url(../images/appbox-header-background.png);
background-repeat: repeat-x;
height:36px;
line-height:28px;
text-align:center;
/* padding-top:7px;*/
padding-bottom:0px;
font-size:14px;
font-weight:bold;
color:#666666;
border-top-color:#9c9c9c;
border-top-width:1px;
border-top-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#divAppbox
{
/* width:100%;*/
background-color:#f7f7f7;
padding:5px;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-color:#9c9c9c;
border-left-width:1px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:1px;
border-right-style:solid;
}
#fmStatusBar
{
margin-left:4px;
margin-bottom:3px;
font-size: 10px;
/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.fmButton
{
background-image:url(../images/buttonbackground.png);
width:28px;
height:28px;
background-repeat: no-repeat;
}
#fmLocation
{
position:relative;
/*background-image:url(../images/buttonbackgroundscaled.png);
background-repeat: repeat-x;*/
/*margin-left:4px;*/
margin-bottom:3px;
height:27px;
}
#fmMenu
{
position:relative;
}
#fmFileWindow
{
background-color:#ffffff;
margin-left:4px;
padding:5px;
position:relative;
border-right: #cccccc 1px solid;
border-top: #9c9c9c 2px solid;
border-left: #9c9c9c 2px solid;
border-bottom: #cccccc 1px solid
}
#user_info
{
}
#admin_info
{
position:relative;
text-align:right;
}
#divGenTime
{
bottom:14px;
font-size: 9px;
color: #ff0000;
text-align:center;
width:99%;
}
#divPoweredBy
{
bottom:14px;
font-size: 9px;
color: #000000;
text-align:center;
width:99%;
}