[LON-CAPA-cvs] cvs: loncom /interface loncommon.pm
harmsja
harmsja@source.lon-capa.org
Mon, 01 Dec 2008 14:38:49 -0000
This is a MIME encoded message
--harmsja1228142329
Content-Type: text/plain
harmsja Mon Dec 1 14:38:49 2008 EDT
Modified files:
/loncom/interface loncommon.pm
Log:
updated loncommon cascading stylesheets and made a new variable for border color
'lg_border_color'
--harmsja1228142329
Content-Type: text/plain
Content-Disposition: attachment; filename="harmsja-20081201143849.txt"
Index: loncom/interface/loncommon.pm
diff -u loncom/interface/loncommon.pm:1.697 loncom/interface/loncommon.pm:1.698
--- loncom/interface/loncommon.pm:1.697 Fri Nov 28 18:18:39 2008
+++ loncom/interface/loncommon.pm Mon Dec 1 14:38:49 2008
@@ -1,7 +1,7 @@
# The LearningOnline Network with CAPA
# a pile of common routines
#
-# $Id: loncommon.pm,v 1.697 2008/11/28 18:18:39 bisitz Exp $
+# $Id: loncommon.pm,v 1.698 2008/12/01 14:38:49 harmsja Exp $
#
# Copyright Michigan State University Board of Trustees
#
@@ -4404,6 +4404,7 @@
my $mail_other_hover = '#669999';
my $table_header = '#DDDDDD';
my $feedback_link_bg = '#BBBBBB';
+ my $lg_border_color = '#D5FF6F';
my $border = ($env{'browser.type'} eq 'explorer' ||
$env{'browser.type'} eq 'safari' ) ? '0px 2px 0px 2px'
@@ -4411,18 +4412,25 @@
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 }
table.thinborder,
-
table.thinborder tr th {
border-style: solid;
border-width: 1px;
+ border-color: $lg_border_color;
background: $tabbg;
}
table.thinborder tr td {
border-style: solid;
- border-width: 1px
+ border-width: 1px;
+ border-color: $lg_border_color;
}
form, .inline { display: inline; }
@@ -4585,13 +4593,13 @@
.LC_menubuttons_inline_text {
color: $font;
font-family: $sans;
- font-size: smaller;
+ font-size: 90%;
}
.LC_menubuttons_link {
text-decoration: none;
}
-#2008--9-5: new menu style sheet.Changed category
+/*2008--9-5: new menu style sheet.Changed category*/
.LC_menubuttons_category {
color: $font;
background: $pgbg;
@@ -4601,11 +4609,9 @@
}
td.LC_menubuttons_text {
- width: 90%;
- color: $font;
- font-family: $sans;
+ color: $font;
+ width: 90%;
}
-
td.LC_menubuttons_img {
}
@@ -5365,10 +5371,10 @@
width: 100%;
}
table.LC_scantron_action tr th {
- font: normal bold $sans;
+ font-weight:bold;
+ font-style:normal;
}
-
-div.LC_edit_problem_header,
+.LC_edit_problem_header,
div.LC_edit_problem_footer {
font: normal medium $sans;
margin: 2px;
@@ -5451,106 +5457,100 @@
# changed or removed.
# --------------------------*/
-
-body {
- font-family: Tahoma, Arial,Helvetica,sans-serif;
- font-size: 0.85em;
- line-height: 130%;
- color: RGB(45, 45, 45);
-}
-
-a:link,a:visited {
- /*color: RGB(0, 118, 127);*/
- /*text-decoration: underline;*/
-}
-
-a:hover{
- text-decoration:none;
+a:hover,
+ol.smallMenu a:hover,
+ol#MenuBreadcrumbs a:hover,
+ul#TabMainMenuContent a:hover,
+.FormSectionClearButton input:hover{
+ color:#BF2317;
+ text-decoration:none;
}
-/*a:hover,
-UL.smallMenu A:hover,
-UL.MenuBreadcrumbs A:hover,
-UL#TabMainMenuContent A:hover{
- color: rgb(200, 10, 50);
-}*/
h1 {
padding:5px 10px 5px 20px;
line-height:130%;
}
-h2,h4,h6 {
- /*color: RGB(0, 118, 127);*/
-}
+
h2,h3,h4,h5,h6
{
margin:5px 0px 5px 0px;
line-height:130%;
}
-
+.hcell{
+ padding:3px 15px 3px 15px;
+ margin:0px;
+ background: $pgbg;
+ border-bottom:solid 1px $lg_border_color;
+}
.right {
text-align: right;
}
-
-.center {
- text-align: center;
-}
-
.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 {
text-align: right;
float: right;
margin: 0px;
padding: 0px;
- right:0;
+ right:0;
position:absolute;
-}
-
-img {
-/* border: 0px; */
-}
-
-.personalBgColor {
- background: RGB(237, 239, 0) url(images/headHighlight.png) repeat-y left top;
+ overflow:hidden;
}
p {
padding: 10px;
+
}
-DL,UL,Div,Fieldset {
- /*margin: 10px;*/
+.FormSectionClearButton input {
+ background-color:transparent;
+ border:0px;
+ cursor:pointer;
+ text-decoration:underline;
+}
+
+
+dl,ul,div,fieldset {
+ margin: 10px 10px 10px 0px;
overflow:hidden;
}
-OL.smallMenu {
- margin: 0px 0px 0px 0px;
+ol.smallMenu {
+ margin: 0px;
}
-OL.smallMenu li {
+ol.smallMenu li {
display: inline;
padding: 5px 5px 0px 10px;
vertical-align: top;
}
-OL.smallMenu li img {
+ol.smallMenu li img {
vertical-align: bottom;
}
-OL.smallMenu A {
+ol.smallMenu a {
font-size: 90%;
color: RGB(80, 80, 80);
text-decoration: none;
}
-OL#TabMainMenuContent {
+ol#TabMainMenuContent {
margin: 0px 0px 10px 0px;
padding: 0px;
}
-OL#TabMainMenuContent LI {
+ol#TabMainMenuContent li {
display: inline;
vertical-align: bottom;
border-bottom: solid 1px RGB(175, 175, 175);
@@ -5560,19 +5560,19 @@
line-height: 140%;
font-weight: bold;
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);
text-decoration: none;
}
-OL#TabMainMenuContent DIV.columnSection {
+ol#TabMainMenuContent div.columnSection {
margin-bottom: 0px;
}
-OL#MenuBreadcrumbs {
+ol#MenuBreadcrumbs, ol#PathBreadcrumbs {
border-top: solid 1px RGB(255, 255, 255);
height: 20px;
line-height: 20px;
@@ -5580,68 +5580,55 @@
margin: 0px 0px 30px 0px;
padding-left: 10px;
list-style-position: inside;
- 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#MenuBreadcrumbs li {
- background: url(images/pfeil_white.png) no-repeat left center;
+ol#MenuBreadcrumbs li, ol#PathBreadcrumbs li {
+/* background: url(images/pfeil_white.png) no-repeat left center;*/
display: inline;
padding: 0px 0px 0px 10px;
vertical-align: bottom;
overflow:hidden;
}
-OL#MenuBreadcrumbs LI A {
+ol#MenuBreadcrumbs li a {
text-decoration: none;
font-size:90%;
}
-
-h4.hcell {
- padding: 3px 10px 3px 10px;
- margin: 0px;
- background: RGB(0, 118, 127);
- color: white;
- border: outset 1px;
-}
-
-DIV.DivContentBoxSpecial
-{
- border: solid 1px RGB(100, 100, 100);
+ol#PathBreadcrumbs li a{
+ text-decoration:none;
+ font-size:100%;
+ font-weight:bold;
}
-FIELDSET
+.ContentBoxSpecial
{
- /*width:78%;*/
+ border: solid 1px $lg_border_color;
}
-DIV.DivContentBox,
-DIV.DivContentBoxSpecial {
- width: 80%;
- margin:10px;
-}
-
-FIELDSET legend,DL DT {
- font-weight: bold;
- font-size: 110%;
- /*padding-left: 0px;*/
-/* margin-left: 0px;*/
+.ContentBox {
+ padding:10px;
}
-
-DIV.DivImportant {
- background: url(images/important.png) no-repeat center top;
- padding: 100px 10px 10px 10px;
- width: 200px;
- border: double 4px RGB(200, 200, 200);
+.PopUp
+{
+ padding:10px;
+ border-left:solid 1px $lg_border_color;
+ border-top:solid 1px $lg_border_color;
+ 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;
display: table-header-group;
}
-DL.ListStyleClean DD {
+dl.ListStyleClean dd {
display: table-row;
}
@@ -5652,20 +5639,18 @@
.ListStyleSpecial
{
/*display:block; */
- width: 400px;
list-style-position: inside;
list-style-type: none;
overflow: hidden;
padding: 0px;
}
-.ListStyleClean li,
.ListStyleSimple li,
-.ListStyleSimple DD,
+.ListStyleSimple dd,
.ListStyleNormal li,
-.ListStyleNormal DD,
+.ListStyleNormal dd,
.ListStyleSpecial li,
-.ListStyleSpecial DD
+.ListStyleSpecial dd
{
margin: 0px;
padding: 5px 5px 5px 10px;
@@ -5673,54 +5658,53 @@
/*display:block;*/
}
-.ListStyleClean LI,
-.ListStyleClean DD {
+.ListStyleClean li,
+.ListStyleClean dd {
padding-top: 0px;
padding-bottom: 0px;
}
-.ListStyleSimple DD,
-.ListStyleSimple LI{
- border-bottom: solid 1px RGB(150, 150, 150);
+.ListStyleSimple dd,
+.ListStyleSimple li{
+ border-bottom: solid 1px $lg_border_color;
}
-.ListStyleSpecial LI,
-.ListStyleSpecial DD {
+.ListStyleSpecial li,
+.ListStyleSpecial dd {
list-style-type: none;
background-color: RGB(220, 220, 220);
margin-bottom: 4px;
}
-table.SimpleTable *{
- padding:10px;
+table.SimpleTable {
+ margin:5px;
+ border:solid 1px $lg_border_color;
}
-table.SimpleTable td {
- vertical-align:top;
- border:solid 1px RGB(210,210,210);
+table.SimpleTable tr {
+ padding:0px;
+ border:solid 1px $lg_border_color;
}
table.SimpleTable thead{
- background:rgb(210,210,210);
+ background:rgb(220,220,220);
}
-DIV.columnSection {
+div.columnSection {
display: block;
clear: both;
overflow: hidden;
margin:0px;
}
-DIV.columnSection>* {
+div.columnSection>* {
float: left;
margin: 10px 20px 10px 0px;
overflow:hidden;
}
-
-DIV.columnSection>FIELDSET,
-DIV.columnSection>DIV.DivContentBox,
-DIV.columnSection>DIV.DivContentBoxSpecial
+div.columnSection > .ContentBox,
+div.columnSection > .ContentBoxSpecial
{
- width: 480px;
+ width: 400px;
}
--harmsja1228142329--