{
font-family: "MuseoSlab-300";
font-size: 22px;
- line-height: 125%;
+ line-height: .4em%;
}
a.activity_actor, a.activity_actor:hover
color: #f1592a;
}
+.course_details
+{
+ font-size: 14px;
+ line-height: 2em;
+}
+
.activity_details_context, .activity_details_context a
{
font-size: 12px;
- line-height: 2em;
+ line-height: 1em;
}
.activity_details_callout
margin: 15px 0 13px;
}
+.note_preview
+{
+ margin-top: 2em;
+ line-height: 125%;
+ font: 14px/1.4em "Georga", Serif;
+ font-style: italic;
+}
+
.activity_details_callout_copy
{
line-height: 125%;
{
margin-top: 1em;
text-align: center;
- font-family: "MuseoSlab-500";
- font-size: 24px;
+ font-family: "MuseoSlab-300";
+ font-size: 22px;
}
.doubleline
{
border: dotted black;
border-width: 1px 0 0;
- width: 60px;
+ width: 140px;
margin: 2em auto;
}
<div class="row">
<div id="course_meta" class="twelve columns">
- <div class="activity_details_context">
+ <div class="course_details">
{{ course.instructor_name }} | {{ course.school.name }}
</div><!-- /activity_details_context -->
</div><!-- /course_meta -->
{% endif %}
- <div class="activity_details_callout_copy">
+ <div class="note_preview">
{{ note.text|slice:":500" }} …
</div>