Parcourir la source

Renaming CSS base.css to fix.css and base_chamilo.css to fix_chamilo.css

Julio Montoya il y a 13 ans
Parent
commit
eb8f830397

+ 0 - 738
main/css/base.css

@@ -1,741 +1,3 @@
 /**
  * Common CSS for all themes
  */
-
-* {
-    outline :none;
-}
-
-h2 {
-	margin:0px;
-	padding:0px;
-}
-
-input {
-    -moz-border-radius:5px;    
-    -webkit-border-radius:5px;  
-    border-radius:5px;
-    -x-system-font:none;
-    border:1px solid #CCCCCC;
-    color:#666666;
-    font-family:Arial,Helvetica,sans-serif;
-    font-size:120%;   
-    line-height:normal;
-    padding:4px;
-}
-
-textarea {
-	border:1px solid #CCCCCC;
-    padding:5px;
-	-moz-border-radius:5px;    
-    -webkit-border-radius:5px;  
-    border-radius:5px;
-    color:#666666;
-}
-
-select {
-    color:#555;
-    border: 1px solid #CCC;
-	padding: 4px;
-	background-color: #F3F3F3;
-	font-size: 12px;
-	
-	-moz-border-radius:5px;    
-    -webkit-border-radius:5px;  
-    border-radius:5px;		
-}
-
-input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
-    cursor: pointer;
-    font-size: 12px;
-    -moz-border-radius:5px;
-	-webkit-border-radius:5px;
-	-border-radius:5px;
-    border:1px solid #E1E1E0;
-}
-
-input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
-    border: 1px solid #849FB3;
-    box-shadow: 0 0 5px #C9D2D9;
-	background-image:none;
-	background-color:white;
-    -moz-border-radius:5px;
-	-border-radius:5px;
-	-webkit-border-radius:5px;
-	border-radius:5px;
-}
-
-
-/* Fixes the FB input*/
-input.maininput:focus {
-    box-shadow:0 0 0px #fff;
-	border:none;	
-}
-
-/* Big icons course home page styles */ 
-.big_icon {
-	/*width:205px; */
-	padding:10px;
-
-	
-}
-
-.big_icon img {
-     margin:0 auto 0 auto;
-	 box-shadow: 0 0 5px #C9D2D9;
-	 -moz-border-radius:5px;
-	 -border-radius:5px;
-	 -webkit-border-radius:5px;
-	 border-radius:5px;
-	 
-}
-
-.courseadminview .big_icon a {
-	font-size:12px; 
-}
-
-/* Fixes the administration block section */
-.admin_section div {	
-	margin: 5px 0 14px 5px;
-    margin-left: 39px;
-}
-
-.rounded_div {
-    background: none repeat scroll 0 0 #FFFFFF;
-    border: 1px solid #E5E5E5;
-        
-    -webkit-border-radius: 11px;
-    -opera-border-radius: 11px;
-    -moz-border-radius: 11px;
-    border-radius: 11px;
-        
-    -webkit-box-shadow: 0 4px 18px #C8C8C8;
-    -opera-box-shadow: 0 4px 18px #C8C8C8;
-    -moz-box-shadow: 0 4px 18px #C8C8C8;
-	box-shadow: 0 4px 18px #C8C8C8;
-    
-    float: left;
-    height: auto;
-    margin: 10px 8px 15px 15px;
-    padding: 16px 12px 5px;
-}
-
-/* Categories courses*/
-
-#course-picture {
-    position:absolute;
-    top:8%;
-    left:85%;
-    padding:4px;
-    border:1pt solid #ccc;
-}
-
-#categories-content-first {
-    width:290px;
-    float:left;
-}
-
-#categories-search {
-    text-align:center;
-    /*height:55px; */
-    float: right;
-}
-
-#categories-list {
-    -moz-border-radius-topleft:8px;
-    -moz-border-radius-topright:8px;
-    -webkit-border-top-left-radius: 8px;
-    -webkit-border-top-right-radius: 8px;
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
-    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
-    box-shadow: 0 -1px 10px 2px #CCCCCC;
-    border:1px solid #CCCCCC;
-    float:left;
-    margin:8px;
-    width:240px;
-    min-height:132px;
-    padding:18px;
-    font-size:11pt;
-}
-
-#categories-content-second {
-    margin-left: 308px;    
-    margin-top:5px;
-}
-
-.course-block-main-item {
-	height:32px;
-}
-
-.categories-block-course {
-    -moz-border-radius-topleft:8px;
-    -moz-border-radius-topright:8px;
-    -webkit-border-top-left-radius: 8px;
-    -webkit-border-top-right-radius: 8px;
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
-    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
-    box-shadow: 0 -1px 10px 2px #CCCCCC;
-    border:1px solid #CCCCCC;
-    float:left;
-    margin:10px;
-    padding:12px;
-    width:240px;
-    min-height:180px;
-    color: #BBBBBB;
-}
-
-.categories-course-picture {
-    width:95px;
-    height:95px;
-    float:left;
-	overflow:hidden;
-	
-	border-radius:4px;
-    -moz-border-radius:4px;
-    -webkit-border-radius:4px;
-    
-	box-shadow:0 -1px 5px 2px #CCCCCC;
-    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
-    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
-    box-shadow: 0 -1px 5px 2px #CCCCCC;
-    margin-left: 8px;
-}
-
-.categories-course-picture img {    
-    height: 95px;	    
-    background-color: #eeeeee;
-}
-
-.categories-course-description {
-    margin-left:10px;
-    font-family:arial;
-    font-size:11px;
-    margin-bottom: 10px;
-}
-
-.categories-course-description .course-block-title {
-    font-family: arial;
-    font-size: large;
-    margin-bottom: 10px;
-    color: #222222;
-}
-.categories-course-description .course-block-teacher {
-    font-size: large;
-    font-style: italic;
-    text-align: right;
-    color: #444444;
-	line-height: 10px;
-}
-.categories-course-description .course-block-date {
-    font-size: large;
-    font-style: italic;
-    text-align: right;
-    color: #444444;
-	line-height: 10px;
-}
-.course-block-popularity {
-    width: 90px;
-    margin-left:120px;
-    font-size: x-small;
-    font-style: italic;
-    text-align: right;
-    background-color: #eeeeee;
-    min-height:95px;
-    padding-right: 5px;
-    -moz-border-radius-topleft:4px;
-    -moz-border-radius-topright:4px;
-    -webkit-border-top-left-radius: 4px;
-    -webkit-border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
-    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
-    box-shadow: 0 -1px 5px 2px #CCCCCC;
-}
-.course-block-popularity-score {
-    font-size: 3em;
-    text-align: center;
-    color: #000000;
-    padding-top: 10px;
-    text-shadow: gray 3px 3px 2px;
-}
-
-.categories-course-links {
-    margin-top:20px;
-    height:16px;
-	padding:2px;
-}
-
-.course-link-desc {    
-    float:left;
-}
-
-/* Attendance */
-
-.attendance-users-table td {
-    height:66px;
-}
-
-.attendance-calendar-table td {
-    height:66px;
-}
-
-/* Agenda */
-
-.rounded_div_agenda {
-	background: none repeat scroll 0 0 #FFFFFF;
-        
-    -webkit-border-radius: 6px;
-    -opera-border-radius: 6px;
-    -moz-border-radius: 6px;
-    border-radius: 6px;
-        
-    -webkit-box-shadow: 0 2px 5px #C8C8C8;
-    -opera-box-shadow: 0 2px 5px #C8C8C8;
-    -moz-box-shadow: 0 2px 5px #C8C8C8;
-    box-shadow: 0 2px 5px #C8C8C8;
-    
-    float: left;
-    height: auto;
-    margin: 2px 4px 15px;
-    padding: 8px;
-	width: 85%;
-}
-
-.agenda_day {
-	float:left;
-	    
-	width:100%;	
-    background-color: #F8F9FF;    
-    color: #666666;
-    line-height: 16px;
-    overflow: hidden;    
-	margin-bottom:5px;
-}
-.days_today .agenda_day {
-    float:left;      
-	  
-    width:100%; 
-    background-color: #FAD163;    
-    color: #666666;
-    line-height: 16px;
-    overflow: hidden;    
-    margin-bottom:5px;    
-}
-
-a.tag {
-    background-color: #E0EAF1;
-    border-bottom: 1px solid #3E6D8E;
-    border-right: 1px solid #7F9FB6;
-    color: #3E6D8E;
-    font-size: 90%;
-    line-height: 2.4;
-    margin: 2px 2px 2px 0;
-    padding: 3px 4px;
-    text-decoration: none;
-    white-space: nowrap;
-}
-
-#agenda_list th {
-    background-color: #F2F2F2;
-}
-
-#agenda_list .days_week {
-    height: 100px;
-}
-
-
-/* Makes the course elements more readable */ 
-.userportal-course-item{
-	padding:15px;
-}
-
-.session_course_item {
-    padding: 6px 0px 6px 5px ;
-}
-
-/* LP tool*/
-
-div.lp_resource {
-    padding:5px 10px;
-    width:450px;
-	
-	list-style-type: none;
-    margin: 0;
-    padding: 0;    
-	
-}
-
-.lp_resource_element, .lp_resource_element_no_link {
-	background-image:-moz-linear-gradient(top,#fefefe,#eee);
-    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
-    border: 1px solid #CCCCCC;
-    color: #444444;
-    cursor: pointer;
-    font-weight: bold;
-    text-decoration: none;
-    text-shadow: 0 1px 1px #F6F6F6;
-	margin:5px;
-	padding:5px;
-}	
-
-.doc_resource {
-	margin:5px;
-}
-
-div.lp_tree {
-    height: 100%;
-    overflow: auto;
-    padding: 3px 10px 3px 0;
-    width: 230px;
-}
-
-table.lp_build td.tree {
-	border:none;
-}
-
-#resource_tab {
-	min-height:380px;
-}
-
-/* Breadcrumb */
-
-.bread {
-    height: 25px;
-    margin: 0px;	
-	padding:0px;	 
-}
-
-.bread li {
-    color: #777777;
-    float: left;
-    line-height: 25px;    
-}
-
-.bread span {
-    display: block;
-    font-size:11px;
-    padding: 0 15px 0 9px;
-}
-
-.bread a {
-    display: block;
-	font-size:11px;    
-}
-
-.bread a:hover {
-    color:#35acc5;
-}
-
-.bread li {    
-    display: block;
-    
-}
-
-.bread li a {    
-	background: url("crumbs.gif") no-repeat scroll right center transparent;
-    display: block;    
-    background-repeat:no-repeat; 
-    background-position:right;
-}
-
-.bread .home {
-	padding:5px 15px 4px 8px;
-}    
-
-#logo {    
-    /* height:85px; */
-	padding-top: 4px;
-    overflow:hidden;
-    margin-left:4%;
-	float:left;
-}
-
-#document_quota {
-	margin:15px;
-	font-weight:bold;
-	color:#006633; 
-	text-align:center;
-}
-
-/* fixes bug in ie7 */
-#menu {
-	width:180px;
-}
-
-/* Nice buttons*/
-
-.left {
-	float:left;
-}
-
-.right {
-    float:right; 
-}
-
-/* New button style experimental */ 
-button {
-    border:1px solid #ccc;
-    
-    -opera-border-radius: 8px;
-    -webkit-border-radius: 8px; 
-    border-radius: 8px;
-    
-    -opera-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);    
-    -webkit-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
-    
-    font-weight:bold;
-    font-size: 105%;    
-}
-
-button:hover {
-    color:#000;
-    border-style: inset;
-    background-color:#eee;
-    border:1px solid #ccc;  
-}
-
-/* Nice buttons v2 */
-
-.a_button {
-    display: inline-block;
-    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
-    display: inline;
-    vertical-align: baseline;
-    /* margin: 0 2px; */
-    outline: none;
-    cursor: pointer;
-    text-align: center;
-    text-decoration: none;
-    font: 14px/100% Arial, Helvetica, sans-serif;
-    padding: .5em 2em .55em;
-    text-shadow: 0 1px 1px rgba(0,0,0,.3);
-    -webkit-border-radius: .5em; 
-    -moz-border-radius: .5em;
-    border-radius: .5em;
-    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-    box-shadow: 0 1px 2px rgba(0,0,0,.2);
-}
-.a_button:hover {
-    text-decoration: none;
-}
-.a_button:active {
-    position: relative;
-    top: 1px;
-}
-
-.bigrounded {
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius: 2em;
-}
-.medium {
-    font-size: 12px;
-    padding: .4em 1.5em .42em;
-}
-.small {
-    font-size: 11px;
-    padding: .2em 1em .275em;
-}
-
-/* white */
-
-.a_button .white {
-	color: #606060;
-}
-.white {
-    color: #606060 !important;
-    border: solid 1px #b7b7b7;
-    background: #fff;
-    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
-    background: -moz-linear-gradient(top,  #fff,  #ededed);
-    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
-}
-.white:hover {
-	color: #606060;
-    background: #ededed;
-    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
-    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
-    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
-}
-.white:active {	
-    color: #999;
-    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
-    background: -moz-linear-gradient(top,  #ededed,  #fff);
-    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
-}
-
-
-/* orange */
-.orange {
-    color: #fef4e9 !important;
-    border: solid 1px #da7c0c;
-    background: #f78d1d;
-    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
-    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
-    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
-}
-.orange:hover {
-	color: #fef4e9;
-    background: #f47c20;
-    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
-    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
-    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
-}
-.orange:active {
-    color: #fcd3a5;
-    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
-    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
-    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
-}
-
-
-/* Message and Social changes */
-
-.menulist li {
-	margin-top: 10px;
-}
-
-#social_widget {
-    margin-bottom: 0px;
-}
-
-.menusection {
-    margin: 15px 0 0 6px;
-}
-
-.maincontent {
-    margin-top: 5px;
-}
-
-#menu {
-    margin-top: 8px;
-	margin-bottom: 10px;
-}
-
-.social-background-content {
-	width:auto;	
-}
-
-.group_social_item {
-	float:left;
-	width:95%;	
-}
-
-.group_social_sub_item {
-	float:left;
-    /* width:600px; */
-    background-color: #E9F4FA;
-    background-repeat: repeat-x;
-    
-    margin: 8px;
-    padding:5px;
-	width:100%;
-}
-
-.message-group-author {
-	float:left;
-	width:30px;
-	margin:5px;
-}
-
-.message-group-content {
-	float:right;
-	width:90%;
-	line-height: 100%;
-}
-
-.message-group-date  {
-	font-style:italic;
-	text-align:left;
-	margin-top:4px;
-}
-.message-reply-link {
-	float:right;
-}
-
-.group_social_main_item  {
-	float:left;
-    width:600px;
-    background-color: #fff;
-    background-repeat: repeat-x;
-    
-    margin: 8px;
-    padding:5px;
-}
-
-
-.group_discussions_replies  {
-	background-color: #E9F4FA;    
-    background-repeat: repeat-x;
-    border: 1px solid #D0E2EC;
-    border-radius: 3px 3px 3px 3px;
-    color: #999999;
-    float: left;
-    font-size: 0.8em;
-    margin-right: 10px;
-    overflow: hidden;
-    padding: 7px 10px;
-    text-align: center;
-    width: 40px;
-	margin-bottom: 65px;
-}
-
-.group_discussions_replies span {
-    display: block;
-    font-size: 2em;
-}
-
-.group_social_grid {
-	float:left;
-	width:100%;
-}
-
-.message-attach {
-	float:left;
-}
-
-div.system_announcement {
-	background-color: #EEEEEE;
-}
-
-.RequirementHeading, .RequirementText, .RequirementContent  {
-    margin-top:12px;
-}
-
-#formLogin {
-    height:160px;
-}
-
-#social_widget {
-	float:none;
-}
-
-
-#toolshortcuts_horizontal {    
-    padding: 8px 20px 2px 0px;
-	clear: right;
-    margin-left: auto;
-    margin-right: auto;
-    text-align: right;
-    width: 98%;
-}
-
-#toolshortcuts_vertical {    
-    padding: 8px 0px 2px 0px;
-	clear: right;
-    margin-left: auto;
-    margin-right: auto;
-    text-align: right;
-    width: 98%;
-}
-
-.note {
-    background-color: #FFFF96;
-}

+ 2 - 69
main/css/base_chamilo.css

@@ -1,70 +1,3 @@
 /*
- * CSS that only will be called in chamilo_XXX themes
- */
- 
-#submain {
-    padding:10px;   
-    border:1px solid #ddd;
-    position: relative; /* to avoid the IE peekabo bug*/
-    margin: 0px auto;
-    min-height: 320px;   
-    -moz-border-radius:0px 0px 10px 10px;
-    border-radius:0px 0px 10px 10px;
-    
-    box-shadow: 3px 3px 10px #ddd;
-    -moz-box-shadow: 3px 3px 10px #ddd; 
-}
- 
-#header3 {
-    background:none;                    
-    border-bottom:1px solid #ccc;
-    width: 92%;
-    margin-bottom:0px;
-    padding:0px;
-}
-
-#header2 {
-    min-height: 18px;
-}
-
-#current {
-    margin-right: 2px;
-}
-
-#current #tab_active {    
-}       
-
-#header1 {
-	padding:0px;
-}
-         
-#header3 a {    
-}
-
-#header3 li {
-}
-
-#header3 li a span { 
-}
-
-#header4 {  
-    height:26px;
-    padding:0px;
-    background:none;                    
-    width: 92%;
-}
-
-div.admin_section {
-  width: 44%;	
-}
-
-#Header2Right ul {
-	width:50%;
-}
-
-#toolshortcuts_horizontal {
-	border-top:1px solid #ccc; 
-	width:92%;
-	padding: 8px 0px 2px 0; 
-}
-
+ * Base CSS for chamilo_XXX themes
+ */

+ 1 - 31
main/css/base_classic.css

@@ -1,33 +1,3 @@
 /*
- * CSS that only will be called in classic chamilo themes (everything except the chamilo_XXX themes)
+ * Base CSS for classic chamilo themes 
  */
- 
-#Header2Right ul {
-	 /*width: 80% */
-}
-
-#header2 {
-    min-height: 25px;
-} 
-
-#header3 {
-    width: 100%;	
-	padding-left:0px;
-    padding-right:0px;  
-	float:left;
-}
-
-#header4 {
-    width: 98%;
-	float:left;	
-	padding-left:20px;
-    padding-right:0px;	
-}
-
-.menu , #menu {
-    min-height: 90px;
-}
-
-.message-body {
-	font-size:100%;
-}

+ 741 - 0
main/css/fix.css

@@ -0,0 +1,741 @@
+/**
+ * Fix all themes
+ */
+
+* {
+    outline :none;
+}
+
+h2 {
+	margin:0px;
+	padding:0px;
+}
+
+input {
+    -moz-border-radius:5px;    
+    -webkit-border-radius:5px;  
+    border-radius:5px;
+    -x-system-font:none;
+    border:1px solid #CCCCCC;
+    color:#666666;
+    font-family:Arial,Helvetica,sans-serif;
+    font-size:120%;   
+    line-height:normal;
+    padding:4px;
+}
+
+textarea {
+	border:1px solid #CCCCCC;
+    padding:5px;
+	-moz-border-radius:5px;    
+    -webkit-border-radius:5px;  
+    border-radius:5px;
+    color:#666666;
+}
+
+select {
+    color:#555;
+    border: 1px solid #CCC;
+	padding: 4px;
+	background-color: #F3F3F3;
+	font-size: 12px;
+	
+	-moz-border-radius:5px;    
+    -webkit-border-radius:5px;  
+    border-radius:5px;		
+}
+
+input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
+    cursor: pointer;
+    font-size: 12px;
+    -moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	-border-radius:5px;
+    border:1px solid #E1E1E0;
+}
+
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
+    border: 1px solid #849FB3;
+    box-shadow: 0 0 5px #C9D2D9;
+	background-image:none;
+	background-color:white;
+    -moz-border-radius:5px;
+	-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+}
+
+
+/* Fixes the FB input*/
+input.maininput:focus {
+    box-shadow:0 0 0px #fff;
+	border:none;	
+}
+
+/* Big icons course home page styles */ 
+.big_icon {
+	/*width:205px; */
+	padding:10px;
+
+	
+}
+
+.big_icon img {
+     margin:0 auto 0 auto;
+	 box-shadow: 0 0 5px #C9D2D9;
+	 -moz-border-radius:5px;
+	 -border-radius:5px;
+	 -webkit-border-radius:5px;
+	 border-radius:5px;
+	 
+}
+
+.courseadminview .big_icon a {
+	font-size:12px; 
+}
+
+/* Fixes the administration block section */
+.admin_section div {	
+	margin: 5px 0 14px 5px;
+    margin-left: 39px;
+}
+
+.rounded_div {
+    background: none repeat scroll 0 0 #FFFFFF;
+    border: 1px solid #E5E5E5;
+        
+    -webkit-border-radius: 11px;
+    -opera-border-radius: 11px;
+    -moz-border-radius: 11px;
+    border-radius: 11px;
+        
+    -webkit-box-shadow: 0 4px 18px #C8C8C8;
+    -opera-box-shadow: 0 4px 18px #C8C8C8;
+    -moz-box-shadow: 0 4px 18px #C8C8C8;
+	box-shadow: 0 4px 18px #C8C8C8;
+    
+    float: left;
+    height: auto;
+    margin: 10px 8px 15px 15px;
+    padding: 16px 12px 5px;
+}
+
+/* Categories courses*/
+
+#course-picture {
+    position:absolute;
+    top:8%;
+    left:85%;
+    padding:4px;
+    border:1pt solid #ccc;
+}
+
+#categories-content-first {
+    width:290px;
+    float:left;
+}
+
+#categories-search {
+    text-align:center;
+    /*height:55px; */
+    float: right;
+}
+
+#categories-list {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:8px;
+    width:240px;
+    min-height:132px;
+    padding:18px;
+    font-size:11pt;
+}
+
+#categories-content-second {
+    margin-left: 308px;    
+    margin-top:5px;
+}
+
+.course-block-main-item {
+	height:32px;
+}
+
+.categories-block-course {
+    -moz-border-radius-topleft:8px;
+    -moz-border-radius-topright:8px;
+    -webkit-border-top-left-radius: 8px;
+    -webkit-border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    -moz-box-shadow:0 -1px 10px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 10px 2px  #CCCCCC;
+    box-shadow: 0 -1px 10px 2px #CCCCCC;
+    border:1px solid #CCCCCC;
+    float:left;
+    margin:10px;
+    padding:12px;
+    width:240px;
+    min-height:180px;
+    color: #BBBBBB;
+}
+
+.categories-course-picture {
+    width:95px;
+    height:95px;
+    float:left;
+	overflow:hidden;
+	
+	border-radius:4px;
+    -moz-border-radius:4px;
+    -webkit-border-radius:4px;
+    
+	box-shadow:0 -1px 5px 2px #CCCCCC;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+    margin-left: 8px;
+}
+
+.categories-course-picture img {    
+    height: 95px;	    
+    background-color: #eeeeee;
+}
+
+.categories-course-description {
+    margin-left:10px;
+    font-family:arial;
+    font-size:11px;
+    margin-bottom: 10px;
+}
+
+.categories-course-description .course-block-title {
+    font-family: arial;
+    font-size: large;
+    margin-bottom: 10px;
+    color: #222222;
+}
+.categories-course-description .course-block-teacher {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+	line-height: 10px;
+}
+.categories-course-description .course-block-date {
+    font-size: large;
+    font-style: italic;
+    text-align: right;
+    color: #444444;
+	line-height: 10px;
+}
+.course-block-popularity {
+    width: 90px;
+    margin-left:120px;
+    font-size: x-small;
+    font-style: italic;
+    text-align: right;
+    background-color: #eeeeee;
+    min-height:95px;
+    padding-right: 5px;
+    -moz-border-radius-topleft:4px;
+    -moz-border-radius-topright:4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    -moz-box-shadow:0 -1px 5px 2px #CCCCCC;
+    -Webkit-box-shadow: 0 -1px 5px 2px  #CCCCCC;
+    box-shadow: 0 -1px 5px 2px #CCCCCC;
+}
+.course-block-popularity-score {
+    font-size: 3em;
+    text-align: center;
+    color: #000000;
+    padding-top: 10px;
+    text-shadow: gray 3px 3px 2px;
+}
+
+.categories-course-links {
+    margin-top:20px;
+    height:16px;
+	padding:2px;
+}
+
+.course-link-desc {    
+    float:left;
+}
+
+/* Attendance */
+
+.attendance-users-table td {
+    height:66px;
+}
+
+.attendance-calendar-table td {
+    height:66px;
+}
+
+/* Agenda */
+
+.rounded_div_agenda {
+	background: none repeat scroll 0 0 #FFFFFF;
+        
+    -webkit-border-radius: 6px;
+    -opera-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+        
+    -webkit-box-shadow: 0 2px 5px #C8C8C8;
+    -opera-box-shadow: 0 2px 5px #C8C8C8;
+    -moz-box-shadow: 0 2px 5px #C8C8C8;
+    box-shadow: 0 2px 5px #C8C8C8;
+    
+    float: left;
+    height: auto;
+    margin: 2px 4px 15px;
+    padding: 8px;
+	width: 85%;
+}
+
+.agenda_day {
+	float:left;
+	    
+	width:100%;	
+    background-color: #F8F9FF;    
+    color: #666666;
+    line-height: 16px;
+    overflow: hidden;    
+	margin-bottom:5px;
+}
+.days_today .agenda_day {
+    float:left;      
+	  
+    width:100%; 
+    background-color: #FAD163;    
+    color: #666666;
+    line-height: 16px;
+    overflow: hidden;    
+    margin-bottom:5px;    
+}
+
+a.tag {
+    background-color: #E0EAF1;
+    border-bottom: 1px solid #3E6D8E;
+    border-right: 1px solid #7F9FB6;
+    color: #3E6D8E;
+    font-size: 90%;
+    line-height: 2.4;
+    margin: 2px 2px 2px 0;
+    padding: 3px 4px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+#agenda_list th {
+    background-color: #F2F2F2;
+}
+
+#agenda_list .days_week {
+    height: 100px;
+}
+
+
+/* Makes the course elements more readable */ 
+.userportal-course-item{
+	padding:15px;
+}
+
+.session_course_item {
+    padding: 6px 0px 6px 5px ;
+}
+
+/* LP tool*/
+
+div.lp_resource {
+    padding:5px 10px;
+    width:450px;
+	
+	list-style-type: none;
+    margin: 0;
+    padding: 0;    
+	
+}
+
+.lp_resource_element, .lp_resource_element_no_link {
+	background-image:-moz-linear-gradient(top,#fefefe,#eee);
+    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));
+    border: 1px solid #CCCCCC;
+    color: #444444;
+    cursor: pointer;
+    font-weight: bold;
+    text-decoration: none;
+    text-shadow: 0 1px 1px #F6F6F6;
+	margin:5px;
+	padding:5px;
+}	
+
+.doc_resource {
+	margin:5px;
+}
+
+div.lp_tree {
+    height: 100%;
+    overflow: auto;
+    padding: 3px 10px 3px 0;
+    width: 230px;
+}
+
+table.lp_build td.tree {
+	border:none;
+}
+
+#resource_tab {
+	min-height:380px;
+}
+
+/* Breadcrumb */
+
+.bread {
+    height: 25px;
+    margin: 0px;	
+	padding:0px;	 
+}
+
+.bread li {
+    color: #777777;
+    float: left;
+    line-height: 25px;    
+}
+
+.bread span {
+    display: block;
+    font-size:11px;
+    padding: 0 15px 0 9px;
+}
+
+.bread a {
+    display: block;
+	font-size:11px;    
+}
+
+.bread a:hover {
+    color:#35acc5;
+}
+
+.bread li {    
+    display: block;
+    
+}
+
+.bread li a {    
+	background: url("crumbs.gif") no-repeat scroll right center transparent;
+    display: block;    
+    background-repeat:no-repeat; 
+    background-position:right;
+}
+
+.bread .home {
+	padding:5px 15px 4px 8px;
+}    
+
+#logo {    
+    /* height:85px; */
+	padding-top: 4px;
+    overflow:hidden;
+    margin-left:4%;
+	float:left;
+}
+
+#document_quota {
+	margin:15px;
+	font-weight:bold;
+	color:#006633; 
+	text-align:center;
+}
+
+/* fixes bug in ie7 */
+#menu {
+	width:180px;
+}
+
+/* Nice buttons*/
+
+.left {
+	float:left;
+}
+
+.right {
+    float:right; 
+}
+
+/* New button style experimental */ 
+button {
+    border:1px solid #ccc;
+    
+    -opera-border-radius: 8px;
+    -webkit-border-radius: 8px; 
+    border-radius: 8px;
+    
+    -opera-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);    
+    -webkit-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
+    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
+    
+    font-weight:bold;
+    font-size: 105%;    
+}
+
+button:hover {
+    color:#000;
+    border-style: inset;
+    background-color:#eee;
+    border:1px solid #ccc;  
+}
+
+/* Nice buttons v2 */
+
+.a_button {
+    display: inline-block;
+    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
+    display: inline;
+    vertical-align: baseline;
+    /* margin: 0 2px; */
+    outline: none;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    font: 14px/100% Arial, Helvetica, sans-serif;
+    padding: .5em 2em .55em;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    -webkit-border-radius: .5em; 
+    -moz-border-radius: .5em;
+    border-radius: .5em;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    box-shadow: 0 1px 2px rgba(0,0,0,.2);
+}
+.a_button:hover {
+    text-decoration: none;
+}
+.a_button:active {
+    position: relative;
+    top: 1px;
+}
+
+.bigrounded {
+    -webkit-border-radius: 2em;
+    -moz-border-radius: 2em;
+    border-radius: 2em;
+}
+.medium {
+    font-size: 12px;
+    padding: .4em 1.5em .42em;
+}
+.small {
+    font-size: 11px;
+    padding: .2em 1em .275em;
+}
+
+/* white */
+
+.a_button .white {
+	color: #606060;
+}
+.white {
+    color: #606060 !important;
+    border: solid 1px #b7b7b7;
+    background: #fff;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
+    background: -moz-linear-gradient(top,  #fff,  #ededed);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
+}
+.white:hover {
+	color: #606060;
+    background: #ededed;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
+    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
+}
+.white:active {	
+    color: #999;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
+    background: -moz-linear-gradient(top,  #ededed,  #fff);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
+}
+
+
+/* orange */
+.orange {
+    color: #fef4e9 !important;
+    border: solid 1px #da7c0c;
+    background: #f78d1d;
+    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
+    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
+}
+.orange:hover {
+	color: #fef4e9;
+    background: #f47c20;
+    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
+    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
+}
+.orange:active {
+    color: #fcd3a5;
+    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
+    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
+}
+
+
+/* Message and Social changes */
+
+.menulist li {
+	margin-top: 10px;
+}
+
+#social_widget {
+    margin-bottom: 0px;
+}
+
+.menusection {
+    margin: 15px 0 0 6px;
+}
+
+.maincontent {
+    margin-top: 5px;
+}
+
+#menu {
+    margin-top: 8px;
+	margin-bottom: 10px;
+}
+
+.social-background-content {
+	width:auto;	
+}
+
+.group_social_item {
+	float:left;
+	width:95%;	
+}
+
+.group_social_sub_item {
+	float:left;
+    /* width:600px; */
+    background-color: #E9F4FA;
+    background-repeat: repeat-x;
+    
+    margin: 8px;
+    padding:5px;
+	width:100%;
+}
+
+.message-group-author {
+	float:left;
+	width:30px;
+	margin:5px;
+}
+
+.message-group-content {
+	float:right;
+	width:90%;
+	line-height: 100%;
+}
+
+.message-group-date  {
+	font-style:italic;
+	text-align:left;
+	margin-top:4px;
+}
+.message-reply-link {
+	float:right;
+}
+
+.group_social_main_item  {
+	float:left;
+    width:600px;
+    background-color: #fff;
+    background-repeat: repeat-x;
+    
+    margin: 8px;
+    padding:5px;
+}
+
+
+.group_discussions_replies  {
+	background-color: #E9F4FA;    
+    background-repeat: repeat-x;
+    border: 1px solid #D0E2EC;
+    border-radius: 3px 3px 3px 3px;
+    color: #999999;
+    float: left;
+    font-size: 0.8em;
+    margin-right: 10px;
+    overflow: hidden;
+    padding: 7px 10px;
+    text-align: center;
+    width: 40px;
+	margin-bottom: 65px;
+}
+
+.group_discussions_replies span {
+    display: block;
+    font-size: 2em;
+}
+
+.group_social_grid {
+	float:left;
+	width:100%;
+}
+
+.message-attach {
+	float:left;
+}
+
+div.system_announcement {
+	background-color: #EEEEEE;
+}
+
+.RequirementHeading, .RequirementText, .RequirementContent  {
+    margin-top:12px;
+}
+
+#formLogin {
+    height:160px;
+}
+
+#social_widget {
+	float:none;
+}
+
+
+#toolshortcuts_horizontal {    
+    padding: 8px 20px 2px 0px;
+	clear: right;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: right;
+    width: 98%;
+}
+
+#toolshortcuts_vertical {    
+    padding: 8px 0px 2px 0px;
+	clear: right;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: right;
+    width: 98%;
+}
+
+.note {
+    background-color: #FFFF96;
+}

+ 70 - 0
main/css/fix_chamilo.css

@@ -0,0 +1,70 @@
+/*
+ * Fix all chamilo_XXX themes
+ */
+ 
+#submain {
+    padding:10px;   
+    border:1px solid #ddd;
+    position: relative; /* to avoid the IE peekabo bug*/
+    margin: 0px auto;
+    min-height: 320px;   
+    -moz-border-radius:0px 0px 10px 10px;
+    border-radius:0px 0px 10px 10px;
+    
+    box-shadow: 3px 3px 10px #ddd;
+    -moz-box-shadow: 3px 3px 10px #ddd; 
+}
+ 
+#header3 {
+    background:none;                    
+    border-bottom:1px solid #ccc;
+    width: 92%;
+    margin-bottom:0px;
+    padding:0px;
+}
+
+#header2 {
+    min-height: 18px;
+}
+
+#current {
+    margin-right: 2px;
+}
+
+#current #tab_active {    
+}       
+
+#header1 {
+	padding:0px;
+}
+         
+#header3 a {    
+}
+
+#header3 li {
+}
+
+#header3 li a span { 
+}
+
+#header4 {  
+    height:26px;
+    padding:0px;
+    background:none;                    
+    width: 92%;
+}
+
+div.admin_section {
+  width: 44%;	
+}
+
+#Header2Right ul {
+	width:50%;
+}
+
+#toolshortcuts_horizontal {
+	border-top:1px solid #ccc; 
+	width:92%;
+	padding: 8px 0px 2px 0; 
+}
+

+ 33 - 0
main/css/fix_classic.css

@@ -0,0 +1,33 @@
+/*
+ * Fix all Chamilo classic themes (Public admin, Baby orange, etc) 
+ */
+ 
+#Header2Right ul {
+	 /*width: 80% */
+}
+
+#header2 {
+    min-height: 25px;
+} 
+
+#header3 {
+    width: 100%;	
+	padding-left:0px;
+    padding-right:0px;  
+	float:left;
+}
+
+#header4 {
+    width: 98%;
+	float:left;	
+	padding-left:20px;
+    padding-right:0px;	
+}
+
+.menu , #menu {
+    min-height: 90px;
+}
+
+.message-body {
+	font-size:100%;
+}

+ 2 - 2
main/inc/global_error_message.inc.php

@@ -53,8 +53,8 @@ if (is_int($global_error_code) && $global_error_code > 0) {
 	$css_path = 'main/css/';
 	$css_file = $css_path.$theme.'default.css';
 	
-	$css_base_file         = $css_path.'base.css';
-	$css_base_chamilo_file = $css_path.'base_chamilo.css';		
+	$css_base_file         = $css_path.'fix.css';
+	$css_base_chamilo_file = $css_path.'fix_chamilo.css';		
 
 	$root_sys = str_replace('\\', '/', realpath(dirname(__FILE__).'/../../')).'/';
 	$root_rel = htmlentities($_SERVER['PHP_SELF']);

+ 17 - 5
main/inc/header.inc.php

@@ -95,17 +95,29 @@ if ($show_learn_path) {
     $htmlHeadXtra[] = '<link rel="stylesheet" type="text/css" href="dtree.css" />'; //will be moved
     $htmlHeadXtra[] = '<script src="dtree.js" type="text/javascript"></script>'; //will be moved
 }
+//Base CSS
+echo '@import "'.api_get_path(WEB_CSS_PATH).'base.css";';
+
+//Base chamilo CSS
+if (in_array(api_get_visual_theme(), array('chamilo','chamilo_red','chamilo_blue','chamilo_orange','chamilo_green','chamilo_electric_blue'))) {
+    echo '@import "'.api_get_path(WEB_CSS_PATH).'base_chamilo.css";';
+} else {
+    echo '@import "'.api_get_path(WEB_CSS_PATH).'base_classic.css";';
+}
+
 //Default CSS
 echo '@import "'.api_get_path(WEB_CSS_PATH).$my_style.'/default.css";';
 //Course CSS
 echo '@import "'.api_get_path(WEB_CSS_PATH).$my_style.'/course.css";';
-//Global CSS
-echo '@import "'.api_get_path(WEB_CSS_PATH).'base.css";';
-//Global chamilo CSS
+
+//Fix CSS
+echo '@import "'.api_get_path(WEB_CSS_PATH).'fix.css";';
+
+//Fix chamilo CSS
 if (in_array(api_get_visual_theme(), array('chamilo','chamilo_red','chamilo_blue','chamilo_orange','chamilo_green','chamilo_electric_blue'))) {
-    echo '@import "'.api_get_path(WEB_CSS_PATH).'base_chamilo.css";';
+    echo '@import "'.api_get_path(WEB_CSS_PATH).'fix_chamilo.css";';
 } else {
-    echo '@import "'.api_get_path(WEB_CSS_PATH).'base_classic.css";';
+    echo '@import "'.api_get_path(WEB_CSS_PATH).'fix_classic.css";';
 }
 
 if ($navigator_info['name']=='Internet Explorer' &&  $navigator_info['version']=='6') {

+ 14 - 3
main/inc/reduced_header.inc.php

@@ -94,16 +94,27 @@ if ($my_style != '') {
 <style type="text/css" media="screen, projection">
 /*<![CDATA[*/
 <?php 
-//Default CSS
-echo '@import "'.api_get_path(WEB_CSS_PATH).$my_style.'/default.css";';
-//Global CSS
+//Base CSS
 echo '@import "'.api_get_path(WEB_CSS_PATH).'base.css";';
+
 //Global chamilo CSS
 if (in_array(api_get_visual_theme(), array('chamilo','chamilo_red','chamilo_blue','chamilo_orange','chamilo_green','chamilo_electric_blue'))) {
     echo '@import "'.api_get_path(WEB_CSS_PATH).'base_chamilo.css";';
 } else {
     echo '@import "'.api_get_path(WEB_CSS_PATH).'base_classic.css";';
 }
+
+//Default CSS
+echo '@import "'.api_get_path(WEB_CSS_PATH).$my_style.'/default.css";';
+
+//Fix CSS
+echo '@import "'.api_get_path(WEB_CSS_PATH).'fix.css";';
+//Fix chamilo CSS
+if (in_array(api_get_visual_theme(), array('chamilo','chamilo_red','chamilo_blue','chamilo_orange','chamilo_green','chamilo_electric_blue'))) {
+    echo '@import "'.api_get_path(WEB_CSS_PATH).'fix_chamilo.css";';
+} else {
+    echo '@import "'.api_get_path(WEB_CSS_PATH).'fix_classic.css";';
+}
 ?>
 /*]]>*/
 </style>

+ 2 - 2
main/install/index.php

@@ -308,8 +308,8 @@ if ($encryptPassForm == '1') {
 	<style type="text/css" media="screen, projection">
 		/*<![CDATA[*/
 		@import "../css/<?php echo api_get_visual_theme(); ?>/default.css";
-        @import "../css/base_chamilo.css";
-        @import "../css/base.css";
+        @import "../css/fix_chamilo.css";
+        @import "../css/fix.css";
 		/*]]>*/
 	</style>
 	<script type="text/javascript" src="../inc/lib/javascript/jquery.js"></script>