diff --git a/app/views/anime_list.php b/app/views/anime_list.php
index a7e32e43..a03d2cbd 100644
--- a/app/views/anime_list.php
+++ b/app/views/anime_list.php
@@ -15,11 +15,14 @@
= ($item['anime']['alternate_title'] != "") ? "
({$item['anime']['alternate_title']})" : ""; ?>
+
diff --git a/app/views/manga_list.php b/app/views/manga_list.php
index e0be99bf..cea9fb74 100644
--- a/app/views/manga_list.php
+++ b/app/views/manga_list.php
@@ -22,7 +22,6 @@
= (isset($item['manga']['english_title'])) ? "
({$item['manga']['english_title']})" : ""; ?>
*/ ?>
= ($item['rating'] > 0) ? (int)($item['rating'] * 2) : '-' ?> / 10
@@ -30,6 +29,9 @@
Volumes: = $item['volumes_read'] ?> / = ($item['manga']['volume_count'] > 0) ? $item['manga']['volume_count'] : "-" ?>*/ ?>
+
+ = $item['manga']['manga_type'] ?>
+ */ ?>
diff --git a/public/css/base.css b/public/css/base.css
index 24aaa75e..de067b09 100644
--- a/public/css/base.css
+++ b/public/css/base.css
@@ -17,34 +17,49 @@ body {
margin:0.25em;
}
.media > img {
- border-radius:0.25em;
+ border-radius:0.5em;
}
- .name, .media_type, .airing_status, .user_rating, .completion {
+ .name, .media_type, .airing_status, .user_rating, .completion, .age_rating {
+ text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.85);
background: rgba(0, 0, 0, 0.45);
color: #fff;
padding:0.25em;
text-align:right;
}
+
+ .media_type, .age_rating {
+ text-align:left;
+ }
.media > .media_metadata {
position:absolute;
bottom:0;
right:0;
}
+
+ .media > .medium_metadata {
+ position:absolute;
+ bottom: 0;
+ left:0;
+ }
- .media > .media_metadata > .media_type {
- border-top-left-radius: 0.25em;
- border-top-right-radius: 0.25em;
+ .media > .media_metadata > .airing_status,
+ .media > .medium_metadata > .media_type
+ {
+ border-top-left-radius: 0.5em;
+ border-top-right-radius: 0.5em;
}
- .media > .media_metadata > .completion {
- border-bottom-left-radius: 0.25em;
- border-bottom-right-radius: 0.25em;
+ .media > .media_metadata > .completion,
+ .media > .medium_metadata > .age_rating
+ {
+ border-bottom-left-radius: 0.5em;
+ border-bottom-right-radius: 0.5em;
}
.media > .name {
- border-radius:0.25em;
+ border-radius:0.5em;
position:absolute;
top: 0;
}
diff --git a/public/css/manga.css b/public/css/manga.css
index ed5c98e4..4c0cdfac 100644
--- a/public/css/manga.css
+++ b/public/css/manga.css
@@ -1,8 +1,19 @@
+.media,
+.media > .name,
+.media > img,
+.media > .media_metadata > .user_rating,
+.media > .media_metadata > .completion
+{
+ border-radius: 0;
+}
+
+.media > .name {
+ padding:0.5em;
+ margin:1em;
+}
+
.media {
- position:relative;
- vertical-align:top;
- display:inline-block;
- text-align:center;
+ border:1px solid #ddd;
width:200px;
height:290px;
margin:0.25em;
@@ -10,4 +21,9 @@
.completion::before {
content: "";
+}
+
+.media_metadata {
+ padding: 0.25em;
+ margin: 0.75em;
}
\ No newline at end of file