From 47dfbd66f2567c2d23ae152a39859d1abdde8a34 Mon Sep 17 00:00:00 2001 From: Jerry Ruhe Date: Wed, 20 Dec 2006 05:51:42 +0000 Subject: [PATCH] mods to jerryr and added the brushed metal theme --- .../templates/jerryr/css/brushed-metal.css | 562 ++++++++++++++++++ phpgwapi/templates/jerryr/css/jerryr.css | 127 ++-- 2 files changed, 651 insertions(+), 38 deletions(-) create mode 100644 phpgwapi/templates/jerryr/css/brushed-metal.css diff --git a/phpgwapi/templates/jerryr/css/brushed-metal.css b/phpgwapi/templates/jerryr/css/brushed-metal.css new file mode 100644 index 0000000000..29c3b608bd --- /dev/null +++ b/phpgwapi/templates/jerryr/css/brushed-metal.css @@ -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; +} + diff --git a/phpgwapi/templates/jerryr/css/jerryr.css b/phpgwapi/templates/jerryr/css/jerryr.css index 038674a6e0..ef78ac27e4 100644 --- a/phpgwapi/templates/jerryr/css/jerryr.css +++ b/phpgwapi/templates/jerryr/css/jerryr.css @@ -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; } @@ -481,4 +532,4 @@ body { .portal_box_header { height: 15px; padding-top: 0px; -} \ No newline at end of file +}