version 1.697, 2008/11/28 18:18:39
|
version 1.698, 2008/12/01 14:38:49
|
Line 4404 sub standard_css {
|
Line 4404 sub standard_css {
|
my $mail_other_hover = '#669999'; |
my $mail_other_hover = '#669999'; |
my $table_header = '#DDDDDD'; |
my $table_header = '#DDDDDD'; |
my $feedback_link_bg = '#BBBBBB'; |
my $feedback_link_bg = '#BBBBBB'; |
|
my $lg_border_color = '#D5FF6F'; |
|
|
my $border = ($env{'browser.type'} eq 'explorer' || |
my $border = ($env{'browser.type'} eq 'explorer' || |
$env{'browser.type'} eq 'safari' ) ? '0px 2px 0px 2px' |
$env{'browser.type'} eq 'safari' ) ? '0px 2px 0px 2px' |
Line 4411 sub standard_css {
|
Line 4412 sub standard_css {
|
|
|
|
|
return <<END; |
return <<END; |
h1, h2, h3, th { font-family: $sans } |
body{ |
|
font-family: $sans; |
|
line-height:130%; |
|
font-size:0.8em; |
|
color:$font; |
|
} |
|
|
a:focus { color: red; background: yellow } |
a:focus { color: red; background: yellow } |
table.thinborder, |
table.thinborder, |
|
|
table.thinborder tr th { |
table.thinborder tr th { |
border-style: solid; |
border-style: solid; |
border-width: 1px; |
border-width: 1px; |
|
border-color: $lg_border_color; |
background: $tabbg; |
background: $tabbg; |
} |
} |
table.thinborder tr td { |
table.thinborder tr td { |
border-style: solid; |
border-style: solid; |
border-width: 1px |
border-width: 1px; |
|
border-color: $lg_border_color; |
} |
} |
|
|
form, .inline { display: inline; } |
form, .inline { display: inline; } |
Line 4585 table#LC_mainmenu td.LC_mainmenu_column
|
Line 4593 table#LC_mainmenu td.LC_mainmenu_column
|
.LC_menubuttons_inline_text { |
.LC_menubuttons_inline_text { |
color: $font; |
color: $font; |
font-family: $sans; |
font-family: $sans; |
font-size: smaller; |
font-size: 90%; |
} |
} |
|
|
.LC_menubuttons_link { |
.LC_menubuttons_link { |
text-decoration: none; |
text-decoration: none; |
} |
} |
#2008--9-5: new menu style sheet.Changed category |
/*2008--9-5: new menu style sheet.Changed category*/ |
.LC_menubuttons_category { |
.LC_menubuttons_category { |
color: $font; |
color: $font; |
background: $pgbg; |
background: $pgbg; |
Line 4601 table#LC_mainmenu td.LC_mainmenu_column
|
Line 4609 table#LC_mainmenu td.LC_mainmenu_column
|
} |
} |
|
|
td.LC_menubuttons_text { |
td.LC_menubuttons_text { |
width: 90%; |
color: $font; |
color: $font; |
width: 90%; |
font-family: $sans; |
|
} |
} |
|
|
td.LC_menubuttons_img { |
td.LC_menubuttons_img { |
} |
} |
|
|
Line 5365 table.LC_scantron_action {
|
Line 5371 table.LC_scantron_action {
|
width: 100%; |
width: 100%; |
} |
} |
table.LC_scantron_action tr th { |
table.LC_scantron_action tr th { |
font: normal bold $sans; |
font-weight:bold; |
|
font-style:normal; |
} |
} |
|
.LC_edit_problem_header, |
div.LC_edit_problem_header, |
|
div.LC_edit_problem_footer { |
div.LC_edit_problem_footer { |
font: normal medium $sans; |
font: normal medium $sans; |
margin: 2px; |
margin: 2px; |
Line 5451 fieldset#LC_mainmenu_fieldset {
|
Line 5457 fieldset#LC_mainmenu_fieldset {
|
# changed or removed. |
# changed or removed. |
# --------------------------*/ |
# --------------------------*/ |
|
|
|
a:hover, |
body { |
ol.smallMenu a:hover, |
font-family: Tahoma, Arial,Helvetica,sans-serif; |
ol#MenuBreadcrumbs a:hover, |
font-size: 0.85em; |
ul#TabMainMenuContent a:hover, |
line-height: 130%; |
.FormSectionClearButton input:hover{ |
color: RGB(45, 45, 45); |
color:#BF2317; |
} |
text-decoration:none; |
|
|
a:link,a:visited { |
|
/*color: RGB(0, 118, 127);*/ |
|
/*text-decoration: underline;*/ |
|
} |
|
|
|
a:hover{ |
|
text-decoration:none; |
|
} |
} |
/*a:hover, |
|
UL.smallMenu A:hover, |
|
UL.MenuBreadcrumbs A:hover, |
|
UL#TabMainMenuContent A:hover{ |
|
color: rgb(200, 10, 50); |
|
}*/ |
|
|
|
h1 { |
h1 { |
padding:5px 10px 5px 20px; |
padding:5px 10px 5px 20px; |
line-height:130%; |
line-height:130%; |
} |
} |
h2,h4,h6 { |
|
/*color: RGB(0, 118, 127);*/ |
|
} |
|
h2,h3,h4,h5,h6 |
h2,h3,h4,h5,h6 |
{ |
{ |
margin:5px 0px 5px 0px; |
margin:5px 0px 5px 0px; |
line-height:130%; |
line-height:130%; |
} |
} |
|
.hcell{ |
|
padding:3px 15px 3px 15px; |
|
margin:0px; |
|
background: $pgbg; |
|
border-bottom:solid 1px $lg_border_color; |
|
} |
.right { |
.right { |
text-align: right; |
text-align: right; |
} |
} |
|
|
.center { |
|
text-align: center; |
|
} |
|
|
|
.left { |
.left { |
text-align: left; |
text-align: left; |
} |
} |
|
.noBorder { |
|
border:0px; |
|
} |
|
/* |
|
.bgLightGrey { background:URL(images/TabMenuBG.png) repeat-x left top; } |
|
.bgLightGreyYellow {background-color:#EFECE0;} |
|
*/ |
|
|
|
|
|
/* Main Header with discription of Person, Course, etc. */ |
.HeadRight { |
.HeadRight { |
text-align: right; |
text-align: right; |
float: right; |
float: right; |
margin: 0px; |
margin: 0px; |
padding: 0px; |
padding: 0px; |
right:0; |
right:0; |
position:absolute; |
position:absolute; |
} |
overflow:hidden; |
|
|
img { |
|
/* border: 0px; */ |
|
} |
|
|
|
.personalBgColor { |
|
background: RGB(237, 239, 0) url(images/headHighlight.png) repeat-y left top; |
|
} |
} |
|
|
p { |
p { |
padding: 10px; |
padding: 10px; |
|
|
} |
} |
DL,UL,Div,Fieldset { |
.FormSectionClearButton input { |
/*margin: 10px;*/ |
background-color:transparent; |
|
border:0px; |
|
cursor:pointer; |
|
text-decoration:underline; |
|
} |
|
|
|
|
|
dl,ul,div,fieldset { |
|
margin: 10px 10px 10px 0px; |
overflow:hidden; |
overflow:hidden; |
} |
} |
OL.smallMenu { |
ol.smallMenu { |
margin: 0px 0px 0px 0px; |
margin: 0px; |
} |
} |
|
|
OL.smallMenu li { |
ol.smallMenu li { |
display: inline; |
display: inline; |
padding: 5px 5px 0px 10px; |
padding: 5px 5px 0px 10px; |
vertical-align: top; |
vertical-align: top; |
} |
} |
|
|
OL.smallMenu li img { |
ol.smallMenu li img { |
vertical-align: bottom; |
vertical-align: bottom; |
} |
} |
|
|
OL.smallMenu A { |
ol.smallMenu a { |
font-size: 90%; |
font-size: 90%; |
color: RGB(80, 80, 80); |
color: RGB(80, 80, 80); |
text-decoration: none; |
text-decoration: none; |
} |
} |
|
|
OL#TabMainMenuContent { |
ol#TabMainMenuContent { |
|
|
margin: 0px 0px 10px 0px; |
margin: 0px 0px 10px 0px; |
padding: 0px; |
padding: 0px; |
} |
} |
|
|
OL#TabMainMenuContent LI { |
ol#TabMainMenuContent li { |
display: inline; |
display: inline; |
vertical-align: bottom; |
vertical-align: bottom; |
border-bottom: solid 1px RGB(175, 175, 175); |
border-bottom: solid 1px RGB(175, 175, 175); |
Line 5560 OL#TabMainMenuContent LI {
|
Line 5560 OL#TabMainMenuContent LI {
|
line-height: 140%; |
line-height: 140%; |
font-weight: bold; |
font-weight: bold; |
overflow:hidden; |
overflow:hidden; |
background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left top; |
/* background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left top;*/ |
} |
} |
|
|
OL#TabMainMenuContent LI A { |
ol#TabMainMenuContent li a{ |
color: RGB(47, 47, 47); |
color: RGB(47, 47, 47); |
text-decoration: none; |
text-decoration: none; |
} |
} |
|
|
OL#TabMainMenuContent DIV.columnSection { |
ol#TabMainMenuContent div.columnSection { |
margin-bottom: 0px; |
margin-bottom: 0px; |
} |
} |
|
|
OL#MenuBreadcrumbs { |
ol#MenuBreadcrumbs, ol#PathBreadcrumbs { |
border-top: solid 1px RGB(255, 255, 255); |
border-top: solid 1px RGB(255, 255, 255); |
height: 20px; |
height: 20px; |
line-height: 20px; |
line-height: 20px; |
Line 5580 OL#MenuBreadcrumbs {
|
Line 5580 OL#MenuBreadcrumbs {
|
margin: 0px 0px 30px 0px; |
margin: 0px 0px 30px 0px; |
padding-left: 10px; |
padding-left: 10px; |
list-style-position: inside; |
list-style-position: inside; |
background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left |
/* background: RGB(211, 206, 205) URL(images/TabMenuBG.png) repeat-x left |
top; |
top;*/ |
} |
} |
|
|
OL#MenuBreadcrumbs li { |
ol#MenuBreadcrumbs li, ol#PathBreadcrumbs li { |
background: url(images/pfeil_white.png) no-repeat left center; |
/* background: url(images/pfeil_white.png) no-repeat left center;*/ |
display: inline; |
display: inline; |
padding: 0px 0px 0px 10px; |
padding: 0px 0px 0px 10px; |
vertical-align: bottom; |
vertical-align: bottom; |
overflow:hidden; |
overflow:hidden; |
} |
} |
|
|
OL#MenuBreadcrumbs LI A { |
ol#MenuBreadcrumbs li a { |
text-decoration: none; |
text-decoration: none; |
font-size:90%; |
font-size:90%; |
} |
} |
|
ol#PathBreadcrumbs li a{ |
h4.hcell { |
text-decoration:none; |
padding: 3px 10px 3px 10px; |
font-size:100%; |
margin: 0px; |
font-weight:bold; |
background: RGB(0, 118, 127); |
|
color: white; |
|
border: outset 1px; |
|
} |
|
|
|
DIV.DivContentBoxSpecial |
|
{ |
|
border: solid 1px RGB(100, 100, 100); |
|
} |
} |
|
|
FIELDSET |
.ContentBoxSpecial |
{ |
{ |
/*width:78%;*/ |
border: solid 1px $lg_border_color; |
} |
} |
DIV.DivContentBox, |
.ContentBox { |
DIV.DivContentBoxSpecial { |
padding:10px; |
width: 80%; |
|
margin:10px; |
|
} |
|
|
|
FIELDSET legend,DL DT { |
|
font-weight: bold; |
|
font-size: 110%; |
|
/*padding-left: 0px;*/ |
|
/* margin-left: 0px;*/ |
|
} |
} |
|
.PopUp |
DIV.DivImportant { |
{ |
background: url(images/important.png) no-repeat center top; |
padding:10px; |
padding: 100px 10px 10px 10px; |
border-left:solid 1px $lg_border_color; |
width: 200px; |
border-top:solid 1px $lg_border_color; |
border: double 4px RGB(200, 200, 200); |
border-bottom:outset 1px $lg_border_color; |
|
border-right:outset 1px $lg_border_color; |
|
display:none; |
|
position:absolute; |
|
right:0; |
|
background-color:white; |
|
z-index:5; |
} |
} |
|
|
|
dl.ListStyleClean dt { |
|
|
DL.ListStyleClean DT { |
|
padding-right: 5px; |
padding-right: 5px; |
display: table-header-group; |
display: table-header-group; |
} |
} |
|
|
DL.ListStyleClean DD { |
dl.ListStyleClean dd { |
display: table-row; |
display: table-row; |
} |
} |
|
|
Line 5652 DL.ListStyleClean DD {
|
Line 5639 DL.ListStyleClean DD {
|
.ListStyleSpecial |
.ListStyleSpecial |
{ |
{ |
/*display:block; */ |
/*display:block; */ |
width: 400px; |
|
list-style-position: inside; |
list-style-position: inside; |
list-style-type: none; |
list-style-type: none; |
overflow: hidden; |
overflow: hidden; |
padding: 0px; |
padding: 0px; |
} |
} |
|
|
.ListStyleClean li, |
|
.ListStyleSimple li, |
.ListStyleSimple li, |
.ListStyleSimple DD, |
.ListStyleSimple dd, |
.ListStyleNormal li, |
.ListStyleNormal li, |
.ListStyleNormal DD, |
.ListStyleNormal dd, |
.ListStyleSpecial li, |
.ListStyleSpecial li, |
.ListStyleSpecial DD |
.ListStyleSpecial dd |
{ |
{ |
margin: 0px; |
margin: 0px; |
padding: 5px 5px 5px 10px; |
padding: 5px 5px 5px 10px; |
Line 5673 DL.ListStyleClean DD {
|
Line 5658 DL.ListStyleClean DD {
|
/*display:block;*/ |
/*display:block;*/ |
} |
} |
|
|
.ListStyleClean LI, |
.ListStyleClean li, |
.ListStyleClean DD { |
.ListStyleClean dd { |
padding-top: 0px; |
padding-top: 0px; |
padding-bottom: 0px; |
padding-bottom: 0px; |
} |
} |
|
|
.ListStyleSimple DD, |
.ListStyleSimple dd, |
.ListStyleSimple LI{ |
.ListStyleSimple li{ |
border-bottom: solid 1px RGB(150, 150, 150); |
border-bottom: solid 1px $lg_border_color; |
} |
} |
|
|
.ListStyleSpecial LI, |
.ListStyleSpecial li, |
.ListStyleSpecial DD { |
.ListStyleSpecial dd { |
list-style-type: none; |
list-style-type: none; |
background-color: RGB(220, 220, 220); |
background-color: RGB(220, 220, 220); |
margin-bottom: 4px; |
margin-bottom: 4px; |
} |
} |
|
|
table.SimpleTable *{ |
table.SimpleTable { |
padding:10px; |
margin:5px; |
|
border:solid 1px $lg_border_color; |
} |
} |
|
|
table.SimpleTable td { |
table.SimpleTable tr { |
vertical-align:top; |
padding:0px; |
border:solid 1px RGB(210,210,210); |
border:solid 1px $lg_border_color; |
} |
} |
table.SimpleTable thead{ |
table.SimpleTable thead{ |
background:rgb(210,210,210); |
background:rgb(220,220,220); |
} |
} |
|
|
DIV.columnSection { |
div.columnSection { |
display: block; |
display: block; |
clear: both; |
clear: both; |
overflow: hidden; |
overflow: hidden; |
margin:0px; |
margin:0px; |
} |
} |
|
|
DIV.columnSection>* { |
div.columnSection>* { |
float: left; |
float: left; |
margin: 10px 20px 10px 0px; |
margin: 10px 20px 10px 0px; |
overflow:hidden; |
overflow:hidden; |
} |
} |
|
div.columnSection > .ContentBox, |
DIV.columnSection>FIELDSET, |
div.columnSection > .ContentBoxSpecial |
DIV.columnSection>DIV.DivContentBox, |
|
DIV.columnSection>DIV.DivContentBoxSpecial |
|
{ |
{ |
width: 480px; |
width: 400px; |
|
|
} |
} |
|
|