diff --git a/main/css/responsive.css b/main/css/responsive.css index 14f6e86e37..3f70a6e147 100644 --- a/main/css/responsive.css +++ b/main/css/responsive.css @@ -350,16 +350,47 @@ } #main_content .span6 { width: 400px; - min-height: 200px; + /*min-height: 200px;*/ } #main_content .span9 { - width: 420px; + width: 390px; margin-left: 5px; } - .section-social #main_content .span9 { + #main_content .span9 #announcements .span6 { + width: 320px; + } + #main_content #hot_courses .span9 .thumbnail { + width: 80px; + float: left; + } + #main_content #hot_courses .span9 .well_border { + padding: 8px; + } + #main_content #hot_courses .span9 .span6 { + width: 250px; + float: right; + min-height: auto; + } + .section-social #main_content .span9, .section-mycourses #main_content .span9 { width: 480px; margin-left: 5px; } + .section-mycampus #main_content .span3, .section-mycourses #main_content .span3 { + float: left; + width: 100%; + } + .section-mycampus #main_content .span3 #user_image_block, .section-mycampus #main_content .span3 #profile_block, + .section-mycourses #main_content .span3 #user_image_block, .section-mycourses #main_content .span3 #profile_block { + margin: 5px; + width: 192px; + float: left; + } + .section-mycampus #main_content .span3 #course_block, .section-mycampus #main_content .span3 #help_block, .section-mycampus #main_content .span3 #skill_block, + .section-mycourses #main_content .span3 #course_block, .section-mycourses #main_content .span3 #help_block, .section-mycourses #main_content .span3 #skill_block { + margin: 5px; + width: 192px; + float: left; + } } /* Phone, vertical screen */