diff --git a/htdocs/css/box.css b/htdocs/css/box.css index ceb4fef6a9587cfde6849778ebf3b12c24264abf..4d2ef2446839514f568936817c3ca5236eca781b 100644 --- a/htdocs/css/box.css +++ b/htdocs/css/box.css @@ -6,7 +6,7 @@ margin: 1em 0; margin-left: 0.5em; margin-right: 0.5em; - background: #ff6600; + background: #e76808; font-size: 85%; } diff --git a/htdocs/css/common.css b/htdocs/css/common.css index 675649b660301b31bdd32b6a2bc192e1612efd2a..e7f8b7cae626196b0b2a76a6132e720e6d59b0e6 100644 --- a/htdocs/css/common.css +++ b/htdocs/css/common.css @@ -62,8 +62,7 @@ acronym, abbr { float: left; padding: 0.2em; min-width: 170px; - margin-left: 1%; - width: 16%; + width: 17%; } #title { @@ -171,7 +170,7 @@ table.wide { } table.border, table.border td, table.border th { - border: 1px solid #ff6600; + border: 1px solid #e76808; border-collapse: collapse; } diff --git a/htdocs/css/sucs.css b/htdocs/css/sucs.css index 25e37353de6242d4de1ae7171370a06366968566..7ce8a82a8768935f6f74ccf394a0a9f950485416 100644 --- a/htdocs/css/sucs.css +++ b/htdocs/css/sucs.css @@ -3,14 +3,12 @@ -------------------------------------------------- */ body { - padding: 0; - margin: 0; - background: #f5f5f5; + background: #fff; min-width: 600px; } hr { - border: 1px solid #ff6600; + border: 1px solid #e76808; } /* -------------------------------------------------- @@ -18,7 +16,7 @@ hr { -------------------------------------------------- */ a:link { - color: #ff6600; + color: #d45e08; } a:visited { @@ -33,6 +31,23 @@ a:hover { } +/* -------------------------------------------------- + Page corners + -------------------------------------------------- */ +#branding, #brandingC { + border-top-left-radius: 15px; + border-top-right-radius: 15px; + -moz-border-radius-topleft: 15px; + -moz-border-radius-topright: 15px; +} + +#footer { + border-bottom-left-radius: 15px; + border-bottom-right-radius: 15px; + -moz-border-radius-bottomleft: 15px; + -moz-border-radius-bottomright: 15px; +} + /* -------------------------------------------------- Branding -------------------------------------------------- */ @@ -43,11 +58,11 @@ a:hover { } #brandingC { - background: #ff6600; + background: url('/images/bgfade.png') repeat-y; } #title { - color: #f5f5f5; + color: #a52f0f; } #loginForm { @@ -63,35 +78,6 @@ a:hover { width: 8em; } -#loginText a:link { - color: #f5f5f5; -} - -#loginText a:visited { - color: #f5f5f5; -} - -#loginForm input[type=text] { - padding: 5px 15px; - box-sizing: border-box; - border: 0px; -} - -#loginForm input[type=password] { - padding: 5px 15px; - box-sizing: border-box; - border: 0px; -} - -#loginForm input[type=submit] { - padding: 5px 15px; - background: #f5f5f5; - border: 0 none; - cursor: pointer; - -webkit-border-radius: 5px; - border-radius: 0px -} - /* -------------------------------------------------- Breadcrumb -------------------------------------------------- */ @@ -99,15 +85,7 @@ a:hover { #breadcrumb { font-weight: bold; font-size: 80%; - color: #f5f5f5; -} - -#breadcrumb a:link { - color: #f5f5f5; -} - -#breadcrumb a:visited { - color: #f5f5f5; + color: #ffc62b; } #breadcrumb ul { @@ -129,9 +107,12 @@ a:hover { -------------------------------------------------- */ #wrapper { - background: #f5f5f5; - min-height: 100%; - margin-top: 10px; + background: #fff0cd; + padding: 0; + clear: both; + border: 2px solid #e76808; + border-top: 0; + border-bottom: 0; } #navigation { @@ -179,11 +160,13 @@ a:hover { line-height: 1.5em; font-size: 95%; color: #ffc62b; - background: #ff6600; + background: #e76808; + border-top-right-radius: 7px; + border-bottom-right-radius: 7px; + -moz-border-radius-topright: 7px; + -moz-border-radius-bottomright: 7px; padding-left: 1em; margin-bottom: 2px; - padding-top: 5px; - padding-bottom: 5px; } #navigationC ul li a:hover { @@ -202,6 +185,10 @@ a:hover { font-weight: normal; padding-left: 2em; background: #ffa405; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; color: #d45e08; } @@ -213,14 +200,24 @@ a:hover { color: #fff0cd; } +#navigationC ul ul li.lastsub a { + border-bottom-right-radius: 7px; + -moz-border-radius-bottomright: 7px; +} + #navigationC ul li.lastsub a { display: block; + border-bottom-right-radius: 7px; + -moz-border-radius-bottomright: 7px; } /* -------------------------------------------------- Boxes -------------------------------------------------- */ div.cbb { + border-radius: 12px; + -moz-border-radius: 12px; + -webkit-border-radius: 12px; padding: 1em; box-shadow: 3px 3px 5px #777; -moz-box-shadow: 3px 3px 5px #777; @@ -264,14 +261,16 @@ ul#valid { -------------------------------------------------- */ #footer { - background: #ff6600; - margin-bottom: -20px; + margin: 0; + margin-bottom: 0.5em; + background: url('/images/orangefade-bottom.png') top repeat-x #ffc62b; } #footer p { + margin: 0; text-align: center; - padding-top: 5px; - padding-bottom: 5px; + font-size: 80%; + padding: 0.5em; } /* -------------------------------------------------- @@ -280,11 +279,13 @@ ul#valid { .box { background: #ffffff; + border-radius: 7px; + -moz-border-radius: 7px; } .box div.boxcontent { - border: 2px solid #ff6600; - border-top: 1px solid #ff6600; + border: 2px solid #e76808; + border-top: 1px solid #e76808; border-bottom: 1px solid #ffffff; } @@ -293,21 +294,33 @@ ul#valid { } .box .boxhead { - background: #ff6600; + background: #e76808; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + -moz-border-radius-topleft: 7px; + -moz-border-radius-topright: 7px; } .box .hollowhead { background: #ffffff; - border-top: 2px solid #ff6600; - border-left: 2px solid #ff6600; - border-right: 2px solid #ff6600; + border-top: 2px solid #e76808; + border-left: 2px solid #e76808; + border-right: 2px solid #e76808; + border-top-left-radius: 7px; + border-top-right-radius: 7px; + -moz-border-radius-topleft: 7px; + -moz-border-radius-topright: 7px; height: 5px; margin: 0; padding: 0; } .box .boxfoot { - background: #ff6600; + background: #e76808; + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; + -moz-border-radius-bottomleft: 7px; + -moz-border-radius-bottomright: 7px; } .box .hollowfoot { @@ -315,9 +328,13 @@ ul#valid { height: 5px; margin: 0; padding: 0; - border-bottom: 2px solid #ff6600; - border-left: 2px solid #ff6600; - border-right: 2px solid #ff6600; + border-bottom: 2px solid #e76808; + border-left: 2px solid #e76808; + border-right: 2px solid #e76808; + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; + -moz-border-radius-bottomleft: 7px; + -moz-border-radius-bottomright: 7px; } /* -------------------------------------------------- @@ -404,7 +421,7 @@ ul#valid { -------------------------------------------------- */ table.border th { - background: #ff6600; + background: #e76808; color: #ffc62b; } diff --git a/htdocs/images/sucslogo-trans-white.png b/htdocs/images/sucslogo-trans-white.png deleted file mode 100644 index 0a49c8302319dadf67a76ed1169d835767ddaa09..0000000000000000000000000000000000000000 Binary files a/htdocs/images/sucslogo-trans-white.png and /dev/null differ diff --git a/templates/branding.tpl b/templates/branding.tpl index b235b01a1558f119c09d1a271619268f3a453b16..c2aac96cb9a30fd9985a0722fc063aed0ad8e314 100644 --- a/templates/branding.tpl +++ b/templates/branding.tpl @@ -3,7 +3,7 @@