webui: style sites

one/static/style/base.less

@@ -300,6 +300,70 @@ body > footer {
     padding: 20px;
     padding: 20px;
 }
 }
 
 
-.irasmu p {
-    margin-top: 20px;
+.irasmu {
+    section {
+        border-radius: 4px;
+        border: 1px solid #888;
+        background: #ccc;
+        box-shadow: 0 0 20px rgba(0,0,0,0.2);
+        padding: 20px;
+        margin: 10px;
+    }
+    p {
+        margin-top: 20px;
+    }
+    p.teacher {
+        background: #ddd;
+        padding: 20px;
+        border-left-width: 3px;
+        border-left-style: solid;
+        border-left-color: #ff6;
+    }
+    h4 {
+        margin: 0;
+        padding: 0;
+        font-size: 1em;
+        float: left;
+    }
+    h4:after {
+        content: " ⬩ ";
+    }
+    h4 + p {
+        margin-top: 0;
+    }
+    h2 {
+        background-color:#000;
+        background-image:url(/static/image/hexabar.png);
+        background-position:right center;
+        background-repeat:no-repeat;
+        color:#eee;
+        font-size:1.5em;
+        border-radius: 4px;
+        border: 1px solid #888;
+        box-shadow: 0 0 20px rgba(0,0,0,0.2);
+        padding: 10px;
+        margin: 10px;
+        margin-bottom: 0;
+        border-bottom-style: none;
+    }
+    h2 + section {
+        border-radius: 0 0 4px 4px;
+        border-top-style: none;
+        margin-top: 0;
+    }
+    p.figure {
+        text-align: center;
+        &.figure-small img {
+            height: 200px;
+            &:hover {
+                height: 400px;
+                transition: 1s 300ms;
+                -webkit-transition: 1s 300ms;
+                -moz-transition: 1s 300ms;
+            }
+        }
+    }
+    ol, ul {
+        margin-left: 1em;
+    }
 }
 }