imporves course object header typography

This commit is contained in:
Galen Frechette
2012-07-16 19:29:02 -04:00
parent 96361c3fd5
commit 600aff59a6
8 changed files with 21 additions and 16 deletions

View File

@@ -243,12 +243,12 @@
border: 1px solid rgb(200,200,200);
border-top: none;
float: left;
padding: 20px 20px 30px;
padding: 16px 20px 30px;
width: flex-grid(4);
header {
margin-bottom: 30px;
padding-bottom: 20px;
padding-bottom: 16px;
position: relative;
text-align: center;

View File

@@ -4,7 +4,7 @@
header.search {
background: rgb(240,240,240);
@include background-image(url('/static/images/shot-2-large.jpg'));
//@include background-image(url('/static/images/shot-2-large.jpg'));
background-size: cover;
border-bottom: 1px solid rgb(100,100,100);
@include box-shadow(inset 0 -1px 8px 0 rgba(0,0,0, 0.2), inset 0 1px 12px 0 rgba(0,0,0, 0.3));

View File

@@ -2108,6 +2108,7 @@ header.global {
clear: both; }
.highlighted-courses .courses .course .meta-info p, .find-courses .courses .course .meta-info p {
color: white;
font-style: italic;
line-height: 1.2em;
padding: 4px 12px 5px; }
.highlighted-courses .courses .course .inner-wrapper, .find-courses .courses .course .inner-wrapper {
@@ -2142,7 +2143,11 @@ header.global {
top: 0px; }
.highlighted-courses .courses .course header.course-preview > a hgroup h2, .find-courses .courses .course header.course-preview > a hgroup h2 {
color: #3c3c3c;
font-family: "Open Sans", Verdana, Geneva, sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 0px;
overflow: hidden;
padding-top: 9px;
text-shadow: 0 1px rgba(255, 255, 255, 0.6);
text-overflow: ellipsis;
@@ -4173,11 +4178,6 @@ nav.course-material {
padding-bottom: 60px; }
.find-courses header.search, .university-profile header.search {
background: #f0f0f0;
background-image: url("/static/images/shot-2-large.jpg");
background-image: url("/static/images/shot-2-large.jpg");
background-image: url("/static/images/shot-2-large.jpg");
background-image: url("/static/images/shot-2-large.jpg");
background-image: url("/static/images/shot-2-large.jpg");
background-size: cover;
border-bottom: 1px solid #646464;
-webkit-box-shadow: inset 0 -1px 8px 0 rgba(0, 0, 0, 0.2), inset 0 1px 12px 0 rgba(0, 0, 0, 0.3);
@@ -4590,11 +4590,11 @@ nav.course-material {
border: 1px solid #c8c8c8;
border-top: none;
float: left;
padding: 20px 20px 30px;
padding: 16px 20px 30px;
width: 31.984%; }
.course-info .course-sidebar header {
margin-bottom: 30px;
padding-bottom: 20px;
padding-bottom: 16px;
position: relative;
text-align: center; }
.course-info .course-sidebar header::after {

View File

@@ -13,14 +13,14 @@
@import 'shared_styles/shared_forms';
@import 'shared_styles/shared_footer';
@import 'shared_styles/shared_header';
@import 'shared_styles/shared_list_of_courses';
@import 'shared_styles/course_object';
@import 'shared_styles/shared_course_filter';
@import 'shared_styles/shared_modal';
@import 'shared_styles/activation_messages';
@import 'home';
@import 'dashboard';
@import 'course_object';
@import 'courseware_subnav';
@import 'courses';
@import 'course_about';
@import 'jobs';

View File

@@ -33,6 +33,7 @@
p {
color: rgb(255,255,255);
font-style: italic;
line-height: 1.2em;
padding: 4px 12px 5px;
}
@@ -69,7 +70,11 @@
h2 {
color: $base-font-color;
font-family: $sans-serif;
font-size: 1em;
font-weight: 700;
margin-bottom: 0px;
overflow: hidden;
padding-top: 9px;
text-shadow: 0 1px rgba(255,255,255, 0.6);
text-overflow: ellipsis;

View File

@@ -3,7 +3,7 @@
<%namespace name='static' file='static_content.html'/>
<section class="find-courses">
<header class="search">
<header class="search" style="background: url('/static/images/shot-2-large.jpg')">
<div class="inner-wrapper main-search">
<hgroup>
<div class="logo">

View File

@@ -3,13 +3,13 @@
<%namespace name='static' file='static_content.html'/>
<section class="university-profile">
<header class="search">
<header class="search" style="background: url('/static/images/shot-5-large.jpg')">
<div class="inner-wrapper university-search">
<hgroup>
<div class="logo">
<img src="${static.url('images/harvard.png')}" />
<img src="${static.url('images/mit.png')}" />
</div>
<h1>HarvardX</h1>
<h1>MITx</h1>
</hgroup>
</div>
</header>