forked from extern/egroupware
mods to jerryr and added the brushed metal theme
This commit is contained in:
Jerry Ruhe
parent
a3d6765e6d
commit
47dfbd66f2
562
phpgwapi/templates/jerryr/css/brushed-metal.css
Normal file
562
phpgwapi/templates/jerryr/css/brushed-metal.css
Normal 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;
|
||||
}
|
||||
|
||||
@ -34,17 +34,6 @@ a:hover,a:active
|
||||
color: #9a3028;
|
||||
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
|
||||
{
|
||||
@ -53,14 +42,6 @@ a:hover,a:active
|
||||
line-height:40px;
|
||||
}
|
||||
|
||||
#divAppboxHeader
|
||||
{
|
||||
line-height:20px;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
color:#ffffff;
|
||||
}
|
||||
|
||||
#divGenTime,#divPoweredBy
|
||||
{
|
||||
font-size: 80%;
|
||||
@ -120,7 +101,6 @@ input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button
|
||||
background-color:#88b4e1;
|
||||
background-image: url(../images/butHover.png);
|
||||
border: 1px solid #bd9300;
|
||||
color: #006699;
|
||||
color: #17202b;
|
||||
}
|
||||
|
||||
@ -163,6 +143,16 @@ input[type=image]
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
Sidebox - Loginbox Style ***BEGIN***
|
||||
*/
|
||||
|
||||
#tdSidebox
|
||||
{
|
||||
width:170px;
|
||||
overflow:visible;
|
||||
}
|
||||
|
||||
.divLoginbox,.divSidebox
|
||||
|
||||
{
|
||||
@ -176,6 +166,18 @@ input[type=image]
|
||||
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
|
||||
{
|
||||
text-align:center;
|
||||
@ -233,10 +235,20 @@ a.textSidebox
|
||||
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
|
||||
{
|
||||
text-transform:uppercase;
|
||||
@ -247,6 +259,10 @@ a.textSidebox
|
||||
height:9px;
|
||||
}
|
||||
|
||||
/*
|
||||
Sidebox - Loginbox Style ***END***
|
||||
*/
|
||||
|
||||
.greyLine
|
||||
{
|
||||
margin:1px;
|
||||
@ -254,6 +270,10 @@ a.textSidebox
|
||||
height:1px;
|
||||
}
|
||||
|
||||
/*
|
||||
Drop Shadow ***BEGIN***
|
||||
*/
|
||||
|
||||
.menuOneBox
|
||||
{
|
||||
position: relative;
|
||||
@ -262,6 +282,14 @@ a.textSidebox
|
||||
background-image: url(../images/shadowAlpha.png);
|
||||
}
|
||||
|
||||
/*
|
||||
Drop Shadow ***END***
|
||||
*/
|
||||
|
||||
/*
|
||||
Extra Icons Menu ***BEGIN***
|
||||
*/
|
||||
|
||||
#extraIcons
|
||||
{
|
||||
background-color:#fbf8f1;
|
||||
@ -306,6 +334,10 @@ a.textSidebox
|
||||
background-color: #ede6d8;
|
||||
}
|
||||
|
||||
/*
|
||||
Extra Icons Menu ***END***
|
||||
*/
|
||||
|
||||
body {
|
||||
padding: 0px;
|
||||
}
|
||||
@ -322,8 +354,8 @@ body {
|
||||
#divLogo
|
||||
{
|
||||
position:absolute;
|
||||
left:19px;
|
||||
top:21px;
|
||||
left:37px;
|
||||
top:38px;
|
||||
z-index:51;
|
||||
}
|
||||
|
||||
@ -351,10 +383,21 @@ body {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
App Icon Bar ***BEGIN***
|
||||
*/
|
||||
|
||||
#divAppIconBar
|
||||
{
|
||||
height: 57px;
|
||||
padding:0px;
|
||||
padding:1px;
|
||||
}
|
||||
|
||||
.iconBackFirstCell
|
||||
{
|
||||
background-image: url(../images/firstcell.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.appIconTbl
|
||||
@ -364,13 +407,13 @@ body {
|
||||
background-repeat: no-repeat;
|
||||
background-position: top right;
|
||||
vertical-align: top;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.iconBack
|
||||
{
|
||||
background-image: url(../images/iconBackBlue.png);
|
||||
border-right: 1px solid #9f9f9f;
|
||||
border-left: 1px solid #cfcfcf;
|
||||
border-bottom: 1px solid #9f9f9f;
|
||||
border-top: 1px solid #9f9f9f;
|
||||
}
|
||||
@ -379,7 +422,6 @@ body {
|
||||
{
|
||||
background-image: url(../images/iconBackYellow.png);
|
||||
border-right: 1px solid #9f9f9f;
|
||||
border-left: 1px solid #cfcfcf;
|
||||
border-bottom: 1px solid #9f9f9f;
|
||||
border-top: 1px solid #9f9f9f;
|
||||
}
|
||||
@ -389,6 +431,10 @@ body {
|
||||
/*background-color:white;*/
|
||||
}
|
||||
|
||||
/*
|
||||
App Icon Bar ***END***
|
||||
*/
|
||||
|
||||
#divStatusBar
|
||||
{
|
||||
position: relative;
|
||||
@ -400,11 +446,9 @@ body {
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
#tdSidebox
|
||||
{
|
||||
width:170px;
|
||||
overflow:visible;
|
||||
}
|
||||
/*
|
||||
Appbox ***BEGIN***
|
||||
*/
|
||||
|
||||
#tdAppbox
|
||||
{
|
||||
@ -414,9 +458,11 @@ body {
|
||||
|
||||
#divAppboxHeader
|
||||
{
|
||||
line-height:18px;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
background-image:url(../images/appTitleBar.png);
|
||||
height:18px;
|
||||
color: black;
|
||||
text-align:center;
|
||||
padding-bottom:0px;
|
||||
border:solid 1px #17202b;
|
||||
@ -431,6 +477,10 @@ body {
|
||||
border-right:solid 1px #17202b;
|
||||
}
|
||||
|
||||
/*
|
||||
Appbox ***END***
|
||||
*/
|
||||
|
||||
#admin_info
|
||||
{
|
||||
position:relative;
|
||||
@ -449,15 +499,16 @@ body {
|
||||
Table formatting
|
||||
*/
|
||||
.th {
|
||||
color: black; background-color: #D3DCE3;
|
||||
color: black; background-color: #f9f4e2;
|
||||
background-image: url(../images/hilitetest.png);
|
||||
}
|
||||
.row_on {
|
||||
color: black;
|
||||
background-color: #F1F1F1;
|
||||
background-color: #eae1cd;
|
||||
}
|
||||
.row_off {
|
||||
color: black;
|
||||
background-color: #ffffff;
|
||||
background-color: #fbf9f2;
|
||||
}
|
||||
.narrow_column { width: 1%; white-space: nowrap; }
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user