diff options
Diffstat (limited to 'phpBB')
18 files changed, 539 insertions, 281 deletions
diff --git a/phpBB/adm/images/arrow_left.gif b/phpBB/adm/images/arrow_left.gif Binary files differnew file mode 100644 index 0000000000..076a5596f1 --- /dev/null +++ b/phpBB/adm/images/arrow_left.gif diff --git a/phpBB/adm/images/arrow_right.gif b/phpBB/adm/images/arrow_right.gif Binary files differnew file mode 100644 index 0000000000..c5827a401f --- /dev/null +++ b/phpBB/adm/images/arrow_right.gif diff --git a/phpBB/adm/images/arrow_up.gif b/phpBB/adm/images/arrow_up.gif Binary files differnew file mode 100644 index 0000000000..38b5a62c17 --- /dev/null +++ b/phpBB/adm/images/arrow_up.gif diff --git a/phpBB/adm/images/bg_button.gif b/phpBB/adm/images/bg_button.gif Binary files differnew file mode 100644 index 0000000000..03172ff5c6 --- /dev/null +++ b/phpBB/adm/images/bg_button.gif diff --git a/phpBB/adm/images/bg_header.jpg b/phpBB/adm/images/bg_header.jpg Binary files differnew file mode 100644 index 0000000000..5ecec5360b --- /dev/null +++ b/phpBB/adm/images/bg_header.jpg diff --git a/phpBB/adm/images/bg_tabs1.gif b/phpBB/adm/images/bg_tabs1.gif Binary files differindex 8f3802fd97..8e8eb203c6 100644 --- a/phpBB/adm/images/bg_tabs1.gif +++ b/phpBB/adm/images/bg_tabs1.gif diff --git a/phpBB/adm/images/bg_tabs2.gif b/phpBB/adm/images/bg_tabs2.gif Binary files differindex fc9c3b8fd9..0aace9b6db 100644 --- a/phpBB/adm/images/bg_tabs2.gif +++ b/phpBB/adm/images/bg_tabs2.gif diff --git a/phpBB/adm/images/bg_tabs_alt1.gif b/phpBB/adm/images/bg_tabs_alt1.gif Binary files differnew file mode 100644 index 0000000000..335a72c711 --- /dev/null +++ b/phpBB/adm/images/bg_tabs_alt1.gif diff --git a/phpBB/adm/images/bg_tabs_alt2.gif b/phpBB/adm/images/bg_tabs_alt2.gif Binary files differnew file mode 100644 index 0000000000..a2142d5432 --- /dev/null +++ b/phpBB/adm/images/bg_tabs_alt2.gif diff --git a/phpBB/adm/images/corners_left.gif b/phpBB/adm/images/corners_left.gif Binary files differnew file mode 100644 index 0000000000..fdba34adbc --- /dev/null +++ b/phpBB/adm/images/corners_left.gif diff --git a/phpBB/adm/images/corners_left2.gif b/phpBB/adm/images/corners_left2.gif Binary files differnew file mode 100644 index 0000000000..206e50368d --- /dev/null +++ b/phpBB/adm/images/corners_left2.gif diff --git a/phpBB/adm/images/corners_right.gif b/phpBB/adm/images/corners_right.gif Binary files differnew file mode 100644 index 0000000000..bcb5bd7d14 --- /dev/null +++ b/phpBB/adm/images/corners_right.gif diff --git a/phpBB/adm/images/corners_right2.gif b/phpBB/adm/images/corners_right2.gif Binary files differnew file mode 100644 index 0000000000..0ba66d50b2 --- /dev/null +++ b/phpBB/adm/images/corners_right2.gif diff --git a/phpBB/adm/images/innerbox_bg.gif b/phpBB/adm/images/innerbox_bg.gif Binary files differnew file mode 100644 index 0000000000..460526f0ba --- /dev/null +++ b/phpBB/adm/images/innerbox_bg.gif diff --git a/phpBB/adm/images/phpbb_logo.gif b/phpBB/adm/images/phpbb_logo.gif Binary files differindex daa51daaf3..239993182b 100644 --- a/phpBB/adm/images/phpbb_logo.gif +++ b/phpBB/adm/images/phpbb_logo.gif diff --git a/phpBB/adm/images/toggle.gif b/phpBB/adm/images/toggle.gif Binary files differnew file mode 100644 index 0000000000..abb697e3c3 --- /dev/null +++ b/phpBB/adm/images/toggle.gif diff --git a/phpBB/adm/images/toggle_inverse.gif b/phpBB/adm/images/toggle_inverse.gif Binary files differnew file mode 100644 index 0000000000..0562784b34 --- /dev/null +++ b/phpBB/adm/images/toggle_inverse.gif diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css index 6fd38039ef..43310fb4ae 100644 --- a/phpBB/adm/style/admin.css +++ b/phpBB/adm/style/admin.css @@ -1,33 +1,45 @@ /* phpBB 3.0 Admin Style Sheet - ------------------------------------------------------------------------ - Original author: subBlue ( http://www.subBlue.com/ ) - Copyright 2006 phpBB Group ( http://www.phpbb.com/ ) - ------------------------------------------------------------------------ + ------------------------------------------------------------------------ + Original author: subBlue ( http://www.subblue.com/ ) + Copyright 2007 phpBB Group ( http://www.phpbb.com/ ) + ------------------------------------------------------------------------ */ - /* General markup styles ---------------------------------------- */ * { /* Reset browsers default margin, padding and font sizes */ margin: 0; padding: 0; + font-size: 100%; +} + +body, div, p, th, td, li, dd { + font-size: x-small; + voice-family: "\"}\""; + voice-family: inherit; + font-size: small +} + +html>body, html>div, html>p, html>th, html>td, html>li, html>dd { + font-size: small } html { - font-size: 100%; + color: #536482; + background: #DBD7D1; + /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */ height: 100%; margin-bottom: 1px; - background-color: #E4EDF0; } body { /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */ font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; color: #536482; - background: #E4EDF0 url("../images/bg_header.gif") 0 0 repeat-x; - font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ - margin: 0; + background: #DBD7D1; + font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ + margin: 10px 15px; } img { @@ -35,15 +47,17 @@ img { } h1 { - font: bold 1.8em "Lucida Grande", 'Trebuchet MS', Verdana, sans-serif; - text-decoration: none; + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 1.70em; + font-weight: normal; color: #333333; } h2, caption { - font: bold 1.2em "Lucida Grande", Arial, Helvetica, sans-serif; - text-decoration: none; - line-height: 120%; + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 1.40em; + font-weight: normal; + color: #115098; text-align: left; margin-top: 25px; } @@ -53,16 +67,17 @@ h2, caption { } h3, h4 { - font: bold 1.2em "Lucida Grande", Arial, Helvetica, sans-serif; + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 1.20em; text-decoration: none; - line-height: 120%; + line-height: 1.20em; margin-top: 25px; } p { margin-bottom: 0.7em; - line-height: 1.4em; - font-size: 1.1em; + line-height: 1.40em; + font-size: 0.90em; } ul { @@ -76,40 +91,46 @@ ul { hr { border: 0 none; - border-top: 1px solid #999999; + border-top: 1px dashed #999999; margin-bottom: 5px; padding-bottom: 5px; height: 1px; } .small { - font-size: 1em; + font-size: 0.85em; } - /* General links */ -a:link, a:active, a:visited { - color: #006699; - text-decoration: none; +a:link, a:visited { + color: #105289; + text-decoration: none; } -a:hover { - color: #DD6900; - text-decoration: underline; +a:hover { + color: #BC2A4D; + text-decoration: underline; } +a:active { + color: #368AD2; + text-decoration: none; +} /* Main blocks ---------------------------------------- */ #wrap { - padding: 0 20px 15px 20px; + padding: 0 0 15px 0; min-width: 615px; } #page-header { + clear: both; text-align: right; background: url("../images/phpbb_logo.gif") top left no-repeat; - height: 84px; + height: 49px; + font-size: 0.85em; + margin-bottom: 10px; } .rtl #page-header { @@ -118,14 +139,14 @@ a:hover { } #page-header h1 { - font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - font-size: 1.5em; - font-weight: normal; - padding-top: 15px; + color: #767676; + font-family: "Trebuchet MS",Helvetica,sans-serif; + font-size: 1.70em; + padding-top: 10px; } #page-header p { - font-size: 1.1em; + font-size: 1.00em; } #page-header p#skip { @@ -134,20 +155,23 @@ a:hover { #page-body { clear: both; + min-width: 700px; } #page-footer { clear: both; - font-size: 1em; + font-size: 0.75em; text-align: center; } #content { - padding: 30px 10px 10px 10px; + padding: 30px 10px 10px; + position: relative; } #content h1 { - line-height: 1.2em; + color: #115098; + line-height: 1.2em; margin-bottom: 0px; } @@ -169,12 +193,12 @@ a:hover { /* Tabbed menu - Based on: http://www.alistapart.com/articles/slidingdoors2/ + Based on: http://www.alistapart.com/articles/slidingdoors2/ ----------------------------------------*/ #tabs { line-height: normal; margin: 0 0 -6px 7px; - min-width: 570px; + min-width: 600px; } .rtl #tabs { @@ -191,15 +215,16 @@ a:hover { display: inline; margin: 0; padding: 0; - font-size: 1em; + font-size: 0.85em; font-weight: bold; + text-transform: capitalize; } #tabs a { float: left; - background:url("../images/bg_tabs1.gif") no-repeat 0% -35px; + background:url("../images/bg_tabs1.gif") no-repeat 0% -34px; margin: 0 1px 0 0; - padding: 0 0 0 6px; + padding: 0 0 0 7px; text-decoration: none; position: relative; } @@ -211,11 +236,13 @@ a:hover { #tabs a span { float: left; display: block; - background: url("../images/bg_tabs2.gif") no-repeat 100% -35px; - padding: 7px 12px 6px 6px; - color: #536482; + background: url("../images/bg_tabs2.gif") no-repeat 100% -34px; + padding: 7px 10px 4px 4px; + color: #767676; white-space: nowrap; + font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; + font-weight: bold; } .rtl #tabs a span { @@ -227,76 +254,143 @@ a:hover { /* End hack */ #tabs a:hover span { - color: #DD6900; + color: #BC2A4D; } #tabs #activetab a { background-position: 0 0px; - border-bottom: 1px solid #FFFFFF; + border-bottom: 1px solid #DCDEE2; } #tabs #activetab a span { background-position: 100% 0px; - padding-bottom: 7px; - color: #333333; + padding-bottom: 5px; + color: #23649F; } #tabs a:hover { - background-position: 0 -70px; + background-position: 0 -69px; } #tabs a:hover span { - background-position:100% -70px; + background-position: 100% -69px; } #tabs #activetab a:hover span { - color: #333333; + color: #115098; } /* Main Panel ---------------------------------------- */ -.panel { +#acp { margin: 4px 0; + padding: 1px; + min-width: 550px; background-color: #FFFFFF; - border: solid 1px #A9B8C2; + border: 1px #999999 solid; +} + +/* WinIE tweaks \*/ +* html .box .corner1 { width: 6px; background-position: 2px 0px; } +* html .box .corner3 { width: 6px; background-position: 2px -7px; } +* html .box .corner2, * html .box .corner4 { width: 7px; } +/* End tweaks */ + +/* Moz tweak to fix occasional 1px vertical rounding error with the +bottom corners. + The corner image is 1px taller so we make the container a bit taller too */ +html>body .box .corner3, html>body .box .corner4 { height: 6px; } + +.panel { + background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top; + padding: 2px 0; } span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span { - display: none; + font-size: 1px; + line-height: 1px; + display: block; + height: 5px; + background-repeat: no-repeat; +} + +span.corners-top { + background-image: url("../images/corners_left.gif"); + background-position: 0 0; + margin: -4px -2px 0; +} + +span.corners-top span { + background-image: url("../images/corners_right.gif"); + background-position: 100% 0; +} + +span.corners-bottom { + background-image: url("../images/corners_left.gif"); + background-position: 0 100%; + margin: 0 -2px -4px; + clear: both; } +span.corners-bottom span { + background-image: url("../images/corners_right.gif"); + background-position: 100% 100%; +} /* Sub-navigation Menu ---------------------------------------- */ + +/* Toggle */ #toggle { - display: none; + padding: 5px; + width: 5%; + height: 100px; + position: absolute; + left: 15%; + top: 28px; + margin-left: 2px; } +#toggle_handle { + display: block; + width: 18px; + height: 19px; + float: right; + background-image: url(../images/toggle.gif); +} + +/* Menu */ #menu { float: left; width: 20%; - font-size: 100%; + font-size: 1.00em; padding: 0; + border-right: 1px solid #CCCFD3; } .rtl #menu { float: right; + border: none; + border-left: 1px solid #CCCFD3; } #menu p { - font-size: 1em; + font-size: 0.85em; } #menu ul { list-style: none; margin: 0; + padding: 0; } /* Default list state */ #menu li { - font-size: 1em; + padding: 0; + margin: 0; + font-size: 0.85em; font-weight: bold; display: inline; } @@ -304,192 +398,319 @@ span.corners-top span, span.corners-bottom span { /* Link styles for the sub-section links */ #menu li span { display: block; - padding: 3px 2px 3px 10px; + padding: 3px 3px 3px 8px; + margin: 1px 0; text-decoration: none; font-weight: normal; - color: #006699; - font-weight: bold; - background-color: #ECECEC; - border-top: 1px solid #FFFFFF; + color: #138ECB; } -#menu li a:hover span, #menu li#activemenu span, #menu li a:hover { - text-decoration: none; - background-color: #FFA34F; - color: #FFFFFF; +.rtl #menu li span { + padding: 3px 8px 3px 3px; } -#menu li span.completed { +#menu li a:hover, #menu li a:hover span { text-decoration: none; - background-color: #B9DBB3; - color: #006699; + background-color: #FFFFFF; + + color: #BC2A4D; } -#menu li.header { - display: block; - padding: 5px; - font-size: 0.9em; - font-family: "Lucida Grande", Verdana; - color: #FFA34F; - font-weight: bold; - background: #006699 url("../images/cellpic3.gif") 0 0 repeat-x; - margin-top: 5px; - text-transform: uppercase; +#menu li a:active, #menu li a:active span { + color: #F632A0; } #menu li#activemenu a span { text-decoration: none; font-weight: bold; - color: #000; - background-color: #DADFE4; + color: #1180B7; + background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat; +} + +.rtl #menu li#activemenu a span { + background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat; } -#menu li#activemenu a:hover span { +#menu li#activemenu a:hover span, #menu li#activemenu span { text-decoration: none; - color: #000; + font-weight: bold; + color: #BC2A4D; + background: #FFFFFF url("../images/arrow_right.gif") 1% 50% no-repeat; } +.rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span { + background: #FFFFFF url("../images/arrow_left.gif") 99% 50% no-repeat; +} -/* Table styles ----------------------------------------- */ +#menu li a:active, #menu li a:active span, #menu li#activemenu a:active span { + color: #F632A0; +} -table { - width: 100%; - /*background-color: #ACBBC6;*/ +#menu li span.completed { + text-decoration: none; + padding: 3px 3px 3px 12px; + background: url("../images/arrow_down.gif") 1% 50% no-repeat; } -th, td { - font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; - font-size: 1.1em; - text-align: left; +.rtl #menu li span.completed { + text-decoration: none; + padding: 3px 12px 3px 3px; + background: url("../images/arrow_down.gif") 99% 50% no-repeat; } -.rtl th, .rtl td { - text-align: right; +#menu li.header { + font-family: Tahoma, Helvetica, sans-serif; + display: block; + font-weight: bold; + color: #115098; + border-bottom: 1px solid #327AA5; + padding: 4px 0 2px; + margin-top: 15px; + text-transform: uppercase; + font-size: 0.75em; +} + +/* Table styles +---------------------------------------- */ + +table { + width: 100%; + border: 1px solid #CCCFD3; + background-color: #FFFFFF; + padding: 1px; } th { - padding: 6px 4px; - color: #FFA34F; - font-weight: bold; - background: #006699 url("../images/cellpic3.gif") 0 0 repeat-x; - white-space: nowrap; + padding: 3px 4px; + color: #FFFFFF; + background: #70AED3 url("../images/gradient2b.gif") bottom left repeat-x; + border-top: 1px solid #6DACD2; + border-bottom: 1px solid #327AA5; + text-align: left; + font-size: 0.75em; + text-transform: uppercase; } td { + text-align: left; + font-size: 0.85em; padding: 4px; - line-height: 1.2em; + line-height: 1.20em; } -.row1 { background-color: #EFEFEF;} -.row2 { background-color: #DEE3E7;} -.row3 { background-color: #D1D7DC;} -.row4 { background-color: #E4E8EB;} -.col1 { background-color: #DEE3E7;} -.col2 { background-color: #EFEFEF;} - -.spacer { - background-color: #D1D7DC; - height: 1px; - line-height: 1px; +.rtl th, .rtl td { + text-align: right; } table.type2 { border: none; background: none; padding: 0; - width: 0; } table.type2 th { background: none; border-top: none; text-align: center; - color: #FFA34F; + color: #115098; padding: 2px 0; } table.type2 td { + padding: 0px; + font-size: 1em; +} + +table.type2 td.name { + padding: 2px; + vertical-align: middle; +} + +table.type3 { + float: right; + width: 300px; + border: none; + background-color: transparent; padding: 0; } +.rtl table.type3 { + float: left; +} + +table.type3 thead th { + background-color: transparent; + border-top: none; + text-align: center; + color: #115098; + padding: 0 3px; + font-size: 0.85em; + font-weight: normal; + text-transform: none; +} + +table.type3 tbody th { + border-top: none; + text-align: left; + text-transform: none; + padding: 0; + border: none; + font-size: 0.90em; + font-weight: normal; + width: 100%; +} + +.rtl table.type3 tbody th { + text-align: right; +} + +table.type3 td { + text-align: center; + padding: 1px; +} + +th.name { + text-align: left; + width: auto; +} + +.rtl th.name { + text-align: right; +} + +td.name { + text-align: left; + font-weight: bold; +} + +.rtl td.name { + text-align: right; +} + +.entry { + text-align: left; + font-weight: normal; +} + +.rtl .entry { + text-align: right; +} + +.row1 { background-color: #F9F9F9; } +.row2 { background-color: #DCEBFE; } +.row3 { background-color: #DBDFE2; } +.row4 { background-color: #E4E8EB; } +.col1 { background-color: #DCEBFE; } +.col2 { background-color: #F9F9F9; } + +.spacer { + background-color: #DBDFE2; + height: 1px; + line-height: 1px; +} /* General form styles ----------------------------------------*/ fieldset { - background-color: #DDD; - padding: 10px; margin: 15px 0; - border-right: 1px solid #AFAEAA; - border-bottom: 1px solid #AFAEAA; - border-left: 1px solid #D5D5C8; - border-top: 1px solid #D5D5C8; - background-color: #ECECEC; + padding: 10px; + border-top: 1px solid #D7D7D7; + border-right: 1px solid #CCCCCC; + border-bottom: 1px solid #CCCCCC; + border-left: 1px solid #D7D7D7; + background-color: #FFFFFF; position: relative; } .rtl fieldset { - border-right: 1px solid #D5D5C8; - border-bottom: 1px solid #AFAEAA; - border-left: 1px solid #AFAEAA; - border-top: 1px solid #D5D5C8; + border-top: 1px solid #D7D7D7; + border-right: 1px solid #D7D7D7; + border-bottom: 1px solid #CCCCCC; + border-left: 1px solid #CCCCCC; +} + +* html fieldset { + padding: 0 10px 5px 10px; +} + +fieldset p { + font-size: 0.85em; } legend { - position: absolute; - top: -0.5em; - font-size: 1.1em; - color:#006699; - font-family: "Lucida Grande",Arial,Verdana,Sans-serif; + padding: 1px 0; + font-family: Tahoma,arial,Verdana,Sans-serif; + font-size: 0.85em; font-weight: bold; - line-height: 100%; - text-transform: uppercase; + color: #115098; + position: relative; + text-transform: capitalize; + line-height: 1.00em; + top: 0em; + vertical-align: middle; } -fieldset p { - font-size: 1.1em; +/* Hide from macIE \*/ +legend { top: -1.2em; } +/* end */ + +* html legend { + margin-bottom: -10px; + margin-left: -7px; } -input { - font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 100%; +/* Holly hack, .rtl comes after html */ +* html .rtl legend { + margin: 0; + margin-right: -7px; +} + +input, textarea { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 0.90em; font-weight: normal; - background-color: #FAFAFA; + cursor: pointer; + vertical-align: middle; + padding: 2px; + color: #111111; border-left: 1px solid #AFAEAA; border-top: 1px solid #AFAEAA; border-right: 1px solid #D5D5C8; border-bottom: 1px solid #D5D5C8; - color: #333333; - padding: 2px; - cursor: text; - vertical-align: middle; + background-color: #E3DFD8; } -.rtl input { +.rtl input, .rtl textarea { border-left: 1px solid #D5D5C8; border-top: 1px solid #AFAEAA; border-right: 1px solid #AFAEAA; border-bottom: 1px solid #D5D5C8; } +input:hover, textarea:hover { + border-left: 1px solid #AFAEAA; + border-top: 1px solid #AFAEAA; + border-right: 1px solid #AFAEAA; + border-bottom: 1px solid #AFAEAA; + background-color: #E9E9E2; +} + input.langvalue, textarea.langvalue { width: 90%; } -select { - font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 100%; +optgroup, select { + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 0.85em; font-weight: normal; font-style: normal; - cursor: default; + cursor: pointer; vertical-align: middle; width: auto; - border: 1px solid #666666; - padding: 1px; - background-color: #FAFAFA; } optgroup { + font-size: 1.00em; font-weight: bold; } @@ -502,33 +723,24 @@ option { } .sep { - color: black; + font-weight: bold; +} + +.username-coloured { font-weight: bold; } textarea { - font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; - font-size: 100%; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 0.85em; width: 60%; padding: 2px; - background-color: #FAFAFA; - border-left: 1px solid #AFAEAA; - border-top: 1px solid #AFAEAA; - border-right: 1px solid #D5D5C8; - border-bottom: 1px solid #D5D5C8; cursor: text; } -.rtl textarea { - border-left: 1px solid #D5D5C8; - border-top: 1px solid #AFAEAA; - border-right: 1px solid #AFAEAA; - border-bottom: 1px solid #D5D5C8; -} - label { cursor: pointer; - font-size: 1.1em; + font-size: 0.85em; padding: 0 5px 0 0; } @@ -537,7 +749,7 @@ label { } label input { - font-size: 100%; + font-size: 1.00em; vertical-align: middle; } @@ -551,7 +763,6 @@ fieldset.quick, p.quick { border: none; background-color: transparent; text-align: right; - font-size: 1.1em; } .rtl fieldset.quick, .rtl p.quick { @@ -563,7 +774,6 @@ fieldset.quick legend { } fieldset.tabulated { -/* background-color: #DADFE4;*/ background: none; margin: 0; padding: 0; @@ -580,7 +790,6 @@ fieldset.nobg { padding: 0; border: none; background-color: transparent; - font-size: 1.1em; } fieldset.display-options { @@ -589,17 +798,17 @@ fieldset.display-options { border: none; background-color: transparent; text-align: center; - font-size: 1.1em; + font-size: 0.75em; } fieldset.display-options select, fieldset.display-options input, fieldset.display-options label { - font-size: 100%; + font-size: 1.00em; vertical-align: middle; } select option.disabled { - background-color: #bbb; - color: #fff; + background-color: #BBBBBB; + color: #FFFFFF; } /* Special case inputs */ @@ -608,12 +817,12 @@ select#full_folder_action { width: 95%; } - /* Definition list layout for forms - Other general def. list properties defined in prosilver_main.css + Other general def. list properties defined in prosilver_main.css ---------------------------------------- */ dl { - font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; + font-family: Verdana, Helvetica, Arial, sans-serif; + font-size: 1.00em; } dt { @@ -625,7 +834,7 @@ dt { float: right; } -dd { color: #000;} +dd { color: #666666;} dd + dd { padding-top: 5px;} dt span { padding: 0 5px 0 0;} .rtl dt span { padding: 0 0 0 5px;} @@ -633,9 +842,10 @@ dt span { padding: 0 5px 0 0;} dt .explain { font-style: italic;} dt label { - font-size: 100%; + font-size: 1.00em; text-align: left; font-weight: bold; + color: #4A5A73; } .rtl dt label { @@ -643,9 +853,10 @@ dt label { } dd label { - font-size:100%; + font-size: 1.00em; white-space: nowrap; margin: 0 10px 0 0; + color: #4A5A73; } .rtl dd label { @@ -654,59 +865,60 @@ dd label { html>body dd label input { vertical-align: text-bottom;} /* Tweak for Moz to align checkboxes/radio buttons nicely */ -dd input, -dd select { +dd input { + font-size: 1.00em; max-width: 100%; } -dd textarea { - width: 100%; +dd select { + fnt-size: 100%; + width: auto; + max-width: 100%; } -input.radio, input.permissions-checkbox { - width: auto !important; - background-color: transparent; - border: none; - cursor: default; +dd textarea { + font-size: 0.90em; + width: 90%; } dd select { width: auto; - font-size: 100%; + font-size: 1.00em; } fieldset dl { margin-bottom: 10px; - font-size: 1.1em; + font-size: 0.85em; } fieldset dt { width: 45%; text-align: left; border: none; - border-right: 1px solid #CCC; + border-right: 1px solid #CCCCCC; padding-top: 3px; } .rtl fieldset dt { text-align: right; border: none; - border-left: 1px solid #CCC; + border-left: 1px solid #CCCCCC; } fieldset dd { margin: 0 0 0 45%; padding: 0 0 0 5px; border: none; - border-left: 1px solid #CCC; + border-left: 1px solid #CCCCCC; vertical-align: top; + font-size: 1.00em; } .rtl fieldset dd { margin: 0 45% 0 0; padding: 0 5px 0 0; border: none; - border-right: 1px solid #CCC; + border-right: 1px solid #CCCCCC; } dd.full, .rtl dd.full { @@ -719,20 +931,30 @@ dd.full, .rtl dd.full { } /* Hover highlights for form rows */ +fieldset dl:hover dt, fieldset dl:hover dd { + border-color: #666666; +} + fieldset dl:hover dt label { color: #000000; } -input:focus, textarea:focus { - color: #000000; +fieldset dl dd label:hover { + color: #BC2A4D; } +input:focus, textarea:focus { + border: 1px solid #BC2A4D; + background-color: #E9E9E2; + color: #BC2A4D; +} /* Submit button fieldset or paragraph ---------------------------------------- */ fieldset.submit-buttons { text-align: center; - background-color: #DADFE4; + border: none; + background-color: transparent; margin: 0; padding: 4px; margin-top: -1px; @@ -753,44 +975,14 @@ fieldset.submit-buttons legend { display: none; } - /* Input field styles ---------------------------------------- */ -.inputbox { - border-left: 1px solid #AFAEAA; - border-top: 1px solid #AFAEAA; - border-right: 1px solid #D5D5C8; - border-bottom: 1px solid #D5D5C8; - background-color: #E3DFD8; - color: #111111; - font-size: 100%; - padding:2px; - cursor: text; - width: 75%; -} - -.rtl .inputbox { - border-left: 1px solid #D5D5C8; - border-top: 1px solid #AFAEAA; - border-right: 1px solid #AFAEAA; - border-bottom: 1px solid #D5D5C8; -} - -select.inputbox { - cursor: pointer; - padding: 0; - width: auto; -} - -.inputbox:hover { - border: 1px solid #AFAEAA; - background-color: #E9E9E2; -} -.inputbox:focus { - border: 1px solid #BC2A4D; - background-color: #E9E9E2; - color: #BC2A4D; +input.radio, input.permissions-checkbox { + width: auto !important; + background-color: transparent; + border: none; + cursor: default; } input.full, @@ -805,6 +997,43 @@ input.tiny { width: 10%;} input.autowidth { width: auto !important;} .box2 .inputbox { background-color: #E9E9E9;} +/* Form button styles +---------------------------------------- */ +a.button1, input.button1, input.button3, +a.button2, input.button2 { + width: auto !important; + padding: 1px 3px; + font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; + color: #000000; + font-size: 0.85em; + background: #EFEFEF url("../images/bg_button.gif") repeat-x top; +} + +a.button1, input.button1 { + font-weight: bold; + border: 1px solid #666666; +} + +/* Alternative button */ +a.button2, input.button2 { + border: 1px solid #666666; +} + +/* <a> button in the style of the form buttons */ +a.button1, a.button1:link, a.button1:visited, a.button1:active, +a.button2, a.button2:link, a.button2:visited, a.button2:active { + text-decoration: none; + color: #000000; + padding: 4px 8px; +} + +/* Hover states */ +a.button1:hover, input.button1:hover, +a.button2:hover, input.button2:hover { + border: 1px solid #BC2A4D; + background: #EFEFEF url("../images/bg_button.gif") repeat bottom; + color: #BC2A4D; +} /* Pagination ---------------------------------------- */ @@ -813,7 +1042,7 @@ input.autowidth { width: auto !important;} width: auto; text-align: right; margin-top: 5px; - font-size: 1em; + font-size: 0.85em; padding-bottom: 2px; } @@ -834,13 +1063,15 @@ input.autowidth { width: auto !important;} padding: 0 2px; margin: 0 2px; font-weight: normal; + font-size: 0.85em; color: #FFFFFF; - background: #069; - border: 1px solid #069; + background: #4692BF; + border: 1px solid #4692BF; } .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active { font-weight: normal; + font-size: 0.85em; text-decoration: none; color: #5C758C; margin: 0 2px; @@ -850,9 +1081,9 @@ input.autowidth { width: auto !important;} } .pagination span a:hover { - border-color: #069; - background: #069; - color: #FFF; + border-color: #368AD2; + background: #368AD2; + color: #FFFFFF; text-decoration: none; } @@ -892,51 +1123,61 @@ a.button2, a.button2:link, a.button2:visited, a.button2:active { input.disabled { font-weight: normal; - color: #666; + color: #666666; } /* Action Highlighting ---------------------------------------- */ -.success { - color: #282 !important; +.successbox, .errorbox { + padding: 8px; + margin: 10px 0; + color: #FFFFFF; + text-align: center; } -.error { - color: #BC2A4D !important; +.success { + color: #228822; } -.successbox, .errorbox { - padding: 10px; - margin: 20px 0; - color: #1F5B13; - text-align: center; +.error { + color: #BC2A4D; } .successbox { - background-color: #B9DBB3; + background-color: #228822; } .errorbox { - background-color: #ECD7DA; - color: #990000; + background-color: #BC2A4D; } +* html .errorbox, * html .successbox { height: 1%; } /* Pixel shift fix for IE */ + .successbox h3, .errorbox h3 { - font-weight: bold; - font-size: 1.4em; - margin-bottom: 0.5em; + color: #FFFFFF; + margin: 0 0 0.5em; + font-size: 1.10em; + font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; } .successbox p, .errorbox p { - font-size: 1.1em; + color: #FFFFFF; + font-size: 0.85em; margin-bottom: 0; } -.successbox a, .errorbox a { +.errorbox a:link, .errorbox a:active, .errorbox a:visited, +.successbox a:link, .successbox a:active, .successbox a:visited { + color: #DBD7D1; + text-decoration: underline; font-weight: bold; - text-decoration: none; } +.errorbox a:hover, .successbox a:hover { + color: #FFFFFF; + text-decoration: none; + font-weight: bold; +} /* Special cases for the error page */ #errorpage #page-header a { @@ -974,8 +1215,8 @@ input.disabled { .tooltip span.bottom { padding: 5px; - color: #000; - background: #fff; + color: #000000; + background: #FFFFFF; } /* @@ -990,7 +1231,7 @@ input.disabled { } /* Nice method for clearing floated blocks without having to insert any extra markup - From http://www.positioniseverything.net/easyclearing.html */ + From http://www.positioniseverything.net/easyclearing.html */ .clearfix:after, #tabs:after, .row:after, #content:after, fieldset dl:after, #page-body:after { content: "."; display: block; @@ -1010,9 +1251,9 @@ input.disabled { .sourcenum { color: gray; font-family: Monaco, 'Courier New', monospace; - font-size: 125%; + font-size: 1.25em; font-weight: bold; - line-height: 120%; + line-height: 1.20em; text-align: right; padding: 0px; } @@ -1023,8 +1264,8 @@ input.disabled { .source { font-family: Monaco, 'Courier New', monospace; - font-size: 125%; - line-height: 120%; + font-size: 1.25em; + line-height: 1.20em; padding: 0px; } @@ -1058,6 +1299,7 @@ input.disabled { fieldset.permissions legend { text-transform: none; } + fieldset.permissions legend input{ height: 1.1em; } @@ -1085,7 +1327,6 @@ fieldset.permissions .permissions-advanced { fieldset.permissions .permissions-switch { float: right; - font-size: 1.1em; } .rtl fieldset.permissions .permissions-switch { @@ -1094,18 +1335,19 @@ fieldset.permissions .permissions-switch { .permissions-switch a { text-decoration: underline; + font-size: 0.90em; } /* Tabbed menu */ .permissions-category { line-height: normal; - margin: 0 0 0 7px; + margin: 0 0 -1px 7px; min-width: 570px; - font-size: 1em; + font-size: 0.85em; } .rtl .permissions-category { - margin: 0 7px 0 0; + margin: 0 7px -1px 0; } .permissions-category ul { @@ -1124,7 +1366,7 @@ fieldset.permissions .permissions-switch { .permissions-category a { float: left; - background: url("../images/bg_tabs1.gif") no-repeat 0% -35px; + background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px; margin: 0 1px 0 0; padding: 0 0 0 6px; text-decoration: none; @@ -1138,7 +1380,7 @@ fieldset.permissions .permissions-switch { .permissions-category a span.tabbg { float: left; display: block; - background: url("../images/bg_tabs2.gif") no-repeat 100% -35px; + background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px; padding: 7px 12px 6px 6px; color: #536482; white-space: nowrap; @@ -1157,11 +1399,11 @@ fieldset.permissions .permissions-switch { } .permissions-category .activetab a { - background-position: 0 0px; + background-position: 0 0; } .permissions-category .activetab a span.tabbg { - background-position: 100% 0px; + background-position: 100% 0; padding-bottom: 7px; color: #333333; } @@ -1234,10 +1476,8 @@ fieldset.permissions .permissions-switch { ---------------------------------------- */ .permissions-panel { float: left; - background-color: #FFF; + background-color: #CADCEB; width: 100%; - border: 1px solid #A9B8C2; - margin-top: -1px; } .rtl .permissions-panel { @@ -1332,20 +1572,36 @@ fieldset.permissions .permissions-switch { .permissions-panel th.row3 { background-image: none; - background-color: #D1D7DC; + background-color: #D1D7DC; + color: #536482; + border: none; } .permissions-panel th.row4 { background-image: none; - background-color: #E4E8EB; + background-color: #E4E8EB; + color: #536482; + border: none; } .permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited { display: block; - color: #FFA34F; + color: #FFFFFF; text-decoration: underline; } +.permissions-panel td.permissions-yes label:hover { + background-color: #86F786; +} + +.permissions-panel td.permissions-no label:hover { + background-color: #EFB0B2; +} + +.permissions-panel td.permissions-never label:hover { + background-color: #DD0000; +} + .permissions-panel td { padding: 0; text-align: center; @@ -1354,4 +1610,6 @@ fieldset.permissions .permissions-switch { .permissions-panel td label { display: block; + margin: 0; + padding: 0; } |