Index: openacs-4/packages/dotlrn/www/resources/dotlrn-master-kelp.css =================================================================== RCS file: /usr/local/cvsroot/openacs-4/packages/dotlrn/www/resources/dotlrn-master-kelp.css,v diff -u -N --- /dev/null 1 Jan 1970 00:00:00 -0000 +++ openacs-4/packages/dotlrn/www/resources/dotlrn-master-kelp.css 8 Aug 2006 21:26:29 -0000 1.2 @@ -0,0 +1,909 @@ +html { + background-color: #DFE2E5; + text-decoration:none; + margin: 0; + padding: 0; + } + +body { + background-color: #DFE2E5; + font-family: tahoma, helvetica, sans-Serif; + font-size: 75%; + margin:0; + /* padding-left: 10px; + padding-right: 10px; + padding-top: 6px;*/ +} + +.header-blank {background-color:white;} +.header-quadrat {background-color:#587D91;} +.header-zufall {background-color:#003B53;} +.header-text { + font-size:17px; + background-color:white; + width:90%; color:#A1A1A1; + font-family: arial, helvetica, sans-serif; + white-space:nowrap; + font-weight: bold; + padding:20px 8px;} + +#header-logo { + float: right; + margin: 5px 5px 15px 0; + } + +.header-text table {position:relative; top:27px;} +.header-text td {text-align:right; border-right:1px solid white; padding:5px 15px} /*height:30px;*/ +.header-text a:link {font-weight:normal; color:white; text-decoration:none;} +.header-text a:visited {color:#CCC; text-decoration:none;} +.header-text a:active {color:white; text-decoration:none;} +.header-text a:hover {color:white; text-decoration:none;} + +.footer { background-color:white; padding:6px; text-align:right;} +.footer a:link {color:#666; text-decoration:none; border: 0; padding:8px; } +.footer a:visited {color:#999; text-decoration:none;} +.footer a:active {color:#666; text-decoration:underline;} +.footer a:hover {color:#666; text-decoration:underline;} + +.navbar-all {border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:center; border-right:1px solid #CCC; background-color:white; color:#666; text-decoration:none; font-weight: bold;} +.bt {border-top:1px solid #CCC; border-bottom:1px solid #CCC; text-align:left; border-right:1px solid #CCC; background-color:white; color:#666; text-decoration:none; font-weight: bold;font-size:14px;} +.Pulldown {background-color:#6B96AD; color:white;} +.Gate { padding:5px 15px;} +H1 {font-size:16px; color:#999; margin:10px;} +H2 {font-size:14px; color:#999; margin:10px; font-weight:bold;} +H3 {font-size:14px; color:#999; margin:10px;} + +.element {border-bottom:1px solid #CCC; margin:20px 0 0 20px; width:95%;} + +.element-header-text {border-bottom:1px solid #CCC;font-size:14px; font-weight:bold; color:#999; margin:0;} +.element-header-buttons { BACKGROUND: white; COLOR: #003366; WHITE-SPACE: nowrap;} +.element-header-button {BACKGROUND: #003366; COLOR: #003366;} + +.element-content {padding:4px 0; font-size:11px; background-color:#EFF5F9;} +.element-content a:link {color:black; text-decoration:none; padding-left:5px;} +.element-content a:visited {color:#333; text-decoration:none} +.element-content a:active {color:black; text-decoration:underline} +.element-content a:hover {color:black; text-decoration:underline} +.element-content H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; } +.element-content H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; } + +.element-text {padding:4px 0; font-size:11px; background-color:#EFF5F9;} +.element-text a:link {color:black; text-decoration:none; padding-left:5px;} +.element-text a:visited {color:#333; text-decoration:none} +.element-text a:active {color:black; text-decoration:underline} +.element-text a:hover {color:black; text-decoration:underline} +.element-text H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; } +.element-text H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; } + +.table-content-header-standard {background-color:#587D91; text-align:left;} + +.table-content {padding:4px 0; font-size:11px; background-color:#EFF5F9;} + +.element-text a:link {color:black; text-decoration:none; padding-left:5px;} +.element-text a:visited {color:#333; text-decoration:none} +.element-text a:active {color:black; text-decoration:underline} +.element-text a:hover {color:black; text-decoration:underline} +.element-text H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; } +.element-text H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; } + +.dark-line {} +.light-line {} + +STRONG.table-header {BACKGROUND: #6DB2C9; FONT-SIZE: small; FONT-FAMILY: Arial, Helvetica, sans-serif; } +TR.table-header {BACKGROUND: #6DB2C9; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: small;} +.selected {BACKGROUND: #003366; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight: bold;BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;} +.z_light {BACKGROUND: #EAF0F2;} +.z_dark {BACKGROUND: #C9D7DC;} +.main_color {COLOR: #003366;} +.table-title {BACKGROUND: #C9D7DC;} +.cal-week {BACKGROUND: #EAF0F2;VALIGN: top;} +.cal-table-header { BACKGROUND: #DDEEFF; color: #000000; margin: 0px; padding: 0px; font-weight: bold; } +.cal-week-event {BACKGROUND: #C9D7DC;} +.cal-month {font-weight: bold; background-color: #C9D7DC; text-align: center; line-height: 160%;} +.cal-month-day {BACKGROUND: #C9D7DC; BORDER: 1px c0c0c0 solid; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px ;} +.cal-month-today {BACKGROUND: #003366; BORDER-RIGHT: grey 1px solid; BORDER-TOP: grey 1px solid; BORDER-LEFT: grey 1px solid; BORDER-BOTTOM: grey 1px solid;} +.table-display {BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid;BORDER-BOTTOM: #003366 1px solid;} +.portal-page-config {BACKGROUND: #C9D7DC; WIDTH: 700px; CELLPADDING: 5;} +.bottom-border {BORDER-Bottom: #003366 1px solid;} +.center {ALIGN: center;} + +.portletSchmal {margin:20px 0 0 20px; width:95%;} +.portletBreit {margin:20px 0 0 20px; width:95%} +.portletTitelZeile {border-bottom:1px solid #CCC;} + .portletTitelZeile H1, .portletInhalt H1 {font-size:14px; color:#999; margin:0; } +.portletInhalt {padding:4px 0; font-size:11px; background-color:#EFF5F9;} + .portletInhalt a:link {color:black; text-decoration:none; padding-left:5px;} + .portletInhalt a:visited {color:#333; text-decoration:none} + .portletInhalt a:active {color:black; text-decoration:underline} + .portletInhalt a:hover {color:black; text-decoration:underline} + .portletInhalt H2 {font-size:12px; font-weight: bold; color:#999; margin:0; margin-left: 5px; } + .portletInhalt H3 {font-size:12px; color:#999; margin:0; margin-left: 5px; } +.portlet td {vertical-align:middle;} +.portletBottomZeile {border-top:1px solid #CCC;} +.portlet-button {background-color:#A2BFCF;margin-left:5px;} +.odd {background-color:#D4E2EA;} +.even {background-color:#EAF0F2;} +.zeit-tabelle {width:100%;} +.zeit-tabelle td {padding:2px 5px} +.bt {padding:4px 0; font-size:13px; background-color:#EFF5F9;} + .bt a:link {color:black; text-decoration:none; padding-left:5px;} + .bt a:visited {color:#333; text-decoration:none} + .bt a:active {color:black; text-decoration:underline} + .bt a:hover {color:black; text-decoration:underline} + .bt H2 {font-size:13px; font-weight: bold; color:#999; margin:0; margin-left: 5px; } + .bt H3 {font-size:13px; color:#999; margin:0; margin-left: 5px; } +#head-area, #head-area a, #footer-area, #footer-area a {font-family: arial, helvetica, sans-serif; font-size:11px; } +#head-area td, #footer-area td {vertical-align:middle} + +/* Portal layout */ +.leftColumn { + width: 50%; + vertical-align: top; +} +.rightColumn { + width: 50%; + vertical-align: top; +} + +/* dotlrn-overrides of standard CSS nodes */ + +a:link{ + text-decoration: underline; + /*border-bottom: 1px solid #003366; border sotto le voci della context-bar*/ + color: #003366; + + } + a:visited { + text-decoration: underline; + /*border-bottom: 1px solid #003366; border sotto le voci della context-bar*/ + color: #003366; + + } + +/* This messes up the tabs in IE6 -- they unpredictably jump up and + down by 1 pixel depending as you hover over different links on the page. + Uncomment when we figure out how to fix. + +a:hover { + text-decoration: none; + border-bottom: 1px solid #6DB2C9; + color: #6DB2C9; + } + +*/ + +a:active { + + text-decoration: underline; + /*border-bottom: 1px solid #003366;*/ + color: #003366; + } + + +/* Global Page Elements */ + +h1 { + font-size: 180%; + font-weight: normal; + color: #003366; + margin: 3px 0px; + } + +#system-name { + font-size: 180%; + font-weight: bold; + color: #C9D7DC; + float: right; + padding-right: 5px; + } + +div#container-shadows-direita { + background-image: url(01_contorno_direito.png); + background-repeat: repeat-y; + background-position: right; +} + + +div#container-shadows-esquerda { + background-image: url(01_contorno_esquerdo.png); + background-repeat: repeat-y; + background-position: left; +} + + + + + +#breadcrumbs { + margin: 0px; + padding: 0; + font-size: 80%; + padding-bottom: 1px; + padding-top: 1px; + margin-left: 5px; + + } + +#breadcrumbs li { + display: inline; + list-style: none; + color: #003366; + } + +#breadcrumbs a { + color: #003366; + } + +#login-status { + font-size: 80%; + color: #003366; + float: right; + margin-right: 5px; + } + +#login-status a { + color: #003366; + } + +#main-navigation { + font-size: 110%; + clear: both; + float: left; + width: 100%; + background: url("/resources/dotlrn/01_tab_pass_bottom.png") repeat-x bottom; + } + +#main-navigation ul { + margin: 0; + padding: 0px 0px 0px 2px; + list-style: none; + } + +#main-navigation li { + float: left; + background: url("/resources/dotlrn/01_tab_pass_des.png") no-repeat right top; + margin: 0; + padding: 0; + + } + +#main-navigation a { + float: left; + border: none; + color: #3A4B61; + font-weight: bold; + display: block; + background: url("/resources/dotlrn/01_tab_pass_sin.png") no-repeat left top; + padding: 9px 20px 3px 15px; + } +/* Commented Backslash Hack + hides rule from IE5-Mac \*/ + #main-navigation a {float:none;} + /* End IE5-Mac hack */ + +#main-navigation a:hover { + color: #FF9900; + } + +#main-navigation li.current { + background-image: url("/resources/dotlrn/01_tab_act_des.png"); +} + +#main-navigation li.current a { + border: none; + color: #FF9900; + font-weight: bold; + background-image: url("/resources/dotlrn/01_tab_act_sin.png"); + padding-bottom: 3px; + } + +#main-container { + padding: 15px 5px 25px 5px; + clear: both; + background-color: white; + } + +/* IE 6 Hack - see http://css-discuss.incutio.com/?page=StarHtmlHack */ +* html #main-container { + margin-top: 3px; + } + +/* IE 6 "Holly Hack" - see http://www.positioniseverything.net/articles/hollyhack.html */ +* html #main-container { + height: 1%; + } + + +#message-bar { + background: url("/resources/dotlrn/message-bar-icon.png") no-repeat left; + padding: 2px 5px 2px 25px; + margin: 0px 0 5px 0; + color: #FFF; + font-weight: bold; + background-color: #E35203; + border-width: 1px; + border-style: solid; + border-color: #F2AF8A #94471E #94471E #F2AF8A; + } +#message-bar p { + margin-left: 39px; + } + +.left { + width: 49%; + padding: 5px; + float: left; + } +.right { + width: 49%; + float: right; + padding-top: 5px; + } + +#footer { + float: right; + list-style: none; + font-size: 80%; + margin: 5px 5px 15px 0; + background-color: white; + } +#footer li { + display: inline; + color: #C9D7DC; + background-color: white; + } +#locale { + float: left; + list-style: none; + padding: 0; + font-size: 80%; + margin: 5px 0 0 5px; + } +#locale li { + display: inline; + color: #C9D7DC; + } +#locale .current { + font-weight: bold; + color: #003366; + } + + +.portlet-wrap-shadow, .portlet-wrap-bl, .portlet-wrap-tr { + display: inline-table; + /* \*/display:block;/**/ + } + + +.portlet-wrap-shadow { + background:url("/resources/dotlrn/shadow.png") right bottom no-repeat; + margin-bottom: 10px; + } +.portlet-wrap-bl { + background:url("/resources/dotlrn/corner-bl.png") left bottom no-repeat; + } +.portlet-wrap-tr { + padding: 0 3px 3px 0; + background:url("/resources/dotlrn/corner-tr.png") right top no-repeat; + } + +/* IE 6 Hack - see http://css-discuss.incutio.com/?page=StarHtmlHack */ +/* We can't find a way to make drop-shadows work on IE 6 */ +* html .portlet-wrap-shadow { + background: none; + } +* html .portlet-wrap-bl { + background: none; + } +* html .portlet-wrap-tr { + background: none; + } + +.portlet { + background-color: #FFF; + padding-bottom: 1px; + } + +.portlet h2 { + font-weight: bold; + font-size: 110%; + color: #003366; + background-color: #6DB2C9; + text-transform: uppercase; + padding: 1px 5px; + border-top: 1px solid #003366; + /*border-bottom: 1px solid #003366;*/ + margin: 0; + } + +.portlet h3 { + font-size: 140%; + color: #977632; + font-weight: normal; + margin: 0; + } + +.portlet .poster { + color: #6DB2C9; + margin: 3px 0px 5px 0px; + font-weight: normal; + } + +.portlet ul { + padding-left: 15px; + } + +.portlet ul li { + font-weight: bold; + color: #6DB2C9; + margin-top: 3px; + } + +.portlet ul ul li { + font-weight: normal; + color: #003366; + font-size: 100%; + } + + + +.actions { + list-style: none; + list-style: disc url("/resources/dotlrn/action-bullet.png"); + } + +.actions li { + } + +.actions a { + border-bottom: 1px solid #6DB2C9; + color: #6DB2C9; +} + +.actions a:hover { + border-bottom: 1px solid #6DB2C9; + color: #6DB2C9; +} + +.portlet .actions { + text-align: right; + margin-right: 10px; +} + + + +/* Local Page Elements */ + + +.portlet h3 { + margin: 10px 0 0 10px; + } + +.portlet ul { + padding: 0 0 0 15px; + margin-left: 10px; + } + +.calendar-week-summary { + border-collapse: collapse; + margin: 10px 0px; + width: 100%; + } + +.calendar-week-summary th { + text-transform: uppercase; + text-align: left; + vertical-align: top; + color: #977632; + padding: 5px 10px; + } + +.calendar-week-summary td { + padding: 2px 5px; + color: #6DB2C9; + } + +.calendar-week-summary td.title { + font-weight: bold; + } + +.calendar-week-summary .odd { + background-color: #DDEBF5; + } + +#system-name { + display: none; +} + +a.file-type-icon:link, +a.file-type-icon:hover, +a.file-type-icon:visited, +a.file-type-icon:active { + text-decoration: none; + border-bottom: 0; +} + +.system-name { + display: none; +} + +#site-header { + background-color: #DFE2E5; +} + +#site-header . a { + color: #394D61; + border: 0; +} + +#site-header . a:hover { + color: white; + border: 0; +} + +#page-body { + margin-left: 9px; + margin-right: 9px; + padding-left: 0px; + padding-right: 0px; + clear: both; + background-color: white; + /* border-left: 1px solid black; + border-right: 1px solid black;*/ +} + +/* This fixes an IE 6 bug - see http://www.dracos.co.uk/web/css/ie6floatbug/ */ +#page-body { + line-height: 1.2; +} + +/* Hide this. .LRN will display its own admin URL */ +#oacs-admin-url { + display: none; +} + +/*********************************************************** + [ HEADER ] Added by www.sii.it +************************************************************/ + +div#header{ + width: inherit; +} + +div#header-00-gen{ + padding-right: 15px; + +} + +div#header-dati{ + margin-top:-15px; + float:right; + z-index:1; + position:relative; + background-image:url(02_header_dati_des.png); + background-repeat: no-repeat; + background-position: top right; + +} + +div#header-dati-des{ + float:right; + margin-right:10px; + margin-bottom:-4px; + padding-top: 5px; + padding-left: 25px; + background-image:url(02_header_dati_sin.png); + background-repeat: no-repeat; + z-index:1; + position:relative; + background-color:#DFE2E5; +} + + +.imm-header{ + vertical-align: middle; +} + +div#header-gen{ + position:relative; + width: auto; + +} + +div#header-top-gen{ + height: 20px; +} +div#header-top-logo{ + position:relative; + float:left; + top: 2px; + left: 10px; +} + +div#header-titolo-gen{ + padding: 0px 0px 0px 10px; + float:left; +} + +div#header-puls-home{ + padding: 11px 0px 0px 30px; + float: left; +} + +.header-titolo{ + padding: 15px 0px 0px 0px; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 150%; + color: #FDB64B; + font-weight: bold; + text-decoration: none; +} + +div#header-valori-gen{ + padding: 21px 50px 0px 4px; + height: 29px; + float: right; + background-image:url(01_cont_top_user.png); + background-repeat:no-repeat; + background-position: bottom right; + vertical-align: top; +} + + +div#header-valori-gen .user-greeting{ + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 100%; + color: white; + font-weight: bold; +} + +div#header-contenuto-gen{ + position:relative; + height: inherit; + background-image:url(01_cont_shadow_sin.png); + background-repeat: repeat-y; +} + + +div#header-footer{ + width: inherit; + background-color: #DFE2E5; + clear:both; + +} + + +div#header-footer-sin{ + position: relative; + float: left; + +} + +div#header-footer-des{ + position: relative; + float:right; + padding-right: 20px; +} + +/*********************************************************** + [ SCHEDA ] Added by www.sii.it +************************************************************/ +div#scheda-container-sfondo{ + width: 100%; + background-image:url(00_headport_shadow_des.png); + background-repeat: repeat-y; + background-position: top right; +} + +div#scheda-container-00{ + width: inherit; + background-image:url(00_headport_top_base.png); + background-repeat: repeat-x; +} + +div#scheda-container{ + width: inherit; + background-image:url(00_headport_top_des.png); + background-repeat: no-repeat; + background-position: top right; +} + +div#scheda-container-top{ + width: inherit; + height: 33px; + background-image:url(00_headport_top_sin.png); + background-position: top left; + background-repeat: no-repeat; +} + +div#scheda-titolo{ + padding-top: 13px; + padding-left: 30px; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 100%; + color: white; + font-weight: bold; + text-decoration:none; + float:left; +} +div#scheda-titolo a:link, a:visited { + text-decoration:none; + border-bottom: 0; +} +div#scheda-immagine{ + padding-left: 8px; + background-image:url(00_headport_shadow_sin.png); + background-repeat: repeat-y; +} + + +div#scheda-valori{ + padding: 12px 10px 0px 4px; + float:right; + text-decoration:none; +} + + +div#scheda-contenuto{ + position:relative; + padding: 5px 10px 10px 15px; + background-image:url(00_headport_shadow_sin.png); + background-repeat: repeat-y; +} + +div#scheda-footer{ + width: 100%; + height: 20px; + background-image:url(00_headport_shadow_base.png); + background-repeat: repeat-x; + margin-bottom: 10px; + background-color: white; +} + +div#scheda-footer-sin{ + float: left; + width: 20px; + height: 20px; + background-image:url(00_headport_corn_sin.png); + background-repeat: no-repeat; +} + +div#scheda-footer-des{ + float: right; + width: 20px; + height: 20px; + background-image:url(00_headport_corn_des.png); + background-repeat: no-repeat; + background-position: top right; +} + + +/*********************************************************** + [ CONTENITORE GENERALE ] Added by www.sii.it +************************************************************/ + +div#container{ + width: inherit; + background-image:url(01_cont_top_des.png); + background-repeat: no-repeat; + background-position: top right; +} + +div#container-navbar-body{ + width: inherit; + padding-top: 1px; + margin-bottom: 2px; + background-color: #DFE2E5; +} + +div#container-00-gen{ + padding-right: 15px; + width: inherit; + background-image:url(01_cont_shadow_des.png); + background-repeat: repeat-y; +} + +div#container-shadows-sin{ + white-space:normal; /* corregge l'errore del control panel della classe*/ + width: 100%; + height:100%; + background-image:url(01_cont_shadow_sin.png); + background-repeat: repeat-y; +} + +div#container-shadows-des{ + float: right; + width:100%; + background-image: url(01_cont_shadow_des.png); + background-repeat: repeat-y; + background-position: right; + width: 100%; +} + +div#container-gen{ + position:relative; + width: auto; + background-image:url(01_cont_top_mid.png); + background-repeat: repeat-x; + +} + +div#container-top-gen{ + width: inherit; + height: 51px; + background-image:url(01_cont_top_sin.png); + background-position: top left; + background-repeat: no-repeat; +} + + +div#container-titolo-gen{ + padding: 0px 0px 0px 10px; + white-space:nowrap; + float:left; +} + +div#container-puls-home{ + padding: 11px 0px 0px 30px; + white-space: nowrap; + float: left; +} + +.container-titolo{ + padding: 15px 0px 0px 0px; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 150%; + color: #FDB64B; + font-weight: bold; + text-decoration: none; +} + +div#container-valori-gen{ + padding: 21px 50px 0px 4px; + height: 29px; + float: right; + background-image:url(01_cont_top_user.png); + background-repeat:no-repeat; + background-position: bottom right; + vertical-align: top; +} + + +div#container-valori-gen .user-greeting{ + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 100%; + color: white; + font-weight: bold; +} +div#container-contenuto-gen{ + position:relative; + height: inherit; + background-image:url(01_cont_shadow_sin.png); + background-repeat: repeat-y; +} + +div#container-footer{ + width: inherit; + height: 35px; + background-image:url(01_cont_foot_mid.png); + background-repeat: repeat-x; + background-color: #B9C4CE; +} + +div#container-footer-sin{ + width: inherit; + height: 35px; + background-image:url(01_cont_foot_sin.png); + background-repeat: no-repeat; +} + + +div#container-footer-des{ + float: right; + padding-right: 15px; + width: 10px; + height: 35px; + background-image:url(01_cont_foot_des.png); + background-repeat: no-repeat; + background-position: top right; +}