From 72f22ccab0cdac0cfc8df505ddabb2d91c261b2f Mon Sep 17 00:00:00 2001 From: Alex Aragon Date: Mon, 24 Feb 2014 15:26:46 -0500 Subject: [PATCH] menu sidebar images sprite resolucion escritorio y tablet --- main/css/chamilo/default.css | 188 +++++++++++++++--- main/css/chamilo/images/sprite-icon.png | Bin 0 -> 11576 bytes main/css/responsive.css | 61 ++++-- main/inc/lib/social.lib.php | 16 +- main/template/default/layout/layout_2_col.tpl | 3 +- 5 files changed, 216 insertions(+), 52 deletions(-) create mode 100644 main/css/chamilo/images/sprite-icon.png diff --git a/main/css/chamilo/default.css b/main/css/chamilo/default.css index cac7fc4a29..c534c8b1b3 100644 --- a/main/css/chamilo/default.css +++ b/main/css/chamilo/default.css @@ -84,8 +84,8 @@ a:active { .nav-list > li > a { font-size: 14px; padding-bottom: 6px; - padding-left: 15px; - padding-right: 15px; + /* padding-left: 15px; + padding-right: 15px;*/ padding-top: 6px; } .controls .btn{ @@ -246,6 +246,14 @@ a:active { text-indent: -9000px; z-index: 1; } +/*ICON INBOX*/ +.home-icon{ + background:url(images/); +} + + +/* END ICON INBOX */ + /*CSS SLIDER ANUNCIOS*/ .pagerslide h2{ @@ -312,7 +320,7 @@ a:active { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; - padding: 19px; + padding: 20px 10px; } .sidebar-nav img{ -webkit-border-radius: 10px; @@ -323,7 +331,7 @@ a:active { font-size: 26px; font-weight: bold; color: #0191C7; - padding-bottom: 10px; + padding-bottom: 8px; } #homepage .row .span9 p,#homepage .row .span9 ol { color: #6E6E6E; @@ -523,53 +531,88 @@ button.arrowl, input.arrowl { .portal { background-image:url(images/portal.png); } -/*+++++++++++++++++++++++++++++++++ -RESPONSIVE CSS -+++++++++++++++++++++++++++++++++*/ -.navbar .brand { - float: left; - font-size: 16px; - font-weight: 200; - line-height: 20px; - padding-bottom: 12px; - padding-top: 8px; -} - -@media (min-width: 481px) and (max-width: 800px) { /*CSS ICON BLOCK USER*/ .inbox-social{ - background: url("images/inbox.png") no-repeat left center; + background: url("images/sprite-icon.png") no-repeat 0 0; padding-left: 40px; } + .inbox-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -43px; + } .new-message-social{ - background: url("images/new.png") no-repeat left center; + background: url("images/sprite-icon.png") no-repeat 0 -75px; + padding-left: 40px; + } + .new-message-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -108px; padding-left: 40px; } .invitations-social{ - background: url("images/invitation.png") no-repeat left center; + background: url("images/sprite-icon.png") no-repeat 0 -148px; + padding-left: 40px; + } + .invitations-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -191px; padding-left: 40px; } .profile-social{ - background: url("images/perfil.png") no-repeat left center; + background: url("images/sprite-icon.png") no-repeat 0 -236px; + padding-left: 40px; + } + .profile-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -278px; padding-left: 40px; } .add-course{ - background: url("images/course.png") no-repeat left center; + background: url("images/sprite-icon.png") no-repeat 0 -320px; + padding-left: 40px; + } + .add-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -363px; + padding-left: 40px; + } + .order-course{ + background: url("images/sprite-icon.png") no-repeat 0 -408px; + padding-left: 40px; + } + .order-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -451px; padding-left: 40px; } .history-course{ - background: url("images/history.png") no-repeat left center; + background: url("images/sprite-icon.png") no-repeat 0 -489px; + padding-left: 40px; + } + .history-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -532px; padding-left: 40px; } .list-course{ - background: url("images/list-course.png") no-repeat left center; + background: url("images/sprite-icon.png") no-repeat 0 -575px; padding-left: 40px; } - .order-course{ - background: url("images/order-course.png") no-repeat left center; + .list-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -618px; padding-left: 40px; } + + +/*+++++++++++++++++++++++++++++++++ +RESPONSIVE CSS ++++++++++++++++++++++++++++++++++*/ + +.navbar .brand { + float: left; + font-size: 16px; + font-weight: 200; + line-height: 20px; + padding-bottom: 12px; + padding-top: 8px; +} + +@media (min-width: 481px) and (max-width: 800px) { + .sidebar-nav h4 { color: #037FB2; font-size: 18px; @@ -590,12 +633,101 @@ RESPONSIVE CSS @media (max-width: 600px) { #main_content .course-box .row .span7 .row .span6 { float: left; - width: 615px; + /*width: 615px;*/ padding-left: 10px; } #main_content .course-box .row .span7 .row .span6 h3 { font-size: 16px; - width: 500px; + /*width: 500px;*/ + } +} + +@media (min-width: 801px){ + .nav-list > li > a { + font-size: 13px; + padding-bottom: 6px; + padding-top: 6px; +} + +/*CSS ICON BLOCK USER*/ + .inbox-social{ + background: url("images/sprite-icon.png") no-repeat 0 0; + padding-left: 30px; + background-size: 25px auto; + } + .inbox-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -36px; + background-size: 25px auto; + } + .new-message-social{ + background: url("images/sprite-icon.png") no-repeat 0 -65px; + padding-left: 30px; + background-size: 25px auto; + } + .new-message-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -93px; + padding-left: 30px; + background-size: 25px auto; + } + .invitations-social{ + background: url("images/sprite-icon.png") no-repeat 0 -127px; + padding-left: 30px; + background-size: 25px auto; + } + .invitations-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -163px; + padding-left: 30px; + background-size: 25px auto; + } + .profile-social{ + background: url("images/sprite-icon.png") no-repeat 0 -198px; + padding-left: 30px; + background-size: 25px auto; + } + .profile-social:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -233px; + padding-left: 30px; + background-size: 25px auto; + } + .add-course{ + background: url("images/sprite-icon.png") no-repeat 0 -267px; + padding-left: 30px; + background-size: 25px auto; + } + .add-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -303px; + padding-left: 30px; + background-size: 25px auto; + } + .order-course{ + background: url("images/sprite-icon.png") no-repeat 0 -339px; + padding-left: 30px; + background-size: 25px auto; + } + .order-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -375px; + padding-left: 30px; + background-size: 25px auto; + } + .history-course{ + background: url("images/sprite-icon.png") no-repeat 0 -410px; + padding-left: 30px; + background-size: 25px auto; + } + .history-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -446px; + padding-left: 30px; + background-size: 25px auto; + } + .list-course{ + background: url("images/sprite-icon.png") no-repeat 0 -480px; + padding-left: 30px; + background-size: 25px auto; + } + .list-course:hover{ + background: url("images/sprite-icon.png") no-repeat 0 -516px; + padding-left: 30px; + background-size: 25px auto; } } /*+++++++++++++++++++++++++++++++++ diff --git a/main/css/chamilo/images/sprite-icon.png b/main/css/chamilo/images/sprite-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..b2b042bc1359874d788546eb305a67c4aa7f18db GIT binary patch literal 11576 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 H#i#!RhJ6q< literal 0 HcmV?d00001 diff --git a/main/css/responsive.css b/main/css/responsive.css index f700022be5..e61e4f3a10 100644 --- a/main/css/responsive.css +++ b/main/css/responsive.css @@ -122,9 +122,22 @@ The more frequent ones have been marked with * } @media (min-width: 321px) and (max-width: 480px) { + body { + padding-left: 5px; + padding-right: 5px; + } header #header_center, header #header_right, header #header_left { display:none; } + #top_main_content .menu-column #reservation_block, #top_main_content .menu-column #notice_block, #top_main_content .menu-column #help_block { + clear: both; + display: block; + width: auto; + } + #profile_block .nav-list li, #course_block .nav-list li { + padding-bottom: 3px; + padding-top: 3px; + } .navbar { margin-top: 0em; } @@ -144,6 +157,25 @@ The more frequent ones have been marked with * #chatmain { display:none; } + #top_main_content .menu-column #profile_block{ + float: none; + clear: both; + width: 250px; + margin-left: 10px; + background: none; + border:none; + box-shadow: none; + } + #top_main_content .menu-column #course_block{ + float: none; + clear: both; + width: 250px; + margin-left: 10px; + background: none; + border:none; + box-shadow: none; + } + /* No topbar */ #topbar { @@ -261,17 +293,18 @@ The more frequent ones have been marked with * display: none; } .section-mycampus #homepage { - width: 400px; + width: auto; } .section-mycampus #hot_courses { width: 400px; } .section-mycourses #top_main_content { - margin-right: 15px; + margin-right: 0px; } .section-mycourses #main_content { margin-right: 15px; - width: 400px; + width: 100% + ; } .section-mycourses .course-box .course-box-actions { display: none; @@ -352,8 +385,8 @@ The more frequent ones have been marked with * #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: 96%; + display: block; + width: auto; } #top_main_content .menu-column .well{ padding: 15px; @@ -375,7 +408,7 @@ The more frequent ones have been marked with * } #login_block #formLogin, #login_block #lang_form, #notice_block .homepage_notice { color: #666666; - font-size: 16px; + font-size: 14px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; @@ -549,9 +582,7 @@ The more frequent ones have been marked with * -moz-border-radius: 10px; border-radius: 10px; border: 3px solid #FFFFFF; - -webkit-box-shadow: 1px 0px 6px 0px rgba(50, 50, 50, 0.71); - -moz-box-shadow: 1px 0px 6px 0px rgba(50, 50, 50, 0.71); - box-shadow: 1px 0px 6px 0px rgba(50, 50, 50, 0.71); + box-shadow: none; } } @@ -566,9 +597,7 @@ The more frequent ones have been marked with * visibility: hidden; } #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: 94%; + /*width: 94%;*/ } footer { padding-top: 2em; @@ -579,8 +608,8 @@ The more frequent ones have been marked with * padding-right: 1em; } #top_main_content .span9 { - float: left; - width: 570px; + width: 100%; + clear: both; } .section-mycampus #hot_courses .page-header { width: 565px; @@ -593,13 +622,15 @@ The more frequent ones have been marked with * background-image: none; float: left; margin-right: 10px; + border: none; + box-shadow: none; } #top_main_content .menu-column .block_user_info { float: left; width: 280px; } .section-mycampus .hot-course-box, .section-mycourses .course-box { - width: 94%; + width: auto; } .course-box-thumbnail-box{ float: left; diff --git a/main/inc/lib/social.lib.php b/main/inc/lib/social.lib.php index 2951008f57..3834d07cc1 100644 --- a/main/inc/lib/social.lib.php +++ b/main/inc/lib/social.lib.php @@ -643,29 +643,29 @@ class SocialManager extends UserManager $html .= '
'; } diff --git a/main/template/default/layout/layout_2_col.tpl b/main/template/default/layout/layout_2_col.tpl index 57760efe05..8207af4ba6 100644 --- a/main/template/default/layout/layout_2_col.tpl +++ b/main/template/default/layout/layout_2_col.tpl @@ -37,6 +37,7 @@ {# Course block - teacher #} {{ teacher_block }} +
{# Notice #} {{ notice_block }} @@ -51,7 +52,7 @@ {# Search (xapian) #} {{ search_block }} - +
{# Classes #} {{ classes_block }}