Prepared for SP 4-6.

[edumed.git] / catalogue / static / catalogue / css / lesson.css

diff --git a/catalogue/static/catalogue/css/lesson.css b/catalogue/static/catalogue/css/lesson.css
index 6ba748e..c8e73c4 100644 (file)
--- a/catalogue/static/catalogue/css/lesson.css
+++ b/catalogue/static/catalogue/css/lesson.css
@@ -188,31 +188,67 @@ em.person {
 @media print {
   #menu {
     display: none; } }
+.activity {
+  clear: both; }
+
 .activity .text {
-  max-width: 350px;
+  width: 27.5em;
   margin-right: 20px;
   float: left; }
 
 .activity .description p:first-child {
   margin-top: 0; }
 
-.activity .info {
-  margin: 1.5em 0 0;
-  max-width: 130px;
-  float: right; }
-
-.activity .info p {
-  margin-bottom: 1em; }
-
 .activity {
-  clear: both; }
-
-.activity .info {
-  font-size: 10pt; }
+  margin-top: 2em; }
+  .activity .act_counter {
+    float: left;
+    margin-right: .5em;
+    font-size: 2em; }
+  .activity .info {
+    float: right;
+    width: 8.4375em; }
+    .activity .info .infobox {
+      padding: 1em 0;
+      border-top: 1px solid #c9ccce; }
+      .activity .info .infobox h1 {
+        text-transform: uppercase;
+        font-weight: bold;
+        margin: 0 0 0.5em -2.1875em;
+        padding-left: 2.1875em;
+        line-height: 24px;
+        font-size: 1em; }
+      .activity .info .infobox p {
+        margin: 0; }
+    .activity .info .time h1 {
+      background: url(/static/img/icons/activity-time.png) 0 0 no-repeat; }
+    .activity .info .kind h1 {
+      background: url(/static/img/icons/activity-kind.png) 0 0 no-repeat; }
+    .activity .info .materials h1 {
+      background: url(/static/img/icons/activity-tools.png) 0 0 no-repeat; }
+
+.lista .paragraph {
+  margin: .3em 0; }
+.lista li {
+  margin: .75em 0; }
 
 .clearboth {
   clear: both; }
 
+#book-text .caption {
+  margin: 1.5em; }
+  #book-text .caption p {
+    margin: 0; }
+
 /* utils */
 .clr {
   clear: both; }
+
+#book-text .top-link {
+  margin-top: 1em; }
+
+.help {
+  font-size: .7em;
+  padding: 0 .5em;
+  color: #888;
+  vertical-align: super; }