code cleanup / jdoc

[nikiroo-utils.git] / src / be / nikiroo / fanfix / library / web / style.css

diff --git a/src/be/nikiroo/fanfix/library/web/style.css b/src/be/nikiroo/fanfix/library/web/style.css
index 3e59952f722096151bd2d684d34a709fe48f4b50..bb91002920e94bd593d125ff8abe26c714f4c5db 100644 (file)
--- a/src/be/nikiroo/fanfix/library/web/style.css
+++ b/src/be/nikiroo/fanfix/library/web/style.css
@@ -47,13 +47,9 @@ html, body, .main {
        margin: 10px;
 }
 
-.error {
+.message.error {
        background-color: #ffdddd;
        border: 1px solid #dd8888;
-       clear: left;
-       border-radius: 5px;
-       padding: 5px;
-       margin: 10px;
 }
 
 /* all links and clickable should show a pointer cursor */
@@ -127,7 +123,7 @@ h3 {
        width: 250px;
        display: flex;
        margin: auto;
-       margin-top: calc(50% - 320px);
+       margin-top: 100px;
        flex-direction: column;
        border: 1px solid #AAA391;
        padding: 20px;
@@ -295,22 +291,28 @@ a.viewer.link:hover {
 
 .desc {
        display: flex;
+       flex-direction: column;
        padding-top: 10px;
 }
 
-.desc .cover img {
-       width: 100px;
-       padding-right: 10px;
+.desc .cover {
        max-height: 280px;
+       overflow: hidden;
 }
 
-.desc .details .col1 {
+.desc .cover img {
+       max-width: 80%;
+       margin: auto;
+       display: block;
+}
+
+.desc .details .col.key {
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px; 
 }
 
-.desc .details .col2 {
+.desc .details .col.value {
        color: #AAA391;
 }
 
@@ -323,4 +325,10 @@ a.viewer.link:hover {
        
        .bar.optionbar.s1 { padding-left: calc(400px - (1 * (64px + 5px) / 2)); }
        .bar.optionbar.s4 { padding-left: calc(400px - (4 * (64px + 5px) / 2)); }
+       
+       .desc { flex-direction: row; }
+       .desc .cover img {
+               width: 200px;
+               padding-right: 10px;
+       }
 }