Add some white border.

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

diff --git a/catalogue/static/catalogue/css/section_list.css b/catalogue/static/catalogue/css/section_list.css
index 1b6749a..15c44ca 100644 (file)
--- a/catalogue/static/catalogue/css/section_list.css
+++ b/catalogue/static/catalogue/css/section_list.css
@@ -1,25 +1,36 @@
 .section-level {
   width: 40em;
-  border-radius: 0.938em;
-  margin: 1em 0; }
+  border-radius: 0.9375em;
+  margin: 1em 0;
+  overflow: hidden; }
   .section-level a:hover {
     text-decoration: underline; }
 
+.sections-row {
+  display: table; }
+
 .section-type {
-  display: inline-block;
+  display: table-cell;
   vertical-align: top;
   padding: 1.25em; }
   .section-type h1 {
     text-transform: uppercase;
     margin: 0 0 1em 0;
     font-size: 1em; }
+  .section-type img {
+    float: left;
+    margin-right: 1em;
+    margin-bottom: 1em;
+    border: 0.375em solid white; }
 
 .section-type-synthetic {
-  width: 16.25em; }
+  width: 18.75em; }
 
 .section-type-course {
-  border-radius: 0 0.938em 0.938em 0;
-  width: 18.75em; }
+  width: 16.25em; }
+
+.section-type-project {
+  width: 37.5em; }
 
 .section-level-gimnazjum {
   background: #f4ae83;
@@ -31,6 +42,8 @@
     color: #fff; }
     .section-level-gimnazjum .section-type-course a {
       color: #fff; }
+  .section-level-gimnazjum .section-type-project {
+    background-color: #f8cdb2; }
 
 .section-level-liceum {
   background: #44b69f;
@@ -42,17 +55,22 @@
     color: #fff; }
     .section-level-liceum .section-type-course a {
       color: #fff; }
+  .section-level-liceum .section-type-project {
+    background-color: #9fdbcf; }
 
 .course-boxes h1 {
   color: #363a3e; }
 .course-boxes .section-level {
   background: white;
-  border: 1px solid #777; }
+  border: 1px solid #777777; }
   .course-boxes .section-level a, .course-boxes .section-level a:hover {
     color: #363a3e; }
-  .course-boxes .section-level .section-type-course {
-    background: white;
-    bborder-left: 1px solid #363a3e; }
+  .course-boxes .section-level .section-type {
+    background: white; }
+.course-boxes .section-type-synthetic {
+  width: 16.25em; }
+.course-boxes .section-type-course {
+  width: 18.75em; }
 
 .section-links {
   float: right; }