From eb8f83039781f9820a94daf8701db938b206d3f0 Mon Sep 17 00:00:00 2001 From: Julio Montoya Date: Thu, 26 May 2011 18:10:45 +0200 Subject: [PATCH] Renaming CSS base.css to fix.css and base_chamilo.css to fix_chamilo.css --- main/css/base.css | 738 ------------------------- main/css/base_chamilo.css | 71 +-- main/css/base_classic.css | 32 +- main/css/fix.css | 741 ++++++++++++++++++++++++++ main/css/fix_chamilo.css | 70 +++ main/css/fix_classic.css | 33 ++ main/inc/global_error_message.inc.php | 4 +- main/inc/header.inc.php | 22 +- main/inc/reduced_header.inc.php | 17 +- main/install/index.php | 4 +- 10 files changed, 882 insertions(+), 850 deletions(-) create mode 100644 main/css/fix.css create mode 100644 main/css/fix_chamilo.css create mode 100644 main/css/fix_classic.css diff --git a/main/css/base.css b/main/css/base.css index fff8d7c408..bb64b423c4 100644 --- a/main/css/base.css +++ b/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; -} \ No newline at end of file diff --git a/main/css/base_chamilo.css b/main/css/base_chamilo.css index c9b389ace7..923cb5b5d7 100644 --- a/main/css/base_chamilo.css +++ b/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 + */ \ No newline at end of file diff --git a/main/css/base_classic.css b/main/css/base_classic.css index 9bc6fa4df2..4889f20774 100644 --- a/main/css/base_classic.css +++ b/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%; -} \ No newline at end of file diff --git a/main/css/fix.css b/main/css/fix.css new file mode 100644 index 0000000000..9cea10e062 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/main/css/fix_chamilo.css b/main/css/fix_chamilo.css new file mode 100644 index 0000000000..970c8c9d00 --- /dev/null +++ b/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; +} + diff --git a/main/css/fix_classic.css b/main/css/fix_classic.css new file mode 100644 index 0000000000..5ee50c62af --- /dev/null +++ b/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%; +} \ No newline at end of file diff --git a/main/inc/global_error_message.inc.php b/main/inc/global_error_message.inc.php index b3a811a2b1..c2acc7453e 100755 --- a/main/inc/global_error_message.inc.php +++ b/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']); diff --git a/main/inc/header.inc.php b/main/inc/header.inc.php index de44fa578b..1dfd2cef38 100755 --- a/main/inc/header.inc.php +++ b/main/inc/header.inc.php @@ -95,17 +95,29 @@ if ($show_learn_path) { $htmlHeadXtra[] = ''; //will be moved $htmlHeadXtra[] = ''; //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') { diff --git a/main/inc/reduced_header.inc.php b/main/inc/reduced_header.inc.php index a8807d9f0f..4ab1079bd6 100755 --- a/main/inc/reduced_header.inc.php +++ b/main/inc/reduced_header.inc.php @@ -94,16 +94,27 @@ if ($my_style != '') { diff --git a/main/install/index.php b/main/install/index.php index 3504ec9c96..482e4e27ec 100755 --- a/main/install/index.php +++ b/main/install/index.php @@ -308,8 +308,8 @@ if ($encryptPassForm == '1') {