webui: more style for sites

cloud/templates/sites/changelog.html

@@ -5,6 +5,7 @@
 
 
 {% block content %}
 {% block content %}
 <div class="irasmu">
 <div class="irasmu">
+    <h2>Változtatások listája</h2>
     <section>
     <section>
         <p>Az IK Cloud fejlesztése kéthetes ciklusokban történik, az rendes kiadások élesítése
         <p>Az IK Cloud fejlesztése kéthetes ciklusokban történik, az rendes kiadások élesítése
         páros heteken csütörtök este zajlik. Alább foglaljuk össze az egyes
         páros heteken csütörtök este zajlik. Alább foglaljuk össze az egyes

one/static/style/base.less

@@ -317,7 +317,7 @@ body > footer {
         padding: 20px;
         padding: 20px;
         border-left-width: 3px;
         border-left-width: 3px;
         border-left-style: solid;
         border-left-style: solid;
-        border-left-color: #ff6;
+        border-left-color: #0b4599;
     }
     }
     h4 {
     h4 {
         margin: 0;
         margin: 0;
@@ -326,7 +326,7 @@ body > footer {
         float: left;
         float: left;
     }
     }
     h4:after {
     h4:after {
-        content: " ⬩ ";
+        content: " ♦ ";
     }
     }
     h4 + p {
     h4 + p {
         margin-top: 0;
         margin-top: 0;
@@ -334,7 +334,7 @@ body > footer {
     h2 {
     h2 {
         background-color:#000;
         background-color:#000;
         background-image:url(/static/image/hexabar.png);
         background-image:url(/static/image/hexabar.png);
-        background-position:right center;
+        background-position: right center;
         background-repeat:no-repeat;
         background-repeat:no-repeat;
         color:#eee;
         color:#eee;
         font-size:1.5em;
         font-size:1.5em;
@@ -355,17 +355,31 @@ body > footer {
         text-align: center;
         text-align: center;
         &.figure-small img {
         &.figure-small img {
             height: 200px;
             height: 200px;
+            transition: 1s 300ms;
+            -webkit-transition: 1s 300ms;
+            -moz-transition: 1s 300ms;
             &:hover {
             &:hover {
                 height: 400px;
                 height: 400px;
-                transition: 1s 300ms;
-                -webkit-transition: 1s 300ms;
-                -moz-transition: 1s 300ms;
             }
             }
         }
         }
     }
     }
     ol, ul {
     ol, ul {
         margin-left: 1em;
         margin-left: 1em;
     }
     }
+    nav {
+        background: #ddd;
+        padding: 10px;
+        border-left-width: 3px;
+        border-left-style: solid;
+        border-left-color: #ff6;
+        li {
+            list-style-type: none;
+            ul li {
+                list-style-type: square;
+                margin-left: 1em;
+            }
+        }
+    }
 }
 }
 
 
 @media (max-width: 900px) {
 @media (max-width: 900px) {