From d5528d7b52496bc6b66faf6a95b38a7985b17ce6 Mon Sep 17 00:00:00 2001
From: Julian Prud'homme <j.prudhomme@elixir-interactive.com>
Date: Wed, 28 Mar 2007 09:54:20 +0200
Subject: [PATCH] [svn r11737] CSS update

---
 main/css/academica/default.css   |  81 +++++++++++--
 main/css/baby/default.css        | 195 +++++++++++--------------------
 main/css/corporativa/default.css | 126 ++++++++++----------
 3 files changed, 203 insertions(+), 199 deletions(-)

diff --git a/main/css/academica/default.css b/main/css/academica/default.css
index 39d635f5e0..771fc07bed 100644
--- a/main/css/academica/default.css
+++ b/main/css/academica/default.css
@@ -156,6 +156,7 @@ ul {
 	clear: both;
 	margin-bottom: .5em;
 	color: #b0c8eb;
+	position:relative;
 }
 
 #header a {
@@ -350,6 +351,26 @@ ul {
 	padding: 0;
 }
 
+/*
+------------------------------------------------------------------------------
+    SHORTCUTS
+------------------------------------------------------------------------------
+*/
+
+#toolshortcuts {
+	width:550px;
+	position: absolute;
+	bottom:-1.1em;
+	right:.5em;
+	padding: 0;
+	margin:0;
+	text-align: right;
+}
+
+#toolshortcuts a {
+	margin:0 3px 0 3px;
+}
+
 /*
 ==============================================================================
     FOOTER STYLES
@@ -358,11 +379,11 @@ ul {
 
 #footer {
 	background: #4171b5 url('images/bg.jpg') no-repeat 50% 100%;
-	font: bold 1em Arial, sans-serif, sans;
+	font: bold .9em Arial, sans-serif, sans;
 	width: 98%;
 	float: left;
 	clear: both;
-	color: #B7DCE9;
+	color: #b0c8eb;
 	padding: 82px 0 .8em 2%;
 	border-bottom: 1px solid #4171b5;
 }
@@ -404,6 +425,10 @@ ul {
 	margin: 0 0 1em 0;
 	padding: 0 0 .3em 0;
 	font-family: Arial, sans-serif, sans;
+	/* min-height hack for ie6 or older*/
+	min-height: 320px;
+	height: auto !important;
+	height: 320px;
 }
 
 .menu #formLogin {
@@ -702,6 +727,10 @@ div.row div.label {
 	width: 550px;
 }
 
+#profile {
+	border:none;
+}
+
 #profile .clear {
 	position: absolute;
 	background: transparent url("images/divider.jpg") no-repeat top center;
@@ -936,7 +965,7 @@ span.agendaitem i {
 }
 
 .days_week {
-	background-color: #b0c8eb;
+	background: #dfecff;
 }
 
 .days_week,.days_weekend,.days_today {
@@ -959,7 +988,13 @@ span.agendaitem i {
 }
 
 .days_weekend {
-	background-color: #8cafe1;
+	background: #d6e3f5;
+}
+
+#newedit_form tr.title {
+	background:none;
+	color:#000;
+	text-align:left;
 }
 
 .title {
@@ -978,7 +1013,7 @@ span.agendaitem i {
 .weekdays {
 	font: bold 1.1em Arial, sans-serif, sans;
 	color: #fff;
-	background-color: #0049AF;
+	background-color: #8cafe1;
 	text-align: center;
 }
 
@@ -1100,20 +1135,34 @@ span.agendaitem i {
 .blog_subtitle {
 	position: relative;
 	top: .8em;
-	padding: .2em;
-	witdh: 100%;
+	padding: .2em 1em;
 	color: #fff;
 	background: #8cafe1 url('images/crystal3.png') repeat-x;
 	border: 1px solid #002D6D;
+	display:block;
+	width:250px;
+	margin:0 0 -1em 0;
+}
+
+/*Hack for KHTML and safari browser to fit left*/
+body:last-child:not(:root:root) .blog_subtitle {
+	width:220px;
 }
 
 .blog_title {
-	padding: .1em 1em;
+	padding: .1em .85em;
 	font: bold 130% Arial, sans-serif, sans;
 	color: #fff;
 	background: #8cafe1 url('images/crystal3.png') repeat-x;
 	border: 1px solid #002D6D;
-	margin-bottom: .2em;
+	margin:0 0 -1.3em 0;
+	display:block;
+	width:250px;
+}
+
+/*Hack for KHTML and safari browser to fit left*/
+body:last-child:not(:root:root) .blog_title {
+	width:222px;
 }
 
 .comments,.new_comment {
@@ -1156,10 +1205,14 @@ span.agendaitem i {
 */
 
 a.specialLink {
-	font: bold 100% Arial, sans-serif, sans;
+	font: bold 80% Arial, sans-serif, sans;
 	color: #4171b5;
 }
 
+a.specialLink:hover,a.specialLink:focus {
+	color: #000915;
+}
+
 /*
 ==============================================================================
     FORUM
@@ -1396,4 +1449,12 @@ div.system_announcement {
 	background-color: #f7f7f7;
 	padding-left: 2px;
 	width: 50%;
+}
+
+#openarea___Config {
+	width:200px;
+}
+
+#openarea___Frame {
+	width:200px;
 }
\ No newline at end of file
diff --git a/main/css/baby/default.css b/main/css/baby/default.css
index 0cdbe24a90..6ff5a03c1c 100644
--- a/main/css/baby/default.css
+++ b/main/css/baby/default.css
@@ -12,11 +12,11 @@
 a {
 	text-decoration: none;
 	font: bold 100% Arial, sans-serif, sans;
-	color: #0265aa;
+	color: #317100;
 }
 
 a:hover,a:focus {
-	color: #697ccf;
+	color: #683000;
 }
 
 blockquote {
@@ -107,11 +107,11 @@ ul {
 	padding: 0 1% 15px 3%;
 	/* min-height hack for ie6 or older*/
 	min-height: 320px;
-	margin-bottom:1em;
 	height: auto !important;
 	height: 320px;
 	clear: both;
 	float: left;
+	margin-bottom:1em;
 }
 
 /* For ie6 browsers or older*/
@@ -119,6 +119,7 @@ ul {
 	padding: 0 1% 15px 2.96%;
 }
 
+
 .maincontent {
 	margin: 0 0 1em 1em;
 	width: 69%;
@@ -136,8 +137,8 @@ ul {
 .user_course_category {
 	font: bold 110% sans, sans-serif, arial;
 	text-transform: capitalize;
-	text-align: center;
-	background: transparent url("images/thindivider.jpg") no-repeat bottom center;
+	text-align: left;
+	background: transparent url("images/thindivider.jpg") no-repeat 20% 100%;
 	height: 2.8em;
 	border-top:2px solid #5F5700;
 	padding-top:0.5em;
@@ -160,15 +161,14 @@ ul {
 	float: left;
 	clear: both;
 	margin-bottom: .5em;
+	position:relative;
 }
 
 #header a {
-	color: #f7d77e;
 	text-decoration: none;
 }
 
 #header li#current a,#header a:hover,header a:focus {
-	color: #eee403;
 	text-decoration: none;
 }
 
@@ -214,14 +214,6 @@ ul {
 	text-align: right;
 }
 
-#header2 a {
-	color: #e4031e;
-}
-
-#header2 a:hover,#header2 a:focus {
-	color: #fff;
-}
-
 #header2 ul {
 	list-style: none;
 	margin: 0 1.9em 0 0;
@@ -339,13 +331,11 @@ ul {
 }
 
 #header4 a {
-	color: #ee8003;
 	font-size: 120%;
 	letter-spacing: -.05em;
 }
 
 #header4 a:hover,a:focus {
-	color: #eeb103;
 	text-decoration: none;
 }
 
@@ -360,6 +350,26 @@ ul {
 	padding: 0;
 }
 
+/*
+------------------------------------------------------------------------------
+    SHORTCUTS
+------------------------------------------------------------------------------
+*/
+
+#toolshortcuts {
+	width:550px;
+	position: absolute;
+	bottom:-.75em;
+	right:.5em;
+	padding: 0;
+	margin:0;
+	text-align: right;
+}
+
+#toolshortcuts a {
+	margin:0 3px 0 3px;
+}
+
 /*
 ==============================================================================
     FOOTER STYLES
@@ -377,15 +387,6 @@ ul {
 	background: transparent url('images/bg.jpg') no-repeat 100% 100%;
 }
 
-#footer a {
-	color: #eee403;
-}
-
-#footer a:hover,footer a:focus {
-	text-decoration: none;
-	color: #c7e272;
-}
-
 #footer .copyright {
 	float: right;
 	clear: right;
@@ -415,17 +416,9 @@ ul {
 	padding: 0 0 .3em 0;
 	font-family: Arial, sans-serif, sans;
 	/* min-height hack for ie6 or older*/
-	min-height: 210px;
+	min-height: 320px;
 	height: auto !important;
-	height: 210px;
-}
-
-.menu a {
-	color: #794102;
-}
-
-.menu a:hover,.menu a:focus {
-	color: #df6000;
+	height: 320px;
 }
 
 .menu #formLogin {
@@ -524,17 +517,6 @@ td .menu {
 	text-decoration: none;
 }
 
-.data_table .row_even a,.data_table .row_odd a {
-	color: #ac5d02;
-}
-
-
-/* Hack to improve readability in Ie6 or older*/
-* html .data_table .row_odd a:hover,* html .data_table .row_odd a:focus,* html .data_table .row_even a:hover,* html .data_table .row_odd a:focus
-	{
-	color: #e36300;
-}
-
 .data_table .row_even td {
 	border-right: 1px solid #fff;
 	background: #ffdc9f;
@@ -554,14 +536,6 @@ td .menu {
 	color: #fff;
 }
 
-.data_table .row_even:hover td a,.data_table .row_odd:hover td a{
-	color: #000;
-}
-
-.data_table .row_even:hover td a:hover,.data_table .row_odd:hover td a:hover,.data_table .row_even:hover td a:focus,.data_table .row_odd:hover td a:focus{
-	color: #fff0df;
-}
-
 .data_table th,.data_table .row_odd th,.row_odd th {
 	font: bold 100% sans, sans-serif, arial;
 	text-transform: capitalize;
@@ -571,23 +545,11 @@ td .menu {
 }
 
 .data_table .row_odd th a {
-	color: #EE4C03;
 	text-decoration: none;
 	font-size: 110%;
 }
 
-.data_table .row_odd th a:hover,.data_table .row_odd th a:focus {
-	color: #eee403;
-}
-
-/*For forum*/
-.data_table tr th,.data_table tr th a {
-	color: #fff;
-}
-
-.data_table tr th a:hover,.data_table tr th a:focus {
-	color: #000;
-}
+/*Forum*/
 
 .row_odd img,.row_even img {
 	margin: 0 1em 0 1em;
@@ -603,10 +565,6 @@ td .menu {
 	text-decoration: none;
 }
 
-#doc_links a:hover,#doc_links a:focus {
-	color: #697ccf;
-}
-
 #folderselector {
 	color: #000;
 }
@@ -740,6 +698,10 @@ div.row div.formw {
 	width: 550px;
 }
 
+#profile {
+	border:none;
+}
+
 #profile .clear {
 	position: absolute;
 	background: transparent url("images/divider.jpg") no-repeat top center;
@@ -805,6 +767,16 @@ div.row div.formw {
 	margin: .5em;
 }
 
+.admin_section a {
+	text-decoration: none;
+	font: bold 100% Arial, sans-serif, sans;
+	color: #317100;
+}
+
+.admin_section  a:hover,.admin_section  a:focus {
+	color: #683000;
+}
+
 /*
 ==============================================================================
     COURSE ADMIN
@@ -919,11 +891,6 @@ div.row div.formw {
 #agenda_select li a {
 	font: bold 1em Arial, sans-serif, sans;
 	text-decoration: none;
-	color: #0265AA;
-}
-
-#agenda_select li a:hover,#agenda_select li a:hover {
-	color: #000;
 }
 
 .alternativeBgLight {
@@ -966,7 +933,7 @@ span.agendaitem i {
 }
 
 .days_week {
-	background-color: #EEB103;
+	background: #ffea9f;
 }
 
 .days_week,.days_weekend,.days_today {
@@ -974,40 +941,35 @@ span.agendaitem i {
 }
 
 .days_weekend {
-	background-color: #EE4C03;
+	background: #ffdc9f;
 }
 
 .days_week a,.days_weekend a {
 	font: bold 1em Arial, sans-serif, sans;
-	color: #697ccf;
 }
 
 .days_week a:hover,.days_weekend a:hover,.days_week a:focus,.days_weekend a:focus
 	{
 	text-decoration: none;
-	color: #0265aa;
 }
 
 .days_week .agendaitem i,.days_weekend .agendaitem i {
 	color: #3F3A00;
 }
 
-.title {
-	background: #ffb963 url('images/headertables.jpg') repeat-x;
+#newedit_form tr.title {
+	background:none;
+	text-align:left;
 }
 
-.title a {
-	color: #FFF79F;
-}
-
-.title a:hover,.title a:focus {
-	color: #1F1C00;
+.title {
+	background: #ffb963 url('images/headertables.jpg') repeat-x;
 }
 
 .weekdays {
 	font: bold 1.1em Arial, sans-serif, sans;
 	color: #fff;
-	background-color: #EE8003;
+	background: #eebb03;
 	text-align: center;
 }
 
@@ -1128,29 +1090,30 @@ span.agendaitem i {
 	color: #000;
 }
 
-.blogpost_title a {
-	color: #EE8003;
-}
-
-.blogpost_title a:hover,.blogpost_title a:focus {
-	color: #000;
-}
-
 .blog_subtitle {
 	position: relative;
 	top: .8em;
-	padding: .2em;
+	padding: .2em .9em;
 	witdh: 100%;
 	border: 1px solid #EEB103;
 	background:  #ffb963 url('images/headertables.jpg') repeat-x top center;
+	display:block;
+	width:250px;
+	margin:0 0 -1em 0;
+}
+
+/*Hack for KHTML and safari browser to fit left*/
+body:last-child:not(:root:root) .blog_subtitle {
+	width:220px;
 }
 
 .blog_title {
 	padding: .1em 1em;
 	font: bold 140% Arial, sans-serif, sans;
 	color: #EE4C03;
-	margin-bottom: .2em;
 	text-transform:uppercase;
+	margin:0 0 -1.3em 0;
+	display:block;
 }
 
 .comments,.new_comment {
@@ -1164,14 +1127,6 @@ span.agendaitem i {
 	margin-bottom: 2em;
 }
 
-.blogpost_comment a{
-	color:#fff;
-}
-
-.blogpost_comment a:hover,.blogpost_comment a:focus{
-	color:#000;
-}
-
 .blogpost_comment_title {
 	font-size: 95%;
 	background: #ffb963 url('images/headertables.jpg') repeat-x top
@@ -1202,12 +1157,12 @@ span.agendaitem i {
 */
 
 a.specialLink {
-	font: bold 100% Arial, sans-serif, sans;
-	color: #0265aa;
+	font: bold 80% Arial, sans-serif, sans;
+	color: #317100;
 }
 
 a.specialLink:hover,a.specialLink:focus {
-	color: #697ccf;
+	color: #683000;
 }
 
 /*
@@ -1225,6 +1180,10 @@ a.specialLink:hover,a.specialLink:focus {
 	background: transparent url('images/line.jpg') repeat-x bottom center;
 }
 
+th span {
+	color:#000;
+}
+
 /*
 ------------------------------------------------------------------------------
     POST
@@ -1250,14 +1209,6 @@ a.specialLink:hover,a.specialLink:focus {
 	border-collapse: collapse;
 }
 
-.forum_message_left a {
-	color: #794102;
-}
-
-.forum_message_left a:hover,.forum_message_left a:focus {
-	color: #000;
-}
-
 .forum_message_post_text {
 	margin-bottom: 10px;
 	vertical-align: top;
@@ -1342,14 +1293,10 @@ div.system_announcement {
 	border: 1px solid #EE8003;
 }
 
-.system_announcement a,.system_announcement_title {
+.system_announcement_title {
 	color: #794102;
 }
 
-.system_announcement a:hover,.system_announcement a:focus {
-	color: #000;
-}
-
 .system_announcements {
 	background: transparent url('images/systemenouvelles.gif') no-repeat top
 		left;
diff --git a/main/css/corporativa/default.css b/main/css/corporativa/default.css
index 2573e852a8..f75c749677 100644
--- a/main/css/corporativa/default.css
+++ b/main/css/corporativa/default.css
@@ -11,11 +11,11 @@
 a {
 	text-decoration: none;
 	font: bold 100% Arial, sans-serif, sans;
-	color: #4170b4;
+	color: #900;
 }
 
 a:hover,a:focus {
-	color: #111;
+	color: #990;
 }
 
 blockquote {
@@ -155,21 +155,9 @@ ul {
 	float: left;
 	clear: both;
 	margin-bottom: .5em;
+	position:relative;
 }
 
-#header a {
-	color: #000;
-	text-decoration: none;
-}
-
-#header a:hover,header a:focus {
-	text-decoration: none;
-}
-
-#header li#current a,#header a:hover,header a:focus {
-	color: #888;
-	text-decoration: underline;
-}
 
 /*
 ------------------------------------------------------------------------------
@@ -209,10 +197,6 @@ ul {
 	text-align: right;
 }
 
-#header2 a:hover,#header2 a:focus {
-	color: #fff;
-}
-
 #header2 ul {
 	list-style: none;
 	margin: 0 1.9em 0 0;
@@ -331,14 +315,11 @@ ul {
 }
 
 #header4 a {
-	color: #4170b4;
 	font-size: 120%;
 	letter-spacing: -.05em;
+	width:30%;
 }
 
-#header4 a:hover,a:focus {
-	color: #111;
-}
 
 #header4 .clear {
 	width: 100%;
@@ -351,6 +332,26 @@ ul {
 	padding: 0;
 }
 
+/*
+------------------------------------------------------------------------------
+    SHORTCUTS
+------------------------------------------------------------------------------
+*/
+
+#toolshortcuts {
+	width:550px;
+	position: absolute;
+	bottom:-.75em;
+	right:.5em;
+	padding: 0;
+	margin:0;
+	text-align: right;
+}
+
+#toolshortcuts a {
+	margin:0 3px 0 3px;
+}
+
 /*
 ==============================================================================
     FOOTER STYLES
@@ -368,24 +369,12 @@ ul {
 	border-bottom: 1px solid #999;
 }
 
-#footer a {
-	color: #4170b4;
-}
-
-#footer a:hover,footer a:focus {
-	text-decoration: none;
-	color: #888;
-}
-
 #footer .copyright {
 	float: right;
 	clear: right;
 	margin: 0 2em 0 0;
 }
 
-#footer .copyright a:hover,#footer .copyright a:focus {
-	color: #fff;
-}
 
 /*
 ==============================================================================
@@ -405,6 +394,10 @@ ul {
 	float: left;
 	clear: left;
 	width: 215px;
+	/* min-height hack for ie6 or older*/
+	min-height: 380px;
+	height: auto !important;
+	height: 380px;
 	border: 1px solid #999;
 	margin: 0 0 1em 0;
 	padding: 0 0 .3em 0;
@@ -522,11 +515,6 @@ td .menu {
 	color: #333;
 }
 
-.data_table .row_odd a:hover,.data_table .row_odd:focus,.data_table .row_even a:hover,.data_table .row_odd a:focus
-	{
-	color: #111;
-}
-
 .data_table th,.data_table .row_odd th,.row_odd th {
 	font: bold 100% sans, sans-serif, arial;
 	text-transform: capitalize;
@@ -536,7 +524,6 @@ td .menu {
 }
 
 .data_table .row_odd th a {
-	color: #157;
 	text-decoration: none;
 	font-size: 110%;
 }
@@ -552,7 +539,6 @@ td .menu {
 
 #doc_links a,#folderselector {
 	font: bold 100% Arial, sans-serif, sans;
-	color: #4170b4;
 	text-decoration: none;
 }
 
@@ -684,6 +670,10 @@ div.row div.label {
 	width: 550px;
 }
 
+#profile {
+	border:none;
+}
+
 #profile .clear {
 	position: absolute;
 	background: transparent url("images/divider3.jpg") no-repeat top center;
@@ -767,11 +757,6 @@ div.row div.label {
 	margin: 0 auto;
 	text-align: center;
 	font: bold 100% Arial, sans-serif, sans;
-	color: #4170b4;
-}
-
-.courseadminview a:hover,.courseadminview a:focus {
-	color: #000;
 }
 
 .courseadminview table td {
@@ -865,14 +850,8 @@ div.row div.label {
 }
 
 #agenda_select li a {
-	color: #4170b4;
 	font: bold 1em Arial, sans-serif, sans;
 	text-decoration: none;
-	color: #667;
-}
-
-#agenda_select li a:hover,#agenda_select li a:hover {
-	color: #111;
 }
 
 .alternativeBgLight {
@@ -923,16 +902,9 @@ span.agendaitem i {
 }
 
 .days_week a,.days_weekend a {
-	color: #4170b4;
 	font: bold 1em Arial, sans-serif, sans;
 }
 
-.days_week a:hover,.days_weekend a:hover,.days_week a:focus,.days_weekend a:focus
-	{
-	text-decoration: none;
-	color: #444;
-}
-
 .days_weekend {
 	background-color: #aaa;
 }
@@ -941,6 +913,11 @@ span.agendaitem i {
 	color: #444;
 }
 
+#newedit_form tr.title {
+	background:none;
+	text-align:left;
+}
+
 .title {
 	background: #ddd url('images/headertables.jpg') repeat-x top center;
 }
@@ -1073,18 +1050,33 @@ span.agendaitem i {
 .blog_subtitle {
 	position: relative;
 	top: .8em;
-	padding: .2em;
+	padding: .2em 1em;
 	witdh: 100%;
 	border: 1px solid #ddd;
 	background: #ddd url('images/headertables.jpg') repeat-x top center;
+	display:block;
+	width:250px;
+	margin:0 0 -1em 0;
+}
+
+/*Hack for KHTML and safari browser to fit left*/
+body:last-child:not(:root:root) .blog_subtitle {
+	width:220px;
 }
 
 .blog_title {
-	padding: .1em 1em;
+	padding: .1em .9em;
 	font: bold 130% Arial, sans-serif, sans;
 	color: #fff;
 	background-color: #999;
-	margin-bottom: .2em;
+	margin:0 0 -1.3em 0;
+	display:block;
+	width:250px;
+}
+
+/*Hack for KHTML and safari browser to fit left*/
+body:last-child:not(:root:root) .blog_title {
+	width:222px;
 }
 
 .comments,.new_comment {
@@ -1128,8 +1120,12 @@ span.agendaitem i {
 */
 
 a.specialLink {
-	font: bold 100% Arial, sans-serif, sans;
-	color: #4170b4;
+	font: bold 80% Arial, sans-serif, sans;
+	color: #900;
+}
+
+a.specialLink:hover,a.specialLink:focus {
+	color: #990;
 }
 
 /*