diff --git a/main/css/chamilo/default.css b/main/css/chamilo/default.css index d1672ae88f..68a62be606 100644 --- a/main/css/chamilo/default.css +++ b/main/css/chamilo/default.css @@ -21,21 +21,28 @@ a:active { text-decoration: none; color : #3757f7; } - +.navbar .nav > li > a { + float: none; + line-height: 20px; + padding-bottom: 11px; + padding-right: 10px; + padding-top: 9px; +} .subnav .navbar-inner { - background-color: #2E75A3; /* Old browsers */ + background-color: #0191C7; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: none; } .subnav .nav > li > a { - border-left: 1px solid #2E75A3; - border-right: 1px solid #2E75A3; + border-left: 1px solid #0191C7; + border-right: 1px solid #0191C7; color: white; font-weight: normal; - font-size: 12px; + font-size: 14px; } + .subnav .nav > #current > a, .subnav .nav > #current > a:hover { color: #fff; @@ -230,6 +237,29 @@ a:active { text-indent: -9000px; z-index: 1; } +/*CSS SLIDER ANUNCIOS*/ + +.pagerslide h2{ + font-size: 18px; + font-family: 'Raleway', sans-serif; + background-color: #0191C7; + color: #FFFFFF; + padding-left: 15px; +} +.controls .btn{ + background:#DA462A; + color: #FFFFFF; + border:none; + padding: 5px 25px; + text-shadow: none; +} +#top_main_content #announcements .page-header{ + display: none; + line-height: 1; +} +#top_main_content #announcements .span6 { + width: 800px; +} /*CSS PARA CONTENIDO DE CURSO INTRODUCCION*/ @@ -363,7 +393,7 @@ a:active { *****************************************************/ footer { height: 6em; - background-color: #0f466a; + background-color: #0191C7; background-image: none; background-repeat:repeat-x; color:#ffffff; @@ -373,7 +403,7 @@ footer .container .row { padding-top: 5px; } footer a:link, footer a:visited { - color: #ccc; + color: #F1D40D; } /***************************************************** * DISPLAY MESSAGES * @@ -535,7 +565,14 @@ RESPONSIVE CSS background: url("images/order-course.png") no-repeat left center; padding-left: 30px; } - + .sidebar-nav h4 { + color: #037FB2; + font-size: 18px; + padding-bottom: 10px; + padding-left: 15px; + padding-right: 15px; + padding-top: 10px; + } diff --git a/main/css/responsive.css b/main/css/responsive.css index 7f7f5b7d2f..adeef2dbcc 100644 --- a/main/css/responsive.css +++ b/main/css/responsive.css @@ -340,7 +340,7 @@ The more frequent ones have been marked with * background: none; border:none; } - #top_main_content .menu-column #reservation_block{ + #top_main_content .menu-column #reservation_block, #top_main_content .menu-column #notice_block, #top_main_content .menu-column #help_block { clear: both; display: inline-block; width: 98%; @@ -356,7 +356,20 @@ The more frequent ones have been marked with * font-size: 16px; } - + .bx-prev,.bx-next{ + display: none; + } + .pagerslide h2 { + width: 715px; + } + #login_block #formLogin, #login_block #lang_form, #notice_block .homepage_notice { + color: #666666; + font-size: 16px; + padding-bottom: 3px; + padding-left: 15px; + padding-right: 15px; + padding-top: 3px; + } /* only for the course tools */ #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { float: left; diff --git a/main/inc/lib/javascript/bxslider/bx_styles/bx_styles.css b/main/inc/lib/javascript/bxslider/bx_styles/bx_styles.css index a535108d41..dc9c1796af 100755 --- a/main/inc/lib/javascript/bxslider/bx_styles/bx_styles.css +++ b/main/inc/lib/javascript/bxslider/bx_styles/bx_styles.css @@ -58,7 +58,7 @@ color: #FFFFFF; font-size: 12px; margin-right: 5px; - padding: 3px 8px 3px 6px; + padding: 3px 8px 2px 6px; text-decoration: none; } .bx-auto .start { @@ -138,3 +138,21 @@ font-size: 1.1em; text-decoration: none; } +/***************************************************** + * PARA EL RESPONSIVE DESING * + *****************************************************/ +@media (max-width: 981px) { +#container-slider { + margin: 5px auto; + min-height: 200px; + padding: 0; + z-index: 0; +} +#container-slider #slider li img{ + width: 730px; + min-height: 300px; +} +#top_main_content #announcements .span6{ + width: 730px; +} +} \ No newline at end of file