Index: lams_central/web/css/default.css =================================================================== RCS file: /usr/local/cvsroot/lams_central/web/css/Attic/default.css,v diff -u -r1.8 -r1.9 --- lams_central/web/css/default.css 25 May 2006 01:01:50 -0000 1.8 +++ lams_central/web/css/default.css 28 Jun 2006 05:29:52 -0000 1.9 @@ -1,245 +1,806 @@ -/*This is a theme CSS file. Which one will be loaded into the JSP depends on a variable passed in from FLASH.*/ - -body { - font-family: Verdana, Arial, Helvetica, sans-serif; - background-color: #A2BCF9; - font-size: small; -} - -h1 { - font-size: large; - background-color: #B4C8FE; - border-top-width: 1px; - border-top-style: solid; - border-top-color: #999999; - border-left-width: 1px; - border-left-style: solid; - border-left-color: #999999; -} -h2 { - font-size: small; - border-bottom-style: solid; - border-bottom-width: 1px; - border-bottom-color: #666666; - margin-bottom: 1px; - - -} - -th { - font-size: small; - color: #FFFFFF; - background-color: #075A8B; - text-align: left; -} - -.formtablecontainer{ - text-align:center; -} - -.datatablecontainer{ - width:100%; -} - -.buttoncontainer { - -} - - -input, select, textarea { - font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; - font-size: small; -} - -.forms { - border: 1px solid #999999; - font-size: small; - font-style: normal; - width: 100%; -} - -.formlabel { - font-size: small; - font-style: normal; - text-align: right; - width: 20%; -} - -.formcontrol { - font-size: small; - font-style: normal; - text-align: left; -} - -.error { - font-size: small; - color: red; - font-style: normal; - text-align: left; -} - -/********* tab styles **********/ -/*tab styles*/ -.tab{ - text-align:center; -} - -.tab a{ - font-size: 11px; - color: #000000; - text-decoration:none; -} -.tab a:hover{ - font-size: 11px; - color: #000000; - text-decoration:underline -} -.tabcentre{ - background-image:url(../images/aqua_tab_centre.gif); - background-repeat:repeat-x; -} - -.tabcentre_selected{ - background-image:url(../images/aqua_tab_s_centre.gif); - background-repeat:repeat-x; -} - -.tabcentre_inactive{ - background-image:url(../images/aqua_tab_i_centre.gif); - background-repeat:repeat-x; -} - -/** Non Selected tab style **/ -.tableft td{ - background: url(../images/aqua_tab_left.gif) no-repeat; -} -.tabright td{ - background: url(../images/aqua_tab_right.gif) no-repeat; -} - -/** Selected tab style **/ -.tableft_selected td{ - background: url(../images/aqua_tab_s_left.gif) no-repeat; -} - -.tableft_inactive td{ - background: url(../images/aqua_tab_i_left.gif) no-repeat; -} - -.tabright_selected td{ - background: url(../images/aqua_tab_s_right.gif) no-repeat; -} - -.tabright_inactive td{ - background: url(../images/aqua_tab_i_right.gif) no-repeat; -} - -/*Tab content containers*/ -.tabbody{ - width: 98%; - - background-color : #D9E8FF; - float:left; - - margin : 0px 0px 0px 0px; - border-right-width: 1px; - border-left-width: 1px; - border-right-style: solid; - border-left-style: solid; - border-right-color: #0D3F59; - border-left-color: #0D3F59; - - border-bottom-width: 1px; - border-bottom-style: solid; - border-bottom-color: #0D3F59; - padding:5px; - -} - -/*specific styles for the content divs of the tabs*/ -.content_b{ - z-index: 0; - position:relative; - visibility:visible; -} -.content_a{ - z-index: 0; - position:absolute; - visibility: hidden; -} -.content_i{ - z-index: 0; - position:absolute; - visibility: hidden; -} -/*end tabs*/ - -a.button{ - float:right; - font-size: 12px; - color: #000000; - text-decoration:none; - text-align: center; - background-color:#B4C8FE; - margin: 2px 5px 2px 5px; - padding:3px; - width: 80px; - border-top-width: 1px; - border-right-width: 1px; - border-bottom-width: 1px; - border-left-width: 1px; - border-top-style: solid; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; - border-top-color: #FFFFFF; - border-right-color: #0D3F59; - border-bottom-color: #0D3F59; - border-left-color: #FFFFFF; -} - - - -a.button:link{ - color: #000000; - text-decoration:none; - background-color:#B4C8FE; -} - -a.button:visited{ - color: #000000; - text-decoration:none; - background-color:#B4C8FE; -} - - - -a.button:hover{ - text-decoration:none; - background-color:#FFFFFF; -} - -a.button:active{ - text-decoration:none; - background-color:#CCCCCC; - border-top-width: 1px; - border-right-width: 1px; - border-bottom-width: 1px; - border-left-width: 1px; - border-top-style: solid; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; - border-bottom-color: #FFFFFF; - border-left-color: #0D3F59; - border-top-color: #0D3F59; - border-right-color: #FFFFFF; -} -/* For style */ -.buttonStyle{ - font-size: 12px; - color: #000000; - text-decoration:none; - text-align: center; - background-color:#B4C8FE; -} \ No newline at end of file +/* last mod 2006-06-16-1318 */ +* { + margin: 0px; + padding: 0px; + color: #333; +} + +body { + font-size: 11px; + font-family: verdana, arial, helvetica, sans-serif; + background: url('../images/css/page_bg.gif'); + line-height:16px; +} + +.row { + voice-family: "\"}\""; /* hide the following rules from IE5 */ + voice-family: inherit; + overflow: hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */ +} + +* html .row { + height: 1%; +} /* part of the CSS 'clearing hack' */ + + +h1 { + color:#0087e5; + font-size:15px; + margin-bottom:0px; + margin-left:10px; + padding-top:5px; } + + +/*when there are no tabs at the top of the page */ +h1.no-tabs-below { + color:#0087e5; + font-size:16px; + margin-bottom:0px; + margin-left:10px; + padding-top:25px; } + +h2 {color:#47bc23; + font-size:14px; + margin-left:25px; + margin-bottom:0px; } + + +h4 {color:#47bc23; font-size:11px;} + +/*defines when instructions are given and places a blue arrow before the text */ +p.instructions { + color: #0087e5; + margin-bottom: 0px; + margin-top: 0px;; + margin-left: 30px; + font-weight: bold; + background: url('../images/css/blue_arrow_right.gif') no-repeat 0 0px; + padding-left: 30px; + padding-bottom: 10px; + font-size: 12px +} + +p { + margin-left: 25px; + margin-right: 30px; + margin-bottom: 18px; +} + +#page { /*whole layout of page*/ + margin: 25px auto; + width: 707px; + background: url('../images/css/lams_logo.gif') no-repeat right 10px; + + +} + +#header { /*layout of the header */ + width: 707px; + height: 49px; + background: url('../images/css/top_bg.jpg') no-repeat bottom; +} + +#header-no-tabs { /*layout of the header when no-tabs are required */ +width:707px; height:40px; background:url('../images/css/top_bg.jpg') no-repeat bottom; } + + + +/* layout of whole navigation section -------------------------------------*/ +#nav { /* layout of box that contains the main navigation */ + margin-top: 15px; + width: auto; + height: 40px; + margin-left: 4px; + +} + +#nav a { + color: #0087e5; + text-decoration: none; + font-size: 12px; + font-weight: bold; +} + +#nav a:hover { + color: #006bb6; + text-decoration: none; +} + +#nav a.selected { + color: #333; +} + +/*------------------------------------- TAB STYLES -------------------------------------*/ +.nav-box { /* layout of containers that surround the tab navigation */ + height: 31px; + width: auto; + margin-right: 2px; + float: left; + text-align: center; +} + +.tab-left-selected { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/selected_left.jpg') no-repeat top left; + float: left +} + +.tab-middle-selected { /* defines middle of selected tab */ + height: 31px; + width: auto; + background: url('../images/css/selected_bg.jpg') repeat-x; + float: left; + width: 90px; + padding-left: 5px; + padding-right: 5px; + padding-top: 8px; + padding-bottom: 0px +} + +#nav .tab-middle-link-selected { + color: #333333 +} + +.tab-right-selected { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/selected_right.jpg') no-repeat top right;; + float: left +} + +.tab-left { /* defines left side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_left.jpg') no-repeat top left; + float: left +} + +.tab-middle { /* defines middle of selected tab */ + height: 31px; + width: auto; + background: url('../images/css/button_bg.jpg') repeat-x; + float: left; + width: 90px; + padding-left: 5px; + padding-right: 5px; + padding-top: 8px; + padding-bottom: 0px +} + +#nav .tab-middle-link { + color: #0087e5 +} + +.tab-right { /* defines right side of selected tab */ + height: 31px; + width: 8px; + background: url('../images/css/button_right.jpg') no-repeat top right;; + float: left +} + +/* end of navigation ------------------------------------------------------*/ +#content { /*box around the main content area */ + width: 707px; + background: url('../images/css/body_bg.jpg') repeat-y; + padding-bottom: 20px; + font-size: 11px; + margin-top: -5px + +} + +/*layout of Links within the content area */ +#content a { + color: #47bc23; + text-decoration: none; + border-bottom: 1px dotted #47bc23; +} + +#content a:hover { + color: #47bc23; + text-decoration: none; + border-bottom: 1px solid #47bc23; +} + +/*layout of a general button*/ +#content a.button { + background: url('../images/css/btn_off.gif') no-repeat 0px 20px; + color: #333; + border: 0px none; + padding-left: 20px; + padding-right: 20px; + padding-top: 25px; + padding-bottom: 25px +} + +#content a:hover.button { + background: url('../images/css/btn_over.gif') no-repeat 0px 20px; + color: #349018; + border: 0px none; + padding-left: 20px; + padding-right: 20px; + padding-top: 25px; + padding-bottom: 25px +} + +/*layout of a general button*/ +a.button { + background: url('../images/css/btn_off.gif') no-repeat 0px 20px; + color: #333; + border: 0px none; + padding-left: 20px; + padding-right: 20px; + padding-top: 25px; + padding-bottom: 25px + text-decoration: none; +} + +a:hover.button { + background: url('../images/css/btn_over.gif') no-repeat 0px 20px; + color: #349018; + border: 0px none; + padding-left: 20px; + padding-right: 20px; + padding-top: 25px; + padding-bottom: 25px + text-decoration: none; +} + +/*layout of adding a topic button */ +#content a.button-add-item { + background: url('../images/css/btn_add_off.gif') no-repeat 0px 20px; + color: #333; + border: 0px none; + padding-left: 25px; + padding-right: 15px; + padding-top: 25px; + padding-bottom: 25px +} + +#content a:hover.button-add-item { + background: url('../images/css/btn_add_over.gif') no-repeat 0px 20px; + color: #349018; + border: 0px none; + padding-left: 25px; + padding-right: 15px; + padding-top: 25px; + padding-bottom: 25px +} + +/*layout of html editor button */ +#content a.button-html-editor { + background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px; + color: #666; + border: 0px none; + padding-left: 28px; + padding-right: 15px; + padding-top: 25px; + padding-bottom: 25px +} + +#content a:hover.button-html-editor { + background: url('../images/css/btn_htmled_off.gif') no-repeat 0px 20px; + color: #333; + border: 0px none; + padding-left: 28px; + padding-right: 15px; + padding-top: 25px; + padding-bottom: 25px +} + +.box { + display: none; + min-height: 100px; +} + +#footer { /*layout of the footer - the bottom of the box */ + width: 707px; + height: 14px; + background: url('../images/css/footer_bg.jpg') no-repeat bottom; +} + +/*layout of the table with the alternate color for the table heading cell */ +table.alternative-color { + width:695px; + margin-left:7px; + padding-top:20px; + margin-bottom:30px; + text-align:left; +} + +table.alternative-color th { + background: url('../images/css/green_bg.jpg') repeat-x; + height: 30px; + color: #47bc23; + padding-left: 15px; + border-left: 1px solid #cacdd1; + border-right: 1px solid #fff; + font-size: 12px; +} + +table.alternative-color td { + padding-left: 20px; + font-size: 11px; + border-bottom: 1px solid #efefef; + vertical-align: middle; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 1px +} + +table.alternative-color td.first,table.alternative-color th.first { + border-left: none; + padding-left: 20px; +} + + +/*layout of the forum tables with the colored table heading cell */ +table.forum { + width:98%; + margin-left:7px; + padding-top:5px; + margin-bottom:10px; + background:url('../images/css/greyfade_bg.jpg') repeat-x 3px 49px; + text-align:left; + border-bottom:1px solid #efefef;} + +table.forum th { + background: url('../images/css/forum_th_bg.jpg') repeat-x #f0f5df; + height:20px; + padding-top:5px; + color:#47bc23; + padding-left:15px; + border-left:1px solid #cacdd1; + font-size:12px; + vertical-align:middle; +} + +table.forum td.posted-by { + background: url('../images/css/forum_postedby_bg.jpg') repeat-x; + height:20px; + padding-left:20px; + font-size:10px; + vertical-align:top; + padding-top:0px; +} + + +table.forum td { + padding-left:20px; + font-size:11px; + vertical-align:top; +} +table.forum td.first, table.forum th.first { + border-left:none; + padding-left:20px; +} + + + +/*layout of the table with form elements */ + +table { + width:695px; + margin-left:7px; + text-align:left; + } + +td { + padding:10px; + font-size:12px; +} + +td p{ + padding:10px; + font-size:12px; + line-height:18px; +} + +/*layout of button in table */ +td p.button{ + margin:0px; + padding:10px 10px 10px 0px; + font-size:11px; +} + + + +/* */ /*layout of form styles */ +.field-name { + color: #0087e5; + font-weight: bold; + text-align: right; +} + +.field-name-alternative-color { + color: #47bc23; + font-weight: bold; + text-align: right; +} + +input { + border: 1px solid #c1c1c1; + padding: 2px; +} + +textarea { + border: 1px solid #c1c1c1; + padding: 2px; +} + +.noBorder { + border: none; +} + +/*misc styles*/ +.space-right { + margin-right: 10px; +} + +.space-left { + margin-left: 10px; +} + +.space-bottom { + margin-bottom: 40px; +} + +hr { + border: none 0; + border-top: 1px solid #ccc; + width: 650px; + height: 1px; + margin: 15px 25px 10px 25px; +} + +/* Warning message style */ +.warning { + color: #cc0000; + padding: 10px; + padding-left: 35px; + margin-top: 5px; + text-align: left; + font-weight: normal; + background: url('../images/css/warning.gif') no-repeat #ffeae0 10px 8px; + width: 72% +} + + +/* -------------------------------- login page styles -------------------------------------*/ + + +#login-page { /*whole layout of login page*/ +margin:0px auto; +width:707px; +} + +/*layout of the header when no-tabs are required */ +#login-header { +width:707px; +height:25px; +background:url('../images/css/top_bg.jpg') no-repeat bottom; +} + + /*box around the main content area */ +#login-content { +width:707px; +background:url('../images/css/body_bg.jpg') repeat-y; +padding-bottom:20px; +font-size: 11px; +margin-top:-5px; +line-height:18px; +} + +#login-left-col { +width:330px; +float:left; +padding-left:40px; +margin-top:15px; +} + +#login-left-col h1 { +margin:0px; +padding:0px; +} + +#login-left-col h2 { +margin:0px; +padding:0px; + +} + +#login-left-col h3 { +color:#239CF7; +font-size:11px; +margin:0px; +} + +#login-left-col ul { +list-style-type:none; +margin-top:0px; +margin-left:4px; +} + +#login-left-col li { +padding:10px 0px 15px 0px; +border-bottom: +1px dotted #ccc; +} + +#login-right-col { +width:285px; +float:left; +margin-left:47px; +background: url('../images/css/lams_login_bar.jpg') no-repeat 0 0; +margin-top:10px; +height:450px; +} + +#login-right-col h2 { +margin-top:45px; +margin-left:20px; +color:#239CF7; +} + +#login-right-col p { +margin-top:5px; +margin-right:50px; +text-align:right; +} +#login-right-col p.first { +margin-top:35px; +margin-right:50px; +text-align:right; +margin-bottom:15px; +} +#login-right-col a.button { +background:url('../images/css/btn_off.gif') no-repeat 0px 20px; +color:#333; +border:0px none; +padding-left:20px; +padding-right:20px; +padding-top:25px; +padding-bottom:25px; +text-decoration:none; } + +#login-right-col a:hover.button { +background:url('../images/css/btn_over.gif') no-repeat 0px 20px; +color:#349018; +border:0px none; +padding-left:20px; +padding-right:20px; +padding-top:25px; +padding-bottom:25px; +text-decoration:none;} + +.clear { +clear:both +} + + + + + + +/* NOTE1 START : the following labels are not contained in the new css*/ /*********************************************************************** +h2 { + font-size: small; + border-bottom-style: solid; + border-bottom-width: 1px; + border-bottom-color: #666666; + margin-bottom: 1px; +} + +th { + font-size: small; + color: #ffffff; + background-color: #075a8b; + text-align: left; +} + +.formtablecontainer { + text-align: center; +} + +.datatablecontainer { + width: 100%; +} + +.buttoncontainer { + +} + +input,select,textarea { + font-family: 'verdana', 'arial', 'helvetica', sans-serif; + font-size: small; +} + +.forms { + border: 1px solid #999999; + font-size: small; + font-style: normal; + width: 100%; +} + +.formlabel { + font-size: small; + font-style: normal; + text-align: right; + width: 20%; +} + +.formcontrol { + font-size: small; + font-style: normal; + text-align: left; +} + +.error { + font-size: small; + color: red; + font-style: normal; + text-align: left; +} +***********************************************************************/ /* NOTE1 END */ /********* tab styles **********/ /*tab styles*/ /* ***************************************************************************** +.tab { + text-align: center; +} + +.tab a { + font-size: 11px; + color: #000000; + text-decoration: none; +} + +.tab a:hover { + font-size: 11px; + color: #000000; + text-decoration: underline +} + +.tabcentre { + background-image: url(../images/aqua_tab_centre.gif); + background-repeat: repeat-x; +} + +.tabcentre_selected { + background-image: url(../images/aqua_tab_s_centre.gif); + background-repeat: repeat-x; +} + +.tabcentre_inactive { + background-image: url(../images/aqua_tab_i_centre.gif); + background-repeat: repeat-x; +} + + + *********************************************************************** */ /** Non Selected tab style **/ /* ********************************************************************** +.tableft td { + background: url(../images/aqua_tab_left.gif) no-repeat; +} + +.tabright td { + background: url(../images/aqua_tab_right.gif) no-repeat; +} + + +*********************************************************************** */ /** Selected tab style **/ /* ********************************************************************* +.tableft_selected td { + background: url(../images/aqua_tab_s_left.gif) no-repeat; +} + +.tableft_inactive td { + background: url(../images/aqua_tab_i_left.gif) no-repeat; +} + +.tabright_selected td { + background: url(../images/aqua_tab_s_right.gif) no-repeat; +} + +.tabright_inactive td { + background: url(../images/aqua_tab_i_right.gif) no-repeat; +} + +*************************************************************************/ /*Tab content containers*/ /* *********************************************************************** +.tabbody { + width: 98%; + background-color: #d9e8ff; + float: left; + margin: 0px 0px 0px 0px; + border-right-width: 1px; + border-left-width: 1px; + border-right-style: solid; + border-left-style: solid; + border-right-color: #0d3f59; + border-left-color: #0d3f59; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: #0d3f59; + padding: 5px; +} +***********************************************************************/ /*specific styles for the content divs of the tabs*/ /*********************************************************************** +.content_b { + z-index: 0; + position: relative; + visibility: visible; +} + +.content_a { + z-index: 0; + position: absolute; + visibility: hidden; +} + +.content_i { + z-index: 0; + position: absolute; + visibility: hidden; +} + +***********************************************************************/ /*end tabs*/ /*********************************************************************** +a.button { + float: right; + font-size: 12px; + color: #000000; + text-decoration: none; + text-align: center; + background-color: #b4c8fe; + margin: 2px 5px 2px 5px; + padding: 3px; + width: 80px; + border-top-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-top-style: solid; + border-right-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-top-color: #ffffff; + border-right-color: #0d3f59; + border-bottom-color: #0d3f59; + border-left-color: #ffffff; +} + +a.button:link { + color: #000000; + text-decoration: none; + background-color: #b4c8fe; +} + +a.button:visited { + color: #000000; + text-decoration: none; + background-color: #b4c8fe; +} + +a.button:hover { + text-decoration: none; + background-color: #ffffff; +} + +a.button:active { + text-decoration: none; + background-color: #cccccc; + border-top-width: 1px; + border-right-width: 1px; + border-bottom-width: 1px; + border-left-width: 1px; + border-top-style: solid; + border-right-style: solid; + border-bottom-style: solid; + border-left-style: solid; + border-bottom-color: #ffffff; + border-left-color: #0d3f59; + border-top-color: #0d3f59; + border-right-color: #ffffff; +} + +***********************************************************************/ /* For style */ /*********************************************************************** +.buttonStyle { + font-size: 12px; + color: #000000; + text-decoration: none; + text-align: center; + background-color: #b4c8fe; +} + +***********************************************************************/ \ No newline at end of file