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']})" : ""; ?>
-
/ 10
Episodes: /
+
+
+
+
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 @@ ({$item['manga']['english_title']})" : ""; ?>
-
*/ ?>
0) ? (int)($item['rating'] * 2) : '-' ?> / 10
@@ -30,6 +29,9 @@ Volumes: / 0) ? $item['manga']['volume_count'] : "-" ?>*/ ?>
+ +
+ */ ?> 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