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 */
width: 250px;
display: flex;
margin: auto;
- margin-top: calc(50% - 320px);
+ margin-top: 100px;
flex-direction: column;
border: 1px solid #AAA391;
padding: 20px;
.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;
}
.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;
+ }
}