From ffccbd540f85e2f814e46648b70b1d2883b52e00 Mon Sep 17 00:00:00 2001 From: Michael Klier Date: Thu, 5 Jun 2008 20:04:12 +0200 Subject: CSS cleanup I've cleaned up the CSS a bit and it validates now. No changes to the current layout/visual presentation itself have been made, just fixed the whole indention and replaced some redundant things. Signed-off-by: Michael Klier Signed-off-by: Simo Leone --- web/html/css/containers.css | 402 ++++++++++++++++++++------------------------ 1 file changed, 183 insertions(+), 219 deletions(-) (limited to 'web/html/css/containers.css') diff --git a/web/html/css/containers.css b/web/html/css/containers.css index 569b63d..95a5c45 100644 --- a/web/html/css/containers.css +++ b/web/html/css/containers.css @@ -1,221 +1,185 @@ - body,table,td,img - { - border: 0px; - margin: 0px; - padding: 0px; - } - +body,table,td,img { + border: none; + margin: 0; + padding: 0; +} /* Main Wrapper Data Format */ - td.preHeader - { - background-color: #000; - border-bottom: 1px solid rgb( 69, 84, 113 ); - height: 16px; - text-align: right; - } - td.headerFill - { - background-color: rgb( 108, 131, 176 ); - border-bottom: 1px solid #000; - } - td.headerDisplay - { - background-color: rgb( 108, 131, 176 ); - padding-left: 16px; - } - td.mainLinks - { - background-color: #eee; - border-bottom: 1px solid #000; - height: 22px; - padding-left: 12px; - } - td.sideBar - { - background-color: #fff; - text-align: center; - vertical-align: top; - width: 150px; - } - td.sideBarGrey - { - background-color: #eee; - border-bottom: 1px solid #000; - text-align: left; - vertical-align: top; - width: 150px; - } - td.sideBarSmall - { - background-color: rgb( 108, 131, 176 ); - border-bottom: 1px solid #000; - height: 16px; - text-align: right; - width: 150px; - } - td.sideBarSmallHeader - { - background-color: rgb(108,131,176); - vertical-align: top; - height: 16px; - padding-top: 1px; - padding-bottom: 2px; - text-align: right; - width: 150px; - } - td.subLinks - { - background-color: rgb( 225, 228, 232 ); - border-right: 1px solid #000; - color: rgb( 120, 120, 120 ); - padding-left: 12px; - height: 19px; - } - td.contentDisplay - { - background-color: #ffffff; - border-right: 1px solid #000; - border-left: 1px solid #000; - border-bottom: 1px solid #000; - text-align: center; - vertical-align: top; - padding: 10; - } - - td.footerDisplay - { - background-color: #eee; - border-bottom: 1px solid #000; - text-align: center; - } - +td.preHeader { + background-color: #000; + border-bottom: 1px solid #455471; + height: 16px; + text-align: right; +} +td.headerFill { + background-color: #6c83b0; + border-bottom: 1px solid #000; +} +td.headerDisplay { + background-color: #6c83b0; + padding-left: 16px; +} +td.mainLinks { + background-color: #eee; + border-bottom: 1px solid #000; + height: 22px; + padding-left: 12px; +} +td.sideBar { + background-color: #fff; + text-align: center; + vertical-align: top; + width: 150px; +} +td.sideBarGrey { + background-color: #eee; + border-bottom: 1px solid #000; + text-align: left; + vertical-align: top; + width: 150px; +} +td.sideBarSmall { + background-color: #6c83b0; + border-bottom: 1px solid #000; + height: 16px; + text-align: right; + width: 150px; +} +td.sideBarSmallHeader { + background-color: #6c83b0; + vertical-align: top; + height: 16px; + padding-top: 1px; + padding-bottom: 2px; + text-align: right; + width: 150px; +} +td.subLinks { + background-color: #ffe4e8; + border-right: 1px solid #000; + color: #787878; + padding-left: 12px; + height: 19px; +} +td.contentDisplay { + background-color: #fff; + border: 1px solid #000; + border-top: none; + text-align: center; + vertical-align: top; + padding: 10px; +} +td.footerDisplay { + background-color: #eee; + border-bottom: 1px solid #000; + text-align: center; +} /* Containers Used Globally */ - table.boxSoft - { - width: 90%; - background-color: #ddd; - text-align: left; - } - td.boxSoft - { - background-color: #fff; - padding: 10; - text-align: left; - } - td.boxSoftColumn - { - padding-left: 16; - padding-right: 16; - text-align: justify; - vertical-align: top; - text-indent: 20px; - } - td.div - { - background-color: #eee; - width: 3px; - } - td.boxSoftTitle - { - border-bottom: 1px solid #fff; - border-top: 1px solid #fff; - background-color: rgb( 241, 242, 244 ); - padding-left: 10; - padding-top: 1; - padding-bottom: 1; - text-align: left; - } - table.boxSoftSmall - { - width: 94%; - background-color: #ddd; - } - td.boxSoftSmall - { - background-color: #fff; - text-align: center; - padding-top: 2; - padding-bottom: 2; - } - td.boxSoftSmallTitle - { - border-bottom: 1px solid #ccc; - background-color: rgb( 241, 242, 244 ); - padding-left: 10; - } - td.ss /* ss = small space */ - { - padding-left: 6px; - vertical-align: top; - } - td.display - { - border-bottom: 1px solid #000; - padding-bottom: 6px; - } - td.features - { - padding: 4px; - text-align: justify; - vertical-align:top; - } - td.formLeft - { - padding: 6px; - text-align: left; - vertical-align: top; - } - td.data1 - { - background-color: #eee; - vertical-align: top; - padding-left: .3em; - text-align: left; - } - td.data2 - { - background-color: #ddd; - vertical-align: top; - padding-left: .3em; - text-align: left; - } - .outofdate - { - background-color: #faa; - padding-left: .3em; - text-align: left; - } - td.text - { - color: #000; - font-size: 12px; - } - th - { - text-align: left; - } - th.header - { - border-bottom: #666 1px solid; - vertical-align: bottom; - } - - input,textarea,select - { - background-color: rgb(108,131,176); - font-family: monospace; - font-size: 12px; - background-color: #ccc; - border: #000000 1px solid; - color: #111111; - } - - input.button - { - background-color: #fff; - color: rgb(108,131,176); - border: 1px solid rgb(108,131,176); - font-size: 12px; - padding: 2px; - } - +table.boxSoft { + width: 90%; + background-color: #ddd; + text-align: left; +} +td.boxSoft { + background-color: #fff; + padding: 2px; + text-align: left; +} +td.boxSoftColumn { + padding-left: 16px; + padding-right: 16px; + text-align: justify; + vertical-align: top; + text-indent: 20px; +} +td.div { + background-color: #eee; + width: 3px; +} +td.boxSoftTitle { + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; + background-color: #f1f2f4; + padding: 1px 0 0 3px; + text-align: left; +} +table.boxSoftSmall { + width: 94px; + background-color: #ddd; +} +td.boxSoftSmall { + background-color: #fff; + text-align: center; + padding-top: 2px; + padding-bottom: 2px; +} +td.boxSoftSmallTitle { + border-bottom: 1px solid #ccc; + background-color: #f1f2f4; + padding-left: 10px; +} +/* ss = small space */ +td.ss { + padding-left: 6px; + vertical-align: top; +} +td.display { + border-bottom: 1px solid #000; + padding-bottom: 6px; +} +td.features { + padding: 4px; + text-align: justify; + vertical-align:top; +} +td.formLeft { + padding: 6px; + text-align: left; + vertical-align: top; +} +td.data1 { + background-color: #eee; + vertical-align: top; + padding-left: .3em; + text-align: left; +} +td.data2 { + background-color: #ddd; + vertical-align: top; + padding-left: .3em; + text-align: left; +} +.outofdate { + background-color: #faa; + padding-left: .3em; + text-align: left; +} +td.text { + color: #000; + font-size: 12px; +} +th { + text-align: left; +} +th.header { + border-bottom: #666 1px solid; + vertical-align: bottom; +} +input, +textarea, +select { + background-color: #6c83b0; + font-family: monospace; + font-size: 12px; + background-color: #ccc; + border: #000 1px solid; + color: #111; +} +input.button { + background-color: #fff; + color: #6c83b0; + border: 1px solid #6c83b0; + font-size: 12px; + padding: 2px; +} +/* vim:ts=2:sw=2:et:enc=utf-8: + * */ -- cgit v1.2.3-70-g09d2