diff --git a/main/css/default/default.css b/main/css/default/default.css index b0b53ab924..d86a3ff51a 100644 --- a/main/css/default/default.css +++ b/main/css/default/default.css @@ -17,7 +17,10 @@ img { border: none; } -p,blockquote,ol,ul { +p, +blockquote, +ol, +ul { font-size: 12px; } @@ -39,38 +42,39 @@ h4 { font-size: 12px; } -h5,h6 { +h5, +h6 { font-family: verdana, arial, helvetica, sans-serif; } /* the following for regular elements */ a:link { - text-decoration: none; - font-weight : bold; color : #4171b5; + font-weight : bold; + text-decoration: none; } a:visited { - text-decoration: none; - font-weight : bold; color : #4171b5; + font-weight : bold; + text-decoration: none; } a:hover { - text-decoration: none; color: red; font-weight: bold; + text-decoration: none; } a:active { - text-decoration: none; - font-weight : bold; color : #f00; + font-weight : bold; + text-decoration: none; } select, textarea { - color : #000; border: 1px solid #000; + color : #000; } input.checkbox { @@ -81,8 +85,13 @@ select, input[type=checkbox], input[type=radio], input[type=button], -input[type=submit] {cursor: pointer; font-size: 12px;} -input[text] {font-size: 12px; } +input[type=submit] { + cursor: pointer; font-size: 12px; +} + +input[text] { + font-size: 12px; +} input.link_alike { background-color: #FFFFFF; @@ -93,6 +102,7 @@ input.link_alike { padding: 0px; text-align: left; } + input.link_alike:hover { background-color: #FFFFFF; border-width: 0px; @@ -130,32 +140,37 @@ input.link_alike:hover { width: 98%; } -/* for content section in main index.php file */ -.maincontent { + +.maincontent { /* for content section in main index.php file */ background-color: #f00; float: left; padding: 4px; width: 78%; } -.clear {clear: both; line-height: 0px; height: 0;} - +.clear { + clear: both; + height: 0; + line-height: 0px; +} - #center { - padding: 10px 0 40px 0; +#center { margin: 0 190px 0 0; min-height: 300px; + padding: 10px 0 40px 0; } .invisible { color: #999; } -.invisible a:link, .invisible a:visited { +.invisible a:link, +.invisible a:visited { color: #999; } -a.invisible:link, a.invisible:visited { +a.invisible:link, +a.invisible:visited { color: #999; } @@ -166,10 +181,10 @@ a.invisible:link, a.invisible:visited { ============================================================================== */ -#header { - width: 100%; - padding: 0; +#header { margin: 0; + padding: 0; + width: 100%; } /* @@ -179,11 +194,11 @@ a.invisible:link, a.invisible:visited { */ #header1 { - font-size: 12px; - padding: 4px; background-color: #264269; - color: #fff; border-bottom: 1px solid white; + color: #fff; + font-size: 12px; + padding: 4px; } #header1 a { @@ -192,13 +207,13 @@ a.invisible:link, a.invisible:visited { } #header1 a:hover{ - text-decoration: underline; background-color: #264269; + text-decoration: underline; } #sitename { - margin: 0; font-weight: bold; + margin: 0; } #institution { @@ -216,41 +231,46 @@ a.invisible:link, a.invisible:visited { HEADER 2: Users online, help, student/teacher view ------------------------------------------------------------------------------ */ + #header2 { - position: relative; /* to avoid the IE peekabo bug*/ + background: #4271b5; + border-bottom: 1px solid #666; + color: #fff; font-size: 1.0em; font-weight: normal; padding: 0.2em 0.5em; padding-bottom: 0.2em; - background: #4271b5; - color: #fff; - border-bottom: 1px solid #666; + position: relative; /* to avoid the IE peekabo bug*/ } + #header2 a { color: #fff; - text-decoration: none; font-weight:normal; + text-decoration: none; } + #header2 a:hover{ text-decoration: underline; } /* Header2Right: online users, student/teacher view, help */ #Header2Right ul{ - position: relative; /* to avoid the IE peekabo bug*/ float: right; - width: 70%; + list-style-type: none; margin: 0; padding: 0; - list-style-type: none; + position: relative; /* to avoid the IE peekabo bug*/ text-align: right; + width: 70%; } + #Header2Right ul li { display: inline; } + #Header2Right ul li a { - padding: 4px 6px 4px 4px; color:#fff; + padding: 4px 6px 4px 4px; } /* @@ -258,57 +278,64 @@ a.invisible:link, a.invisible:visited { HEADER 3: TABS OF THE HEADER ------------------------------------------------------------------------------ */ + #header3 { - font-size: 1.0em; - padding: 0em 0em 0.4em 0em; -margin: 0px; background: #E5EDF9; - color: #006; border-bottom: 1px solid #4171b5; + color: #006; + font-size: 1.0em; height:auto; + margin: 0px; + padding: 0em 0em 0.4em 0em; } + #header3 A { - PADDING-RIGHT: 3px; - DISPLAY: block; - PADDING-LEFT: 3px; - FONT-WEIGHT: bold; - PADDING-BOTTOM: 2px; - COLOR: rgb(39,84,175); - PADDING-TOP: 3px; - TEXT-DECORATION: none; + color: rgb(39,84,175); + display: block; + font-weight: bold; + padding-bottom: 2px; + padding-left: 3px; + padding-right: 3px; + padding-top: 3px; + text-decoration: none; } + #header3 A:hover { - COLOR: #333; + color: #333; } + #header3 UL { - MARGIN: 0px; - LIST-STYLE-TYPE: none; display: inline; -margin: 0px; padding: 0px 20px 0px 0px; + list-style-type: none; + margin: 0px; + padding: 0px 20px 0px 0px; } + #header3 LI { - list-style: none; - margin: 0px; - padding: 0px; + border-right: solid 1px rgb(115,162,182); + color: rgb(115,162,182); display: block; float: left; + list-style: none; margin: 0px; - border-right: solid 1px rgb(115,162,182); - color: rgb(115,162,182); + padding: 0px; } + #header3 LI:hover { - PADDING-RIGHT: 0px; - PADDING-LEFT: 0px; - PADDING-BOTTOM: 0px; - MARGIN: 0px; - PADDING-TOP: 0px + margin: 0px; + padding-bottom: 0px; + padding-left: 0px; + padding-right: 0px; + padding-top: 0px; } + #header3 #current { background-color: #e9a151; border-bottom: 1px solid #4171b5; } + #header3 #current A { - COLOR: #fff + color: #fff border-bottom: 1px solid #fff; } @@ -316,19 +343,19 @@ margin: 0px; padding: 0px 20px 0px 0px; margin: 0; } -#header3 input.logout { - /* makes an input appear like a link in this header */ - margin: 0 0 0 0; +#header3 input.logout { /* makes an input appear like a link in this header */ + display: inline; padding: 0; background-color: transparent; border: none; - COLOR: rgb(39,84,175); + color: rgb(39,84,175); font-size: 1.0em; font-weight:bold; font-family: verdana, arial, helvetica, sans-serif; - display: inline; - PADDING-RIGHT: 2px; - PADDING-TOP: 3px; + margin: 0 0 0 0; + padding-right: 2px; + padding-top: 3px; + } #header3 input:hover { COLOR: #333;