extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-15 18:38:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

mods to jerryr and added the brushed metal theme

Browse Source
This commit is contained in:
Jerry Ruhe 2006-12-20 05:51:42 +00:00
parent a3d6765e6d
commit 47dfbd66f2
2 changed files with 651 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

562
phpgwapi/templates/jerryr/css/brushed-metal.css Normal file
View File

@ -0,0 +1,562 @@
/*
font styling
allowed attributes: font-family,font-size,color,font-weight
*/
body,td
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
select,input,button
{
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
}
select
{
font-size:100%;
}
a:link,a:visited
{
cursor:pointer;
color: #103f64;
text-decoration: none;
}
a:hover,a:active
{
cursor:pointer;
color: #9a3028;
text-decoration: underline;
}
.prefSection
{
font-weight:bold;
font-size:145%;
line-height:40px;
}
#divGenTime,#divPoweredBy
{
font-size: 80%;
color: #ff0000;
}
#divPoweredBy
{
color: #000000;
}
/*
other styling
*/
body
{
background-color:#9f9f9f;
padding:0px;
margin:0px;
}
form
{
margin:0px;
padding:0px;
}
img
{
border:0;
}
input,button,select
{
border: solid 1px #bbbbbb;
color: #17202b;
}
input[type=submit],input[type=button],input[type=reset],button,.egwbutton
{
background-color:#c5c5c5;
border: 1px solid #dddddd;
background-color:#fbf8f1;
background-image: url(../images/butInactive-bm.png);
border: solid 1px black;
margin: 1px;
padding: 1px;
cursor: pointer;
color: white;
}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
{
background-color:#88b4e1;
background-image: url(../images/butHover-bm.png);
border: 1px solid #007205;
color: white;
}
input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
{
background-image: url(../images/butActive-bm.png);
border: 1 solid #a21616;
color: white;
}
input.egwbutton
{
background-color:#c5c5c5;
border: outset 1px #dcdad5;
background-color:#b9d5e3;
border: outset 1px #b9d5e3;
margin: 1px;
padding: 1px;
cursor: pointer;
color: #004e7d;
}
input.egwbutton:hover
{
background-color:#94bfd4;
border: outset 1px #b9d5e3;
color: #006699;
color: #004e7d;
}
input.egwbutton:active
{
border: inset 1px #bbbbbb;
}
input[type=image]
{
cursor: pointer;
border: 0;
}
/*
Sidebox - Loginbox Style ***BEGIN***
*/
#tdSidebox
{
width:170px;
overflow:visible;
}
.divLoginbox,.divSidebox
{
position:relative;
width: 370px;
border: #9f9f9f 1px solid;
}
.divSidebox
{
width: 188px;
}
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
{
font-size:90%;
}
.textSideboxStar
{
font-size:90%;
background-color: #a43434;
border-right: 1px solid #9f9f9f;
}
.divSideboxHeader,.divLoginboxHeader
{
text-align:center;
background-image:url(../images/menuTitle-bm.png);
color:white;
height: 23px;
font-weight:bold;
font-size:12px;
position: relative;
left: -4px;
top: -4px;
border-top: 2px solid white;
border-left: 2px solid white;
border-right: 2px solid white;
}
a.divSideboxEntry, .divSideboxEntry
{
text-align:left;
height:18px;
background-color:#f6efe0;
border-top: 1px solid #9f9f9f;
}
a.appTitles,.appTitles
{
height:25px;
}
a.textSidebox
{
border-top: 0;
}
.textSidebox
{
height:18px;
padding-left: 2px;
border-top: solid #9f9f9f 1px;
}
.textSideboxHover
{
background-color: #ede6d8;
background-repeat: repeat-x;
border-top: 1px solid #9f9f9f;
padding-left: 2px;
font-size: 10px;
}
.textSideboxHover:first-letter
{
text-transform:uppercase;
}
.textSideboxSpacer
{
height:18px;
padding-left: 0px;
border-top: solid #9f9f9f 1px;
}
.slideoutBack
{
background-color:white;
border: #17202b 1px solid;
padding:10px;
background-image:url(../images/bmback.jpg);
}
.sideboxDrop
{
position: relative;
left: -4px;
top: -4px;
border-bottom: 2px solid white;
border-left: 2px solid white;
border-right: 2px solid white;
}
.textSidebox:first-letter
{
text-transform:uppercase;
}
.sideboxSpace
{
height:9px;
}
/*
Sidebox - Loginbox Style ***END***
*/
.greyLine
{
margin:1px;
border-top:solid 1px #7e7e7e;
height:1px;
}
/*
Drop Shadow ***BEGIN***
*/
.menuOneBox
{
position: relative;
left: 0;
text-align: left;
background-image: url(../images/shadowAlpha.png);
}
/*
Drop Shadow ***END***
*/
/*
Extra Icons Menu ***BEGIN***
*/
#extraIcons
{
background-color:#fbf8f1;
border:solid 2px white;
position: relative;
left: -4px;
top: -4px;
}
.extraIconsHeader
{
text-align:center;
background-image:url(../images/menuTitle-bm.png);
color:#17202b;
font-weight:normal;
font-size:10px;
height: 23px;
}
.extraIconsRowIcon
{
border-right: 1px solid #9f9f9f;
background-color: #a43434;
width: 20px;
padding: 1px;
}
.extraIconsRow
{
border-top:solid 1px #9f9f9f;
padding:1px;
padding-left: 3px;
font-size: 10px;
background-color: #fbf8f1;
}
.extraIconsRow:hover
{
border-top:solid 1px #9f9f9f;
padding:1px;
padding-left: 3px;
font-size: 10px;
background-color: #ede6d8;
}
/*
Extra Icons Menu ***END***
*/
body {
padding: 0px;
}
#divMain
{
background-image:url(../images/bmback.jpg);
background-color:white;
padding:9px;
margin: 0px;
border-bottom: 2px solid white;
}
#divLogo
{
position:absolute;
left:17px;
top:2px;
z-index:51;
}
#divUpperTabs
{
text-align:right;
height: 15px;
margin-right: 10px;
}
#divUpperTabs ul
{
display:inline;
margin:0;
padding:10px 10px 0 1px;
list-style:none;
}
#divUpperTabs li
{
float:right;
margin:0 5px 0 0;;
padding:0 5px 0 5px;
border:solid 1px #9c9c9c;
border-bottom: 0px;
}
/*
App Icon Bar ***BEGIN***
*/
.divAppIconBlock /* this allows the icons and text to be positioned via absolute and requires the iconspacer div */
{
border-top: 1px solid white;
padding: 0px;
position:absolute;
top:0px;
left:0px;
z-index:49;
}
#divAppIconBar
{
height: 57px;
position: relative;
top: 0px;
left: 0px;
}
.iconBackFirstCell
{
background-image: url(../images/firstcell-bm.png);
background-repeat: no-repeat;
}
.appIconTbl
{
padding:0px;
background-image: url(../images/iconBack-bm.png);
background-repeat: repeat-x;
vertical-align: top;
color: white;
}
.iconBack
{
background-image: url(../images/iconBack-bm.png);
border-right: 1px solid white;
}
.iconBackHover
{
background-image: url(../images/iconBackHover-bm.png);
border-right: 1px solid white;
}
.appIconSpacer
{
height:38px;
background-color: white;
}
#divAppTextBar
{
/*background-color:white;*/
}
/*
App Icon Bar ***END***
*/
#divStatusBar
{
position: relative;
top:0px
left:0px;
height:23px;
vertical-align:bottom;
border: 0px solid black;
padding-top:0px;
}
/*
Appbox ***BEGIN***
*/
#tdAppbox
{
padding-left:5px;
width: 100%;
}
#divAppboxHeader
{
background-image:url(../images/appTitleBar-bm.png);
height:23px;
font-size:12px;
color: white;
text-align:center;
padding-bottom:0px;
border-top:solid 2px white;
border-left:solid 2px white;
border-right:solid 2px white;
border-bottom:solid 2px white;
}
#divAppbox
{
background-image:url(../images/bmback2.jpg);
background-color:#fbf8f1;
padding:5px;
border-bottom:solid 2px white;
border-left:solid 2px white;
border-right:solid 2px white;
}
/*
Appbox ***END***
*/
#admin_info
{
position:relative;
text-align:right;
}
#divGenTime,#divPoweredBy
{
bottom:4px;
text-align:center;
width:99%;
}
/*
Table formatting
*/
.th {
color: black; background-color: #d9d9d9;
background-image: url(../images/hilitetest-bm.png);
}
.row_on {
color: black;
background-color: #F1F1F1;
}
.row_off {
color: black;
background-color: #ffffff;
}
.narrow_column { width: 1%; white-space: nowrap; }
/*
Printing
*/
@media screen { .onlyPrint { display: none; } }
@media print { .noPrint { display: none; } }
/*
Portal_box as used in home
*/
.portal_box {
border: #9c9c9c 1px solid;
}
.portal_box table {
border: 1px solid black;
}
.portal_box_header {
height: 15px;
padding-top: 0px;
}

125
phpgwapi/templates/jerryr/css/jerryr.css
View File

@ -34,17 +34,6 @@ a:hover,a:active
color: #9a3028; color: #9a3028;
text-decoration: underline; text-decoration: underline;
} }
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
{
font-size:90%;
}
.textSideboxStar
{
font-size:90%;
background-color: #a7c4db;
border-right: 1px solid #9f9f9f;
}
.prefSection .prefSection
{ {
@ -53,14 +42,6 @@ a:hover,a:active
line-height:40px; line-height:40px;
} }
#divAppboxHeader
{
line-height:20px;
font-size:12px;
font-weight:bold;
color:#ffffff;
}
#divGenTime,#divPoweredBy #divGenTime,#divPoweredBy
{ {
font-size: 80%; font-size: 80%;
@ -120,7 +101,6 @@ input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button
background-color:#88b4e1; background-color:#88b4e1;
background-image: url(../images/butHover.png); background-image: url(../images/butHover.png);
border: 1px solid #bd9300; border: 1px solid #bd9300;
color: #006699;
color: #17202b; color: #17202b;
} }
@ -163,6 +143,16 @@ input[type=image]
border: 0; border: 0;
} }
/*
Sidebox - Loginbox Style ***BEGIN***
*/
#tdSidebox
{
width:170px;
overflow:visible;
}
.divLoginbox,.divSidebox .divLoginbox,.divSidebox
{ {
@ -176,6 +166,18 @@ input[type=image]
width: 188px; width: 188px;
} }
.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
{
font-size:90%;
}
.textSideboxStar
{
font-size:90%;
background-color: #a7c4db;
border-right: 1px solid #9f9f9f;
}
.divSideboxHeader,.divLoginboxHeader .divSideboxHeader,.divLoginboxHeader
{ {
text-align:center; text-align:center;
@ -233,10 +235,20 @@ a.textSidebox
border-top: solid #9f9f9f 1px; border-top: solid #9f9f9f 1px;
} }
.slideoutBack
{
background-color:white;
border: #17202b 1px solid;
padding:10px;
}
.sideboxDrop
{
position: relative;
left: 0px;
top: 0px;
}
/*
** make the sidebox entries consistently start with a capital letter
*/
.textSidebox:first-letter .textSidebox:first-letter
{ {
text-transform:uppercase; text-transform:uppercase;
@ -247,6 +259,10 @@ a.textSidebox
height:9px; height:9px;
} }
/*
Sidebox - Loginbox Style ***END***
*/
.greyLine .greyLine
{ {
margin:1px; margin:1px;
@ -254,6 +270,10 @@ a.textSidebox
height:1px; height:1px;
} }
/*
Drop Shadow ***BEGIN***
*/
.menuOneBox .menuOneBox
{ {
position: relative; position: relative;
@ -262,6 +282,14 @@ a.textSidebox
background-image: url(../images/shadowAlpha.png); background-image: url(../images/shadowAlpha.png);
} }
/*
Drop Shadow ***END***
*/
/*
Extra Icons Menu ***BEGIN***
*/
#extraIcons #extraIcons
{ {
background-color:#fbf8f1; background-color:#fbf8f1;
@ -306,6 +334,10 @@ a.textSidebox
background-color: #ede6d8; background-color: #ede6d8;
} }
/*
Extra Icons Menu ***END***
*/
body { body {
padding: 0px; padding: 0px;
} }
@ -322,8 +354,8 @@ body {
#divLogo #divLogo
{ {
position:absolute; position:absolute;
left:19px; left:37px;
top:21px; top:38px;
z-index:51; z-index:51;
} }
@ -351,10 +383,21 @@ body {
border-bottom: 0px; border-bottom: 0px;
} }
/*
App Icon Bar ***BEGIN***
*/
#divAppIconBar #divAppIconBar
{ {
height: 57px; height: 57px;
padding:0px; padding:1px;
}
.iconBackFirstCell
{
background-image: url(../images/firstcell.png);
background-repeat: no-repeat;
} }
.appIconTbl .appIconTbl
@ -364,13 +407,13 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: top right; background-position: top right;
vertical-align: top; vertical-align: top;
color: white;
} }
.iconBack .iconBack
{ {
background-image: url(../images/iconBackBlue.png); background-image: url(../images/iconBackBlue.png);
border-right: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f;
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f;
border-top: 1px solid #9f9f9f; border-top: 1px solid #9f9f9f;
} }
@ -379,7 +422,6 @@ body {
{ {
background-image: url(../images/iconBackYellow.png); background-image: url(../images/iconBackYellow.png);
border-right: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f;
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f;
border-top: 1px solid #9f9f9f; border-top: 1px solid #9f9f9f;
} }
@ -389,6 +431,10 @@ body {
/*background-color:white;*/ /*background-color:white;*/
} }
/*
App Icon Bar ***END***
*/
#divStatusBar #divStatusBar
{ {
position: relative; position: relative;
@ -400,11 +446,9 @@ body {
padding-top:10px; padding-top:10px;
} }
#tdSidebox /*
{ Appbox ***BEGIN***
width:170px; */
overflow:visible;
}
#tdAppbox #tdAppbox
{ {
@ -414,9 +458,11 @@ body {
#divAppboxHeader #divAppboxHeader
{ {
line-height:18px;
font-size:12px;
font-weight:bold;
background-image:url(../images/appTitleBar.png); background-image:url(../images/appTitleBar.png);
height:18px; height:18px;
color: black;
text-align:center; text-align:center;
padding-bottom:0px; padding-bottom:0px;
border:solid 1px #17202b; border:solid 1px #17202b;
@ -431,6 +477,10 @@ body {
border-right:solid 1px #17202b; border-right:solid 1px #17202b;
} }
/*
Appbox ***END***
*/
#admin_info #admin_info
{ {
position:relative; position:relative;
@ -449,15 +499,16 @@ body {
Table formatting Table formatting
*/ */
.th { .th {
color: black; background-color: #D3DCE3; color: black; background-color: #f9f4e2;
background-image: url(../images/hilitetest.png);
} }
.row_on { .row_on {
color: black; color: black;
background-color: #F1F1F1; background-color: #eae1cd;
} }
.row_off { .row_off {
color: black; color: black;
background-color: #ffffff; background-color: #fbf9f2;
} }
.narrow_column { width: 1%; white-space: nowrap; } .narrow_column { width: 1%; white-space: nowrap; }