Fixing breadcrumb for old CSS styles

main/css/academica/default.css

@@ -181,17 +181,8 @@ input[type=button], input[type=submit] {
 /* header 4 styles */
 #header4 {
 	float:left;
-    width:98%;
-	background-color: #fff;
-	height: 21px;
-}
-a.breadcrumb {
-	height: 21px;
-	color: #4171b5;
-}
-a.breadcrumb0 {
-	background:url(images/home.gif) no-repeat;
-	padding-left: 22px;
+    width:100%;
+	background-color: #fff;	
 }
 /* The tool shortcuts */
 #toolshortcuts {

main/css/baby_orange/default.css

@@ -168,18 +168,10 @@ input[type=button], input[type=submit] {
 }
 /* header 4 styles */
 #header4 {
-	background-color: #fff;
-	height: 21px;
+	background-color: #fff;	
 	float:left;
     width:100%;
 }
-a.breadcrumb {
-	height: 21px;
-}
-a.breadcrumb0 {
-	background:url(images/home.gif) no-repeat;
-	padding-left: 22px;
-}
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;

main/css/base.css

@@ -10,6 +10,14 @@
     width:180px;
 }
 
+#header4 {
+    height: 26px !important; /* breadcrumb fix */
+}
+
+#submain {
+	padding-top:10px;
+}
+
 a.tag {
     background-color: #E0EAF1;
     border-bottom: 1px solid #3E6D8E;
@@ -828,8 +836,9 @@ button:hover {
 
 .bread {
     height: 25px;
-    margin: 0px;    
-    padding:0px;     
+    margin: 0px 0px 5px 0px;    
+    padding:0px;
+    border-bottom:1px solid #ccc;
 }
 
 .bread li {

main/css/base_chamilo.css

@@ -47,7 +47,10 @@ body {
 
 #submain {
     padding:10px;   
-    border:1px solid #ddd;
+    border-bottom:1px solid #ddd;
+    border-left:1px solid #ddd;
+    border-right:1px solid #ddd;
+    
     position: relative; /* to avoid the IE peekabo bug*/
     margin: 0px auto;
     min-height: 320px;   

main/css/blue_lagoon/default.css

@@ -510,26 +510,12 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 /*****************************************************
  *  HEADER 3: not used          			     	 *
  *****************************************************/
-#header4 {
-	height: 15px;
-	background-color: #32578b;
+#header4 {	
+	background-color: #fff;
 	color: #fff;
-	padding: 4px;
-	padding-left: 21px;
-	margin-bottom: 2px;
 	clear:right;
-	width:98%;
-    float:left; 
-    padding-left:20px;
-    padding-right:0px; 
-    
-}
-#header4 a {
-	color: #fff;
-}
-#header4 a:hover {
-	text-decoration: none;
-	color: #a8a7a7;
+	width:100%;
+    float:left;     
 }
 /* The tool shortcuts */
 #toolshortcuts {

main/css/cool_blue/default.css

@@ -508,26 +508,17 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	display: none;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 3:                   
  *****************************************************/
-#header4 {
-	height: 15px;
-	background-color: #2ea2c5;
+#header4 {	
+	background-color: #fff;
 	color: #fff;
-	padding: 4px;
-	padding-left: 21px;
 	margin-bottom: 2px;
-	clear:right;
-	
-	width:98%;
-    float:left; 
-    padding-left:20px;
-    padding-right:0px; 
-    
-}
-#header4 a {
-	color: #fff;
+	clear:right;	
+	width:100%;
+    float:left;    
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;

main/css/corporate/default.css

@@ -194,26 +194,15 @@ input[type=button], input[type=submit] {
 
 
 /* header 4 styles */
-#header4 {
-	height: 15px;
-    padding: 4px;
-    padding-left: 21px;
+#header4 {	
+	background-color: #fff;
+    color: #fff;
     margin-bottom: 2px;
-    clear:right;
-    
-    width:98%;
-    float:left; 
-    padding-left:20px;
-    padding-right:0px; 
-    
-}
-a.breadcrumb {
-	height: 21px;
-}
-a.breadcrumb0 {
-	background:url(images/home.gif) no-repeat;
-	padding-left: 22px;
+    clear:right;    
+    width:100%;
+    float:left;
 }
+
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;

main/css/cosmic_campus/default.css

@@ -183,25 +183,14 @@ input[type=button], input[type=submit] {
 }
 /* header 4 styles */
 #header4 {
-	background-color: transparent;
-	color: #009;
-	padding: 2px;
-	margin-bottom: 1px;
-	margin-top: 0px;
-	margin-left: 18px;
-	position:relative;
-	clear:left;
-    float:left;
+	   background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
     width:100%;
+    float:left; 
 }
-#header4 a {
-	color: #7171b7;
-	background:transparent;
-}
-#header4 a:hover {
-	text-decoration: none;
-	color: #f3840d;
-}
+
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;
@@ -211,13 +200,6 @@ input[type=button], input[type=submit] {
 	padding: 10px;
 	width: 98.7%;
 }
-a.breadcrumb {
-	height: 21px;
-}
-a.breadcrumb0 {
-	background:url(images/home.gif) no-repeat;
-	padding-left: 22px;
-}
 
 /* footer styles */
 #footer {

main/css/delicious_bordeaux/default.css

@@ -510,17 +510,14 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 3: not used          			     	 *
  *****************************************************/
 #header4 {
-	height: 15px;
-	background-color: #975b5b;
-	color: #fff;
-	padding: 4px 0px 4px 10px;	
-	margin-bottom: 2px;	
-	width:99%;
-	float:left;
-}
-#header4 a {
-	color: #fff;
+	   background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;

main/css/dokeos_blue/default.css

@@ -508,20 +508,17 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	display: none;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 3: 
  *****************************************************/
 #header4 {
-	height: 15px;
-	background-color: #4171B5;
-	color: #fff;
-	padding: 4px 0px 4px 10px;	
-	margin-bottom: 2px;	
-	width:99%;
-	float:left;
-}
-#header4 a {
-	color: #fff;
+	   background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;

main/css/dokeos_classic/default.css

@@ -546,13 +546,12 @@ input[text] {
  *  HEADER 3: not used          			     	 *
  *****************************************************/
 #header4 {
-	background-color: #fff;
-	color: #009;
-	padding: 0;	
-	margin-bottom: 2px;
-    float:left;
-    width:98%;
-	clear:right;
+	   background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
 /* Special hack for IE7 using the html>body hack - 
 otherwise the breadcrumb jumps to the right */

main/css/dokeos_classic_2D/default.css

@@ -508,18 +508,17 @@ ul#navigation .student-connect a {
 }
 /*
 ------------------------------------------------------------------------------
-    HEADER 4: not used
+    HEADER 4: 
 ------------------------------------------------------------------------------
 */
 
 #header4 {
 	background-color: #fff;
-	color: #009;
-	margin-bottom: 2px;
-	padding: 4px 0px 4px 21px;
-    float:left;
-    width:99%;
-	clear:right;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
 #header4 a {
 	color: #4171b5;

main/css/empire_green/default.css

@@ -508,20 +508,17 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	display: none;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 4
  *****************************************************/
 #header4 {
-	height: 15px;
-	background-color: #5b975b;
-	color: #fff;
-	padding: 4px 0px 4px 21px;	
-	margin-bottom: 2px;
-	float:left;
-	width:98%;
-}
-#header4 a {
-	color: #fff;
+    background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;

main/css/fruity_orange/default.css

@@ -508,19 +508,17 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	display: none;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 4
  *****************************************************/
 #header4 {
-	height: 15px;
-	background-color: #f8b846;
-	color: #fff;
-	padding: 4px 0px 4px 21px;  
-	margin-bottom: 2px;
-	clear:right;
-}
-#header4 a {
-	color: #fff;
+	background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;

main/css/medical/default.css

@@ -562,15 +562,12 @@ input[text] {
  *  HEADER 3: not used          			     	 *
  *****************************************************/
 #header4 {
-	background-color: #fff;
-	color: #009;
-	padding: 4px;
-	margin-bottom: 2px;
-	padding-left: 22px;
-
-    float:left;
+    background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
     width:100%;
-	clear:right;
+    float:left; 
 }
 #header4 a {
 	color: #666;

main/css/public_admin/default.css

@@ -562,16 +562,15 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
     font-size: 1.0em;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 4
  *****************************************************/
 #header4 {
-    background-color: #fff;
-    color: #009;
-    padding: 4px 0px 4px 4px;    
+        background-color: #fff;
+    color: #fff;
     margin-bottom: 2px;
-    float:left;
-    width:98%;
-    clear:right;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
 #header4 a {
     color: #666;

main/css/royal_purple/default.css

@@ -508,19 +508,17 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	display: none;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 4
  *****************************************************/
 #header4 {
-	height: 15px;
-	background-color: #8e5b97;
-	color: #fff;
-	padding: 4px 0px 4px 21px;	
-	margin-bottom: 2px;
-	clear:right;
-}
-#header4 a {
-	color: #fff;
+    background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;

main/css/silver_line/default.css

@@ -24,7 +24,6 @@ body {
 
 a {
     text-decoration: none;
-    font: bold 100% Arial, sans-serif, sans;
     color: #900;
 }
 a:hover, a:focus {
@@ -441,10 +440,11 @@ ul#navigation .student-connect a {
 
 #header3 {
     width: 100%;
-    margin: 0;
+    margin: 5;
     padding: 0;
     float: left;
     clear: both;
+    height:20px;
 }
 #header3 input.logout {
     /* makes an input appear like a link in this header */
@@ -479,10 +479,12 @@ ul#navigation .student-connect a {
 }
 
 #header3 ul {
-    list-style: none;
-    margin: 0 0 0 3.9em;
-    padding: 0;
-    width: 80%;
+    PADDING-RIGHT: 10px;
+    PADDING-LEFT: 10px;
+    PADDING-BOTTOM: 0px;
+    MARGIN: 5px;
+    LIST-STYLE-TYPE: none;
+    display: inline;
 }
 #header3 ul li {
     float: left;
@@ -501,42 +503,15 @@ ul#navigation .student-connect a {
 ------------------------------------------------------------------------------
 */
 
-#header4 {
-    margin-top: .9em;
-    text-indent: 3.9em;
-    width: 100%;
-    float: left;
-    clear: both;
-    line-height: .9em;
-    height: auto;
-    background: #fff none;
-    position: relative;
-    padding: 0;
-}
-/* Solves the IE inherited margin bug */
-/* IE-7*/
-*:first-child+html #header4 {
-    margin-top: 0;
-}
-/*IE-6 or older*/
-* html #header4 {
-    margin-top: 0;
-}
-#header4 a {
-    font-size: 120%;
-    letter-spacing: -.05em;
-    width:30%;
-}
-#header4 .clear {
-    width: 100%;
-    background: url('images/shadowup.jpg') no-repeat bottom right;
-    clear: both;
-    position: absolute;
-    top: -.9em;
-    right: 0;
-    margin: 0;
-    padding: 0;
+#header4 { 
+    background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 /*
 ------------------------------------------------------------------------------
     SHORTCUTS

main/css/sober_brown/default.css

@@ -549,18 +549,15 @@ input[text] {
     color:#333;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 4
  *****************************************************/
 #header4 {
     background-color: #fff;
-    color: #666;
-    padding: 4px;
+    color: #fff;
     margin-bottom: 2px;
-    padding-left: 20px;
-
-    float:left;
+    clear:right;    
     width:100%;
-    clear:right;
+    float:left; 
 }
 #header4 a {
     color: #666;

main/css/steel_grey/default.css

@@ -507,20 +507,17 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	display: none;
 }
 /*****************************************************
- *  HEADER 3: not used          			     	 *
+ *  HEADER 4
  *****************************************************/
 #header4 {
-	height: 15px;
-	background-color: #808080;
-	color: #fff;
-	padding: 4px 0px 4px 10px;	
-	margin-bottom: 2px;	
-	width:99%;
-	float:left;
-}
-#header4 a {
-	color: #fff;
+    background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;

main/css/tasty_olive/default.css

@@ -510,16 +510,14 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 4
  *****************************************************/
 #header4 {
-	height: 15px;
-	background-color: #8e975b;
-	color: #fff;
-    padding: 4px 0px 4px 21px;  
-	margin-bottom: 2px;
-	clear:right;
-}
-#header4 a {
-	color: #fff;
+    background-color: #fff;
+    color: #fff;
+    margin-bottom: 2px;
+    clear:right;    
+    width:100%;
+    float:left; 
 }
+
 #header4 a:hover {
 	text-decoration: none;
 	color: #a8a7a7;