egroupware/phpgwapi/templates/jerryr/css/jerryr.css

655 lines
10 KiB
CSS

/*
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:0px;
margin-top: 5px;
}
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;
}
/*
a:active
{
color: #006699;
text-decoration: underline;
}
*/
input,button
{
font-size: 11px;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
border: 1px #bbbbbb solid;
}
input[type=submit],input[type=button],button
{
margin:1px;
padding:0px;
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:0px;*/
}
.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-image:url(../images/divSideboxHeader-background.png);
height:18px;
background-color:#ffffff;
padding-top:1px;
border-bottom: #9c9c9c 1px solid
font-size:10px;
font-weight:bold;
color:#ffffff;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:16px;
background-color:#fafcff;
}
a.appTitles,.appTitles
{
font-size: 10px;
height:16px;
padding-top:0px;
padding-bottom:0px;
}
a.textSidebox
{
font-size: 10px;
border-top: #aaaaaa 1px none;
}
.textSidebox
{
font-size: 10px;
height:16px;
padding-top:1px;
padding-bottom:1px;
}
.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:5px;
border-color:#7e7e7e;
border-width:1px;
border-style:solid;
}
#divLogo
{
position:absolute;
left:15px;
top:13px;
z-index:51;
}
#divAppIconBar
{
background-color:white;
padding=0px;
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: 1px;
/* margin-bottom: 2px;*/
}
/*#divSubContainer
{
}
*/
#tdSidebox
{
width:170px;
background-color:white;
overflow:visible;
}
#tdAppbox
{
background-color:white;
padding-left:5px;
padding-right:0px;
padding-bottom:2px;
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:20px;
line-height:22px;
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;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
}
#divAppbox
{
/* width:100%;*/
background-color:#faf8f3;
padding:5px;
}
#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: #9c9c9c 1px solid;
border-top: #9c9c9c 2px solid;
border-left: #9c9c9c 2px solid;
border-bottom: #9c9c9c 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%;
}
.calRowBottomShadow
{
background: url(../images/mid-foot.png);
background-repeat: repeat-x;
}
.titleBarBackGround
{
background-image: url(../images/appbox-header-background.png);
height:22px;
background-repeat: repeat-x;
text-align:center;
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;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
}
.calDayTitleBeige
{
background: url(../images/mid-title-beige.png);
background-repeat: repeat-x;
height:28px;
text-align:center;
padding-bottom:0px;
font-size:14px;
font-weight:bold;
color:#666666;
}
.calDayTitleBlue
{
background: url(../images/mid-title.png);
background-repeat: repeat-x;
height:28px;
text-align:center;
padding-bottom:0px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
.calDayTitleRed
{
background-image: url(../images/mid-title-red.png);
background-repeat: repeat-x;
height:28px;
text-align:center;
padding-bottom:0px;
font-size:14px;
font-weight:bold;
color:#ffffff;
}
.calLeftShadow
{
background: url(../images/lt-body.png);
padding-bottom:0px;
}
.calRightShadow
{
background: url(../images/rt-body.png);
padding-bottom:0px;
}
.calLtLtTitleBlue
{
background: url(../images/lt-lt-title.png);
padding-bottom:0px;
height:28px;
}
.calLtMidTitleBlue
{
background: url(../images/lt-mid-title.png);
padding-bottom:0px;
height:28px;
}
.calRtMidTitleBlue
{
background: url(../images/rt-mid-title.png);
padding-bottom:0px;
height:28px;
}
.calRtMidTitleBeige
{
background: url(../images/rt-mid-title-beige.png);
padding-bottom:0px;
height:28px;
}
.calRtRtTitleBeige
{
background: url(../images/rt-rt-title-beige.png);
padding-bottom:0px;
height:28px;
}
.calRtRtTitleBlue
{
background: url(../images/rt-rt-title.png);
padding-bottom:0px;
height:28px;
}
.calLtLtTitleBeige
{
background: url(../images/lt-lt-title-beige.png);
padding-bottom:0px;
height:28px;
}
.calLtLtTitleRed
{
background: url(../images/lt-lt-title-red.png);
padding-bottom:0px;
height:28px;
}
.calLtMidTitleBeige
{
background: url(../images/lt-mid-title-beige.png);
padding-bottom:0px;
height:28px;
}
.calLtMidTitleRed
{
background: url(../images/lt-mid-title-red.png);
padding-bottom:0px;
height:28px;
}
.calRtMidTitleRed
{
background: url(../images/rt-mid-title-red.png);
padding-bottom:0px;
height:28px;
}
.calRtRtTitleRed
{
background: url(../images/rt-rt-title-red.png);
padding-bottom:0px;
height:28px;
}
.calLtLtFoot
{
background: url(../images/lt-lt-foot.png);
padding-bottom:0px;
height:17px;
}
.calLtMidFoot
{
background: url(../images/lt-mid-foot.png);
padding-bottom:0px;
height:17px;
}
.calRtMidFoot
{
background: url(../images/rt-mid-foot.png);
padding-bottom:0px;
height:17px;
}
.calRtRtFoot
{
background: url(../images/rt-rt-foot.png);
padding-bottom:0px;
height:17px;
}
.calDayView
{
background-image: url(../images/appbox-header-background.png);
height:22px;
background-repeat: repeat-x;
text-align:center;
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;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
}
.calDayViewSideBoxes
{
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;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
background-color:#faf8f3;
}
.calDayViewShadowBox
{
border-top-color:#9c9c9c;
border-top-width:2px;
border-top-style:solid;
border-left-color:#9c9c9c;
border-left-width:2px;
border-left-style:solid;
border-right-color:#9c9c9c;
border-right-width:2px;
border-right-style:solid;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
background-color:#ffffff;
padding:2px;
}
.addBookAlphaLinks
{
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;
border-bottom-color:#9c9c9c;
border-bottom-width:1px;
border-bottom-style:solid;
}