diff --git a/index.php b/index.php
index 66a2669..f44b4ad 100644
--- a/index.php
+++ b/index.php
@@ -1,116 +1,115 @@
-
-
-
-
-
-
- Netflix 2.0
-
-
-
-
-
-
- Netflix 2.0
-
-
-
-
-
-
-
-
-
- Afficher détail
-
-
-
![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+ Netflix 2.0
+
+
+
+
+
+
+ Netflix 2.0
+
+
+
+
+
+
+
+
+
+ Afficher détail
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/js/function.js b/js/function.js
index 98b201a..0f0048d 100644
--- a/js/function.js
+++ b/js/function.js
@@ -1,284 +1,284 @@
-
-var duree_movie;
-
-
- function ShowSagas(data) {
- var nosaga = $('', {
- id: 0,
- class: 'saga button box nosaga',
- href: '.?saga=0',
- });
- nosaga.append('No Saga');
- nosaga.appendTo('#sagas');
- $.each(data, function(key, value) {
- var saga = $('', {
- id: value['id'],
- class: 'saga button box container',
- href: '.?saga='+value['id'],
- });
- //saga.append('
' + value['name']);
- saga.appendTo('#sagas');
-
- var text = $('', {
- html: value['name'],
- class: 'centered title',
- });
- text.prependTo(saga);
-
- var image = $('![]()
', {
- src: value['poster_path'],
- class: 'thumbnail',
- });
- image.prependTo(saga);
- });
- };
-
- function ShowMovies(data) {
- $('#movies').append('' + saga_name + '
');
- $.each(data, function(key, value) {
- var movie = $('', {
- id: value['id'],
- class: 'movie button box container',
- href: '.?movie='+value['id'],
- });
- //movie.append('
' + value['title']);
- movie.appendTo('#movies');
-
- var title = $('', {
- html: value['title'],
- class: 'centered title',
- });
- title.appendTo(movie);
-
- var original_title = $('', {
- html: value['original_title'],
- class: 'original_title',
- });
- original_title.appendTo(movie);
- original_title.hide();
-
- var image = $('![]()
', {
- src: value['poster_path'],
- class: 'thumbnail',
- });
- image.prependTo(movie);
- });
- };
-
- function MovieDetails(data) {
-
- $('#movieTitle').html(data.title);
-
- var description = $('#movieDetails #spec p');
- description.empty();
- description.append('Date de sortie : ' + data.release_date + '
');
- description.append(' Résumé
' + data.overview + '
');
- description.append('Langue original : ' + data.original_language + '
');
- description.append('Titre original : ' + data.original_title + '
');
- description.append('Nom du fichier : ' + data.file_name + '
');
- description.append('More details here : TMDB
');
- if (data.sagaID != 0)
- description.append('Saga details : TMDB
');
- description.append('Download : File\
-
');
-
- $('#cover img').attr('src', data.poster_path);
-
- $('#viewOverview').click(function() {
- $('.overview').slideToggle(200);
- $(this).find(".fa").toggleClass('active');
- });
- $('#showDetail').click(function() {
- $('#movieDetails').slideToggle(200);
- $(this).find(".fa").toggleClass('active');
- });
- };
-
- function ShowSearch(sc_saga, sc_movie) {
- $('#sagas').hide();
- $('#movies').hide();
- $('#movieContent').hide();
- $('#research').empty();
- $.each(sc_saga, function(key, value) {
- var saga = $('', {
- id: value['id'],
- class: 'saga line',
- href: '.?saga='+value['id'],
- });
-
- saga.appendTo('#research');
-
- var title = $('', {
- html: value['name'],
- class: 'title',
- });
- title.appendTo(saga);
-
- var image = $('![]()
', {
- src: value['poster_path'],
- class: 'thumbnail',
- });
- image.prependTo(saga);
- });
- $.each(sc_movie, function(key, value) {
- var movie = $('', {
- id: value['id'],
- class: 'movie line',
- href: '.?movie='+value['id'],
- });
-
- movie.appendTo('#research');
-
- var title = $('', {
- html: value['title'],
- class: 'title',
- });
- title.appendTo(movie);
-
- var original_title = $('', {
- html: value['original_title'],
- class: 'original_title',
- });
- original_title.appendTo(movie);
-
- var image = $('![]()
', {
- src: value['poster_path'],
- class: 'thumbnail',
- });
- image.prependTo(movie);
- });
- //$('#research').html(data.toString());
- }
-
- function FileInfo(data) {
-
- duree_movie = parseInt(data.format.duration)*1000;
-
- $('#movieDetails #spec p > span#release_date').after('Durée : ' + data.format.duration.toHHMMSS() + '
');
-
- $('#movieDetails #spec p > span#original_title').after('Titre du media : ' + data.format.title + '
');
-
- var selection = $('#selection');
- var AV = $('#AV');
- var subtitle_list = $('#subtitle_list');
-
- AV.append('Choose Video(s) :
');
- $.each(data.video, function(key, video) {
-
- var title, language, label;
- if('title' in video)
- title = video.title;
- else
- title = 'No title';
- if('language' in video)
- language = video.language;
- else
- language = 'und';
- label = title + ' [' + language + '] ' + video.codec_name + ' ' + video.display_aspect_ratio + ' ' + video.width + 'x' + video.height;
-
- if(video.forced == 1)
- label = label + ' [forced]';
- if(video.default == 1)
- label = label + ' [def]';
-
- AV.append('
');
- });
-
- AV.append('
Choose Audio(s) :
');
- $.each(data.audio, function(key, audio) {
-
- var title, language, label;
- if('title' in audio)
- title = audio.title;
- else
- title = 'No title';
- if('language' in audio)
- language = audio.language;
- else
- language = 'und';
-
- label = title + ' [' + language + '] ' + audio.codec_name + ' ' + audio.channel_layout;
- if(audio.forced == 1)
- label = label + ' [forced]';
- if(audio.default == 1)
- label = label + ' [def]';
-
- AV.append('
');
- });
-
- AV.append('
');
-
- if (data.hasOwnProperty("subtitle")) {
- subtitle_list.append('Liste Subtitle :
');
- $.each(data.subtitle, function(key, subtitle) {
-
- var title, language, label;
- if('title' in subtitle)
- title = subtitle.title;
- else
- title = 'No title';
- if('language' in subtitle)
- language = subtitle.language;
- else
- language = 'und';
-
- label = title + ' [' + language + '] ' + subtitle.codec_name;
- if(subtitle.forced == 1)
- label = label + ' [forced]';
- if(subtitle.default == 1)
- label = label + ' [def]';
-
-
- subtitle_list.append(label + '
');
- });
- }
-
-
- };
-
- function Horloge() {
- var laDate = new Date();
-
- if (typeof duree_movie !== 'undefined') {
- var seg = laDate.getTime();
- var heure_fin = seg + duree_movie;
- heure_fin = new Date(heure_fin);
- heure_fin = heure_fin.getHours() + ":" + ("0" + heure_fin.getMinutes()).slice(-2);
- }
-
- //var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2) + ":" + ("0" + laDate.getSeconds()).slice(-2);
- var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2);
- var temps = 'Heure : ' + h + ' Heure de Fin : ' + heure_fin;
- $('#heure').text(temps);
- };
-
- function goBack() {
- if (document.referrer.split('/')[2] == location.host)
- window.history.back();
- };
-
-String.prototype.toHHMMSS = function () {
- var sec_num = parseInt(this, 10); // don't forget the second param
- var hours = Math.floor(sec_num / 3600);
- var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
- var seconds = sec_num - (hours * 3600) - (minutes * 60);
- var total = '';
-
- if (hours > 0) {
- total = hours + " Heure"
- if (hours > 1)
- total = total + 's'
- }
- if (minutes > 0) {
- total = total + ' ' + minutes + " Minute"
- if (minutes > 1)
- total = total + 's'
- }
- if (seconds > 0) {
- total = total + ' ' + seconds + " Seconde"
- if (seconds > 1)
- total = total + 's'
- }
-
- return total;
-}
+
+var duree_movie;
+
+
+ function ShowSagas(data) {
+ var nosaga = $('', {
+ id: 0,
+ class: 'saga button box nosaga',
+ href: '.?saga=0',
+ });
+ nosaga.append('No Saga');
+ nosaga.appendTo('#sagas');
+ $.each(data, function(key, value) {
+ var saga = $('', {
+ id: value['id'],
+ class: 'saga button box container',
+ href: '.?saga='+value['id'],
+ });
+ //saga.append('
' + value['name']);
+ saga.appendTo('#sagas');
+
+ var text = $('', {
+ html: value['name'],
+ class: 'centered title',
+ });
+ text.prependTo(saga);
+
+ var image = $('![]()
', {
+ src: value['poster_path'],
+ class: 'thumbnail',
+ });
+ image.prependTo(saga);
+ });
+ };
+
+ function ShowMovies(data) {
+ $('#movies').append('' + saga_name + '
');
+ $.each(data, function(key, value) {
+ var movie = $('', {
+ id: value['id'],
+ class: 'movie button box container',
+ href: '.?movie='+value['id'],
+ });
+ //movie.append('
' + value['title']);
+ movie.appendTo('#movies');
+
+ var title = $('', {
+ html: value['title'],
+ class: 'centered title',
+ });
+ title.appendTo(movie);
+
+ var original_title = $('', {
+ html: value['original_title'],
+ class: 'original_title',
+ });
+ original_title.appendTo(movie);
+ original_title.hide();
+
+ var image = $('![]()
', {
+ src: value['poster_path'],
+ class: 'thumbnail',
+ });
+ image.prependTo(movie);
+ });
+ };
+
+ function MovieDetails(data) {
+
+ $('#movieTitle').html(data.title);
+
+ var description = $('#movieDetails #spec p');
+ description.empty();
+ description.append('Date de sortie : ' + data.release_date + '
');
+ description.append(' Résumé
' + data.overview + '
');
+ description.append('Langue original : ' + data.original_language + '
');
+ description.append('Titre original : ' + data.original_title + '
');
+ description.append('Nom du fichier : ' + data.file_name + '
');
+ description.append('More details here : TMDB
');
+ if (data.sagaID != 0)
+ description.append('Saga details : TMDB
');
+ description.append('Download : File\
+
');
+
+ $('#cover img').attr('src', data.poster_path);
+
+ $('#viewOverview').click(function() {
+ $('.overview').slideToggle(200);
+ $(this).find(".fa").toggleClass('active');
+ });
+ $('#showDetail').click(function() {
+ $('#movieDetails').slideToggle(200);
+ $(this).find(".fa").toggleClass('active');
+ });
+ };
+
+ function ShowSearch(sc_saga, sc_movie) {
+ $('#sagas').hide();
+ $('#movies').hide();
+ $('#movieContent').hide();
+ $('#research').empty();
+ $.each(sc_saga, function(key, value) {
+ var saga = $('', {
+ id: value['id'],
+ class: 'saga line',
+ href: '.?saga='+value['id'],
+ });
+
+ saga.appendTo('#research');
+
+ var title = $('', {
+ html: value['name'],
+ class: 'title',
+ });
+ title.appendTo(saga);
+
+ var image = $('![]()
', {
+ src: value['poster_path'],
+ class: 'thumbnail',
+ });
+ image.prependTo(saga);
+ });
+ $.each(sc_movie, function(key, value) {
+ var movie = $('', {
+ id: value['id'],
+ class: 'movie line',
+ href: '.?movie='+value['id'],
+ });
+
+ movie.appendTo('#research');
+
+ var title = $('', {
+ html: value['title'],
+ class: 'title',
+ });
+ title.appendTo(movie);
+
+ var original_title = $('', {
+ html: value['original_title'],
+ class: 'original_title',
+ });
+ original_title.appendTo(movie);
+
+ var image = $('![]()
', {
+ src: value['poster_path'],
+ class: 'thumbnail',
+ });
+ image.prependTo(movie);
+ });
+ //$('#research').html(data.toString());
+ }
+
+ function FileInfo(data) {
+
+ duree_movie = parseInt(data.format.duration)*1000;
+
+ $('#movieDetails #spec p > span#release_date').after('Durée : ' + data.format.duration.toHHMMSS() + '
');
+
+ $('#movieDetails #spec p > span#original_title').after('Titre du media : ' + data.format.title + '
');
+
+ var selection = $('#selection');
+ var AV = $('#AV');
+ var subtitle_list = $('#subtitle_list');
+
+ AV.append('Choose Video(s) :
');
+ $.each(data.video, function(key, video) {
+
+ var title, language, label;
+ if('title' in video)
+ title = video.title;
+ else
+ title = 'No title';
+ if('language' in video)
+ language = video.language;
+ else
+ language = 'und';
+ label = title + ' [' + language + '] ' + video.codec_name + ' ' + video.display_aspect_ratio + ' ' + video.width + 'x' + video.height;
+
+ if(video.forced == 1)
+ label = label + ' [forced]';
+ if(video.default == 1)
+ label = label + ' [def]';
+
+ AV.append('
');
+ });
+
+ AV.append('
Choose Audio(s) :
');
+ $.each(data.audio, function(key, audio) {
+
+ var title, language, label;
+ if('title' in audio)
+ title = audio.title;
+ else
+ title = 'No title';
+ if('language' in audio)
+ language = audio.language;
+ else
+ language = 'und';
+
+ label = title + ' [' + language + '] ' + audio.codec_name + ' ' + audio.channel_layout;
+ if(audio.forced == 1)
+ label = label + ' [forced]';
+ if(audio.default == 1)
+ label = label + ' [def]';
+
+ AV.append('
');
+ });
+
+ AV.append('
');
+
+ if (data.hasOwnProperty("subtitle")) {
+ subtitle_list.append('Liste Subtitle :
');
+ $.each(data.subtitle, function(key, subtitle) {
+
+ var title, language, label;
+ if('title' in subtitle)
+ title = subtitle.title;
+ else
+ title = 'No title';
+ if('language' in subtitle)
+ language = subtitle.language;
+ else
+ language = 'und';
+
+ label = title + ' [' + language + '] ' + subtitle.codec_name;
+ if(subtitle.forced == 1)
+ label = label + ' [forced]';
+ if(subtitle.default == 1)
+ label = label + ' [def]';
+
+
+ subtitle_list.append(label + '
');
+ });
+ }
+
+
+ };
+
+ function Horloge() {
+ var laDate = new Date();
+
+ if (typeof duree_movie !== 'undefined') {
+ var seg = laDate.getTime();
+ var heure_fin = seg + duree_movie;
+ heure_fin = new Date(heure_fin);
+ heure_fin = heure_fin.getHours() + ":" + ("0" + heure_fin.getMinutes()).slice(-2);
+ }
+
+ //var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2) + ":" + ("0" + laDate.getSeconds()).slice(-2);
+ var h = laDate.getHours() + ":" + ("0" + laDate.getMinutes()).slice(-2);
+ var temps = 'Heure : ' + h + ' Heure de Fin : ' + heure_fin;
+ $('#heure').text(temps);
+ };
+
+ function goBack() {
+ if (document.referrer.split('/')[2] == location.host)
+ window.history.back();
+ };
+
+String.prototype.toHHMMSS = function () {
+ var sec_num = parseInt(this, 10); // don't forget the second param
+ var hours = Math.floor(sec_num / 3600);
+ var minutes = Math.floor((sec_num - (hours * 3600)) / 60);
+ var seconds = sec_num - (hours * 3600) - (minutes * 60);
+ var total = '';
+
+ if (hours > 0) {
+ total = hours + " Heure"
+ if (hours > 1)
+ total = total + 's'
+ }
+ if (minutes > 0) {
+ total = total + ' ' + minutes + " Minute"
+ if (minutes > 1)
+ total = total + 's'
+ }
+ if (seconds > 0) {
+ total = total + ' ' + seconds + " Seconde"
+ if (seconds > 1)
+ total = total + 's'
+ }
+
+ return total;
+}
diff --git a/js/script.js b/js/script.js
index 4928189..f76da05 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,95 +1,95 @@
-$(document).ready(function() {
-
- if (typeof movies_list !== 'undefined') {
- ShowMovies(movies_list);
- }
-
- else if (typeof movie_detail !== 'undefined') {
- MovieDetails(movie_detail);
- }
-
- else if (typeof saga_list !== 'undefined') {
- $('#back').hide();
- ShowSagas(saga_list);
- }
-
- if (typeof file_info !== 'undefined') {
- FileInfo(file_info);
- Horloge();
- setInterval(Horloge, 1000);
- }
-
- if (document.referrer.split('/')[2] !== location.host)
- $('#back').hide();
-
- $("#search").on('keyup', function (e) {
- if (e.keyCode === 13) {
-
- var sc_saga = [];
- var sc_movie = [];
- var search = $("#search").val();
- console.log(search);
- $.each(saga_list, function(index, value) {
- if (value.name.toLowerCase().includes(search.toLowerCase())) {
- if(! sc_saga.includes(value)){ sc_saga.push(value);}
- }
- });
- $.each(movies_full_list, function(index, value) {
- if (value.title.toLowerCase().includes(search.toLowerCase())) {
- if(! sc_movie.includes(value)){ sc_movie.push(value);}
- }
- if (value.original_title.toLowerCase().includes(search.toLowerCase())) {
- if(! sc_movie.includes(value)){ sc_movie.push(value);}
- }
- });
- ShowSearch(sc_saga, sc_movie);
- }
- });
-
- $('.fa-list').click(function() {
- var lien = $('.saga, .movie');
- var title = $('.saga > .title, .movie > .title');
- var original_title = $('.movie > .original_title');
- lien.removeClass('box container');
- lien.addClass('line');
- title.removeClass('centered');
- original_title.show();
-
- });
-
- $('.fa-th').click(function() {
- var lien = $('.saga, .movie');
- var title = $('.saga > .title, .movie > .title');
- var original_title = $('.movie > .original_title');
- lien.removeClass('line');
- lien.addClass('box container');
- title.addClass('centered');
- original_title.hide();
- });
-
- $('.fa-clipboard-list').click(function() {
- //var copyText = $('#dl > a').attr('href');
- var copyText = $(this).prev().attr('href');
-
- var temp = $("");
- $("body").append(temp);
- temp.val(location.origin + location.pathname + copyText).select();
- //temp.setSelectionRange(0, 99999);
- document.execCommand("copy");
- temp.remove();
- });
-
- $('#convert').click(function() {
- var stream = [];
- $('#AV > input[type=checkbox]').each(function() {
- var id = $(this).attr('id');
- var state = $(this).prop('checked');
- if (state)
- stream.push(id);
- });
- if (stream.length > 0)
- alert(stream);
- });
-
-});
-
+$(document).ready(function() {
+
+ if (typeof movies_list !== 'undefined') {
+ ShowMovies(movies_list);
+ }
+
+ else if (typeof movie_detail !== 'undefined') {
+ MovieDetails(movie_detail);
+ }
+
+ else if (typeof saga_list !== 'undefined') {
+ $('#back').hide();
+ ShowSagas(saga_list);
+ }
+
+ if (typeof file_info !== 'undefined') {
+ FileInfo(file_info);
+ Horloge();
+ setInterval(Horloge, 1000);
+ }
+
+ if (document.referrer.split('/')[2] !== location.host)
+ $('#back').hide();
+
+ $("#search").on('keyup', function (e) {
+ if (e.keyCode === 13) {
+
+ var sc_saga = [];
+ var sc_movie = [];
+ var search = $("#search").val();
+ console.log(search);
+ $.each(saga_list, function(index, value) {
+ if (value.name.toLowerCase().includes(search.toLowerCase())) {
+ if(! sc_saga.includes(value)){ sc_saga.push(value);}
+ }
+ });
+ $.each(movies_full_list, function(index, value) {
+ if (value.title.toLowerCase().includes(search.toLowerCase())) {
+ if(! sc_movie.includes(value)){ sc_movie.push(value);}
+ }
+ if (value.original_title.toLowerCase().includes(search.toLowerCase())) {
+ if(! sc_movie.includes(value)){ sc_movie.push(value);}
+ }
+ });
+ ShowSearch(sc_saga, sc_movie);
+ }
+ });
+
+ $('.fa-list').click(function() {
+ var lien = $('.saga, .movie');
+ var title = $('.saga > .title, .movie > .title');
+ var original_title = $('.movie > .original_title');
+ lien.removeClass('box container');
+ lien.addClass('line');
+ title.removeClass('centered');
+ original_title.show();
+
+ });
+
+ $('.fa-th').click(function() {
+ var lien = $('.saga, .movie');
+ var title = $('.saga > .title, .movie > .title');
+ var original_title = $('.movie > .original_title');
+ lien.removeClass('line');
+ lien.addClass('box container');
+ title.addClass('centered');
+ original_title.hide();
+ });
+
+ $('.fa-clipboard-list').click(function() {
+ //var copyText = $('#dl > a').attr('href');
+ var copyText = $(this).prev().attr('href');
+
+ var temp = $("");
+ $("body").append(temp);
+ temp.val(location.origin + location.pathname + copyText).select();
+ //temp.setSelectionRange(0, 99999);
+ document.execCommand("copy");
+ temp.remove();
+ });
+
+ $('#convert').click(function() {
+ var stream = [];
+ $('#AV > input[type=checkbox]').each(function() {
+ var id = $(this).attr('id');
+ var state = $(this).prop('checked');
+ if (state)
+ stream.push(id);
+ });
+ if (stream.length > 0)
+ alert(stream);
+ });
+
+});
+
diff --git a/style/style.css b/style/style.css
index 7011ed8..49ef933 100644
--- a/style/style.css
+++ b/style/style.css
@@ -1,211 +1,215 @@
-.hidden {
- display: none;
-}
-
-.container {
- position: relative;
- text-align: center;
- color: white;
-}
-
-.centered {
- display: none;
- position: absolute;
- bottom: 20px;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-
-.container:hover > .centered {
- display: block;
- background-color:rgba(37, 34, 34, 0.6);
-}
-
-.thumbnail {
- width: 150px;
-}
-
-.nosaga.button {
- width: 150px;
-}
-
-#movieDetails {
- display: flex;
-}
-
-#cover {
- margin-left: 20px;
- //background-color: green;
-}
-
-#spec {
- margin-left: 30px;
- width: 60%;
- //background-color: red;
-}
-
-#selection {
- display: flex;
-}
-
-#AV {
- margin-left: 20px;
- //background-color: green;
-}
-
-#subtitle_list {
- margin-left: 30px;
- width: 60%;
- //background-color: red;
-}
-
-a.button {
- background-color: #222426;
- cursor: pointer;
- //border: 2px solid;
- border-radius: 5px;
- font-weight: bold;
- margin: 5px;
- color: #10a2ff;
- text-decoration: none;
- box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
-
-}
-
-a.button:hover {
- box-shadow: 0 0 6px rgb(35 173 255);
-
-}
-
-a.button.box {
- display: inline-block;
- text-align: center;
- padding: 1em 1.5em;
- width: 150px;
- height: 229px;
- vertical-align: top;
-
-}
-
-a.button.line {
- display: block;
- padding: 5px;
- display: flex;
- align-items: center;
- justify-content: flex-start;
-}
-
-a.line > .title {
- margin-left: 200px;
- width: 600px;
- font-size: 20px;
-}
-
-a.line > .original_title {
- margin-left: 100px;
- font-size: 20px;
-}
-
-a.line > img {
- margin-left: 50px;
- width: 50px;
-
-}
-
-.toggle {
- cursor: pointer;
- font-size: 16px;
- font-weight: 700;
- display: inline-block;
- border-bottom: 2px solid;
- }
-
-.fa {
- transition: transform .2s;
-}
-
-.fa-chevron-right.active {
- transform: rotateZ(90deg);
-}
-
-.fa-chevron-down.active {
- transform: rotateZ(-90deg);
-}
-
-.fa-clipboard-list {
- cursor: pointer;
-}
-
-.overview {
- border: 1px solid;
- display: inline-block;
- margin: 5px 0;
- margin-left: 5px;
- padding: 3px;
-
-}
-
-input:checked + label {
- font-weight: bold;
-}
-
-input[type="checkbox"] {
- position: absolute;
- left: -9999px;
-}
-
-label:hover, input:focus + label {
- cursor: pointer;
- box-shadow: 0 0 20px rgba(0, 0, 0, .6);
-}
-
-body {
- margin: 0;
- background-color: #181A1B;
- filter: brightness(1);
- filter: contrast(1);
-}
-
-.navbar {
- overflow: hidden;
- background-color: #262A2B;
- position: sticky;
- top: 0;
- left: 0;
- z-index: 999;
- padding: 5px 60px;
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-.navbar > * {
- font-size: 17px;
-}
-
-.navbar > a,
-.navbar > i {
- margin: 0 6px;
- padding: 8px 8px;
- text-decoration: none;
- color: #f2f2f2;
- cursor: pointer;
-}
-
-.navbar > input[type=text] {
- margin-left: auto;
- margin-right: 20px;
-}
-
-.navbar > a:hover,
-.navbar > i:hover {
- background: #ddd;
- color: black;
-}
-
-.main {
- padding: 0;
- margin: 16px;
- color: #E8E6E3;
-}
-
+.hidden {
+ display: none;
+}
+
+.container {
+ position: relative;
+ text-align: center;
+ color: white;
+}
+
+.centered {
+ display: none;
+ position: absolute;
+ bottom: 20px;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
+
+.container:hover > .centered {
+ display: block;
+ background-color:rgba(37, 34, 34, 0.6);
+}
+
+.thumbnail {
+ width: 150px;
+}
+
+.nosaga.button {
+ width: 150px;
+}
+
+#movieDetails {
+ display: flex;
+}
+
+#cover {
+ margin-left: 20px;
+ //background-color: green;
+}
+
+#spec {
+ margin-left: 30px;
+ width: 60%;
+ //background-color: red;
+}
+
+#selection {
+ display: flex;
+}
+
+#AV {
+ margin-left: 20px;
+ //background-color: green;
+}
+
+#subtitle_list {
+ margin-left: 30px;
+ width: 60%;
+ //background-color: red;
+}
+
+a.button {
+ background-color: #222426;
+ cursor: pointer;
+ //border: 2px solid;
+ border-radius: 5px;
+ font-weight: bold;
+ margin: 5px;
+ color: #10a2ff;
+ text-decoration: none;
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
+
+}
+
+a.button:hover {
+ box-shadow: 0 0 6px rgb(35 173 255);
+
+}
+
+a.button.box {
+ display: inline-block;
+ text-align: center;
+ padding: 1em 1.5em;
+ width: 150px;
+ height: 229px;
+ vertical-align: top;
+
+}
+
+a.button.line {
+ display: block;
+ padding: 5px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+}
+
+a.line > .title {
+ margin-left: 200px;
+ width: 600px;
+ font-size: 20px;
+}
+
+a.line > .original_title {
+ margin-left: 100px;
+ font-size: 20px;
+}
+
+a.line > img {
+ margin-left: 50px;
+ width: 50px;
+
+}
+
+.toggle {
+ cursor: pointer;
+ font-size: 16px;
+ font-weight: 700;
+ display: inline-block;
+ border-bottom: 2px solid;
+ }
+
+.fa {
+ transition: transform .2s;
+}
+
+.fa-chevron-right.active {
+ transform: rotateZ(90deg);
+}
+
+.fa-chevron-down.active {
+ transform: rotateZ(-90deg);
+}
+
+.fa-clipboard-list {
+ cursor: pointer;
+}
+
+.overview {
+ border: 1px solid;
+ display: inline-block;
+ margin: 5px 0;
+ margin-left: 5px;
+ padding: 3px;
+
+}
+
+input:checked + label {
+ font-weight: bold;
+}
+
+input[type="checkbox"] {
+ position: absolute;
+ left: -9999px;
+}
+
+label:hover, input:focus + label {
+ cursor: pointer;
+ box-shadow: 0 0 20px rgba(0, 0, 0, .6);
+}
+
+body {
+ margin: 0;
+ background-color: #181A1B;
+ filter: brightness(1);
+ filter: contrast(1);
+}
+
+.navbar {
+ overflow: hidden;
+ background-color: #262A2B;
+ position: sticky;
+ top: 0;
+ left: 0;
+ z-index: 999;
+ padding: 5px 60px 5px 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.navbar > .fa-arrow-left {
+ margin-right: 20px;
+}
+
+.navbar > * {
+ font-size: 17px;
+}
+
+.navbar > a,
+.navbar > i {
+ margin: 0 6px;
+ padding: 8px 8px;
+ text-decoration: none;
+ color: #f2f2f2;
+ cursor: pointer;
+}
+
+.navbar > input[type=text] {
+ margin-left: auto;
+ margin-right: 20px;
+}
+
+.navbar > a:hover,
+.navbar > i:hover {
+ background: #ddd;
+ color: black;
+}
+
+.main {
+ padding: 0;
+ margin: 16px;
+ color: #E8E6E3;
+}
+